🚨 Active Supply Chain Attack:node-ipc Package Compromised.Learn More →
Socket
Book a DemoSign in
Socket
Book a DemoSign in

@tanstack/devtools-ui

Package Overview
Dependencies
Maintainers
5
Versions
15
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@tanstack/devtools-ui - npm Package Compare versions

Comparing version
0.5.1
 to
0.5.2
+1
-1
dist/esm/components/button.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"button.js","names":["createMemo","clsx","useStyles","JSX","ButtonVariant","ButtonProps","ButtonHTMLAttributes","HTMLButtonElement","variant","outline","ghost","children","className","Button","props","styles","classes","button","base","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert"],"sources":["../../../src/components/button.tsx"],"sourcesContent":["import { createMemo } from 'solid-js'\nimport clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\n\n// types\nimport type { JSX } from 'solid-js'\n\nexport type ButtonVariant =\n | 'primary'\n | 'secondary'\n | 'danger'\n | 'success'\n | 'info'\n | 'warning'\ntype ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n variant?: ButtonVariant\n outline?: boolean\n ghost?: boolean\n children?: any\n className?: string\n}\nexport function Button(props: ButtonProps) {\n const styles = useStyles()\n\n const classes = createMemo(() => {\n const variant = props.variant || 'primary'\n return clsx(\n styles().button.base,\n styles().button.variant(variant, props.outline, props.ghost),\n props.className,\n )\n })\n\n return (\n <button {...props} class={classes()}>\n {props.children}\n </button>\n )\n}\n"],"mappings":";;;;;;AAqBA,SAAgBa,OAAOC,OAAoB;CACzC,MAAMC,SAASb,WAAW;CAE1B,MAAMc,UAAUhB,iBAAiB;EAC/B,MAAMQ,UAAUM,MAAMN,WAAW;AACjC,SAAOP,KACLc,QAAQ,CAACE,OAAOC,MAChBH,QAAQ,CAACE,OAAOT,QAAQA,SAASM,MAAML,SAASK,MAAMJ,MAAM,EAC5DI,MAAMF,UACP;GACD;AAEF,eAAA;EAAA,IAAAO,OAAAC,QAAA;AAAAC,SAAAF,MAAAG,WACcR,OAAK,EAAA,KAAA,WAAA;AAAA,UAASE,SAAS;KAAA,CAAA,EAAA,OAAA,KAAA;AAAAQ,SAAAL,YAChCL,MAAMH,SAAQ;AAAA,SAAAQ;KAAA"}
{"version":3,"file":"button.js","names":["createMemo","clsx","useStyles","JSX","ButtonVariant","ButtonProps","ButtonHTMLAttributes","HTMLButtonElement","variant","outline","ghost","children","className","Button","props","styles","classes","button","base","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert"],"sources":["../../../src/components/button.tsx"],"sourcesContent":["import { createMemo } from 'solid-js'\nimport clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\n\n// types\nimport type { JSX } from 'solid-js'\n\nexport type ButtonVariant =\n | 'primary'\n | 'secondary'\n | 'danger'\n | 'success'\n | 'info'\n | 'warning'\ntype ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n variant?: ButtonVariant\n outline?: boolean\n ghost?: boolean\n children?: any\n className?: string\n}\nexport function Button(props: ButtonProps) {\n const styles = useStyles()\n\n const classes = createMemo(() => {\n const variant = props.variant || 'primary'\n return clsx(\n styles().button.base,\n styles().button.variant(variant, props.outline, props.ghost),\n props.className,\n )\n })\n\n return (\n <button {...props} class={classes()}>\n {props.children}\n </button>\n )\n}\n"],"mappings":";;;;;;AAqBA,SAAgBa,OAAOC,OAAoB;CACzC,MAAMC,SAASb,WAAW;CAE1B,MAAMc,UAAUhB,iBAAiB;EAC/B,MAAMQ,UAAUM,MAAMN,WAAW;EACjC,OAAOP,KACLc,QAAQ,CAACE,OAAOC,MAChBH,QAAQ,CAACE,OAAOT,QAAQA,SAASM,MAAML,SAASK,MAAMJ,MAAM,EAC5DI,MAAMF,UACP;GACD;CAEF,cAAA;EAAA,IAAAO,OAAAC,QAAA;EAAAC,OAAAF,MAAAG,WACcR,OAAK,EAAA,KAAA,WAAA;GAAA,OAASE,SAAS;KAAA,CAAA,EAAA,OAAA,KAAA;EAAAQ,OAAAL,YAChCL,MAAMH,SAAQ;EAAA,OAAAQ;KAAA"}
+1
-1
dist/esm/components/checkbox.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"checkbox.js","names":["createSignal","useStyles","CheckboxProps","label","checked","onChange","description","Checkbox","props","styles","isChecked","setIsChecked","handleChange","e","Event","target","HTMLInputElement","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","$$input","_$insert","_c$","_$memo","_el$5","_tmpl$2","_$effect","_$className","checkboxLabel","_c$2","_el$6","checkboxDescription","_p$","_v$","checkboxContainer","_v$2","checkboxWrapper","_v$3","checkbox","_v$4","checkboxLabelContainer","t","a","o","undefined","_$delegateEvents"],"sources":["../../../src/components/checkbox.tsx"],"sourcesContent":["import { createSignal } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\n\ninterface CheckboxProps {\n label?: string\n checked?: boolean\n onChange?: (checked: boolean) => void\n description?: string\n}\n\nexport function Checkbox(props: CheckboxProps) {\n const styles = useStyles()\n const [isChecked, setIsChecked] = createSignal(props.checked || false)\n\n const handleChange = (e: Event) => {\n const checked = (e.target as HTMLInputElement).checked\n setIsChecked(checked)\n props.onChange?.(checked)\n }\n\n return (\n <div class={styles().checkboxContainer}>\n <label class={styles().checkboxWrapper}>\n <input\n type=\"checkbox\"\n checked={isChecked()}\n class={styles().checkbox}\n onInput={handleChange}\n />\n <div class={styles().checkboxLabelContainer}>\n {props.label && (\n <span class={styles().checkboxLabel}>{props.label}</span>\n )}\n {props.description && (\n <span class={styles().checkboxDescription}>\n {props.description}\n </span>\n )}\n </div>\n </label>\n </div>\n )\n}\n"],"mappings":";;;;;AAUA,SAAgBO,SAASC,OAAsB;CAC7C,MAAMC,SAASR,WAAW;CAC1B,MAAM,CAACS,WAAWC,gBAAgBX,aAAaQ,MAAMJ,WAAW,MAAM;CAEtE,MAAMQ,gBAAgBC,MAAa;EACjC,MAAMT,UAAWS,EAAEE,OAA4BX;AAC/CO,eAAaP,QAAQ;AACrBI,QAAMH,WAAWD,QAAQ;;AAG3B,eAAA;EAAA,IAAAa,OAAAC,QAAA,EAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAD,MAAAE;AAAAF,QAAAG,UAOiBZ;AAAYa,SAAAH,cAAA;GAAA,IAAAI,MAAAC,WAAA,CAAA,CAGpBnB,MAAML,MAAK;AAAA,gBAAXuB,KAAA,WAAA;IAAA,IAAAE,QAAAC,SAAA;AAAAJ,WAAAG,aACuCpB,MAAML,MAAK;AAAA2B,iBAAAC,UAAAH,OAApCnB,QAAQ,CAACuB,cAAa,CAAA;AAAA,WAAAJ;OACpC;MAAA,EAAA,KAAA;AAAAH,SAAAH,cAAA;GAAA,IAAAW,OAAAN,WAAA,CAAA,CACAnB,MAAMF,YAAW;AAAA,gBAAjB2B,MAAA,WAAA;IAAA,IAAAC,QAAAL,SAAA;AAAAJ,WAAAS,aAEI1B,MAAMF,YAAW;AAAAwB,iBAAAC,UAAAG,OADPzB,QAAQ,CAAC0B,oBAAmB,CAAA;AAAA,WAAAD;OAG1C;MAAA,EAAA,KAAA;AAAAJ,UAAAM,QAAA;GAAA,IAAAC,MAhBK5B,QAAQ,CAAC6B,mBAAiBC,OACtB9B,QAAQ,CAAC+B,iBAAeC,OAI3BhC,QAAQ,CAACiC,UAAQC,OAGdlC,QAAQ,CAACmC;AAAsBP,WAAAD,IAAAvB,KAAAkB,UAAAd,MAAAmB,IAAAvB,IAAAwB,IAAA;AAAAE,YAAAH,IAAAS,KAAAd,UAAAZ,OAAAiB,IAAAS,IAAAN,KAAA;AAAAE,YAAAL,IAAAU,KAAAf,UAAAV,OAAAe,IAAAU,IAAAL,KAAA;AAAAE,YAAAP,IAAAW,KAAAhB,UAAAT,OAAAc,IAAAW,IAAAJ,KAAA;AAAA,UAAAP;KAAA;GAAAvB,GAAAmC,KAAAA;GAAAH,GAAAG,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA;AAAAlB,eAAAT,MAAAjB,UAJhCM,WAAW,CAAA;AAAA,SAAAO;KAAA;;AAiB7BgC,eAAA,CAAA,QAAA,CAAA"}
{"version":3,"file":"checkbox.js","names":["createSignal","useStyles","CheckboxProps","label","checked","onChange","description","Checkbox","props","styles","isChecked","setIsChecked","handleChange","e","Event","target","HTMLInputElement","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","$$input","_$insert","_c$","_$memo","_el$5","_tmpl$2","_$effect","_$className","checkboxLabel","_c$2","_el$6","checkboxDescription","_p$","_v$","checkboxContainer","_v$2","checkboxWrapper","_v$3","checkbox","_v$4","checkboxLabelContainer","t","a","o","undefined","_$delegateEvents"],"sources":["../../../src/components/checkbox.tsx"],"sourcesContent":["import { createSignal } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\n\ninterface CheckboxProps {\n label?: string\n checked?: boolean\n onChange?: (checked: boolean) => void\n description?: string\n}\n\nexport function Checkbox(props: CheckboxProps) {\n const styles = useStyles()\n const [isChecked, setIsChecked] = createSignal(props.checked || false)\n\n const handleChange = (e: Event) => {\n const checked = (e.target as HTMLInputElement).checked\n setIsChecked(checked)\n props.onChange?.(checked)\n }\n\n return (\n <div class={styles().checkboxContainer}>\n <label class={styles().checkboxWrapper}>\n <input\n type=\"checkbox\"\n checked={isChecked()}\n class={styles().checkbox}\n onInput={handleChange}\n />\n <div class={styles().checkboxLabelContainer}>\n {props.label && (\n <span class={styles().checkboxLabel}>{props.label}</span>\n )}\n {props.description && (\n <span class={styles().checkboxDescription}>\n {props.description}\n </span>\n )}\n </div>\n </label>\n </div>\n )\n}\n"],"mappings":";;;;;AAUA,SAAgBO,SAASC,OAAsB;CAC7C,MAAMC,SAASR,WAAW;CAC1B,MAAM,CAACS,WAAWC,gBAAgBX,aAAaQ,MAAMJ,WAAW,MAAM;CAEtE,MAAMQ,gBAAgBC,MAAa;EACjC,MAAMT,UAAWS,EAAEE,OAA4BX;EAC/CO,aAAaP,QAAQ;EACrBI,MAAMH,WAAWD,QAAQ;;CAG3B,cAAA;EAAA,IAAAa,OAAAC,QAAA,EAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAD,MAAAE;EAAAF,MAAAG,UAOiBZ;EAAYa,OAAAH,cAAA;GAAA,IAAAI,MAAAC,WAAA,CAAA,CAGpBnB,MAAML,MAAK;GAAA,aAAXuB,KAAA,WAAA;IAAA,IAAAE,QAAAC,SAAA;IAAAJ,OAAAG,aACuCpB,MAAML,MAAK;IAAA2B,aAAAC,UAAAH,OAApCnB,QAAQ,CAACuB,cAAa,CAAA;IAAA,OAAAJ;OACpC;MAAA,EAAA,KAAA;EAAAH,OAAAH,cAAA;GAAA,IAAAW,OAAAN,WAAA,CAAA,CACAnB,MAAMF,YAAW;GAAA,aAAjB2B,MAAA,WAAA;IAAA,IAAAC,QAAAL,SAAA;IAAAJ,OAAAS,aAEI1B,MAAMF,YAAW;IAAAwB,aAAAC,UAAAG,OADPzB,QAAQ,CAAC0B,oBAAmB,CAAA;IAAA,OAAAD;OAG1C;MAAA,EAAA,KAAA;EAAAJ,QAAAM,QAAA;GAAA,IAAAC,MAhBK5B,QAAQ,CAAC6B,mBAAiBC,OACtB9B,QAAQ,CAAC+B,iBAAeC,OAI3BhC,QAAQ,CAACiC,UAAQC,OAGdlC,QAAQ,CAACmC;GAAsBP,QAAAD,IAAAvB,KAAAkB,UAAAd,MAAAmB,IAAAvB,IAAAwB,IAAA;GAAAE,SAAAH,IAAAS,KAAAd,UAAAZ,OAAAiB,IAAAS,IAAAN,KAAA;GAAAE,SAAAL,IAAAU,KAAAf,UAAAV,OAAAe,IAAAU,IAAAL,KAAA;GAAAE,SAAAP,IAAAW,KAAAhB,UAAAT,OAAAc,IAAAW,IAAAJ,KAAA;GAAA,OAAAP;KAAA;GAAAvB,GAAAmC,KAAAA;GAAAH,GAAAG,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA;EAAAlB,aAAAT,MAAAjB,UAJhCM,WAAW,CAAA;EAAA,OAAAO;KAAA;;AAiB7BgC,eAAA,CAAA,QAAA,CAAA"}
+1
-1
dist/esm/components/header.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"header.js","names":["clsx","useStyles","JSX","Header","children","class","className","rest","IntrinsicElements","styles","_el$","_tmpl$","_$spread","_$mergeProps","header","row","_$insert","HeaderLogo","flavor","onClick","Element","light","dark","EventHandler","HTMLButtonElement","MouseEvent","_el$2","_tmpl$2","_el$3","firstChild","_el$4","_el$5","nextSibling","_$addEventListener","_$effect","_p$","_v$","logoAndToggleContainer","_v$2","logo","_v$3","tanstackLogo","_v$4","flavorLogo","e","_$className","t","a","o","undefined","_$delegateEvents"],"sources":["../../../src/components/header.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\nimport type { JSX } from 'solid-js/jsx-runtime'\n\nexport function Header({\n children,\n class: className,\n ...rest\n}: JSX.IntrinsicElements['header']) {\n const styles = useStyles()\n return (\n <header\n class={clsx(styles().header.row, 'tsqd-header', className)}\n {...rest}\n >\n {children}\n </header>\n )\n}\n\nexport function HeaderLogo({\n children,\n flavor,\n onClick,\n}: {\n children: JSX.Element\n flavor: {\n light: string\n dark: string\n }\n onClick?: JSX.EventHandler<HTMLButtonElement, MouseEvent>\n}) {\n const styles = useStyles()\n return (\n <div class={styles().header.logoAndToggleContainer}>\n <button class={clsx(styles().header.logo)} onClick={onClick}>\n <span class={clsx(styles().header.tanstackLogo)}>TANSTACK</span>\n <span\n class={clsx(styles().header.flavorLogo(flavor.light, flavor.dark))}\n >\n {children}\n </span>\n </button>\n </div>\n )\n}\n"],"mappings":";;;;;AAIA,SAAgBG,OAAO,EACrBC,UACAC,OAAOC,WACP,GAAGC,QAC+B;CAClC,MAAME,SAASR,WAAW;AAC1B,eAAA;EAAA,IAAAS,OAAAC,QAAA;AAAAC,SAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;AAAA,UAEWb,KAAKS,QAAQ,CAACK,OAAOC,KAAK,eAAeT,UAAU;KAAA,EACtDC,KAAI,EAAA,OAAA,KAAA;AAAAS,SAAAN,MAEPN,SAAQ;AAAA,SAAAM;KAAA;;AAKf,SAAgBO,WAAW,EACzBb,UACAc,QACAC,WAQC;CACD,MAAMV,SAASR,WAAW;AAC1B,eAAA;EAAA,IAAAyB,QAAAC,SAAA,EAAAC,QAAAF,MAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAD,MAAAE;AAAAC,mBAAAL,OAAA,SAEwDT,SAAO,KAAA;AAAAH,SAAAe,OAKtD3B,SAAQ;AAAA8B,UAAAC,QAAA;GAAA,IAAAC,MANH3B,QAAQ,CAACK,OAAOuB,wBAAsBC,OACjCtC,KAAKS,QAAQ,CAACK,OAAOyB,KAAK,EAAAC,OAC1BxC,KAAKS,QAAQ,CAACK,OAAO2B,aAAa,EAAAC,OAEtC1C,KAAKS,QAAQ,CAACK,OAAO6B,WAAWzB,OAAOG,OAAOH,OAAOI,KAAK,CAAC;AAAAc,WAAAD,IAAAS,KAAAC,UAAAnB,OAAAS,IAAAS,IAAAR,IAAA;AAAAE,YAAAH,IAAAW,KAAAD,UAAAjB,OAAAO,IAAAW,IAAAR,KAAA;AAAAE,YAAAL,IAAAY,KAAAF,UAAAf,OAAAK,IAAAY,IAAAP,KAAA;AAAAE,YAAAP,IAAAa,KAAAH,UAAAd,OAAAI,IAAAa,IAAAN,KAAA;AAAA,UAAAP;KAAA;GAAAS,GAAAK,KAAAA;GAAAH,GAAAG,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA;AAAA,SAAAvB;KAAA;;AAO3EwB,eAAA,CAAA,QAAA,CAAA"}
{"version":3,"file":"header.js","names":["clsx","useStyles","JSX","Header","children","class","className","rest","IntrinsicElements","styles","_el$","_tmpl$","_$spread","_$mergeProps","header","row","_$insert","HeaderLogo","flavor","onClick","Element","light","dark","EventHandler","HTMLButtonElement","MouseEvent","_el$2","_tmpl$2","_el$3","firstChild","_el$4","_el$5","nextSibling","_$addEventListener","_$effect","_p$","_v$","logoAndToggleContainer","_v$2","logo","_v$3","tanstackLogo","_v$4","flavorLogo","e","_$className","t","a","o","undefined","_$delegateEvents"],"sources":["../../../src/components/header.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\nimport type { JSX } from 'solid-js/jsx-runtime'\n\nexport function Header({\n children,\n class: className,\n ...rest\n}: JSX.IntrinsicElements['header']) {\n const styles = useStyles()\n return (\n <header\n class={clsx(styles().header.row, 'tsqd-header', className)}\n {...rest}\n >\n {children}\n </header>\n )\n}\n\nexport function HeaderLogo({\n children,\n flavor,\n onClick,\n}: {\n children: JSX.Element\n flavor: {\n light: string\n dark: string\n }\n onClick?: JSX.EventHandler<HTMLButtonElement, MouseEvent>\n}) {\n const styles = useStyles()\n return (\n <div class={styles().header.logoAndToggleContainer}>\n <button class={clsx(styles().header.logo)} onClick={onClick}>\n <span class={clsx(styles().header.tanstackLogo)}>TANSTACK</span>\n <span\n class={clsx(styles().header.flavorLogo(flavor.light, flavor.dark))}\n >\n {children}\n </span>\n </button>\n </div>\n )\n}\n"],"mappings":";;;;;AAIA,SAAgBG,OAAO,EACrBC,UACAC,OAAOC,WACP,GAAGC,QAC+B;CAClC,MAAME,SAASR,WAAW;CAC1B,cAAA;EAAA,IAAAS,OAAAC,QAAA;EAAAC,OAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;GAAA,OAEWb,KAAKS,QAAQ,CAACK,OAAOC,KAAK,eAAeT,UAAU;KAAA,EACtDC,KAAI,EAAA,OAAA,KAAA;EAAAS,OAAAN,MAEPN,SAAQ;EAAA,OAAAM;KAAA;;AAKf,SAAgBO,WAAW,EACzBb,UACAc,QACAC,WAQC;CACD,MAAMV,SAASR,WAAW;CAC1B,cAAA;EAAA,IAAAyB,QAAAC,SAAA,EAAAC,QAAAF,MAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAD,MAAAE;EAAAC,iBAAAL,OAAA,SAEwDT,SAAO,KAAA;EAAAH,OAAAe,OAKtD3B,SAAQ;EAAA8B,QAAAC,QAAA;GAAA,IAAAC,MANH3B,QAAQ,CAACK,OAAOuB,wBAAsBC,OACjCtC,KAAKS,QAAQ,CAACK,OAAOyB,KAAK,EAAAC,OAC1BxC,KAAKS,QAAQ,CAACK,OAAO2B,aAAa,EAAAC,OAEtC1C,KAAKS,QAAQ,CAACK,OAAO6B,WAAWzB,OAAOG,OAAOH,OAAOI,KAAK,CAAC;GAAAc,QAAAD,IAAAS,KAAAC,UAAAnB,OAAAS,IAAAS,IAAAR,IAAA;GAAAE,SAAAH,IAAAW,KAAAD,UAAAjB,OAAAO,IAAAW,IAAAR,KAAA;GAAAE,SAAAL,IAAAY,KAAAF,UAAAf,OAAAK,IAAAY,IAAAP,KAAA;GAAAE,SAAAP,IAAAa,KAAAH,UAAAd,OAAAI,IAAAa,IAAAN,KAAA;GAAA,OAAAP;KAAA;GAAAS,GAAAK,KAAAA;GAAAH,GAAAG,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA;EAAA,OAAAvB;KAAA;;AAO3EwB,eAAA,CAAA,QAAA,CAAA"}
+1
-1
dist/esm/components/icons.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"icons.js","names":["TanStackDevtoolsTheme","Copier","_tmpl$","List","_tmpl$2","PageSearch","_tmpl$3","Cogs","_tmpl$4","SettingsCog","_tmpl$5","Keyboard","_tmpl$6","GeoTag","_tmpl$7","SocialBubble","Link","_tmpl$8","X","_tmpl$9","PackageIcon","_tmpl$0","CheckCircleIcon","_tmpl$1","XCircleIcon","_tmpl$10","ChevronDownIcon","_tmpl$11","SearchIcon","_tmpl$12","ExternalLinkIcon","_tmpl$13","SettingsIcon","_tmpl$14","CloseIcon","_tmpl$15","PiP","_tmpl$16","CopiedCopier","props","theme","_el$18","_tmpl$17","_el$19","firstChild","_$effect","_$setAttribute","ErrorCopier","_tmpl$18"],"sources":["../../../src/components/icons.tsx"],"sourcesContent":["// import { Show, createUniqueId } from 'solid-js'\n\nimport type { TanStackDevtoolsTheme } from './theme'\n\n/* export function Search() {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 14 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13 13L9.00007 9M10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z\"\n stroke=\"currentColor\"\n stroke-width=\"1.66667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function Trash() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9 3H15M3 6H21M19 6L18.2987 16.5193C18.1935 18.0975 18.1409 18.8867 17.8 19.485C17.4999 20.0118 17.0472 20.4353 16.5017 20.6997C15.882 21 15.0911 21 13.5093 21H10.4907C8.90891 21 8.11803 21 7.49834 20.6997C6.95276 20.4353 6.50009 20.0118 6.19998 19.485C5.85911 18.8867 5.8065 18.0975 5.70129 16.5193L5 6M10 10.5V15.5M14 10.5V15.5\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n} */\n/*\nexport function ChevronDown() {\n return (\n <svg\n width=\"10\"\n height=\"6\"\n viewBox=\"0 0 10 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1 1L5 5L9 1\"\n stroke=\"currentColor\"\n stroke-width=\"1.66667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ArrowUp() {\n return (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 13.3333V2.66667M8 2.66667L4 6.66667M8 2.66667L12 6.66667\"\n stroke=\"currentColor\"\n stroke-width=\"1.66667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ArrowDown() {\n return (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 2.66667V13.3333M8 13.3333L4 9.33333M8 13.3333L12 9.33333\"\n stroke=\"currentColor\"\n stroke-width=\"1.66667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ArrowLeft() {\n return (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{\n transform: 'rotate(90deg)',\n }}\n >\n <path\n d=\"M8 2.66667V13.3333M8 13.3333L4 9.33333M8 13.3333L12 9.33333\"\n stroke=\"currentColor\"\n stroke-width=\"1.66667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ArrowRight() {\n return (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{\n transform: 'rotate(-90deg)',\n }}\n >\n <path\n d=\"M8 2.66667V13.3333M8 13.3333L4 9.33333M8 13.3333L12 9.33333\"\n stroke=\"currentColor\"\n stroke-width=\"1.66667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function Sun() {\n return (\n <svg\n viewBox=\"0 0 24 24\"\n height=\"12\"\n width=\"12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12 2v2m0 16v2M4 12H2m4.314-5.686L4.9 4.9m12.786 1.414L19.1 4.9M6.314 17.69 4.9 19.104m12.786-1.414 1.414 1.414M22 12h-2m-3 0a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n ></path>\n </svg>\n )\n}\n\nexport function Moon() {\n return (\n <svg\n viewBox=\"0 0 24 24\"\n height=\"12\"\n width=\"12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M22 15.844a10.424 10.424 0 0 1-4.306.925c-5.779 0-10.463-4.684-10.463-10.462 0-1.536.33-2.994.925-4.307A10.464 10.464 0 0 0 2 11.538C2 17.316 6.684 22 12.462 22c4.243 0 7.896-2.526 9.538-6.156Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n ></path>\n </svg>\n )\n}\n\nexport function Monitor() {\n return (\n <svg\n viewBox=\"0 0 24 24\"\n height=\"12\"\n width=\"12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 21h8m-4-4v4m-5.2-4h10.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C22 14.72 22 13.88 22 12.2V7.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C19.72 3 18.88 3 17.2 3H6.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C2 5.28 2 6.12 2 7.8v4.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C4.28 17 5.12 17 6.8 17Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n ></path>\n </svg>\n )\n}\n\nexport function Wifi() {\n return (\n <svg\n stroke=\"currentColor\"\n fill=\"currentColor\"\n stroke-width=\"0\"\n viewBox=\"0 0 24 24\"\n height=\"1em\"\n width=\"1em\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path fill=\"none\" d=\"M0 0h24v24H0z\"></path>\n <path d=\"M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3a4.237 4.237 0 00-6 0zm-4-4l2 2a7.074 7.074 0 0110 0l2-2C15.14 9.14 8.87 9.14 5 13z\"></path>\n </svg>\n )\n}\n\nexport function Offline() {\n return (\n <svg\n stroke-width=\"0\"\n viewBox=\"0 0 24 24\"\n height=\"1em\"\n width=\"1em\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill=\"none\"\n d=\"M24 .01c0-.01 0-.01 0 0L0 0v24h24V.01zM0 0h24v24H0V0zm0 0h24v24H0V0z\"\n ></path>\n <path d=\"M22.99 9C19.15 5.16 13.8 3.76 8.84 4.78l2.52 2.52c3.47-.17 6.99 1.05 9.63 3.7l2-2zm-4 4a9.793 9.793 0 00-4.49-2.56l3.53 3.53.96-.97zM2 3.05L5.07 6.1C3.6 6.82 2.22 7.78 1 9l1.99 2c1.24-1.24 2.67-2.16 4.2-2.77l2.24 2.24A9.684 9.684 0 005 13v.01L6.99 15a7.042 7.042 0 014.92-2.06L18.98 20l1.27-1.26L3.29 1.79 2 3.05zM9 17l3 3 3-3a4.237 4.237 0 00-6 0z\"></path>\n </svg>\n )\n} */\n\n/* export function Settings() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9.3951 19.3711L9.97955 20.6856C10.1533 21.0768 10.4368 21.4093 10.7958 21.6426C11.1547 21.8759 11.5737 22.0001 12.0018 22C12.4299 22.0001 12.8488 21.8759 13.2078 21.6426C13.5667 21.4093 13.8503 21.0768 14.024 20.6856L14.6084 19.3711C14.8165 18.9047 15.1664 18.5159 15.6084 18.26C16.0532 18.0034 16.5678 17.8941 17.0784 17.9478L18.5084 18.1C18.9341 18.145 19.3637 18.0656 19.7451 17.8713C20.1265 17.6771 20.4434 17.3763 20.6573 17.0056C20.8715 16.635 20.9735 16.2103 20.9511 15.7829C20.9286 15.3555 20.7825 14.9438 20.5307 14.5978L19.684 13.4344C19.3825 13.0171 19.2214 12.5148 19.224 12C19.2239 11.4866 19.3865 10.9864 19.6884 10.5711L20.5351 9.40778C20.787 9.06175 20.933 8.65007 20.9555 8.22267C20.978 7.79528 20.8759 7.37054 20.6618 7C20.4479 6.62923 20.131 6.32849 19.7496 6.13423C19.3681 5.93997 18.9386 5.86053 18.5129 5.90556L17.0829 6.05778C16.5722 6.11141 16.0577 6.00212 15.6129 5.74556C15.17 5.48825 14.82 5.09736 14.6129 4.62889L14.024 3.31444C13.8503 2.92317 13.5667 2.59072 13.2078 2.3574C12.8488 2.12408 12.4299 1.99993 12.0018 2C11.5737 1.99993 11.1547 2.12408 10.7958 2.3574C10.4368 2.59072 10.1533 2.92317 9.97955 3.31444L9.3951 4.62889C9.18803 5.09736 8.83798 5.48825 8.3951 5.74556C7.95032 6.00212 7.43577 6.11141 6.9251 6.05778L5.49066 5.90556C5.06499 5.86053 4.6354 5.93997 4.25397 6.13423C3.87255 6.32849 3.55567 6.62923 3.34177 7C3.12759 7.37054 3.02555 7.79528 3.04804 8.22267C3.07052 8.65007 3.21656 9.06175 3.46844 9.40778L4.3151 10.5711C4.61704 10.9864 4.77964 11.4866 4.77955 12C4.77964 12.5134 4.61704 13.0137 4.3151 13.4289L3.46844 14.5922C3.21656 14.9382 3.07052 15.3499 3.04804 15.7773C3.02555 16.2047 3.12759 16.6295 3.34177 17C3.55589 17.3706 3.8728 17.6712 4.25417 17.8654C4.63554 18.0596 5.06502 18.1392 5.49066 18.0944L6.92066 17.9422C7.43133 17.8886 7.94587 17.9979 8.39066 18.2544C8.83519 18.511 9.18687 18.902 9.3951 19.3711Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M12 15C13.6568 15 15 13.6569 15 12C15 10.3431 13.6568 9 12 9C10.3431 9 8.99998 10.3431 8.99998 12C8.99998 13.6569 10.3431 15 12 15Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n} */\n\nexport function Copier() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n class=\"copier\"\n d=\"M8 8V5.2C8 4.0799 8 3.51984 8.21799 3.09202C8.40973 2.71569 8.71569 2.40973 9.09202 2.21799C9.51984 2 10.0799 2 11.2 2H18.8C19.9201 2 20.4802 2 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C22 3.51984 22 4.0799 22 5.2V12.8C22 13.9201 22 14.4802 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.4802 16 19.9201 16 18.8 16H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke=\"currentColor\"\n />\n </svg>\n )\n}\n\nexport function List() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M8 6h10\" />\n <path d=\"M6 12h9\" />\n <path d=\"M11 18h7\" />\n </svg>\n )\n}\n\nexport function PageSearch() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n class=\"lucide lucide-file-search2-icon lucide-file-search-2\"\n >\n <path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\" />\n <path d=\"M14 2v4a2 2 0 0 0 2 2h4\" />\n <circle cx=\"11.5\" cy=\"14.5\" r=\"2.5\" />\n <path d=\"M13.3 16.3 15 18\" />\n </svg>\n )\n}\n\nexport function Cogs() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\" />\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" />\n <path d=\"M12 2v2\" />\n <path d=\"M12 22v-2\" />\n <path d=\"m17 20.66-1-1.73\" />\n <path d=\"M11 10.27 7 3.34\" />\n <path d=\"m20.66 17-1.73-1\" />\n <path d=\"m3.34 7 1.73 1\" />\n <path d=\"M14 12h8\" />\n <path d=\"M2 12h2\" />\n <path d=\"m20.66 7-1.73 1\" />\n <path d=\"m3.34 17 1.73-1\" />\n <path d=\"m17 3.34-1 1.73\" />\n <path d=\"m11 13.73-4 6.93\" />\n </svg>\n )\n}\n\nexport function SettingsCog() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"m10 9-3 3 3 3\" />\n <path d=\"m14 15 3-3-3-3\" />\n <path d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\" />\n </svg>\n )\n}\n\nexport function Keyboard() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M10 8h.01\" />\n <path d=\"M12 12h.01\" />\n <path d=\"M14 8h.01\" />\n <path d=\"M16 12h.01\" />\n <path d=\"M18 8h.01\" />\n <path d=\"M6 8h.01\" />\n <path d=\"M7 16h10\" />\n <path d=\"M8 12h.01\" />\n <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\" />\n </svg>\n )\n}\n\nexport function GeoTag() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\" />\n <circle cx=\"12\" cy=\"10\" r=\"3\" />\n </svg>\n )\n}\n\nexport function SocialBubble() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"m10 9-3 3 3 3\" />\n <path d=\"m14 15 3-3-3-3\" />\n <path d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\" />\n </svg>\n )\n}\n\nexport function Link() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M9 17H7A5 5 0 0 1 7 7h2\" />\n <path d=\"M15 7h2a5 5 0 1 1 0 10h-2\" />\n <line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\" />\n </svg>\n )\n}\n/*\n\nexport function Pencil() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2.5 21.4998L8.04927 19.3655C8.40421 19.229 8.58168 19.1607 8.74772 19.0716C8.8952 18.9924 9.0358 18.901 9.16804 18.7984C9.31692 18.6829 9.45137 18.5484 9.72028 18.2795L21 6.99982C22.1046 5.89525 22.1046 4.10438 21 2.99981C19.8955 1.89525 18.1046 1.89524 17 2.99981L5.72028 14.2795C5.45138 14.5484 5.31692 14.6829 5.20139 14.8318C5.09877 14.964 5.0074 15.1046 4.92823 15.2521C4.83911 15.4181 4.77085 15.5956 4.63433 15.9506L2.5 21.4998ZM2.5 21.4998L4.55812 16.1488C4.7054 15.7659 4.77903 15.5744 4.90534 15.4867C5.01572 15.4101 5.1523 15.3811 5.2843 15.4063C5.43533 15.4351 5.58038 15.5802 5.87048 15.8703L8.12957 18.1294C8.41967 18.4195 8.56472 18.5645 8.59356 18.7155C8.61877 18.8475 8.58979 18.9841 8.51314 19.0945C8.42545 19.2208 8.23399 19.2944 7.85107 19.4417L2.5 21.4998Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n} */\n\nexport function X() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n )\n}\n\nexport function PackageIcon() {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.5 9.39999L7.5 4.20999M12 17.5L12 3M21 16V7.99999C20.9996 7.64926 20.9071 7.30481 20.7315 7.00116C20.556 6.69751 20.3037 6.44536 20 6.26999L13 2.26999C12.696 2.09446 12.3511 2.00204 12 2.00204C11.6489 2.00204 11.304 2.09446 11 2.26999L4 6.26999C3.69626 6.44536 3.44398 6.69751 3.26846 7.00116C3.09294 7.30481 3.00036 7.64926 3 7.99999V16C3.00036 16.3507 3.09294 16.6952 3.26846 16.9988C3.44398 17.3025 3.69626 17.5546 4 17.73L11 21.73C11.304 21.9055 11.6489 21.998 12 21.998C12.3511 21.998 12.696 21.9055 13 21.73L20 17.73C20.3037 17.5546 20.556 17.3025 20.7315 16.9988C20.9071 16.6952 20.9996 16.3507 21 16Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function CheckCircleIcon() {\n return (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.7088 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.76489 14.1003 1.98232 16.07 2.85999M22 4L12 14.01L9 11.01\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function XCircleIcon() {\n return (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ChevronDownIcon() {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6 9L12 15L18 9\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function SearchIcon() {\n return (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ExternalLinkIcon() {\n return (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21 13V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H11M15 3H21M21 3V9M21 3L10 14\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function SettingsIcon() {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31074 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81312 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80618 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31074 4.6 9C4.73312 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81312 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80618 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73312 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function CloseIcon() {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18 6L6 18M6 6L18 18\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function PiP() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M2 10h6V4\" />\n <path d=\"m2 4 6 6\" />\n <path d=\"M21 10V7a2 2 0 0 0-2-2h-7\" />\n <path d=\"M3 14v2a2 2 0 0 0 2 2h3\" />\n <rect x=\"12\" y=\"14\" width=\"10\" height=\"7\" rx=\"1\" />\n </svg>\n )\n}\n\nexport function CopiedCopier(props: { theme: TanStackDevtoolsTheme }) {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M7.5 12L10.5 15L16.5 9M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z\"\n stroke={props.theme === 'dark' ? '#12B76A' : '#027A48'}\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ErrorCopier() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9 9L15 15M15 9L9 15M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z\"\n stroke=\"#F04438\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n/*\nexport function List() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect class=\"list\" width=\"20\" height=\"20\" y=\"2\" x=\"2\" rx=\"2\" />\n <line class=\"list-item\" y1=\"7\" y2=\"7\" x1=\"6\" x2=\"18\" />\n <line class=\"list-item\" y2=\"12\" y1=\"12\" x1=\"6\" x2=\"18\" />\n <line class=\"list-item\" y1=\"17\" y2=\"17\" x1=\"6\" x2=\"18\" />\n </svg>\n )\n}\n\nexport function Check(props: { checked: boolean; theme: TanStackDevtoolsTheme }) {\n return (\n <>\n <Show when={props.checked}>\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M7.5 12L10.5 15L16.5 9M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z\"\n stroke={props.theme === 'dark' ? '#9B8AFB' : '#6938EF'}\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </Show>\n <Show when={!props.checked}>\n <svg\n viewBox=\"0 0 24 24\"\n height=\"20\"\n width=\"20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3 7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C5.28 3 6.12 3 7.8 3h8.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C21 5.28 21 6.12 21 7.8v8.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 18.72 3 17.88 3 16.2V7.8Z\"\n stroke={props.theme === 'dark' ? '#9B8AFB' : '#6938EF'}\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n ></path>\n </svg>\n </Show>\n </>\n )\n}\n\nexport function CheckCircle() {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M7.5 12L10.5 15L16.5 9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function LoadingCircle() {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12 2V6M12 18V22M6 12H2M22 12H18M19.0784 19.0784L16.25 16.25M19.0784 4.99994L16.25 7.82837M4.92157 19.0784L7.75 16.25M4.92157 4.99994L7.75 7.82837\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <animateTransform\n attributeName=\"transform\"\n attributeType=\"XML\"\n type=\"rotate\"\n from=\"0\"\n to=\"360\"\n dur=\"2s\"\n repeatCount=\"indefinite\"\n />\n </svg>\n )\n}\n\nexport function XCircle() {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function PauseCircle() {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9.5 15V9M14.5 15V9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n} */\n/*\nexport function TanstackLogo() {\n const id = createUniqueId()\n return (\n <svg version=\"1.0\" viewBox=\"0 0 633 633\">\n <linearGradient\n id={`a-${id}`}\n x1=\"-666.45\"\n x2=\"-666.45\"\n y1=\"163.28\"\n y2=\"163.99\"\n gradientTransform=\"matrix(633 0 0 633 422177 -103358)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#6BDAFF\" offset=\"0\" />\n <stop stop-color=\"#F9FFB5\" offset=\".32\" />\n <stop stop-color=\"#FFA770\" offset=\".71\" />\n <stop stop-color=\"#FF7373\" offset=\"1\" />\n </linearGradient>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill={`url(#a-${id})`} />\n\n <defs>\n <filter\n id={`am-${id}`}\n x=\"-137.5\"\n y=\"412\"\n width=\"454\"\n height=\"396.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`b-${id}`}\n x=\"-137.5\"\n y=\"412\"\n width=\"454\"\n height=\"396.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#am-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#b-${id})`}>\n <ellipse\n cx=\"89.5\"\n cy=\"610.5\"\n rx=\"214.5\"\n ry=\"186\"\n fill=\"#015064\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n />\n </g>\n <defs>\n <filter\n id={`ah-${id}`}\n x=\"316.5\"\n y=\"412\"\n width=\"454\"\n height=\"396.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`k-${id}`}\n x=\"316.5\"\n y=\"412\"\n width=\"454\"\n height=\"396.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#ah-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#k-${id})`}>\n <ellipse\n cx=\"543.5\"\n cy=\"610.5\"\n rx=\"214.5\"\n ry=\"186\"\n fill=\"#015064\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n />\n </g>\n <defs>\n <filter\n id={`ae-${id}`}\n x=\"-137.5\"\n y=\"450\"\n width=\"454\"\n height=\"396.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`j-${id}`}\n x=\"-137.5\"\n y=\"450\"\n width=\"454\"\n height=\"396.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#ae-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#j-${id})`}>\n <ellipse\n cx=\"89.5\"\n cy=\"648.5\"\n rx=\"214.5\"\n ry=\"186\"\n fill=\"#015064\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n />\n </g>\n <defs>\n <filter\n id={`ai-${id}`}\n x=\"316.5\"\n y=\"450\"\n width=\"454\"\n height=\"396.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`i-${id}`}\n x=\"316.5\"\n y=\"450\"\n width=\"454\"\n height=\"396.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#ai-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#i-${id})`}>\n <ellipse\n cx=\"543.5\"\n cy=\"648.5\"\n rx=\"214.5\"\n ry=\"186\"\n fill=\"#015064\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n />\n </g>\n <defs>\n <filter\n id={`aj-${id}`}\n x=\"-137.5\"\n y=\"486\"\n width=\"454\"\n height=\"396.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`h-${id}`}\n x=\"-137.5\"\n y=\"486\"\n width=\"454\"\n height=\"396.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#aj-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#h-${id})`}>\n <ellipse\n cx=\"89.5\"\n cy=\"684.5\"\n rx=\"214.5\"\n ry=\"186\"\n fill=\"#015064\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n />\n </g>\n <defs>\n <filter\n id={`ag-${id}`}\n x=\"316.5\"\n y=\"486\"\n width=\"454\"\n height=\"396.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`g-${id}`}\n x=\"316.5\"\n y=\"486\"\n width=\"454\"\n height=\"396.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#ag-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#g-${id})`}>\n <ellipse\n cx=\"543.5\"\n cy=\"684.5\"\n rx=\"214.5\"\n ry=\"186\"\n fill=\"#015064\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n />\n </g>\n <defs>\n <filter\n id={`af-${id}`}\n x=\"272.2\"\n y=\"308\"\n width=\"176.9\"\n height=\"129.3\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`f-${id}`}\n x=\"272.2\"\n y=\"308\"\n width=\"176.9\"\n height=\"129.3\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#af-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#f-${id})`}>\n <line\n x1=\"436\"\n x2=\"431\"\n y1=\"403.2\"\n y2=\"431.8\"\n fill=\"none\"\n stroke=\"#000\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"11\"\n />\n\n <line\n x1=\"291\"\n x2=\"280\"\n y1=\"341.5\"\n y2=\"403.5\"\n fill=\"none\"\n stroke=\"#000\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"11\"\n />\n\n <line\n x1=\"332.9\"\n x2=\"328.6\"\n y1=\"384.1\"\n y2=\"411.2\"\n fill=\"none\"\n stroke=\"#000\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"11\"\n />\n\n <linearGradient\n id={`m-${id}`}\n x1=\"-670.75\"\n x2=\"-671.59\"\n y1=\"164.4\"\n y2=\"164.49\"\n gradientTransform=\"matrix(-184.16 -32.472 -11.461 64.997 -121359 -32126)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#EE2700\" offset=\"0\" />\n <stop stop-color=\"#FF008E\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m344.1 363 97.7 17.2c5.8 2.1 8.2 6.1 7.1 12.1s-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1 0.8-12.8s8.3-4.4 13.7-2.1l55.2 53.6z\"\n clip-rule=\"evenodd\"\n fill={`url(#m-${id})`}\n fill-rule=\"evenodd\"\n />\n\n <line\n x1=\"428.2\"\n x2=\"429.1\"\n y1=\"384.5\"\n y2=\"378\"\n fill=\"none\"\n stroke=\"#fff\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n />\n\n <line\n x1=\"395.2\"\n x2=\"396.1\"\n y1=\"379.5\"\n y2=\"373\"\n fill=\"none\"\n stroke=\"#fff\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n />\n\n <line\n x1=\"362.2\"\n x2=\"363.1\"\n y1=\"373.5\"\n y2=\"367.4\"\n fill=\"none\"\n stroke=\"#fff\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n />\n\n <line\n x1=\"324.2\"\n x2=\"328.4\"\n y1=\"351.3\"\n y2=\"347.4\"\n fill=\"none\"\n stroke=\"#fff\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n />\n\n <line\n x1=\"303.2\"\n x2=\"307.4\"\n y1=\"331.3\"\n y2=\"327.4\"\n fill=\"none\"\n stroke=\"#fff\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n />\n </g>\n <defs>\n <filter\n id={`ak-${id}`}\n x=\"73.2\"\n y=\"113.8\"\n width=\"280.6\"\n height=\"317.4\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`e-${id}`}\n x=\"73.2\"\n y=\"113.8\"\n width=\"280.6\"\n height=\"317.4\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#ak-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#e-${id})`}>\n <linearGradient\n id={`n-${id}`}\n x1=\"-672.16\"\n x2=\"-672.16\"\n y1=\"165.03\"\n y2=\"166.03\"\n gradientTransform=\"matrix(-100.18 48.861 97.976 200.88 -83342 -93.059)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#A17500\" offset=\"0\" />\n <stop stop-color=\"#5D2100\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.1-3 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6s-10.8-51.9-22.1-99.6l-25.3 4.6\"\n clip-rule=\"evenodd\"\n fill={`url(#n-${id})`}\n fill-rule=\"evenodd\"\n />\n <g stroke=\"#2F8A00\">\n <linearGradient\n id={`r-${id}`}\n x1=\"-660.23\"\n x2=\"-660.23\"\n y1=\"166.72\"\n y2=\"167.72\"\n gradientTransform=\"matrix(92.683 4.8573 -2.0259 38.657 61680 -3088.6)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#2F8A00\" offset=\"0\" />\n <stop stop-color=\"#90FF57\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z\"\n clip-rule=\"evenodd\"\n fill={`url(#r-${id})`}\n fill-rule=\"evenodd\"\n stroke-width=\"13\"\n />\n\n <linearGradient\n id={`s-${id}`}\n x1=\"-661.36\"\n x2=\"-661.36\"\n y1=\"164.18\"\n y2=\"165.18\"\n gradientTransform=\"matrix(110 5.7648 -6.3599 121.35 73933 -15933)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#2F8A00\" offset=\"0\" />\n <stop stop-color=\"#90FF57\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.4 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20.2 49.6-53.2 49.6-53.2z\"\n clip-rule=\"evenodd\"\n fill={`url(#s-${id})`}\n fill-rule=\"evenodd\"\n stroke-width=\"13\"\n />\n\n <linearGradient\n id={`q-${id}`}\n x1=\"-656.79\"\n x2=\"-656.79\"\n y1=\"165.15\"\n y2=\"166.15\"\n gradientTransform=\"matrix(62.954 3.2993 -3.5023 66.828 42156 -8754.1)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#2F8A00\" offset=\"0\" />\n <stop stop-color=\"#90FF57\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m195 183.9c-0.8-21.9 6-38 20.6-48.2s29.8-15.4 45.5-15.3c-6.1 21.4-14.5 35.8-25.2 43.4s-24.4 14.2-40.9 20.1z\"\n clip-rule=\"evenodd\"\n fill={`url(#q-${id})`}\n fill-rule=\"evenodd\"\n stroke-width=\"13\"\n />\n\n <linearGradient\n id={`p-${id}`}\n x1=\"-663.07\"\n x2=\"-663.07\"\n y1=\"165.44\"\n y2=\"166.44\"\n gradientTransform=\"matrix(152.47 7.9907 -3.0936 59.029 101884 -4318.7)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#2F8A00\" offset=\"0\" />\n <stop stop-color=\"#90FF57\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m194.9 184.5c31.9-30 64.1-39.7 96.7-29s50.8 30.4 54.6 59.1c-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z\"\n clip-rule=\"evenodd\"\n fill={`url(#p-${id})`}\n fill-rule=\"evenodd\"\n stroke-width=\"13\"\n />\n\n <linearGradient\n id={`o-${id}`}\n x1=\"-662.57\"\n x2=\"-662.57\"\n y1=\"164.44\"\n y2=\"165.44\"\n gradientTransform=\"matrix(136.46 7.1517 -5.2163 99.533 91536 -11442)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#2F8A00\" offset=\"0\" />\n <stop stop-color=\"#90FF57\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m194.9 184.5c35.8-7.6 65.6-0.2 89.2 22s37.7 49 42.3 80.3c-39.8-9.7-68.3-23.8-85.5-42.4s-32.5-38.5-46-59.9z\"\n clip-rule=\"evenodd\"\n fill={`url(#o-${id})`}\n fill-rule=\"evenodd\"\n stroke-width=\"13\"\n />\n\n <linearGradient\n id={`l-${id}`}\n x1=\"-656.43\"\n x2=\"-656.43\"\n y1=\"163.86\"\n y2=\"164.86\"\n gradientTransform=\"matrix(60.866 3.1899 -8.7773 167.48 41560 -25168)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#2F8A00\" offset=\"0\" />\n <stop stop-color=\"#90FF57\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6s-3.6 63.1 8.7 99.6c27.4-40.3 43.2-69.6 47.4-88s5.6-44.1 4-77.2z\"\n clip-rule=\"evenodd\"\n fill={`url(#l-${id})`}\n fill-rule=\"evenodd\"\n stroke-width=\"13\"\n />\n <path\n d=\"m196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4s-9.5 33-11.1 45.1\"\n fill=\"none\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n />\n <path\n d=\"m194.9 185.7c-24.4 1.7-43.8 9-58.1 21.8s-24.7 25.4-31.3 37.8\"\n fill=\"none\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n />\n <path\n d=\"m204.5 176.4c29.7-6.7 52-8.4 67-5.1s26.9 8.6 35.8 15.9\"\n fill=\"none\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n />\n <path\n d=\"m196.5 181.4c20.3 9.9 38.2 20.5 53.9 31.9s27.4 22.1 35.1 32\"\n fill=\"none\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n />\n </g>\n </g>\n <defs>\n <filter\n id={`al-${id}`}\n x=\"50.5\"\n y=\"399\"\n width=\"532\"\n height=\"633\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`d-${id}`}\n x=\"50.5\"\n y=\"399\"\n width=\"532\"\n height=\"633\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#al-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#d-${id})`}>\n <linearGradient\n id={`u-${id}`}\n x1=\"-666.06\"\n x2=\"-666.23\"\n y1=\"163.36\"\n y2=\"163.75\"\n gradientTransform=\"matrix(532 0 0 633 354760 -102959)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFF400\" offset=\"0\" />\n <stop stop-color=\"#3C8700\" offset=\"1\" />\n </linearGradient>\n\n <ellipse\n cx=\"316.5\"\n cy=\"715.5\"\n rx=\"266\"\n ry=\"316.5\"\n fill={`url(#u-${id})`}\n />\n </g>\n <defs>\n <filter\n id={`ad-${id}`}\n x=\"391\"\n y=\"-24\"\n width=\"288\"\n height=\"283\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`c-${id}`}\n x=\"391\"\n y=\"-24\"\n width=\"288\"\n height=\"283\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#ad-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#c-${id})`}>\n <linearGradient\n id={`t-${id}`}\n x1=\"-664.56\"\n x2=\"-664.56\"\n y1=\"163.79\"\n y2=\"164.79\"\n gradientTransform=\"matrix(227 0 0 227 151421 -37204)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFDF00\" offset=\"0\" />\n <stop stop-color=\"#FF9D00\" offset=\"1\" />\n </linearGradient>\n <circle cx=\"565.5\" cy=\"89.5\" r=\"113.5\" fill={`url(#t-${id})`} />\n\n <linearGradient\n id={`v-${id}`}\n x1=\"-644.5\"\n x2=\"-645.77\"\n y1=\"342\"\n y2=\"342\"\n gradientTransform=\"matrix(30 0 0 1 19770 -253)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"427\"\n x2=\"397\"\n y1=\"89\"\n y2=\"89\"\n fill=\"none\"\n stroke={`url(#v-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`aa-${id}`}\n x1=\"-641.56\"\n x2=\"-642.83\"\n y1=\"196.02\"\n y2=\"196.07\"\n gradientTransform=\"matrix(26.5 0 0 5.5 17439 -1025.5)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"430.5\"\n x2=\"404\"\n y1=\"55.5\"\n y2=\"50\"\n fill=\"none\"\n stroke={`url(#aa-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`w-${id}`}\n x1=\"-643.73\"\n x2=\"-645\"\n y1=\"185.83\"\n y2=\"185.9\"\n gradientTransform=\"matrix(29 0 0 8 19107 -1361)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"431\"\n x2=\"402\"\n y1=\"122\"\n y2=\"130\"\n fill=\"none\"\n stroke={`url(#w-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`ac-${id}`}\n x1=\"-638.94\"\n x2=\"-640.22\"\n y1=\"177.09\"\n y2=\"177.39\"\n gradientTransform=\"matrix(24 0 0 13 15783 -2145)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"442\"\n x2=\"418\"\n y1=\"153\"\n y2=\"166\"\n fill=\"none\"\n stroke={`url(#ac-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`ab-${id}`}\n x1=\"-633.42\"\n x2=\"-634.7\"\n y1=\"172.41\"\n y2=\"173.31\"\n gradientTransform=\"matrix(20 0 0 19 13137 -3096)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"464\"\n x2=\"444\"\n y1=\"180\"\n y2=\"199\"\n fill=\"none\"\n stroke={`url(#ab-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`y-${id}`}\n x1=\"-619.05\"\n x2=\"-619.52\"\n y1=\"170.82\"\n y2=\"171.82\"\n gradientTransform=\"matrix(13.83 0 0 22.85 9050 -3703.4)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"491.4\"\n x2=\"477.5\"\n y1=\"203\"\n y2=\"225.9\"\n fill=\"none\"\n stroke={`url(#y-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`x-${id}`}\n x1=\"-578.5\"\n x2=\"-578.63\"\n y1=\"170.31\"\n y2=\"171.31\"\n gradientTransform=\"matrix(7.5 0 0 24.5 4860 -3953)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"524.5\"\n x2=\"517\"\n y1=\"219.5\"\n y2=\"244\"\n fill=\"none\"\n stroke={`url(#x-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`z-${id}`}\n x1=\"666.5\"\n x2=\"666.5\"\n y1=\"170.31\"\n y2=\"171.31\"\n gradientTransform=\"matrix(.5 0 0 24.5 231.5 -3944)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"564.5\"\n x2=\"565\"\n y1=\"228.5\"\n y2=\"253\"\n fill=\"none\"\n stroke={`url(#z-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n </g>\n </svg>\n )\n}\n */\n"],"mappings":";;;AAgRA,SAAgBC,SAAS;AACvB,QAAAC,QAAA;;AAoBF,SAAgBC,OAAO;AACrB,QAAAC,SAAA;;AAmBF,SAAgBC,aAAa;AAC3B,QAAAC,SAAA;;AAqBF,SAAgBC,OAAO;AACrB,QAAAC,SAAA;;AA8BF,SAAgBC,cAAc;AAC5B,QAAAC,SAAA;;AAmBF,SAAgBC,WAAW;AACzB,QAAAC,SAAA;;AAyBF,SAAgBC,SAAS;AACvB,QAAAC,SAAA;;AAkBF,SAAgBC,eAAe;AAC7B,QAAAL,SAAA;;AAmBF,SAAgBM,OAAO;AACrB,QAAAC,SAAA;;AAwCF,SAAgBC,IAAI;AAClB,QAAAC,SAAA;;AAkBF,SAAgBC,cAAc;AAC5B,QAAAC,SAAA;;AAmBF,SAAgBC,kBAAkB;AAChC,QAAAC,SAAA;;AAmBF,SAAgBC,cAAc;AAC5B,QAAAC,UAAA;;AAmBF,SAAgBC,kBAAkB;AAChC,QAAAC,UAAA;;AAmBF,SAAgBC,aAAa;AAC3B,QAAAC,UAAA;;AAmBF,SAAgBC,mBAAmB;AACjC,QAAAC,UAAA;;AAmBF,SAAgBC,eAAe;AAC7B,QAAAC,UAAA;;AA0BF,SAAgBC,YAAY;AAC1B,QAAAC,UAAA;;AAmBF,SAAgBC,MAAM;AACpB,QAAAC,UAAA;;AAqBF,SAAgBC,aAAaC,OAAyC;AACpE,eAAA;EAAA,IAAAE,SAAAC,UAAA,EAAAC,SAAAF,OAAAG;AAAAC,eAAAC,aAAAH,QAAA,UAUcJ,MAAMC,UAAU,SAAS,YAAY,UAAS,CAAA;AAAA,SAAAC;KAAA;;AAS9D,SAAgBM,cAAc;AAC5B,QAAAC,UAAA"}
{"version":3,"file":"icons.js","names":["TanStackDevtoolsTheme","Copier","_tmpl$","List","_tmpl$2","PageSearch","_tmpl$3","Cogs","_tmpl$4","SettingsCog","_tmpl$5","Keyboard","_tmpl$6","GeoTag","_tmpl$7","SocialBubble","Link","_tmpl$8","X","_tmpl$9","PackageIcon","_tmpl$0","CheckCircleIcon","_tmpl$1","XCircleIcon","_tmpl$10","ChevronDownIcon","_tmpl$11","SearchIcon","_tmpl$12","ExternalLinkIcon","_tmpl$13","SettingsIcon","_tmpl$14","CloseIcon","_tmpl$15","PiP","_tmpl$16","CopiedCopier","props","theme","_el$18","_tmpl$17","_el$19","firstChild","_$effect","_$setAttribute","ErrorCopier","_tmpl$18"],"sources":["../../../src/components/icons.tsx"],"sourcesContent":["// import { Show, createUniqueId } from 'solid-js'\n\nimport type { TanStackDevtoolsTheme } from './theme'\n\n/* export function Search() {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 14 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13 13L9.00007 9M10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z\"\n stroke=\"currentColor\"\n stroke-width=\"1.66667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function Trash() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9 3H15M3 6H21M19 6L18.2987 16.5193C18.1935 18.0975 18.1409 18.8867 17.8 19.485C17.4999 20.0118 17.0472 20.4353 16.5017 20.6997C15.882 21 15.0911 21 13.5093 21H10.4907C8.90891 21 8.11803 21 7.49834 20.6997C6.95276 20.4353 6.50009 20.0118 6.19998 19.485C5.85911 18.8867 5.8065 18.0975 5.70129 16.5193L5 6M10 10.5V15.5M14 10.5V15.5\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n} */\n/*\nexport function ChevronDown() {\n return (\n <svg\n width=\"10\"\n height=\"6\"\n viewBox=\"0 0 10 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1 1L5 5L9 1\"\n stroke=\"currentColor\"\n stroke-width=\"1.66667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ArrowUp() {\n return (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 13.3333V2.66667M8 2.66667L4 6.66667M8 2.66667L12 6.66667\"\n stroke=\"currentColor\"\n stroke-width=\"1.66667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ArrowDown() {\n return (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 2.66667V13.3333M8 13.3333L4 9.33333M8 13.3333L12 9.33333\"\n stroke=\"currentColor\"\n stroke-width=\"1.66667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ArrowLeft() {\n return (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{\n transform: 'rotate(90deg)',\n }}\n >\n <path\n d=\"M8 2.66667V13.3333M8 13.3333L4 9.33333M8 13.3333L12 9.33333\"\n stroke=\"currentColor\"\n stroke-width=\"1.66667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ArrowRight() {\n return (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{\n transform: 'rotate(-90deg)',\n }}\n >\n <path\n d=\"M8 2.66667V13.3333M8 13.3333L4 9.33333M8 13.3333L12 9.33333\"\n stroke=\"currentColor\"\n stroke-width=\"1.66667\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function Sun() {\n return (\n <svg\n viewBox=\"0 0 24 24\"\n height=\"12\"\n width=\"12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12 2v2m0 16v2M4 12H2m4.314-5.686L4.9 4.9m12.786 1.414L19.1 4.9M6.314 17.69 4.9 19.104m12.786-1.414 1.414 1.414M22 12h-2m-3 0a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n ></path>\n </svg>\n )\n}\n\nexport function Moon() {\n return (\n <svg\n viewBox=\"0 0 24 24\"\n height=\"12\"\n width=\"12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M22 15.844a10.424 10.424 0 0 1-4.306.925c-5.779 0-10.463-4.684-10.463-10.462 0-1.536.33-2.994.925-4.307A10.464 10.464 0 0 0 2 11.538C2 17.316 6.684 22 12.462 22c4.243 0 7.896-2.526 9.538-6.156Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n ></path>\n </svg>\n )\n}\n\nexport function Monitor() {\n return (\n <svg\n viewBox=\"0 0 24 24\"\n height=\"12\"\n width=\"12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 21h8m-4-4v4m-5.2-4h10.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C22 14.72 22 13.88 22 12.2V7.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C19.72 3 18.88 3 17.2 3H6.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C2 5.28 2 6.12 2 7.8v4.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C4.28 17 5.12 17 6.8 17Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n ></path>\n </svg>\n )\n}\n\nexport function Wifi() {\n return (\n <svg\n stroke=\"currentColor\"\n fill=\"currentColor\"\n stroke-width=\"0\"\n viewBox=\"0 0 24 24\"\n height=\"1em\"\n width=\"1em\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path fill=\"none\" d=\"M0 0h24v24H0z\"></path>\n <path d=\"M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3a4.237 4.237 0 00-6 0zm-4-4l2 2a7.074 7.074 0 0110 0l2-2C15.14 9.14 8.87 9.14 5 13z\"></path>\n </svg>\n )\n}\n\nexport function Offline() {\n return (\n <svg\n stroke-width=\"0\"\n viewBox=\"0 0 24 24\"\n height=\"1em\"\n width=\"1em\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill=\"none\"\n d=\"M24 .01c0-.01 0-.01 0 0L0 0v24h24V.01zM0 0h24v24H0V0zm0 0h24v24H0V0z\"\n ></path>\n <path d=\"M22.99 9C19.15 5.16 13.8 3.76 8.84 4.78l2.52 2.52c3.47-.17 6.99 1.05 9.63 3.7l2-2zm-4 4a9.793 9.793 0 00-4.49-2.56l3.53 3.53.96-.97zM2 3.05L5.07 6.1C3.6 6.82 2.22 7.78 1 9l1.99 2c1.24-1.24 2.67-2.16 4.2-2.77l2.24 2.24A9.684 9.684 0 005 13v.01L6.99 15a7.042 7.042 0 014.92-2.06L18.98 20l1.27-1.26L3.29 1.79 2 3.05zM9 17l3 3 3-3a4.237 4.237 0 00-6 0z\"></path>\n </svg>\n )\n} */\n\n/* export function Settings() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9.3951 19.3711L9.97955 20.6856C10.1533 21.0768 10.4368 21.4093 10.7958 21.6426C11.1547 21.8759 11.5737 22.0001 12.0018 22C12.4299 22.0001 12.8488 21.8759 13.2078 21.6426C13.5667 21.4093 13.8503 21.0768 14.024 20.6856L14.6084 19.3711C14.8165 18.9047 15.1664 18.5159 15.6084 18.26C16.0532 18.0034 16.5678 17.8941 17.0784 17.9478L18.5084 18.1C18.9341 18.145 19.3637 18.0656 19.7451 17.8713C20.1265 17.6771 20.4434 17.3763 20.6573 17.0056C20.8715 16.635 20.9735 16.2103 20.9511 15.7829C20.9286 15.3555 20.7825 14.9438 20.5307 14.5978L19.684 13.4344C19.3825 13.0171 19.2214 12.5148 19.224 12C19.2239 11.4866 19.3865 10.9864 19.6884 10.5711L20.5351 9.40778C20.787 9.06175 20.933 8.65007 20.9555 8.22267C20.978 7.79528 20.8759 7.37054 20.6618 7C20.4479 6.62923 20.131 6.32849 19.7496 6.13423C19.3681 5.93997 18.9386 5.86053 18.5129 5.90556L17.0829 6.05778C16.5722 6.11141 16.0577 6.00212 15.6129 5.74556C15.17 5.48825 14.82 5.09736 14.6129 4.62889L14.024 3.31444C13.8503 2.92317 13.5667 2.59072 13.2078 2.3574C12.8488 2.12408 12.4299 1.99993 12.0018 2C11.5737 1.99993 11.1547 2.12408 10.7958 2.3574C10.4368 2.59072 10.1533 2.92317 9.97955 3.31444L9.3951 4.62889C9.18803 5.09736 8.83798 5.48825 8.3951 5.74556C7.95032 6.00212 7.43577 6.11141 6.9251 6.05778L5.49066 5.90556C5.06499 5.86053 4.6354 5.93997 4.25397 6.13423C3.87255 6.32849 3.55567 6.62923 3.34177 7C3.12759 7.37054 3.02555 7.79528 3.04804 8.22267C3.07052 8.65007 3.21656 9.06175 3.46844 9.40778L4.3151 10.5711C4.61704 10.9864 4.77964 11.4866 4.77955 12C4.77964 12.5134 4.61704 13.0137 4.3151 13.4289L3.46844 14.5922C3.21656 14.9382 3.07052 15.3499 3.04804 15.7773C3.02555 16.2047 3.12759 16.6295 3.34177 17C3.55589 17.3706 3.8728 17.6712 4.25417 17.8654C4.63554 18.0596 5.06502 18.1392 5.49066 18.0944L6.92066 17.9422C7.43133 17.8886 7.94587 17.9979 8.39066 18.2544C8.83519 18.511 9.18687 18.902 9.3951 19.3711Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M12 15C13.6568 15 15 13.6569 15 12C15 10.3431 13.6568 9 12 9C10.3431 9 8.99998 10.3431 8.99998 12C8.99998 13.6569 10.3431 15 12 15Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n} */\n\nexport function Copier() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n class=\"copier\"\n d=\"M8 8V5.2C8 4.0799 8 3.51984 8.21799 3.09202C8.40973 2.71569 8.71569 2.40973 9.09202 2.21799C9.51984 2 10.0799 2 11.2 2H18.8C19.9201 2 20.4802 2 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C22 3.51984 22 4.0799 22 5.2V12.8C22 13.9201 22 14.4802 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.4802 16 19.9201 16 18.8 16H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke=\"currentColor\"\n />\n </svg>\n )\n}\n\nexport function List() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M8 6h10\" />\n <path d=\"M6 12h9\" />\n <path d=\"M11 18h7\" />\n </svg>\n )\n}\n\nexport function PageSearch() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n class=\"lucide lucide-file-search2-icon lucide-file-search-2\"\n >\n <path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\" />\n <path d=\"M14 2v4a2 2 0 0 0 2 2h4\" />\n <circle cx=\"11.5\" cy=\"14.5\" r=\"2.5\" />\n <path d=\"M13.3 16.3 15 18\" />\n </svg>\n )\n}\n\nexport function Cogs() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\" />\n <path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" />\n <path d=\"M12 2v2\" />\n <path d=\"M12 22v-2\" />\n <path d=\"m17 20.66-1-1.73\" />\n <path d=\"M11 10.27 7 3.34\" />\n <path d=\"m20.66 17-1.73-1\" />\n <path d=\"m3.34 7 1.73 1\" />\n <path d=\"M14 12h8\" />\n <path d=\"M2 12h2\" />\n <path d=\"m20.66 7-1.73 1\" />\n <path d=\"m3.34 17 1.73-1\" />\n <path d=\"m17 3.34-1 1.73\" />\n <path d=\"m11 13.73-4 6.93\" />\n </svg>\n )\n}\n\nexport function SettingsCog() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"m10 9-3 3 3 3\" />\n <path d=\"m14 15 3-3-3-3\" />\n <path d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\" />\n </svg>\n )\n}\n\nexport function Keyboard() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M10 8h.01\" />\n <path d=\"M12 12h.01\" />\n <path d=\"M14 8h.01\" />\n <path d=\"M16 12h.01\" />\n <path d=\"M18 8h.01\" />\n <path d=\"M6 8h.01\" />\n <path d=\"M7 16h10\" />\n <path d=\"M8 12h.01\" />\n <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\" />\n </svg>\n )\n}\n\nexport function GeoTag() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\" />\n <circle cx=\"12\" cy=\"10\" r=\"3\" />\n </svg>\n )\n}\n\nexport function SocialBubble() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"m10 9-3 3 3 3\" />\n <path d=\"m14 15 3-3-3-3\" />\n <path d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\" />\n </svg>\n )\n}\n\nexport function Link() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M9 17H7A5 5 0 0 1 7 7h2\" />\n <path d=\"M15 7h2a5 5 0 1 1 0 10h-2\" />\n <line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\" />\n </svg>\n )\n}\n/*\n\nexport function Pencil() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2.5 21.4998L8.04927 19.3655C8.40421 19.229 8.58168 19.1607 8.74772 19.0716C8.8952 18.9924 9.0358 18.901 9.16804 18.7984C9.31692 18.6829 9.45137 18.5484 9.72028 18.2795L21 6.99982C22.1046 5.89525 22.1046 4.10438 21 2.99981C19.8955 1.89525 18.1046 1.89524 17 2.99981L5.72028 14.2795C5.45138 14.5484 5.31692 14.6829 5.20139 14.8318C5.09877 14.964 5.0074 15.1046 4.92823 15.2521C4.83911 15.4181 4.77085 15.5956 4.63433 15.9506L2.5 21.4998ZM2.5 21.4998L4.55812 16.1488C4.7054 15.7659 4.77903 15.5744 4.90534 15.4867C5.01572 15.4101 5.1523 15.3811 5.2843 15.4063C5.43533 15.4351 5.58038 15.5802 5.87048 15.8703L8.12957 18.1294C8.41967 18.4195 8.56472 18.5645 8.59356 18.7155C8.61877 18.8475 8.58979 18.9841 8.51314 19.0945C8.42545 19.2208 8.23399 19.2944 7.85107 19.4417L2.5 21.4998Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n} */\n\nexport function X() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n )\n}\n\nexport function PackageIcon() {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16.5 9.39999L7.5 4.20999M12 17.5L12 3M21 16V7.99999C20.9996 7.64926 20.9071 7.30481 20.7315 7.00116C20.556 6.69751 20.3037 6.44536 20 6.26999L13 2.26999C12.696 2.09446 12.3511 2.00204 12 2.00204C11.6489 2.00204 11.304 2.09446 11 2.26999L4 6.26999C3.69626 6.44536 3.44398 6.69751 3.26846 7.00116C3.09294 7.30481 3.00036 7.64926 3 7.99999V16C3.00036 16.3507 3.09294 16.6952 3.26846 16.9988C3.44398 17.3025 3.69626 17.5546 4 17.73L11 21.73C11.304 21.9055 11.6489 21.998 12 21.998C12.3511 21.998 12.696 21.9055 13 21.73L20 17.73C20.3037 17.5546 20.556 17.3025 20.7315 16.9988C20.9071 16.6952 20.9996 16.3507 21 16Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function CheckCircleIcon() {\n return (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.7088 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.76489 14.1003 1.98232 16.07 2.85999M22 4L12 14.01L9 11.01\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function XCircleIcon() {\n return (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ChevronDownIcon() {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6 9L12 15L18 9\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function SearchIcon() {\n return (\n <svg\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ExternalLinkIcon() {\n return (\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21 13V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H11M15 3H21M21 3V9M21 3L10 14\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function SettingsIcon() {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31074 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81312 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80618 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31074 4.6 9C4.73312 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81312 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80618 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73312 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function CloseIcon() {\n return (\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18 6L6 18M6 6L18 18\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function PiP() {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M2 10h6V4\" />\n <path d=\"m2 4 6 6\" />\n <path d=\"M21 10V7a2 2 0 0 0-2-2h-7\" />\n <path d=\"M3 14v2a2 2 0 0 0 2 2h3\" />\n <rect x=\"12\" y=\"14\" width=\"10\" height=\"7\" rx=\"1\" />\n </svg>\n )\n}\n\nexport function CopiedCopier(props: { theme: TanStackDevtoolsTheme }) {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M7.5 12L10.5 15L16.5 9M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z\"\n stroke={props.theme === 'dark' ? '#12B76A' : '#027A48'}\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function ErrorCopier() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9 9L15 15M15 9L9 15M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z\"\n stroke=\"#F04438\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n/*\nexport function List() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect class=\"list\" width=\"20\" height=\"20\" y=\"2\" x=\"2\" rx=\"2\" />\n <line class=\"list-item\" y1=\"7\" y2=\"7\" x1=\"6\" x2=\"18\" />\n <line class=\"list-item\" y2=\"12\" y1=\"12\" x1=\"6\" x2=\"18\" />\n <line class=\"list-item\" y1=\"17\" y2=\"17\" x1=\"6\" x2=\"18\" />\n </svg>\n )\n}\n\nexport function Check(props: { checked: boolean; theme: TanStackDevtoolsTheme }) {\n return (\n <>\n <Show when={props.checked}>\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M7.5 12L10.5 15L16.5 9M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z\"\n stroke={props.theme === 'dark' ? '#9B8AFB' : '#6938EF'}\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </Show>\n <Show when={!props.checked}>\n <svg\n viewBox=\"0 0 24 24\"\n height=\"20\"\n width=\"20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3 7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C5.28 3 6.12 3 7.8 3h8.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C21 5.28 21 6.12 21 7.8v8.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 18.72 3 17.88 3 16.2V7.8Z\"\n stroke={props.theme === 'dark' ? '#9B8AFB' : '#6938EF'}\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n ></path>\n </svg>\n </Show>\n </>\n )\n}\n\nexport function CheckCircle() {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M7.5 12L10.5 15L16.5 9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function LoadingCircle() {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12 2V6M12 18V22M6 12H2M22 12H18M19.0784 19.0784L16.25 16.25M19.0784 4.99994L16.25 7.82837M4.92157 19.0784L7.75 16.25M4.92157 4.99994L7.75 7.82837\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <animateTransform\n attributeName=\"transform\"\n attributeType=\"XML\"\n type=\"rotate\"\n from=\"0\"\n to=\"360\"\n dur=\"2s\"\n repeatCount=\"indefinite\"\n />\n </svg>\n )\n}\n\nexport function XCircle() {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n}\n\nexport function PauseCircle() {\n return (\n <svg\n width=\"14\"\n height=\"14\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M9.5 15V9M14.5 15V9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n )\n} */\n/*\nexport function TanstackLogo() {\n const id = createUniqueId()\n return (\n <svg version=\"1.0\" viewBox=\"0 0 633 633\">\n <linearGradient\n id={`a-${id}`}\n x1=\"-666.45\"\n x2=\"-666.45\"\n y1=\"163.28\"\n y2=\"163.99\"\n gradientTransform=\"matrix(633 0 0 633 422177 -103358)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#6BDAFF\" offset=\"0\" />\n <stop stop-color=\"#F9FFB5\" offset=\".32\" />\n <stop stop-color=\"#FFA770\" offset=\".71\" />\n <stop stop-color=\"#FF7373\" offset=\"1\" />\n </linearGradient>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill={`url(#a-${id})`} />\n\n <defs>\n <filter\n id={`am-${id}`}\n x=\"-137.5\"\n y=\"412\"\n width=\"454\"\n height=\"396.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`b-${id}`}\n x=\"-137.5\"\n y=\"412\"\n width=\"454\"\n height=\"396.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#am-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#b-${id})`}>\n <ellipse\n cx=\"89.5\"\n cy=\"610.5\"\n rx=\"214.5\"\n ry=\"186\"\n fill=\"#015064\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n />\n </g>\n <defs>\n <filter\n id={`ah-${id}`}\n x=\"316.5\"\n y=\"412\"\n width=\"454\"\n height=\"396.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`k-${id}`}\n x=\"316.5\"\n y=\"412\"\n width=\"454\"\n height=\"396.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#ah-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#k-${id})`}>\n <ellipse\n cx=\"543.5\"\n cy=\"610.5\"\n rx=\"214.5\"\n ry=\"186\"\n fill=\"#015064\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n />\n </g>\n <defs>\n <filter\n id={`ae-${id}`}\n x=\"-137.5\"\n y=\"450\"\n width=\"454\"\n height=\"396.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`j-${id}`}\n x=\"-137.5\"\n y=\"450\"\n width=\"454\"\n height=\"396.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#ae-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#j-${id})`}>\n <ellipse\n cx=\"89.5\"\n cy=\"648.5\"\n rx=\"214.5\"\n ry=\"186\"\n fill=\"#015064\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n />\n </g>\n <defs>\n <filter\n id={`ai-${id}`}\n x=\"316.5\"\n y=\"450\"\n width=\"454\"\n height=\"396.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`i-${id}`}\n x=\"316.5\"\n y=\"450\"\n width=\"454\"\n height=\"396.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#ai-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#i-${id})`}>\n <ellipse\n cx=\"543.5\"\n cy=\"648.5\"\n rx=\"214.5\"\n ry=\"186\"\n fill=\"#015064\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n />\n </g>\n <defs>\n <filter\n id={`aj-${id}`}\n x=\"-137.5\"\n y=\"486\"\n width=\"454\"\n height=\"396.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`h-${id}`}\n x=\"-137.5\"\n y=\"486\"\n width=\"454\"\n height=\"396.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#aj-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#h-${id})`}>\n <ellipse\n cx=\"89.5\"\n cy=\"684.5\"\n rx=\"214.5\"\n ry=\"186\"\n fill=\"#015064\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n />\n </g>\n <defs>\n <filter\n id={`ag-${id}`}\n x=\"316.5\"\n y=\"486\"\n width=\"454\"\n height=\"396.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`g-${id}`}\n x=\"316.5\"\n y=\"486\"\n width=\"454\"\n height=\"396.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#ag-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#g-${id})`}>\n <ellipse\n cx=\"543.5\"\n cy=\"684.5\"\n rx=\"214.5\"\n ry=\"186\"\n fill=\"#015064\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n />\n </g>\n <defs>\n <filter\n id={`af-${id}`}\n x=\"272.2\"\n y=\"308\"\n width=\"176.9\"\n height=\"129.3\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`f-${id}`}\n x=\"272.2\"\n y=\"308\"\n width=\"176.9\"\n height=\"129.3\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#af-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#f-${id})`}>\n <line\n x1=\"436\"\n x2=\"431\"\n y1=\"403.2\"\n y2=\"431.8\"\n fill=\"none\"\n stroke=\"#000\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"11\"\n />\n\n <line\n x1=\"291\"\n x2=\"280\"\n y1=\"341.5\"\n y2=\"403.5\"\n fill=\"none\"\n stroke=\"#000\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"11\"\n />\n\n <line\n x1=\"332.9\"\n x2=\"328.6\"\n y1=\"384.1\"\n y2=\"411.2\"\n fill=\"none\"\n stroke=\"#000\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"11\"\n />\n\n <linearGradient\n id={`m-${id}`}\n x1=\"-670.75\"\n x2=\"-671.59\"\n y1=\"164.4\"\n y2=\"164.49\"\n gradientTransform=\"matrix(-184.16 -32.472 -11.461 64.997 -121359 -32126)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#EE2700\" offset=\"0\" />\n <stop stop-color=\"#FF008E\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m344.1 363 97.7 17.2c5.8 2.1 8.2 6.1 7.1 12.1s-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1 0.8-12.8s8.3-4.4 13.7-2.1l55.2 53.6z\"\n clip-rule=\"evenodd\"\n fill={`url(#m-${id})`}\n fill-rule=\"evenodd\"\n />\n\n <line\n x1=\"428.2\"\n x2=\"429.1\"\n y1=\"384.5\"\n y2=\"378\"\n fill=\"none\"\n stroke=\"#fff\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n />\n\n <line\n x1=\"395.2\"\n x2=\"396.1\"\n y1=\"379.5\"\n y2=\"373\"\n fill=\"none\"\n stroke=\"#fff\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n />\n\n <line\n x1=\"362.2\"\n x2=\"363.1\"\n y1=\"373.5\"\n y2=\"367.4\"\n fill=\"none\"\n stroke=\"#fff\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n />\n\n <line\n x1=\"324.2\"\n x2=\"328.4\"\n y1=\"351.3\"\n y2=\"347.4\"\n fill=\"none\"\n stroke=\"#fff\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n />\n\n <line\n x1=\"303.2\"\n x2=\"307.4\"\n y1=\"331.3\"\n y2=\"327.4\"\n fill=\"none\"\n stroke=\"#fff\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n />\n </g>\n <defs>\n <filter\n id={`ak-${id}`}\n x=\"73.2\"\n y=\"113.8\"\n width=\"280.6\"\n height=\"317.4\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`e-${id}`}\n x=\"73.2\"\n y=\"113.8\"\n width=\"280.6\"\n height=\"317.4\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#ak-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#e-${id})`}>\n <linearGradient\n id={`n-${id}`}\n x1=\"-672.16\"\n x2=\"-672.16\"\n y1=\"165.03\"\n y2=\"166.03\"\n gradientTransform=\"matrix(-100.18 48.861 97.976 200.88 -83342 -93.059)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#A17500\" offset=\"0\" />\n <stop stop-color=\"#5D2100\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.1-3 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6s-10.8-51.9-22.1-99.6l-25.3 4.6\"\n clip-rule=\"evenodd\"\n fill={`url(#n-${id})`}\n fill-rule=\"evenodd\"\n />\n <g stroke=\"#2F8A00\">\n <linearGradient\n id={`r-${id}`}\n x1=\"-660.23\"\n x2=\"-660.23\"\n y1=\"166.72\"\n y2=\"167.72\"\n gradientTransform=\"matrix(92.683 4.8573 -2.0259 38.657 61680 -3088.6)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#2F8A00\" offset=\"0\" />\n <stop stop-color=\"#90FF57\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z\"\n clip-rule=\"evenodd\"\n fill={`url(#r-${id})`}\n fill-rule=\"evenodd\"\n stroke-width=\"13\"\n />\n\n <linearGradient\n id={`s-${id}`}\n x1=\"-661.36\"\n x2=\"-661.36\"\n y1=\"164.18\"\n y2=\"165.18\"\n gradientTransform=\"matrix(110 5.7648 -6.3599 121.35 73933 -15933)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#2F8A00\" offset=\"0\" />\n <stop stop-color=\"#90FF57\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.4 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20.2 49.6-53.2 49.6-53.2z\"\n clip-rule=\"evenodd\"\n fill={`url(#s-${id})`}\n fill-rule=\"evenodd\"\n stroke-width=\"13\"\n />\n\n <linearGradient\n id={`q-${id}`}\n x1=\"-656.79\"\n x2=\"-656.79\"\n y1=\"165.15\"\n y2=\"166.15\"\n gradientTransform=\"matrix(62.954 3.2993 -3.5023 66.828 42156 -8754.1)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#2F8A00\" offset=\"0\" />\n <stop stop-color=\"#90FF57\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m195 183.9c-0.8-21.9 6-38 20.6-48.2s29.8-15.4 45.5-15.3c-6.1 21.4-14.5 35.8-25.2 43.4s-24.4 14.2-40.9 20.1z\"\n clip-rule=\"evenodd\"\n fill={`url(#q-${id})`}\n fill-rule=\"evenodd\"\n stroke-width=\"13\"\n />\n\n <linearGradient\n id={`p-${id}`}\n x1=\"-663.07\"\n x2=\"-663.07\"\n y1=\"165.44\"\n y2=\"166.44\"\n gradientTransform=\"matrix(152.47 7.9907 -3.0936 59.029 101884 -4318.7)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#2F8A00\" offset=\"0\" />\n <stop stop-color=\"#90FF57\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m194.9 184.5c31.9-30 64.1-39.7 96.7-29s50.8 30.4 54.6 59.1c-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z\"\n clip-rule=\"evenodd\"\n fill={`url(#p-${id})`}\n fill-rule=\"evenodd\"\n stroke-width=\"13\"\n />\n\n <linearGradient\n id={`o-${id}`}\n x1=\"-662.57\"\n x2=\"-662.57\"\n y1=\"164.44\"\n y2=\"165.44\"\n gradientTransform=\"matrix(136.46 7.1517 -5.2163 99.533 91536 -11442)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#2F8A00\" offset=\"0\" />\n <stop stop-color=\"#90FF57\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m194.9 184.5c35.8-7.6 65.6-0.2 89.2 22s37.7 49 42.3 80.3c-39.8-9.7-68.3-23.8-85.5-42.4s-32.5-38.5-46-59.9z\"\n clip-rule=\"evenodd\"\n fill={`url(#o-${id})`}\n fill-rule=\"evenodd\"\n stroke-width=\"13\"\n />\n\n <linearGradient\n id={`l-${id}`}\n x1=\"-656.43\"\n x2=\"-656.43\"\n y1=\"163.86\"\n y2=\"164.86\"\n gradientTransform=\"matrix(60.866 3.1899 -8.7773 167.48 41560 -25168)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#2F8A00\" offset=\"0\" />\n <stop stop-color=\"#90FF57\" offset=\"1\" />\n </linearGradient>\n\n <path\n d=\"m194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6s-3.6 63.1 8.7 99.6c27.4-40.3 43.2-69.6 47.4-88s5.6-44.1 4-77.2z\"\n clip-rule=\"evenodd\"\n fill={`url(#l-${id})`}\n fill-rule=\"evenodd\"\n stroke-width=\"13\"\n />\n <path\n d=\"m196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4s-9.5 33-11.1 45.1\"\n fill=\"none\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n />\n <path\n d=\"m194.9 185.7c-24.4 1.7-43.8 9-58.1 21.8s-24.7 25.4-31.3 37.8\"\n fill=\"none\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n />\n <path\n d=\"m204.5 176.4c29.7-6.7 52-8.4 67-5.1s26.9 8.6 35.8 15.9\"\n fill=\"none\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n />\n <path\n d=\"m196.5 181.4c20.3 9.9 38.2 20.5 53.9 31.9s27.4 22.1 35.1 32\"\n fill=\"none\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n />\n </g>\n </g>\n <defs>\n <filter\n id={`al-${id}`}\n x=\"50.5\"\n y=\"399\"\n width=\"532\"\n height=\"633\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`d-${id}`}\n x=\"50.5\"\n y=\"399\"\n width=\"532\"\n height=\"633\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#al-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#d-${id})`}>\n <linearGradient\n id={`u-${id}`}\n x1=\"-666.06\"\n x2=\"-666.23\"\n y1=\"163.36\"\n y2=\"163.75\"\n gradientTransform=\"matrix(532 0 0 633 354760 -102959)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFF400\" offset=\"0\" />\n <stop stop-color=\"#3C8700\" offset=\"1\" />\n </linearGradient>\n\n <ellipse\n cx=\"316.5\"\n cy=\"715.5\"\n rx=\"266\"\n ry=\"316.5\"\n fill={`url(#u-${id})`}\n />\n </g>\n <defs>\n <filter\n id={`ad-${id}`}\n x=\"391\"\n y=\"-24\"\n width=\"288\"\n height=\"283\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\" />\n </filter>\n </defs>\n\n <mask\n id={`c-${id}`}\n x=\"391\"\n y=\"-24\"\n width=\"288\"\n height=\"283\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#ad-${id})`}>\n <circle cx=\"316.5\" cy=\"316.5\" r=\"316.5\" fill=\"#fff\" />\n </g>\n </mask>\n <g mask={`url(#c-${id})`}>\n <linearGradient\n id={`t-${id}`}\n x1=\"-664.56\"\n x2=\"-664.56\"\n y1=\"163.79\"\n y2=\"164.79\"\n gradientTransform=\"matrix(227 0 0 227 151421 -37204)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFDF00\" offset=\"0\" />\n <stop stop-color=\"#FF9D00\" offset=\"1\" />\n </linearGradient>\n <circle cx=\"565.5\" cy=\"89.5\" r=\"113.5\" fill={`url(#t-${id})`} />\n\n <linearGradient\n id={`v-${id}`}\n x1=\"-644.5\"\n x2=\"-645.77\"\n y1=\"342\"\n y2=\"342\"\n gradientTransform=\"matrix(30 0 0 1 19770 -253)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"427\"\n x2=\"397\"\n y1=\"89\"\n y2=\"89\"\n fill=\"none\"\n stroke={`url(#v-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`aa-${id}`}\n x1=\"-641.56\"\n x2=\"-642.83\"\n y1=\"196.02\"\n y2=\"196.07\"\n gradientTransform=\"matrix(26.5 0 0 5.5 17439 -1025.5)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"430.5\"\n x2=\"404\"\n y1=\"55.5\"\n y2=\"50\"\n fill=\"none\"\n stroke={`url(#aa-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`w-${id}`}\n x1=\"-643.73\"\n x2=\"-645\"\n y1=\"185.83\"\n y2=\"185.9\"\n gradientTransform=\"matrix(29 0 0 8 19107 -1361)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"431\"\n x2=\"402\"\n y1=\"122\"\n y2=\"130\"\n fill=\"none\"\n stroke={`url(#w-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`ac-${id}`}\n x1=\"-638.94\"\n x2=\"-640.22\"\n y1=\"177.09\"\n y2=\"177.39\"\n gradientTransform=\"matrix(24 0 0 13 15783 -2145)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"442\"\n x2=\"418\"\n y1=\"153\"\n y2=\"166\"\n fill=\"none\"\n stroke={`url(#ac-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`ab-${id}`}\n x1=\"-633.42\"\n x2=\"-634.7\"\n y1=\"172.41\"\n y2=\"173.31\"\n gradientTransform=\"matrix(20 0 0 19 13137 -3096)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"464\"\n x2=\"444\"\n y1=\"180\"\n y2=\"199\"\n fill=\"none\"\n stroke={`url(#ab-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`y-${id}`}\n x1=\"-619.05\"\n x2=\"-619.52\"\n y1=\"170.82\"\n y2=\"171.82\"\n gradientTransform=\"matrix(13.83 0 0 22.85 9050 -3703.4)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"491.4\"\n x2=\"477.5\"\n y1=\"203\"\n y2=\"225.9\"\n fill=\"none\"\n stroke={`url(#y-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`x-${id}`}\n x1=\"-578.5\"\n x2=\"-578.63\"\n y1=\"170.31\"\n y2=\"171.31\"\n gradientTransform=\"matrix(7.5 0 0 24.5 4860 -3953)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"524.5\"\n x2=\"517\"\n y1=\"219.5\"\n y2=\"244\"\n fill=\"none\"\n stroke={`url(#x-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n\n <linearGradient\n id={`z-${id}`}\n x1=\"666.5\"\n x2=\"666.5\"\n y1=\"170.31\"\n y2=\"171.31\"\n gradientTransform=\"matrix(.5 0 0 24.5 231.5 -3944)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stop-color=\"#FFA400\" offset=\"0\" />\n <stop stop-color=\"#FF5E00\" offset=\"1\" />\n </linearGradient>\n\n <line\n x1=\"564.5\"\n x2=\"565\"\n y1=\"228.5\"\n y2=\"253\"\n fill=\"none\"\n stroke={`url(#z-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n />\n </g>\n </svg>\n )\n}\n */\n"],"mappings":";;;AAgRA,SAAgBC,SAAS;CACvB,OAAAC,QAAA;;AAoBF,SAAgBC,OAAO;CACrB,OAAAC,SAAA;;AAmBF,SAAgBC,aAAa;CAC3B,OAAAC,SAAA;;AAqBF,SAAgBC,OAAO;CACrB,OAAAC,SAAA;;AA8BF,SAAgBC,cAAc;CAC5B,OAAAC,SAAA;;AAmBF,SAAgBC,WAAW;CACzB,OAAAC,SAAA;;AAyBF,SAAgBC,SAAS;CACvB,OAAAC,SAAA;;AAkBF,SAAgBC,eAAe;CAC7B,OAAAL,SAAA;;AAmBF,SAAgBM,OAAO;CACrB,OAAAC,SAAA;;AAwCF,SAAgBC,IAAI;CAClB,OAAAC,SAAA;;AAkBF,SAAgBC,cAAc;CAC5B,OAAAC,SAAA;;AAmBF,SAAgBC,kBAAkB;CAChC,OAAAC,SAAA;;AAmBF,SAAgBC,cAAc;CAC5B,OAAAC,UAAA;;AAmBF,SAAgBC,kBAAkB;CAChC,OAAAC,UAAA;;AAmBF,SAAgBC,aAAa;CAC3B,OAAAC,UAAA;;AAmBF,SAAgBC,mBAAmB;CACjC,OAAAC,UAAA;;AAmBF,SAAgBC,eAAe;CAC7B,OAAAC,UAAA;;AA0BF,SAAgBC,YAAY;CAC1B,OAAAC,UAAA;;AAmBF,SAAgBC,MAAM;CACpB,OAAAC,UAAA;;AAqBF,SAAgBC,aAAaC,OAAyC;CACpE,cAAA;EAAA,IAAAE,SAAAC,UAAA,EAAAC,SAAAF,OAAAG;EAAAC,aAAAC,aAAAH,QAAA,UAUcJ,MAAMC,UAAU,SAAS,YAAY,UAAS,CAAA;EAAA,OAAAC;KAAA;;AAS9D,SAAgBM,cAAc;CAC5B,OAAAC,UAAA"}
+1
-1
dist/esm/components/input.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"input.js","names":["createSignal","useStyles","InputProps","label","type","value","placeholder","onChange","description","Input","props","styles","val","setVal","handleChange","e","Event","target","HTMLInputElement","prev","_el$","_tmpl$","_el$2","firstChild","_el$3","_$insert","_c$","_$memo","_el$4","_tmpl$2","_$effect","_$className","inputLabel","_c$2","_el$5","_tmpl$3","inputDescription","$$input","_p$","_v$","inputContainer","_v$2","inputWrapper","_v$3","_v$4","input","_v$5","t","a","_$setAttribute","o","i","undefined","_$delegateEvents"],"sources":["../../../src/components/input.tsx"],"sourcesContent":["import { createSignal } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\n\ninterface InputProps {\n label?: string\n type?: 'text' | 'number' | 'password' | 'email'\n value?: string\n placeholder?: string\n onChange?: (value: string) => void\n description?: string\n}\n\nexport function Input(props: InputProps) {\n const styles = useStyles()\n const [val, setVal] = createSignal(props.value || '')\n\n const handleChange = (e: Event) => {\n const value = (e.target as HTMLInputElement).value\n setVal((prev) => (prev !== value ? value : prev))\n props.onChange?.(value)\n }\n\n return (\n <div class={styles().inputContainer}>\n <div class={styles().inputWrapper}>\n {props.label && (\n <label class={styles().inputLabel}>{props.label}</label>\n )}\n {props.description && (\n <p class={styles().inputDescription}>{props.description}</p>\n )}\n <input\n type={props.type || 'text'}\n class={styles().input}\n value={val()}\n placeholder={props.placeholder}\n onInput={handleChange}\n />\n </div>\n </div>\n )\n}\n"],"mappings":";;;;;AAYA,SAAgBS,MAAMC,OAAmB;CACvC,MAAMC,SAASV,WAAW;CAC1B,MAAM,CAACW,KAAKC,UAAUb,aAAaU,MAAML,SAAS,GAAG;CAErD,MAAMS,gBAAgBC,MAAa;EACjC,MAAMV,QAASU,EAAEE,OAA4BZ;AAC7CQ,UAAQM,SAAUA,SAASd,QAAQA,QAAQc,KAAM;AACjDT,QAAMH,WAAWF,MAAM;;AAGzB,eAAA;EAAA,IAAAe,OAAAC,QAAA,EAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC;AAAAE,SAAAH,cAAA;GAAA,IAAAI,MAAAC,WAAA,CAAA,CAGOjB,MAAMP,MAAK;AAAA,gBAAXuB,KAAA,WAAA;IAAA,IAAAE,QAAAC,SAAA;AAAAJ,WAAAG,aACqClB,MAAMP,MAAK;AAAA2B,iBAAAC,UAAAH,OAAjCjB,QAAQ,CAACqB,WAAU,CAAA;AAAA,WAAAJ;OAClC;MAAA,EAAAJ,MAAA;AAAAC,SAAAH,cAAA;GAAA,IAAAW,OAAAN,WAAA,CAAA,CACAjB,MAAMF,YAAW;AAAA,gBAAjByB,MAAA,WAAA;IAAA,IAAAC,QAAAC,SAAA;AAAAV,WAAAS,aACuCxB,MAAMF,YAAW;AAAAsB,iBAAAC,UAAAG,OAA7CvB,QAAQ,CAACyB,iBAAgB,CAAA;AAAA,WAAAF;OACpC;MAAA,EAAAV,MAAA;AAAAA,QAAAa,UAMUvB;AAAYgB,UAAAQ,QAAA;GAAA,IAAAC,MAbf5B,QAAQ,CAAC6B,gBAAcC,OACrB9B,QAAQ,CAAC+B,cAAYC,OAQvBjC,MAAMN,QAAQ,QAAMwC,OACnBjC,QAAQ,CAACkC,OAAKC,OAERpC,MAAMJ;AAAWiC,WAAAD,IAAAvB,KAAAgB,UAAAX,MAAAkB,IAAAvB,IAAAwB,IAAA;AAAAE,YAAAH,IAAAS,KAAAhB,UAAAT,OAAAgB,IAAAS,IAAAN,KAAA;AAAAE,YAAAL,IAAAU,KAAAC,aAAAzB,OAAA,QAAAc,IAAAU,IAAAL,KAAA;AAAAC,YAAAN,IAAAY,KAAAnB,UAAAP,OAAAc,IAAAY,IAAAN,KAAA;AAAAE,YAAAR,IAAAa,KAAAF,aAAAzB,OAAA,eAAAc,IAAAa,IAAAL,KAAA;AAAA,UAAAR;KAAA;GAAAvB,GAAAqC,KAAAA;GAAAL,GAAAK,KAAAA;GAAAJ,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA;AAAAtB,eAAAN,MAAAnB,QADvBO,KAAK,CAAA;AAAA,SAAAQ;KAAA;;AAOrBiC,eAAA,CAAA,QAAA,CAAA"}
{"version":3,"file":"input.js","names":["createSignal","useStyles","InputProps","label","type","value","placeholder","onChange","description","Input","props","styles","val","setVal","handleChange","e","Event","target","HTMLInputElement","prev","_el$","_tmpl$","_el$2","firstChild","_el$3","_$insert","_c$","_$memo","_el$4","_tmpl$2","_$effect","_$className","inputLabel","_c$2","_el$5","_tmpl$3","inputDescription","$$input","_p$","_v$","inputContainer","_v$2","inputWrapper","_v$3","_v$4","input","_v$5","t","a","_$setAttribute","o","i","undefined","_$delegateEvents"],"sources":["../../../src/components/input.tsx"],"sourcesContent":["import { createSignal } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\n\ninterface InputProps {\n label?: string\n type?: 'text' | 'number' | 'password' | 'email'\n value?: string\n placeholder?: string\n onChange?: (value: string) => void\n description?: string\n}\n\nexport function Input(props: InputProps) {\n const styles = useStyles()\n const [val, setVal] = createSignal(props.value || '')\n\n const handleChange = (e: Event) => {\n const value = (e.target as HTMLInputElement).value\n setVal((prev) => (prev !== value ? value : prev))\n props.onChange?.(value)\n }\n\n return (\n <div class={styles().inputContainer}>\n <div class={styles().inputWrapper}>\n {props.label && (\n <label class={styles().inputLabel}>{props.label}</label>\n )}\n {props.description && (\n <p class={styles().inputDescription}>{props.description}</p>\n )}\n <input\n type={props.type || 'text'}\n class={styles().input}\n value={val()}\n placeholder={props.placeholder}\n onInput={handleChange}\n />\n </div>\n </div>\n )\n}\n"],"mappings":";;;;;AAYA,SAAgBS,MAAMC,OAAmB;CACvC,MAAMC,SAASV,WAAW;CAC1B,MAAM,CAACW,KAAKC,UAAUb,aAAaU,MAAML,SAAS,GAAG;CAErD,MAAMS,gBAAgBC,MAAa;EACjC,MAAMV,QAASU,EAAEE,OAA4BZ;EAC7CQ,QAAQM,SAAUA,SAASd,QAAQA,QAAQc,KAAM;EACjDT,MAAMH,WAAWF,MAAM;;CAGzB,cAAA;EAAA,IAAAe,OAAAC,QAAA,EAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC;EAAAE,OAAAH,cAAA;GAAA,IAAAI,MAAAC,WAAA,CAAA,CAGOjB,MAAMP,MAAK;GAAA,aAAXuB,KAAA,WAAA;IAAA,IAAAE,QAAAC,SAAA;IAAAJ,OAAAG,aACqClB,MAAMP,MAAK;IAAA2B,aAAAC,UAAAH,OAAjCjB,QAAQ,CAACqB,WAAU,CAAA;IAAA,OAAAJ;OAClC;MAAA,EAAAJ,MAAA;EAAAC,OAAAH,cAAA;GAAA,IAAAW,OAAAN,WAAA,CAAA,CACAjB,MAAMF,YAAW;GAAA,aAAjByB,MAAA,WAAA;IAAA,IAAAC,QAAAC,SAAA;IAAAV,OAAAS,aACuCxB,MAAMF,YAAW;IAAAsB,aAAAC,UAAAG,OAA7CvB,QAAQ,CAACyB,iBAAgB,CAAA;IAAA,OAAAF;OACpC;MAAA,EAAAV,MAAA;EAAAA,MAAAa,UAMUvB;EAAYgB,QAAAQ,QAAA;GAAA,IAAAC,MAbf5B,QAAQ,CAAC6B,gBAAcC,OACrB9B,QAAQ,CAAC+B,cAAYC,OAQvBjC,MAAMN,QAAQ,QAAMwC,OACnBjC,QAAQ,CAACkC,OAAKC,OAERpC,MAAMJ;GAAWiC,QAAAD,IAAAvB,KAAAgB,UAAAX,MAAAkB,IAAAvB,IAAAwB,IAAA;GAAAE,SAAAH,IAAAS,KAAAhB,UAAAT,OAAAgB,IAAAS,IAAAN,KAAA;GAAAE,SAAAL,IAAAU,KAAAC,aAAAzB,OAAA,QAAAc,IAAAU,IAAAL,KAAA;GAAAC,SAAAN,IAAAY,KAAAnB,UAAAP,OAAAc,IAAAY,IAAAN,KAAA;GAAAE,SAAAR,IAAAa,KAAAF,aAAAzB,OAAA,eAAAc,IAAAa,IAAAL,KAAA;GAAA,OAAAR;KAAA;GAAAvB,GAAAqC,KAAAA;GAAAL,GAAAK,KAAAA;GAAAJ,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA;EAAAtB,aAAAN,MAAAnB,QADvBO,KAAK,CAAA;EAAA,OAAAQ;KAAA;;AAOrBiC,eAAA,CAAA,QAAA,CAAA"}
+1
-1
dist/esm/components/logo.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"logo.js","names":["createUniqueId","useStyles","TanStackLogo","id","styles","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","_el$7","_el$8","_el$9","_el$0","_el$1","_el$10","_el$11","_el$12","_el$13","_el$14","_el$15","_el$16","_el$17","_el$18","_el$19","_el$20","_el$21","_el$22","_el$23","_el$24","_el$25","_el$26","_el$27","_el$28","_el$29","_el$30","_el$31","_el$32","_el$33","_el$34","_el$35","_el$36","_el$37","_el$38","_el$39","_el$40","_el$41","_el$42","_el$43","_el$44","_el$45","_el$46","_el$47","_el$48","_el$49","_el$50","_el$51","_el$52","_el$53","_el$54","_el$55","_el$56","_el$57","_el$58","_el$59","_el$60","_el$61","_el$62","_el$63","_el$64","_el$65","_el$66","_el$67","_el$68","_el$69","_el$70","_el$71","_el$72","_el$73","_el$74","_el$75","_el$76","_el$77","_el$78","_el$79","_el$80","_el$81","_el$82","_el$83","_el$84","_el$85","_el$86","_el$87","_el$88","_el$89","_$setAttribute","_$effect","logo"],"sources":["../../../src/components/logo.tsx"],"sourcesContent":["import { createUniqueId } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\n\nexport function TanStackLogo() {\n const id = createUniqueId()\n const styles = useStyles()\n return (\n <svg\n class={styles().logo}\n xmlns=\"http://www.w3.org/2000/svg\"\n enable-background=\"new 0 0 634 633\"\n viewBox=\"0 0 634 633\"\n >\n <g transform=\"translate(1)\">\n <linearGradient\n id={`a-${id}`}\n x1=\"-641.486\"\n x2=\"-641.486\"\n y1=\"856.648\"\n y2=\"855.931\"\n gradientTransform=\"matrix(633 0 0 -633 406377 542258)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#6bdaff\"></stop>\n <stop offset=\"0.319\" stop-color=\"#f9ffb5\"></stop>\n <stop offset=\"0.706\" stop-color=\"#ffa770\"></stop>\n <stop offset=\"1\" stop-color=\"#ff7373\"></stop>\n </linearGradient>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill={`url(#a-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n <defs>\n <filter\n id={`b-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"412\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`c-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"412\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#b-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"610.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#c-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`d-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"412\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`e-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"412\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#d-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"610.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#e-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`f-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"450\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`g-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"450\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#f-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"648.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#g-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`h-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"450\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`i-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"450\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#h-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"648.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#i-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`j-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"486\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`k-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"486\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#j-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"684.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#k-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`l-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"486\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`m-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"486\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#l-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"684.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#m-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`n-${id}`}\n width=\"176.9\"\n height=\"129.3\"\n x=\"272.2\"\n y=\"308\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`o-${id}`}\n width=\"176.9\"\n height=\"129.3\"\n x=\"272.2\"\n y=\"308\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#n-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#o-${id})`}>\n <path\n fill=\"none\"\n stroke=\"#000\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"11\"\n d=\"M436 403.2l-5 28.6m-140-90.3l-10.9 62m52.8-19.4l-4.3 27.1\"\n ></path>\n <linearGradient\n id={`p-${id}`}\n x1=\"-645.656\"\n x2=\"-646.499\"\n y1=\"854.878\"\n y2=\"854.788\"\n gradientTransform=\"matrix(-184.159 -32.4722 11.4608 -64.9973 -128419.844 34938.836)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ee2700\"></stop>\n <stop offset=\"1\" stop-color=\"#ff008e\"></stop>\n </linearGradient>\n <path\n fill={`url(#p-${id})`}\n fill-rule=\"evenodd\"\n d=\"M344.1 363l97.7 17.2c5.8 2.1 8.2 6.2 7.1 12.1-1 5.9-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1.8-12.8 3.7-3.7 8.3-4.4 13.7-2.1l55.2 53.6z\"\n clip-rule=\"evenodd\"\n ></path>\n <path\n fill=\"#D8D8D8\"\n fill-rule=\"evenodd\"\n stroke=\"#FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n d=\"M428.3 384.5l.9-6.5m-33.9 1.5l.9-6.5m-34 .5l.9-6.1m-38.9-16.1l4.2-3.9m-25.2-16.1l4.2-3.9\"\n clip-rule=\"evenodd\"\n ></path>\n </g>\n <defs>\n <filter\n id={`q-${id}`}\n width=\"280.6\"\n height=\"317.4\"\n x=\"73.2\"\n y=\"113.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`r-${id}`}\n width=\"280.6\"\n height=\"317.4\"\n x=\"73.2\"\n y=\"113.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#q-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#r-${id})`}>\n <linearGradient\n id={`s-${id}`}\n x1=\"-646.8\"\n x2=\"-646.8\"\n y1=\"854.844\"\n y2=\"853.844\"\n gradientTransform=\"matrix(-100.1751 48.8587 -97.9753 -200.879 19124.773 203538.61)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#a17500\"></stop>\n <stop offset=\"1\" stop-color=\"#5d2100\"></stop>\n </linearGradient>\n <path\n fill={`url(#s-${id})`}\n fill-rule=\"evenodd\"\n d=\"M192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.2-2.9 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6-3.4-18.7-10.8-51.8-22.2-99.6l-25.3 4.6\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`t-${id}`}\n x1=\"-635.467\"\n x2=\"-635.467\"\n y1=\"852.115\"\n y2=\"851.115\"\n gradientTransform=\"matrix(92.6873 4.8575 2.0257 -38.6535 57323.695 36176.047)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#t-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`u-${id}`}\n x1=\"-636.573\"\n x2=\"-636.573\"\n y1=\"855.444\"\n y2=\"854.444\"\n gradientTransform=\"matrix(109.9945 5.7646 6.3597 -121.3507 64719.133 107659.336)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#u-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.3 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20 49.6-53.1 49.6-53.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`v-${id}`}\n x1=\"-632.145\"\n x2=\"-632.145\"\n y1=\"854.174\"\n y2=\"853.174\"\n gradientTransform=\"matrix(62.9558 3.2994 3.5021 -66.8246 37035.367 59284.227)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#v-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M195 183.9c-.8-21.9 6-38 20.6-48.2 14.6-10.2 29.8-15.3 45.5-15.3-6.1 21.4-14.5 35.8-25.2 43.4-10.7 7.5-24.4 14.2-40.9 20.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`w-${id}`}\n x1=\"-638.224\"\n x2=\"-638.224\"\n y1=\"853.801\"\n y2=\"852.801\"\n gradientTransform=\"matrix(152.4666 7.9904 3.0934 -59.0251 94939.86 55646.855)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#w-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c31.9-30 64.1-39.7 96.7-29 32.6 10.7 50.8 30.4 54.6 59.1-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`x-${id}`}\n x1=\"-637.723\"\n x2=\"-637.723\"\n y1=\"855.103\"\n y2=\"854.103\"\n gradientTransform=\"matrix(136.467 7.1519 5.2165 -99.5377 82830.875 89859.578)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#x-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c35.8-7.6 65.6-.2 89.2 22 23.6 22.2 37.7 49 42.3 80.3-39.8-9.7-68.3-23.8-85.5-42.4-17.2-18.5-32.5-38.5-46-59.9z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`y-${id}`}\n x1=\"-631.79\"\n x2=\"-631.79\"\n y1=\"855.872\"\n y2=\"854.872\"\n gradientTransform=\"matrix(60.8683 3.19 8.7771 -167.4773 31110.818 145537.61)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#y-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6-6.5 29.9-3.6 63.1 8.7 99.6 27.4-40.3 43.2-69.6 47.4-88 4.2-18.3 5.5-44.1 4-77.2z\"\n clip-rule=\"evenodd\"\n ></path>\n <path\n fill=\"none\"\n stroke=\"#2F8A00\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n d=\"M196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4-5.7 18-9.4 33-11.1 45.1\"\n ></path>\n <path\n fill=\"none\"\n stroke=\"#2F8A00\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n d=\"M194.8 185.7c-24.4 1.7-43.8 9-58.1 21.8-14.3 12.8-24.7 25.4-31.3 37.8m99.1-68.9c29.7-6.7 52-8.4 67-5 15 3.4 26.9 8.7 35.8 15.9m-110.8-5.9c20.3 9.9 38.2 20.5 53.9 31.9 15.7 11.4 27.4 22.1 35.1 32\"\n ></path>\n </g>\n <defs>\n <filter\n id={`z-${id}`}\n width=\"532\"\n height=\"633\"\n x=\"50.5\"\n y=\"399\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`A-${id}`}\n width=\"532\"\n height=\"633\"\n x=\"50.5\"\n y=\"399\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#z-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <linearGradient\n id={`B-${id}`}\n x1=\"-641.104\"\n x2=\"-641.278\"\n y1=\"856.577\"\n y2=\"856.183\"\n gradientTransform=\"matrix(532 0 0 -633 341484.5 542657)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#fff400\"></stop>\n <stop offset=\"1\" stop-color=\"#3c8700\"></stop>\n </linearGradient>\n <ellipse\n cx=\"316.5\"\n cy=\"715.5\"\n fill={`url(#B-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n mask={`url(#A-${id})`}\n rx=\"266\"\n ry=\"316.5\"\n ></ellipse>\n <defs>\n <filter\n id={`C-${id}`}\n width=\"288\"\n height=\"283\"\n x=\"391\"\n y=\"-24\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`D-${id}`}\n width=\"288\"\n height=\"283\"\n x=\"391\"\n y=\"-24\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#C-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#D-${id})`}>\n <g transform=\"translate(397 -24)\">\n <linearGradient\n id={`E-${id}`}\n x1=\"-1036.672\"\n x2=\"-1036.672\"\n y1=\"880.018\"\n y2=\"879.018\"\n gradientTransform=\"matrix(227 0 0 -227 235493 199764)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffdf00\"></stop>\n <stop offset=\"1\" stop-color=\"#ff9d00\"></stop>\n </linearGradient>\n <circle\n cx=\"168.5\"\n cy=\"113.5\"\n r=\"113.5\"\n fill={`url(#E-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n <linearGradient\n id={`F-${id}`}\n x1=\"-1017.329\"\n x2=\"-1018.602\"\n y1=\"658.003\"\n y2=\"657.998\"\n gradientTransform=\"matrix(30 0 0 -1 30558 771)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#F-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M30 113H0\"\n ></path>\n <linearGradient\n id={`G-${id}`}\n x1=\"-1014.501\"\n x2=\"-1015.774\"\n y1=\"839.985\"\n y2=\"839.935\"\n gradientTransform=\"matrix(26.5 0 0 -5.5 26925 4696.5)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#G-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M33.5 79.5L7 74\"\n ></path>\n <linearGradient\n id={`H-${id}`}\n x1=\"-1016.59\"\n x2=\"-1017.862\"\n y1=\"852.671\"\n y2=\"852.595\"\n gradientTransform=\"matrix(29 0 0 -8 29523 6971)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#H-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M34 146l-29 8\"\n ></path>\n <linearGradient\n id={`I-${id}`}\n x1=\"-1011.984\"\n x2=\"-1013.257\"\n y1=\"863.523\"\n y2=\"863.229\"\n gradientTransform=\"matrix(24 0 0 -13 24339 11407)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#I-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M45 177l-24 13\"\n ></path>\n <linearGradient\n id={`J-${id}`}\n x1=\"-1006.673\"\n x2=\"-1007.946\"\n y1=\"869.279\"\n y2=\"868.376\"\n gradientTransform=\"matrix(20 0 0 -19 20205 16720)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#J-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M67 204l-20 19\"\n ></path>\n <linearGradient\n id={`K-${id}`}\n x1=\"-992.85\"\n x2=\"-993.317\"\n y1=\"871.258\"\n y2=\"870.258\"\n gradientTransform=\"matrix(13.8339 0 0 -22.8467 13825.796 20131.938)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#K-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M94.4 227l-13.8 22.8\"\n ></path>\n <linearGradient\n id={`L-${id}`}\n x1=\"-953.835\"\n x2=\"-953.965\"\n y1=\"871.9\"\n y2=\"870.9\"\n gradientTransform=\"matrix(7.5 0 0 -24.5 7278 21605)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#L-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M127.5 243.5L120 268\"\n ></path>\n <linearGradient\n id={`M-${id}`}\n x1=\"244.504\"\n x2=\"244.496\"\n y1=\"871.898\"\n y2=\"870.898\"\n gradientTransform=\"matrix(.5 0 0 -24.5 45.5 21614)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#M-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M167.5 252.5l.5 24.5\"\n ></path>\n </g>\n </g>\n </g>\n </svg>\n )\n}\n"],"mappings":"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"}
{"version":3,"file":"logo.js","names":["createUniqueId","useStyles","TanStackLogo","id","styles","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","_el$7","_el$8","_el$9","_el$0","_el$1","_el$10","_el$11","_el$12","_el$13","_el$14","_el$15","_el$16","_el$17","_el$18","_el$19","_el$20","_el$21","_el$22","_el$23","_el$24","_el$25","_el$26","_el$27","_el$28","_el$29","_el$30","_el$31","_el$32","_el$33","_el$34","_el$35","_el$36","_el$37","_el$38","_el$39","_el$40","_el$41","_el$42","_el$43","_el$44","_el$45","_el$46","_el$47","_el$48","_el$49","_el$50","_el$51","_el$52","_el$53","_el$54","_el$55","_el$56","_el$57","_el$58","_el$59","_el$60","_el$61","_el$62","_el$63","_el$64","_el$65","_el$66","_el$67","_el$68","_el$69","_el$70","_el$71","_el$72","_el$73","_el$74","_el$75","_el$76","_el$77","_el$78","_el$79","_el$80","_el$81","_el$82","_el$83","_el$84","_el$85","_el$86","_el$87","_el$88","_el$89","_$setAttribute","_$effect","logo"],"sources":["../../../src/components/logo.tsx"],"sourcesContent":["import { createUniqueId } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\n\nexport function TanStackLogo() {\n const id = createUniqueId()\n const styles = useStyles()\n return (\n <svg\n class={styles().logo}\n xmlns=\"http://www.w3.org/2000/svg\"\n enable-background=\"new 0 0 634 633\"\n viewBox=\"0 0 634 633\"\n >\n <g transform=\"translate(1)\">\n <linearGradient\n id={`a-${id}`}\n x1=\"-641.486\"\n x2=\"-641.486\"\n y1=\"856.648\"\n y2=\"855.931\"\n gradientTransform=\"matrix(633 0 0 -633 406377 542258)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#6bdaff\"></stop>\n <stop offset=\"0.319\" stop-color=\"#f9ffb5\"></stop>\n <stop offset=\"0.706\" stop-color=\"#ffa770\"></stop>\n <stop offset=\"1\" stop-color=\"#ff7373\"></stop>\n </linearGradient>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill={`url(#a-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n <defs>\n <filter\n id={`b-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"412\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`c-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"412\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#b-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"610.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#c-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`d-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"412\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`e-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"412\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#d-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"610.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00CFE2\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#e-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`f-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"450\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`g-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"450\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#f-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"648.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#g-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`h-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"450\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`i-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"450\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#h-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"648.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#00A8B8\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#i-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`j-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"486\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`k-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"-137.5\"\n y=\"486\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#j-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"89.5\"\n cy=\"684.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#k-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`l-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"486\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`m-${id}`}\n width=\"454\"\n height=\"396.9\"\n x=\"316.5\"\n y=\"486\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#l-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <ellipse\n cx=\"543.5\"\n cy=\"684.5\"\n fill=\"#015064\"\n fill-rule=\"evenodd\"\n stroke=\"#007782\"\n stroke-width=\"25\"\n clip-rule=\"evenodd\"\n mask={`url(#m-${id})`}\n rx=\"214.5\"\n ry=\"186\"\n ></ellipse>\n <defs>\n <filter\n id={`n-${id}`}\n width=\"176.9\"\n height=\"129.3\"\n x=\"272.2\"\n y=\"308\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`o-${id}`}\n width=\"176.9\"\n height=\"129.3\"\n x=\"272.2\"\n y=\"308\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#n-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#o-${id})`}>\n <path\n fill=\"none\"\n stroke=\"#000\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"11\"\n d=\"M436 403.2l-5 28.6m-140-90.3l-10.9 62m52.8-19.4l-4.3 27.1\"\n ></path>\n <linearGradient\n id={`p-${id}`}\n x1=\"-645.656\"\n x2=\"-646.499\"\n y1=\"854.878\"\n y2=\"854.788\"\n gradientTransform=\"matrix(-184.159 -32.4722 11.4608 -64.9973 -128419.844 34938.836)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ee2700\"></stop>\n <stop offset=\"1\" stop-color=\"#ff008e\"></stop>\n </linearGradient>\n <path\n fill={`url(#p-${id})`}\n fill-rule=\"evenodd\"\n d=\"M344.1 363l97.7 17.2c5.8 2.1 8.2 6.2 7.1 12.1-1 5.9-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1.8-12.8 3.7-3.7 8.3-4.4 13.7-2.1l55.2 53.6z\"\n clip-rule=\"evenodd\"\n ></path>\n <path\n fill=\"#D8D8D8\"\n fill-rule=\"evenodd\"\n stroke=\"#FFF\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"7\"\n d=\"M428.3 384.5l.9-6.5m-33.9 1.5l.9-6.5m-34 .5l.9-6.1m-38.9-16.1l4.2-3.9m-25.2-16.1l4.2-3.9\"\n clip-rule=\"evenodd\"\n ></path>\n </g>\n <defs>\n <filter\n id={`q-${id}`}\n width=\"280.6\"\n height=\"317.4\"\n x=\"73.2\"\n y=\"113.9\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`r-${id}`}\n width=\"280.6\"\n height=\"317.4\"\n x=\"73.2\"\n y=\"113.9\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#q-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#r-${id})`}>\n <linearGradient\n id={`s-${id}`}\n x1=\"-646.8\"\n x2=\"-646.8\"\n y1=\"854.844\"\n y2=\"853.844\"\n gradientTransform=\"matrix(-100.1751 48.8587 -97.9753 -200.879 19124.773 203538.61)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#a17500\"></stop>\n <stop offset=\"1\" stop-color=\"#5d2100\"></stop>\n </linearGradient>\n <path\n fill={`url(#s-${id})`}\n fill-rule=\"evenodd\"\n d=\"M192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.2-2.9 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6-3.4-18.7-10.8-51.8-22.2-99.6l-25.3 4.6\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`t-${id}`}\n x1=\"-635.467\"\n x2=\"-635.467\"\n y1=\"852.115\"\n y2=\"851.115\"\n gradientTransform=\"matrix(92.6873 4.8575 2.0257 -38.6535 57323.695 36176.047)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#t-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`u-${id}`}\n x1=\"-636.573\"\n x2=\"-636.573\"\n y1=\"855.444\"\n y2=\"854.444\"\n gradientTransform=\"matrix(109.9945 5.7646 6.3597 -121.3507 64719.133 107659.336)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#u-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.3 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20 49.6-53.1 49.6-53.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`v-${id}`}\n x1=\"-632.145\"\n x2=\"-632.145\"\n y1=\"854.174\"\n y2=\"853.174\"\n gradientTransform=\"matrix(62.9558 3.2994 3.5021 -66.8246 37035.367 59284.227)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#v-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M195 183.9c-.8-21.9 6-38 20.6-48.2 14.6-10.2 29.8-15.3 45.5-15.3-6.1 21.4-14.5 35.8-25.2 43.4-10.7 7.5-24.4 14.2-40.9 20.1z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`w-${id}`}\n x1=\"-638.224\"\n x2=\"-638.224\"\n y1=\"853.801\"\n y2=\"852.801\"\n gradientTransform=\"matrix(152.4666 7.9904 3.0934 -59.0251 94939.86 55646.855)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#w-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c31.9-30 64.1-39.7 96.7-29 32.6 10.7 50.8 30.4 54.6 59.1-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`x-${id}`}\n x1=\"-637.723\"\n x2=\"-637.723\"\n y1=\"855.103\"\n y2=\"854.103\"\n gradientTransform=\"matrix(136.467 7.1519 5.2165 -99.5377 82830.875 89859.578)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#x-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c35.8-7.6 65.6-.2 89.2 22 23.6 22.2 37.7 49 42.3 80.3-39.8-9.7-68.3-23.8-85.5-42.4-17.2-18.5-32.5-38.5-46-59.9z\"\n clip-rule=\"evenodd\"\n ></path>\n <linearGradient\n id={`y-${id}`}\n x1=\"-631.79\"\n x2=\"-631.79\"\n y1=\"855.872\"\n y2=\"854.872\"\n gradientTransform=\"matrix(60.8683 3.19 8.7771 -167.4773 31110.818 145537.61)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#2f8a00\"></stop>\n <stop offset=\"1\" stop-color=\"#90ff57\"></stop>\n </linearGradient>\n <path\n fill={`url(#y-${id})`}\n fill-rule=\"evenodd\"\n stroke=\"#2F8A00\"\n stroke-width=\"13\"\n d=\"M194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6-6.5 29.9-3.6 63.1 8.7 99.6 27.4-40.3 43.2-69.6 47.4-88 4.2-18.3 5.5-44.1 4-77.2z\"\n clip-rule=\"evenodd\"\n ></path>\n <path\n fill=\"none\"\n stroke=\"#2F8A00\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n d=\"M196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4-5.7 18-9.4 33-11.1 45.1\"\n ></path>\n <path\n fill=\"none\"\n stroke=\"#2F8A00\"\n stroke-linecap=\"round\"\n stroke-width=\"8\"\n d=\"M194.8 185.7c-24.4 1.7-43.8 9-58.1 21.8-14.3 12.8-24.7 25.4-31.3 37.8m99.1-68.9c29.7-6.7 52-8.4 67-5 15 3.4 26.9 8.7 35.8 15.9m-110.8-5.9c20.3 9.9 38.2 20.5 53.9 31.9 15.7 11.4 27.4 22.1 35.1 32\"\n ></path>\n </g>\n <defs>\n <filter\n id={`z-${id}`}\n width=\"532\"\n height=\"633\"\n x=\"50.5\"\n y=\"399\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`A-${id}`}\n width=\"532\"\n height=\"633\"\n x=\"50.5\"\n y=\"399\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#z-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <linearGradient\n id={`B-${id}`}\n x1=\"-641.104\"\n x2=\"-641.278\"\n y1=\"856.577\"\n y2=\"856.183\"\n gradientTransform=\"matrix(532 0 0 -633 341484.5 542657)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#fff400\"></stop>\n <stop offset=\"1\" stop-color=\"#3c8700\"></stop>\n </linearGradient>\n <ellipse\n cx=\"316.5\"\n cy=\"715.5\"\n fill={`url(#B-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n mask={`url(#A-${id})`}\n rx=\"266\"\n ry=\"316.5\"\n ></ellipse>\n <defs>\n <filter\n id={`C-${id}`}\n width=\"288\"\n height=\"283\"\n x=\"391\"\n y=\"-24\"\n filterUnits=\"userSpaceOnUse\"\n >\n <feColorMatrix values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\"></feColorMatrix>\n </filter>\n </defs>\n <mask\n id={`D-${id}`}\n width=\"288\"\n height=\"283\"\n x=\"391\"\n y=\"-24\"\n maskUnits=\"userSpaceOnUse\"\n >\n <g filter={`url(#C-${id})`}>\n <circle\n cx=\"316.5\"\n cy=\"316.5\"\n r=\"316.5\"\n fill=\"#FFF\"\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n </g>\n </mask>\n <g mask={`url(#D-${id})`}>\n <g transform=\"translate(397 -24)\">\n <linearGradient\n id={`E-${id}`}\n x1=\"-1036.672\"\n x2=\"-1036.672\"\n y1=\"880.018\"\n y2=\"879.018\"\n gradientTransform=\"matrix(227 0 0 -227 235493 199764)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffdf00\"></stop>\n <stop offset=\"1\" stop-color=\"#ff9d00\"></stop>\n </linearGradient>\n <circle\n cx=\"168.5\"\n cy=\"113.5\"\n r=\"113.5\"\n fill={`url(#E-${id})`}\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n ></circle>\n <linearGradient\n id={`F-${id}`}\n x1=\"-1017.329\"\n x2=\"-1018.602\"\n y1=\"658.003\"\n y2=\"657.998\"\n gradientTransform=\"matrix(30 0 0 -1 30558 771)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#F-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M30 113H0\"\n ></path>\n <linearGradient\n id={`G-${id}`}\n x1=\"-1014.501\"\n x2=\"-1015.774\"\n y1=\"839.985\"\n y2=\"839.935\"\n gradientTransform=\"matrix(26.5 0 0 -5.5 26925 4696.5)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#G-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M33.5 79.5L7 74\"\n ></path>\n <linearGradient\n id={`H-${id}`}\n x1=\"-1016.59\"\n x2=\"-1017.862\"\n y1=\"852.671\"\n y2=\"852.595\"\n gradientTransform=\"matrix(29 0 0 -8 29523 6971)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#H-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M34 146l-29 8\"\n ></path>\n <linearGradient\n id={`I-${id}`}\n x1=\"-1011.984\"\n x2=\"-1013.257\"\n y1=\"863.523\"\n y2=\"863.229\"\n gradientTransform=\"matrix(24 0 0 -13 24339 11407)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#I-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M45 177l-24 13\"\n ></path>\n <linearGradient\n id={`J-${id}`}\n x1=\"-1006.673\"\n x2=\"-1007.946\"\n y1=\"869.279\"\n y2=\"868.376\"\n gradientTransform=\"matrix(20 0 0 -19 20205 16720)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#J-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M67 204l-20 19\"\n ></path>\n <linearGradient\n id={`K-${id}`}\n x1=\"-992.85\"\n x2=\"-993.317\"\n y1=\"871.258\"\n y2=\"870.258\"\n gradientTransform=\"matrix(13.8339 0 0 -22.8467 13825.796 20131.938)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#K-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M94.4 227l-13.8 22.8\"\n ></path>\n <linearGradient\n id={`L-${id}`}\n x1=\"-953.835\"\n x2=\"-953.965\"\n y1=\"871.9\"\n y2=\"870.9\"\n gradientTransform=\"matrix(7.5 0 0 -24.5 7278 21605)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#L-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M127.5 243.5L120 268\"\n ></path>\n <linearGradient\n id={`M-${id}`}\n x1=\"244.504\"\n x2=\"244.496\"\n y1=\"871.898\"\n y2=\"870.898\"\n gradientTransform=\"matrix(.5 0 0 -24.5 45.5 21614)\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop offset=\"0\" stop-color=\"#ffa400\"></stop>\n <stop offset=\"1\" stop-color=\"#ff5e00\"></stop>\n </linearGradient>\n <path\n fill=\"none\"\n stroke={`url(#M-${id})`}\n stroke-linecap=\"round\"\n stroke-linejoin=\"bevel\"\n stroke-width=\"12\"\n d=\"M167.5 252.5l.5 24.5\"\n ></path>\n </g>\n </g>\n </g>\n </svg>\n )\n}\n"],"mappings":"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"}
+1
-1
dist/esm/components/main-panel.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"main-panel.js","names":["clsx","useStyles","JSX","PanelProps","IntrinsicElements","children","className","withPadding","MainPanel","class","classStyles","styles","_el$","_tmpl$","_$insert","_$effect","_$className","mainPanel","panel","Boolean"],"sources":["../../../src/components/main-panel.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\nimport type { JSX } from 'solid-js/jsx-runtime'\n\ntype PanelProps = JSX.IntrinsicElements['div'] & {\n children?: any\n className?: string\n withPadding?: boolean\n}\n\nexport const MainPanel = ({\n className,\n children,\n class: classStyles,\n withPadding,\n}: PanelProps) => {\n const styles = useStyles()\n\n return (\n <div\n class={clsx(\n styles().mainPanel.panel(Boolean(withPadding)),\n className,\n classStyles,\n )}\n >\n {children}\n </div>\n )\n}\n"],"mappings":";;;;;AAUA,IAAaQ,aAAa,EACxBF,WAAAA,aACAD,UACAI,OAAOC,aACPH,kBACgB;CAChB,MAAMI,SAASV,WAAW;AAE1B,eAAA;EAAA,IAAAW,OAAAC,QAAA;AAAAC,SAAAF,MAQKP,SAAQ;AAAAU,eAAAC,UAAAJ,MANFZ,KACLW,QAAQ,CAACM,UAAUC,MAAMC,QAAQZ,YAAY,CAAC,EAC9CD,aACAI,YACD,CAAA,CAAA;AAAA,SAAAE;KAAA"}
{"version":3,"file":"main-panel.js","names":["clsx","useStyles","JSX","PanelProps","IntrinsicElements","children","className","withPadding","MainPanel","class","classStyles","styles","_el$","_tmpl$","_$insert","_$effect","_$className","mainPanel","panel","Boolean"],"sources":["../../../src/components/main-panel.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\nimport type { JSX } from 'solid-js/jsx-runtime'\n\ntype PanelProps = JSX.IntrinsicElements['div'] & {\n children?: any\n className?: string\n withPadding?: boolean\n}\n\nexport const MainPanel = ({\n className,\n children,\n class: classStyles,\n withPadding,\n}: PanelProps) => {\n const styles = useStyles()\n\n return (\n <div\n class={clsx(\n styles().mainPanel.panel(Boolean(withPadding)),\n className,\n classStyles,\n )}\n >\n {children}\n </div>\n )\n}\n"],"mappings":";;;;;AAUA,IAAaQ,aAAa,EACxBF,WAAAA,aACAD,UACAI,OAAOC,aACPH,kBACgB;CAChB,MAAMI,SAASV,WAAW;CAE1B,cAAA;EAAA,IAAAW,OAAAC,QAAA;EAAAC,OAAAF,MAQKP,SAAQ;EAAAU,aAAAC,UAAAJ,MANFZ,KACLW,QAAQ,CAACM,UAAUC,MAAMC,QAAQZ,YAAY,CAAC,EAC9CD,aACAI,YACD,CAAA,CAAA;EAAA,OAAAE;KAAA"}
+1
-1
dist/esm/components/section.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"section.js","names":["clsx","useStyles","JSX","Section","children","rest","IntrinsicElements","styles","_el$","_tmpl$","_$spread","_$mergeProps","class","section","main","_$insert","SectionTitle","_el$2","_tmpl$2","title","SectionDescription","_el$3","_tmpl$3","description","SectionIcon","_el$4","_tmpl$4","icon"],"sources":["../../../src/components/section.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\nimport type { JSX } from 'solid-js/jsx-runtime'\n\nexport const Section = ({\n children,\n ...rest\n}: JSX.IntrinsicElements['section']) => {\n const styles = useStyles()\n return (\n <section class={clsx(styles().section.main, rest.class)} {...rest}>\n {children}\n </section>\n )\n}\n\nexport const SectionTitle = ({\n children,\n ...rest\n}: JSX.IntrinsicElements['h3']) => {\n const styles = useStyles()\n return (\n <h3 class={clsx(styles().section.title, rest.class)} {...rest}>\n {children}\n </h3>\n )\n}\n\nexport const SectionDescription = ({\n children,\n ...rest\n}: JSX.IntrinsicElements['p']) => {\n const styles = useStyles()\n return (\n <p class={clsx(styles().section.description, rest.class)} {...rest}>\n {children}\n </p>\n )\n}\n\nexport const SectionIcon = ({\n children,\n ...rest\n}: JSX.IntrinsicElements['span']) => {\n const styles = useStyles()\n return (\n <span class={clsx(styles().section.icon, rest.class)} {...rest}>\n {children}\n </span>\n )\n}\n"],"mappings":";;;;;AAIA,IAAaG,WAAW,EACtBC,UACA,GAAGC,WACmC;CACtC,MAAME,SAASN,WAAW;AAC1B,eAAA;EAAA,IAAAO,OAAAC,QAAA;AAAAC,SAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;AAAA,UACkBX,KAAKO,QAAQ,CAACM,QAAQC,MAAMT,KAAKO,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,KAAA;AAAAU,SAAAP,MAC9DJ,SAAQ;AAAA,SAAAI;KAAA;;AAKf,IAAaQ,gBAAgB,EAC3BZ,UACA,GAAGC,WAC8B;CACjC,MAAME,SAASN,WAAW;AAC1B,eAAA;EAAA,IAAAgB,QAAAC,SAAA;AAAAR,SAAAO,OAAAN,WAAA,EAAA,KAAA,WAAA;AAAA,UACaX,KAAKO,QAAQ,CAACM,QAAQM,OAAOd,KAAKO,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,KAAA;AAAAU,SAAAE,OAC1Db,SAAQ;AAAA,SAAAa;KAAA;;AAKf,IAAaG,sBAAsB,EACjChB,UACA,GAAGC,WAC6B;CAChC,MAAME,SAASN,WAAW;AAC1B,eAAA;EAAA,IAAAoB,QAAAC,SAAA;AAAAZ,SAAAW,OAAAV,WAAA,EAAA,KAAA,WAAA;AAAA,UACYX,KAAKO,QAAQ,CAACM,QAAQU,aAAalB,KAAKO,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,KAAA;AAAAU,SAAAM,OAC/DjB,SAAQ;AAAA,SAAAiB;KAAA;;AAKf,IAAaG,eAAe,EAC1BpB,UACA,GAAGC,WACgC;CACnC,MAAME,SAASN,WAAW;AAC1B,eAAA;EAAA,IAAAwB,QAAAC,SAAA;AAAAhB,SAAAe,OAAAd,WAAA,EAAA,KAAA,WAAA;AAAA,UACeX,KAAKO,QAAQ,CAACM,QAAQc,MAAMtB,KAAKO,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,KAAA;AAAAU,SAAAU,OAC3DrB,SAAQ;AAAA,SAAAqB;KAAA"}
{"version":3,"file":"section.js","names":["clsx","useStyles","JSX","Section","children","rest","IntrinsicElements","styles","_el$","_tmpl$","_$spread","_$mergeProps","class","section","main","_$insert","SectionTitle","_el$2","_tmpl$2","title","SectionDescription","_el$3","_tmpl$3","description","SectionIcon","_el$4","_tmpl$4","icon"],"sources":["../../../src/components/section.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\nimport type { JSX } from 'solid-js/jsx-runtime'\n\nexport const Section = ({\n children,\n ...rest\n}: JSX.IntrinsicElements['section']) => {\n const styles = useStyles()\n return (\n <section class={clsx(styles().section.main, rest.class)} {...rest}>\n {children}\n </section>\n )\n}\n\nexport const SectionTitle = ({\n children,\n ...rest\n}: JSX.IntrinsicElements['h3']) => {\n const styles = useStyles()\n return (\n <h3 class={clsx(styles().section.title, rest.class)} {...rest}>\n {children}\n </h3>\n )\n}\n\nexport const SectionDescription = ({\n children,\n ...rest\n}: JSX.IntrinsicElements['p']) => {\n const styles = useStyles()\n return (\n <p class={clsx(styles().section.description, rest.class)} {...rest}>\n {children}\n </p>\n )\n}\n\nexport const SectionIcon = ({\n children,\n ...rest\n}: JSX.IntrinsicElements['span']) => {\n const styles = useStyles()\n return (\n <span class={clsx(styles().section.icon, rest.class)} {...rest}>\n {children}\n </span>\n )\n}\n"],"mappings":";;;;;AAIA,IAAaG,WAAW,EACtBC,UACA,GAAGC,WACmC;CACtC,MAAME,SAASN,WAAW;CAC1B,cAAA;EAAA,IAAAO,OAAAC,QAAA;EAAAC,OAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;GAAA,OACkBX,KAAKO,QAAQ,CAACM,QAAQC,MAAMT,KAAKO,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,KAAA;EAAAU,OAAAP,MAC9DJ,SAAQ;EAAA,OAAAI;KAAA;;AAKf,IAAaQ,gBAAgB,EAC3BZ,UACA,GAAGC,WAC8B;CACjC,MAAME,SAASN,WAAW;CAC1B,cAAA;EAAA,IAAAgB,QAAAC,SAAA;EAAAR,OAAAO,OAAAN,WAAA,EAAA,KAAA,WAAA;GAAA,OACaX,KAAKO,QAAQ,CAACM,QAAQM,OAAOd,KAAKO,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,KAAA;EAAAU,OAAAE,OAC1Db,SAAQ;EAAA,OAAAa;KAAA;;AAKf,IAAaG,sBAAsB,EACjChB,UACA,GAAGC,WAC6B;CAChC,MAAME,SAASN,WAAW;CAC1B,cAAA;EAAA,IAAAoB,QAAAC,SAAA;EAAAZ,OAAAW,OAAAV,WAAA,EAAA,KAAA,WAAA;GAAA,OACYX,KAAKO,QAAQ,CAACM,QAAQU,aAAalB,KAAKO,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,KAAA;EAAAU,OAAAM,OAC/DjB,SAAQ;EAAA,OAAAiB;KAAA;;AAKf,IAAaG,eAAe,EAC1BpB,UACA,GAAGC,WACgC;CACnC,MAAME,SAASN,WAAW;CAC1B,cAAA;EAAA,IAAAwB,QAAAC,SAAA;EAAAhB,OAAAe,OAAAd,WAAA,EAAA,KAAA,WAAA;GAAA,OACeX,KAAKO,QAAQ,CAACM,QAAQc,MAAMtB,KAAKO,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,KAAA;EAAAU,OAAAU,OAC3DrB,SAAQ;EAAA,OAAAqB;KAAA"}
+1
-1
dist/esm/components/select.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"select.js","names":["createSignal","useStyles","SelectOption","value","T","label","SelectProps","options","Array","onChange","description","Select","props","styles","selected","setSelected","handleChange","e","Event","target","HTMLSelectElement","prev","_el$","_tmpl$","_el$2","firstChild","_el$3","_$insert","_c$","_$memo","_el$4","_tmpl$2","_$effect","_$className","selectLabel","_c$2","_el$5","_tmpl$3","selectDescription","$$input","map","opt","_el$6","_tmpl$4","_p$","_v$","selectContainer","_v$2","selectWrapper","_v$3","select","t","a","undefined","_$delegateEvents"],"sources":["../../../src/components/select.tsx"],"sourcesContent":["import { createSignal } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\n\ninterface SelectOption<T extends string | number> {\n value: T\n label: string\n}\n\ninterface SelectProps<T extends string | number> {\n label?: string\n options: Array<SelectOption<T>>\n value?: T\n onChange?: (value: T) => void\n description?: string\n}\n\nexport function Select<T extends string | number>(props: SelectProps<T>) {\n const styles = useStyles()\n const [selected, setSelected] = createSignal(\n props.value || props.options[0]?.value,\n )\n\n const handleChange = (e: Event) => {\n const value = (e.target as HTMLSelectElement).value as T\n setSelected((prev) => (prev !== value ? value : prev))\n props.onChange?.(value)\n }\n\n return (\n <div class={styles().selectContainer}>\n <div class={styles().selectWrapper}>\n {props.label && (\n <label class={styles().selectLabel}>{props.label}</label>\n )}\n {props.description && (\n <p class={styles().selectDescription}>{props.description}</p>\n )}\n <select\n class={styles().select}\n value={selected()}\n onInput={handleChange}\n >\n {props.options.map((opt) => (\n <option value={opt.value}>{opt.label}</option>\n ))}\n </select>\n </div>\n </div>\n )\n}\n"],"mappings":";;;;;AAgBA,SAAgBW,OAAkCC,OAAuB;CACvE,MAAMC,SAASZ,WAAW;CAC1B,MAAM,CAACa,UAAUC,eAAef,aAC9BY,MAAMT,SAASS,MAAML,QAAQ,IAAIJ,MAClC;CAED,MAAMa,gBAAgBC,MAAa;EACjC,MAAMd,QAASc,EAAEE,OAA6BhB;AAC9CY,eAAaM,SAAUA,SAASlB,QAAQA,QAAQkB,KAAM;AACtDT,QAAMH,WAAWN,MAAM;;AAGzB,eAAA;EAAA,IAAAmB,OAAAC,QAAA,EAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC;AAAAE,SAAAH,cAAA;GAAA,IAAAI,MAAAC,WAAA,CAAA,CAGOjB,MAAMP,MAAK;AAAA,gBAAXuB,KAAA,WAAA;IAAA,IAAAE,QAAAC,SAAA;AAAAJ,WAAAG,aACsClB,MAAMP,MAAK;AAAA2B,iBAAAC,UAAAH,OAAlCjB,QAAQ,CAACqB,YAAW,CAAA;AAAA,WAAAJ;OACnC;MAAA,EAAAJ,MAAA;AAAAC,SAAAH,cAAA;GAAA,IAAAW,OAAAN,WAAA,CAAA,CACAjB,MAAMF,YAAW;AAAA,gBAAjByB,MAAA,WAAA;IAAA,IAAAC,QAAAC,SAAA;AAAAV,WAAAS,aACwCxB,MAAMF,YAAW;AAAAsB,iBAAAC,UAAAG,OAA9CvB,QAAQ,CAACyB,kBAAiB,CAAA;AAAA,WAAAF;OACrC;MAAA,EAAAV,MAAA;AAAAA,QAAAa,UAIUvB;AAAYW,SAAAD,aAEpBd,MAAML,QAAQiC,KAAKC,eAAG;GAAA,IAAAC,QAAAC,SAAA;AAAAhB,UAAAe,aACMD,IAAIpC,MAAK;AAAA2B,gBAAAU,MAAAvC,QAArBsC,IAAItC,MAAK;AAAA,UAAAuC;MACzB,CAAC,CAAA;AAAAV,UAAAY,QAAA;GAAA,IAAAC,MAfIhC,QAAQ,CAACiC,iBAAeC,OACtBlC,QAAQ,CAACmC,eAAaC,OAQvBpC,QAAQ,CAACqC;AAAML,WAAAD,IAAA3B,KAAAgB,UAAAX,MAAAsB,IAAA3B,IAAA4B,IAAA;AAAAE,YAAAH,IAAAO,KAAAlB,UAAAT,OAAAoB,IAAAO,IAAAJ,KAAA;AAAAE,YAAAL,IAAAQ,KAAAnB,UAAAP,OAAAkB,IAAAQ,IAAAH,KAAA;AAAA,UAAAL;KAAA;GAAA3B,GAAAoC,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA;AAAArB,eAAAN,MAAAvB,QACfW,UAAU,CAAA;AAAA,SAAAQ;KAAA;;AAU1BgC,eAAA,CAAA,QAAA,CAAA"}
{"version":3,"file":"select.js","names":["createSignal","useStyles","SelectOption","value","T","label","SelectProps","options","Array","onChange","description","Select","props","styles","selected","setSelected","handleChange","e","Event","target","HTMLSelectElement","prev","_el$","_tmpl$","_el$2","firstChild","_el$3","_$insert","_c$","_$memo","_el$4","_tmpl$2","_$effect","_$className","selectLabel","_c$2","_el$5","_tmpl$3","selectDescription","$$input","map","opt","_el$6","_tmpl$4","_p$","_v$","selectContainer","_v$2","selectWrapper","_v$3","select","t","a","undefined","_$delegateEvents"],"sources":["../../../src/components/select.tsx"],"sourcesContent":["import { createSignal } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\n\ninterface SelectOption<T extends string | number> {\n value: T\n label: string\n}\n\ninterface SelectProps<T extends string | number> {\n label?: string\n options: Array<SelectOption<T>>\n value?: T\n onChange?: (value: T) => void\n description?: string\n}\n\nexport function Select<T extends string | number>(props: SelectProps<T>) {\n const styles = useStyles()\n const [selected, setSelected] = createSignal(\n props.value || props.options[0]?.value,\n )\n\n const handleChange = (e: Event) => {\n const value = (e.target as HTMLSelectElement).value as T\n setSelected((prev) => (prev !== value ? value : prev))\n props.onChange?.(value)\n }\n\n return (\n <div class={styles().selectContainer}>\n <div class={styles().selectWrapper}>\n {props.label && (\n <label class={styles().selectLabel}>{props.label}</label>\n )}\n {props.description && (\n <p class={styles().selectDescription}>{props.description}</p>\n )}\n <select\n class={styles().select}\n value={selected()}\n onInput={handleChange}\n >\n {props.options.map((opt) => (\n <option value={opt.value}>{opt.label}</option>\n ))}\n </select>\n </div>\n </div>\n )\n}\n"],"mappings":";;;;;AAgBA,SAAgBW,OAAkCC,OAAuB;CACvE,MAAMC,SAASZ,WAAW;CAC1B,MAAM,CAACa,UAAUC,eAAef,aAC9BY,MAAMT,SAASS,MAAML,QAAQ,IAAIJ,MAClC;CAED,MAAMa,gBAAgBC,MAAa;EACjC,MAAMd,QAASc,EAAEE,OAA6BhB;EAC9CY,aAAaM,SAAUA,SAASlB,QAAQA,QAAQkB,KAAM;EACtDT,MAAMH,WAAWN,MAAM;;CAGzB,cAAA;EAAA,IAAAmB,OAAAC,QAAA,EAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC;EAAAE,OAAAH,cAAA;GAAA,IAAAI,MAAAC,WAAA,CAAA,CAGOjB,MAAMP,MAAK;GAAA,aAAXuB,KAAA,WAAA;IAAA,IAAAE,QAAAC,SAAA;IAAAJ,OAAAG,aACsClB,MAAMP,MAAK;IAAA2B,aAAAC,UAAAH,OAAlCjB,QAAQ,CAACqB,YAAW,CAAA;IAAA,OAAAJ;OACnC;MAAA,EAAAJ,MAAA;EAAAC,OAAAH,cAAA;GAAA,IAAAW,OAAAN,WAAA,CAAA,CACAjB,MAAMF,YAAW;GAAA,aAAjByB,MAAA,WAAA;IAAA,IAAAC,QAAAC,SAAA;IAAAV,OAAAS,aACwCxB,MAAMF,YAAW;IAAAsB,aAAAC,UAAAG,OAA9CvB,QAAQ,CAACyB,kBAAiB,CAAA;IAAA,OAAAF;OACrC;MAAA,EAAAV,MAAA;EAAAA,MAAAa,UAIUvB;EAAYW,OAAAD,aAEpBd,MAAML,QAAQiC,KAAKC,eAAG;GAAA,IAAAC,QAAAC,SAAA;GAAAhB,OAAAe,aACMD,IAAIpC,MAAK;GAAA2B,aAAAU,MAAAvC,QAArBsC,IAAItC,MAAK;GAAA,OAAAuC;MACzB,CAAC,CAAA;EAAAV,QAAAY,QAAA;GAAA,IAAAC,MAfIhC,QAAQ,CAACiC,iBAAeC,OACtBlC,QAAQ,CAACmC,eAAaC,OAQvBpC,QAAQ,CAACqC;GAAML,QAAAD,IAAA3B,KAAAgB,UAAAX,MAAAsB,IAAA3B,IAAA4B,IAAA;GAAAE,SAAAH,IAAAO,KAAAlB,UAAAT,OAAAoB,IAAAO,IAAAJ,KAAA;GAAAE,SAAAL,IAAAQ,KAAAnB,UAAAP,OAAAkB,IAAAQ,IAAAH,KAAA;GAAA,OAAAL;KAAA;GAAA3B,GAAAoC,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA;EAAArB,aAAAN,MAAAvB,QACfW,UAAU,CAAA;EAAA,OAAAQ;KAAA;;AAU1BgC,eAAA,CAAA,QAAA,CAAA"}
+1
-1
dist/esm/components/tag.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"tag.js","names":["Show","useStyles","tokens","Tag","props","color","colors","label","count","disabled","styles","_el$","_tmpl$2","_el$2","firstChild","_el$3","nextSibling","_$insert","_$createComponent","when","_$memo","children","_el$4","_tmpl$","_$effect","_$className","tag","_p$","_v$","_v$2","base","_v$3","dot","_v$4","e","t","a","o","undefined"],"sources":["../../../src/components/tag.tsx"],"sourcesContent":["import { Show } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\nimport type { tokens } from '../styles/tokens'\n\nexport const Tag = (props: {\n color: keyof typeof tokens.colors\n label: string\n count?: number\n disabled?: boolean\n}) => {\n const styles = useStyles()\n return (\n <button disabled={props.disabled} class={styles().tag.base}>\n <span class={styles().tag.dot(props.color)} />\n <span class={styles().tag.label}>{props.label}</span>\n\n <Show when={props.count && props.count > 0}>\n <span class={styles().tag.count}>{props.count}</span>\n </Show>\n </button>\n )\n}\n"],"mappings":";;;;;AAIA,IAAaG,OAAOC,UAKd;CACJ,MAAMM,SAAST,WAAW;AAC1B,eAAA;EAAA,IAAAU,OAAAC,SAAA,EAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG;AAAAC,SAAAF,aAGsCX,MAAMG,MAAK;AAAAU,SAAAN,MAAAO,gBAE5ClB,MAAI;GAAA,IAACmB,OAAI;AAAA,WAAEC,WAAA,CAAA,CAAAhB,MAAMI,MAAK,EAAA,IAAIJ,MAAMI,QAAQ;;GAAC,IAAAa,WAAA;IAAA,IAAAC,QAAAC,QAAA;AAAAN,WAAAK,aACNlB,MAAMI,MAAK;AAAAgB,iBAAAC,UAAAH,OAAhCZ,QAAQ,CAACgB,IAAIlB,MAAK,CAAA;AAAA,WAAAc;;GAAA,CAAA,EAAA,KAAA;AAAAE,UAAAG,QAAA;GAAA,IAAAC,MALjBxB,MAAMK,UAAQoB,OAASnB,QAAQ,CAACgB,IAAII,MAAIC,OAC3CrB,QAAQ,CAACgB,IAAIM,IAAI5B,MAAMC,MAAM,EAAA4B,OAC7BvB,QAAQ,CAACgB,IAAInB;AAAKqB,WAAAD,IAAAO,MAAAvB,KAAAF,WAAAkB,IAAAO,IAAAN;AAAAC,YAAAF,IAAAQ,KAAAV,UAAAd,MAAAgB,IAAAQ,IAAAN,KAAA;AAAAE,YAAAJ,IAAAS,KAAAX,UAAAZ,OAAAc,IAAAS,IAAAL,KAAA;AAAAE,YAAAN,IAAAU,KAAAZ,UAAAV,OAAAY,IAAAU,IAAAJ,KAAA;AAAA,UAAAN;KAAA;GAAAO,GAAAI,KAAAA;GAAAH,GAAAG,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA;AAAA,SAAA3B;KAAA"}
{"version":3,"file":"tag.js","names":["Show","useStyles","tokens","Tag","props","color","colors","label","count","disabled","styles","_el$","_tmpl$2","_el$2","firstChild","_el$3","nextSibling","_$insert","_$createComponent","when","_$memo","children","_el$4","_tmpl$","_$effect","_$className","tag","_p$","_v$","_v$2","base","_v$3","dot","_v$4","e","t","a","o","undefined"],"sources":["../../../src/components/tag.tsx"],"sourcesContent":["import { Show } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\nimport type { tokens } from '../styles/tokens'\n\nexport const Tag = (props: {\n color: keyof typeof tokens.colors\n label: string\n count?: number\n disabled?: boolean\n}) => {\n const styles = useStyles()\n return (\n <button disabled={props.disabled} class={styles().tag.base}>\n <span class={styles().tag.dot(props.color)} />\n <span class={styles().tag.label}>{props.label}</span>\n\n <Show when={props.count && props.count > 0}>\n <span class={styles().tag.count}>{props.count}</span>\n </Show>\n </button>\n )\n}\n"],"mappings":";;;;;AAIA,IAAaG,OAAOC,UAKd;CACJ,MAAMM,SAAST,WAAW;CAC1B,cAAA;EAAA,IAAAU,OAAAC,SAAA,EAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG;EAAAC,OAAAF,aAGsCX,MAAMG,MAAK;EAAAU,OAAAN,MAAAO,gBAE5ClB,MAAI;GAAA,IAACmB,OAAI;IAAA,OAAEC,WAAA,CAAA,CAAAhB,MAAMI,MAAK,EAAA,IAAIJ,MAAMI,QAAQ;;GAAC,IAAAa,WAAA;IAAA,IAAAC,QAAAC,QAAA;IAAAN,OAAAK,aACNlB,MAAMI,MAAK;IAAAgB,aAAAC,UAAAH,OAAhCZ,QAAQ,CAACgB,IAAIlB,MAAK,CAAA;IAAA,OAAAc;;GAAA,CAAA,EAAA,KAAA;EAAAE,QAAAG,QAAA;GAAA,IAAAC,MALjBxB,MAAMK,UAAQoB,OAASnB,QAAQ,CAACgB,IAAII,MAAIC,OAC3CrB,QAAQ,CAACgB,IAAIM,IAAI5B,MAAMC,MAAM,EAAA4B,OAC7BvB,QAAQ,CAACgB,IAAInB;GAAKqB,QAAAD,IAAAO,MAAAvB,KAAAF,WAAAkB,IAAAO,IAAAN;GAAAC,SAAAF,IAAAQ,KAAAV,UAAAd,MAAAgB,IAAAQ,IAAAN,KAAA;GAAAE,SAAAJ,IAAAS,KAAAX,UAAAZ,OAAAc,IAAAS,IAAAL,KAAA;GAAAE,SAAAN,IAAAU,KAAAZ,UAAAV,OAAAY,IAAAU,IAAAJ,KAAA;GAAA,OAAAN;KAAA;GAAAO,GAAAI,KAAAA;GAAAH,GAAAG,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA;EAAA,OAAA3B;KAAA"}
+1
-1
dist/esm/components/theme.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"theme.js","names":["createContext","createEffect","createSignal","useContext","Accessor","JSX","TanStackDevtoolsTheme","ThemeContextValue","theme","setTheme","ThemeContext","undefined","ThemeContextProvider","props","children","Element","_$createComponent","Provider","value","useTheme","context","Error"],"sources":["../../../src/components/theme.tsx"],"sourcesContent":["import { createContext, createEffect, createSignal, useContext } from 'solid-js'\nimport type { Accessor, JSX } from 'solid-js'\n\nexport type TanStackDevtoolsTheme = 'light' | 'dark'\n\ntype ThemeContextValue = {\n theme: Accessor<TanStackDevtoolsTheme>\n setTheme: (theme: TanStackDevtoolsTheme) => void\n}\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined)\n\nexport const ThemeContextProvider = (props: {\n children: JSX.Element\n theme: TanStackDevtoolsTheme\n}) => {\n const [theme, setTheme] = createSignal<TanStackDevtoolsTheme>(props.theme)\n createEffect(() => {\n setTheme(props.theme)\n })\n return (\n <ThemeContext.Provider value={{ theme, setTheme }}>\n {props.children}\n </ThemeContext.Provider>\n )\n}\n\nexport function useTheme() {\n const context = useContext(ThemeContext)\n if (!context) {\n throw new Error('useTheme must be used within a ThemeContextProvider')\n }\n\n return context\n}\n"],"mappings":";;;AASA,IAAMU,eAAeV,cAA6CW,KAAAA,EAAU;AAE5E,IAAaC,wBAAwBC,UAG/B;CACJ,MAAM,CAACL,OAAOC,YAAYP,aAAoCW,MAAML,MAAM;AAC1EP,oBAAmB;AACjBQ,WAASI,MAAML,MAAM;GACrB;AACF,QAAAQ,gBACGN,aAAaO,UAAQ;EAACC,OAAO;GAAEV;GAAOC;GAAU;EAAA,IAAAK,WAAA;AAAA,UAC9CD,MAAMC;;EAAQ,CAAA;;AAKrB,SAAgBK,WAAW;CACzB,MAAMC,UAAUjB,WAAWO,aAAa;AACxC,KAAI,CAACU,QACH,OAAM,IAAIC,MAAM,sDAAsD;AAGxE,QAAOD"}
{"version":3,"file":"theme.js","names":["createContext","createEffect","createSignal","useContext","Accessor","JSX","TanStackDevtoolsTheme","ThemeContextValue","theme","setTheme","ThemeContext","undefined","ThemeContextProvider","props","children","Element","_$createComponent","Provider","value","useTheme","context","Error"],"sources":["../../../src/components/theme.tsx"],"sourcesContent":["import { createContext, createEffect, createSignal, useContext } from 'solid-js'\nimport type { Accessor, JSX } from 'solid-js'\n\nexport type TanStackDevtoolsTheme = 'light' | 'dark'\n\ntype ThemeContextValue = {\n theme: Accessor<TanStackDevtoolsTheme>\n setTheme: (theme: TanStackDevtoolsTheme) => void\n}\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined)\n\nexport const ThemeContextProvider = (props: {\n children: JSX.Element\n theme: TanStackDevtoolsTheme\n}) => {\n const [theme, setTheme] = createSignal<TanStackDevtoolsTheme>(props.theme)\n createEffect(() => {\n setTheme(props.theme)\n })\n return (\n <ThemeContext.Provider value={{ theme, setTheme }}>\n {props.children}\n </ThemeContext.Provider>\n )\n}\n\nexport function useTheme() {\n const context = useContext(ThemeContext)\n if (!context) {\n throw new Error('useTheme must be used within a ThemeContextProvider')\n }\n\n return context\n}\n"],"mappings":";;;AASA,IAAMU,eAAeV,cAA6CW,KAAAA,EAAU;AAE5E,IAAaC,wBAAwBC,UAG/B;CACJ,MAAM,CAACL,OAAOC,YAAYP,aAAoCW,MAAML,MAAM;CAC1EP,mBAAmB;EACjBQ,SAASI,MAAML,MAAM;GACrB;CACF,OAAAQ,gBACGN,aAAaO,UAAQ;EAACC,OAAO;GAAEV;GAAOC;GAAU;EAAA,IAAAK,WAAA;GAAA,OAC9CD,MAAMC;;EAAQ,CAAA;;AAKrB,SAAgBK,WAAW;CACzB,MAAMC,UAAUjB,WAAWO,aAAa;CACxC,IAAI,CAACU,SACH,MAAM,IAAIC,MAAM,sDAAsD;CAGxE,OAAOD"}
+1
-1
dist/esm/components/tree.js

@@ -55,3 +55,3 @@ import { css, useStyles } from "../styles/use-styles.js";

var _el$0 = _tmpl$();
insert(_el$0, () => props.value);
insert(_el$0, () => String(props.value));
effect(() => className(_el$0, styles().tree.valueNumber));

@@ -58,0 +58,0 @@ return _el$0;

+1
-1
dist/esm/components/tree.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"tree.js","names":["For","Match","Show","Switch","createSignal","clsx","dayjs","css","useStyles","CopiedCopier","Copier","ErrorCopier","CollapsiblePaths","JsonTree","TData","props","value","copyable","defaultExpansionDepth","collapsePaths","Array","TName","config","dateFormat","_$createComponent","JsonValue","isRoot","depth","path","keyName","isLastKey","styles","_el$","_tmpl$","_$insert","_c$","_$memo","isArray","_el$2","_tmpl$2","_el$3","firstChild","_el$5","nextSibling","_el$4","_$effect","_$className","tree","valueKey","_el$6","_tmpl$3","_el$7","_el$9","_el$8","valueString","_el$0","valueNumber","_el$1","String","valueBoolean","_el$10","_tmpl$4","valueNull","undefined","_el$11","_tmpl$5","_el$12","valueFunction","ArrayValue","ObjectValue","_c$2","_el$14","_tmpl$6","CopyButton","actions","_c$3","_tmpl$7","valueContainer","expanded","setExpanded","includes","length","_el$16","_tmpl$8","_el$17","_c$4","_el$18","_el$19","_el$21","_el$20","collapsible","_p$","_v$","expanderContainer","_v$2","valueBraces","e","t","_el$22","_tmpl$0","_el$23","_el$26","Expander","onClick","_c$5","_el$27","_tmpl$1","_el$28","_el$33","_el$29","_el$31","_el$32","$$click","stopPropagation","stopImmediatePropagation","_v$6","_v$7","info","when","children","_el$24","each","item","i","expandedLine","Boolean","_el$25","_tmpl$9","_v$3","_v$4","_v$5","a","Record","keys","Object","lastKeyName","Date","_el$34","_tmpl$10","_el$35","_c$6","_el$36","_el$37","_el$39","_el$38","format","_v$8","_v$9","_el$40","_tmpl$11","_el$41","_c$7","_el$42","_el$43","_el$45","_el$44","_v$0","_v$1","_el$46","_tmpl$12","_el$47","_el$50","_c$8","_c$9","_el$51","_el$52","_el$57","_el$53","_el$55","_el$56","_v$13","_v$14","_el$48","k","_el$49","_v$10","_v$11","_v$12","CopyState","copyState","setCopyState","_el$58","_tmpl$13","_$addEventListener","navigator","clipboard","writeText","JSON","stringify","then","setTimeout","err","console","error","theme","_v$15","actionButton","_v$16","_$setAttribute","_el$59","_tmpl$14","expander","_$delegateEvents"],"sources":["../../../src/components/tree.tsx"],"sourcesContent":["import { For, Match, Show, Switch, createSignal } from 'solid-js'\nimport clsx from 'clsx'\nimport dayjs from 'dayjs'\n\n// css\nimport { css, useStyles } from '../styles/use-styles'\n\n// icons\nimport { CopiedCopier, Copier, ErrorCopier } from './icons'\n\n// utils\nimport type { CollapsiblePaths } from '../utils/deep-keys'\n\nexport function JsonTree<TData, TName extends CollapsiblePaths<TData>>(props: {\n value: TData\n copyable?: boolean\n\n defaultExpansionDepth?: number\n collapsePaths?: Array<TName>\n\n config?: { dateFormat?: string }\n}) {\n return (\n <JsonValue\n isRoot\n value={props.value}\n copyable={props.copyable}\n depth={0}\n defaultExpansionDepth={props.defaultExpansionDepth ?? 1}\n path=\"\"\n collapsePaths={props.collapsePaths}\n config={props.config}\n />\n )\n}\n\nfunction JsonValue(props: {\n value: any\n keyName?: string\n isRoot?: boolean\n isLastKey?: boolean\n copyable?: boolean\n\n defaultExpansionDepth: number\n depth: number\n\n collapsePaths?: Array<string>\n path: string\n\n config?: { dateFormat?: string }\n}) {\n const styles = useStyles()\n\n return (\n <span class={styles().tree.valueContainer(props.isRoot ?? false)}>\n {props.keyName &&\n typeof props.value !== 'object' &&\n !Array.isArray(props.value) && (\n <span class={styles().tree.valueKey}>\n &quot;{props.keyName}&quot;:{' '}\n </span>\n )}\n\n {(() => {\n if (typeof props.value === 'string') {\n return (\n <span class={styles().tree.valueString}>\n &quot;{props.value}&quot;\n </span>\n )\n }\n\n if (typeof props.value === 'number') {\n return <span class={styles().tree.valueNumber}>{props.value}</span>\n }\n\n if (typeof props.value === 'boolean') {\n return (\n <span class={styles().tree.valueBoolean}>\n {String(props.value)}\n </span>\n )\n }\n\n if (props.value === null) {\n return <span class={styles().tree.valueNull}>null</span>\n }\n\n if (props.value === undefined) {\n return <span class={styles().tree.valueNull}>undefined</span>\n }\n\n if (typeof props.value === 'function') {\n return (\n <span class={styles().tree.valueFunction}>\n {String(props.value)}\n </span>\n )\n }\n\n if (Array.isArray(props.value)) {\n return (\n <ArrayValue\n defaultExpansionDepth={props.defaultExpansionDepth}\n depth={props.depth}\n copyable={props.copyable}\n keyName={props.keyName}\n value={props.value}\n collapsePaths={props.collapsePaths}\n path={props.path}\n config={props.config}\n />\n )\n }\n\n if (typeof props.value === 'object') {\n return (\n <ObjectValue\n defaultExpansionDepth={props.defaultExpansionDepth}\n depth={props.depth}\n copyable={props.copyable}\n keyName={props.keyName}\n value={props.value}\n collapsePaths={props.collapsePaths}\n path={props.path}\n config={props.config}\n />\n )\n }\n\n return <span />\n })()}\n {props.copyable && (\n <div class={clsx(styles().tree.actions, 'actions')}>\n <CopyButton value={props.value} />\n </div>\n )}\n {props.isLastKey || props.isRoot ? '' : <span>,</span>}\n </span>\n )\n}\n\nconst ArrayValue = (props: {\n value: Array<any>\n copyable?: boolean\n keyName?: string\n defaultExpansionDepth: number\n depth: number\n collapsePaths?: Array<string>\n path: string\n config?: { dateFormat?: string }\n}) => {\n const styles = useStyles()\n\n const [expanded, setExpanded] = createSignal(\n props.depth <= props.defaultExpansionDepth &&\n !props.collapsePaths?.includes(props.path),\n )\n\n if (props.value.length === 0) {\n return (\n <span class={styles().tree.expanderContainer}>\n {props.keyName && (\n <span class={clsx(styles().tree.valueKey, styles().tree.collapsible)}>\n &quot;{props.keyName}&quot;:{' '}\n </span>\n )}\n\n <span class={styles().tree.valueBraces}>[]</span>\n </span>\n )\n }\n return (\n <span class={styles().tree.expanderContainer}>\n <Expander\n onClick={() => setExpanded(!expanded())}\n expanded={expanded()}\n />\n\n {props.keyName && (\n <span\n onclick={(e) => {\n e.stopPropagation()\n e.stopImmediatePropagation()\n setExpanded(!expanded())\n }}\n class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n >\n &quot;{props.keyName}&quot;:{' '}\n <span class={styles().tree.info}>{props.value.length} items</span>\n </span>\n )}\n\n <span class={styles().tree.valueBraces}>[</span>\n\n <Show when={expanded()}>\n <span class={styles().tree.expandedLine(Boolean(props.keyName))}>\n <For each={props.value}>\n {(item, i) => {\n const isLastKey = i() === props.value.length - 1\n return (\n <JsonValue\n copyable={props.copyable}\n value={item}\n isLastKey={isLastKey}\n defaultExpansionDepth={props.defaultExpansionDepth}\n depth={props.depth + 1}\n collapsePaths={props.collapsePaths}\n path={props.path ? `${props.path}[${i()}]` : `[${i()}]`}\n config={props.config}\n />\n )\n }}\n </For>\n </span>\n </Show>\n\n <Show when={!expanded()}>\n <span\n onClick={(e) => {\n e.stopPropagation()\n e.stopImmediatePropagation()\n setExpanded(!expanded())\n }}\n class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n >\n {`...`}\n </span>\n </Show>\n <span class={styles().tree.valueBraces}>]</span>\n </span>\n )\n}\n\nconst ObjectValue = (props: {\n value: Record<string, any>\n keyName?: string\n copyable?: boolean\n defaultExpansionDepth: number\n depth: number\n collapsePaths?: Array<string>\n path: string\n config?: { dateFormat?: string }\n}) => {\n const styles = useStyles()\n\n const [expanded, setExpanded] = createSignal(\n props.depth <= props.defaultExpansionDepth &&\n !props.collapsePaths?.includes(props.path),\n )\n\n const keys = Object.keys(props.value)\n const lastKeyName = keys[keys.length - 1]\n\n if (props.value instanceof Date) {\n return (\n <span class={styles().tree.expanderContainer}>\n {props.keyName && (\n <span class={clsx(styles().tree.valueKey, styles().tree.collapsible)}>\n &quot;{props.keyName}&quot;:{' '}\n </span>\n )}\n\n <span class={styles().tree.valueBraces}>\n {dayjs(props.value).format(\n props.config?.dateFormat ? props.config.dateFormat : 'DDMMMYY',\n )}\n </span>\n </span>\n )\n }\n\n if (keys.length === 0) {\n return (\n <span class={styles().tree.expanderContainer}>\n {props.keyName && (\n <span class={clsx(styles().tree.valueKey, styles().tree.collapsible)}>\n &quot;{props.keyName}&quot;:{' '}\n </span>\n )}\n\n <span class={styles().tree.valueBraces}>{'{}'}</span>\n </span>\n )\n }\n\n return (\n <span class={styles().tree.expanderContainer}>\n {props.keyName && (\n <Expander\n onClick={() => setExpanded(!expanded())}\n expanded={expanded()}\n />\n )}\n\n {props.keyName && (\n <span\n onClick={(e) => {\n e.stopPropagation()\n e.stopImmediatePropagation()\n setExpanded(!expanded())\n }}\n class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n >\n &quot;{props.keyName}&quot;:{' '}\n <span class={styles().tree.info}>{keys.length} items</span>\n </span>\n )}\n\n <span class={styles().tree.valueBraces}>{'{'}</span>\n\n <Show when={expanded()}>\n <span class={styles().tree.expandedLine(Boolean(props.keyName))}>\n <For each={keys}>\n {(k) => (\n <>\n <JsonValue\n value={props.value[k]}\n keyName={k}\n isLastKey={lastKeyName === k}\n copyable={props.copyable}\n defaultExpansionDepth={props.defaultExpansionDepth}\n depth={props.depth + 1}\n collapsePaths={props.collapsePaths}\n path={`${props.path}${props.path ? '.' : ''}${k}`}\n config={props.config}\n />\n </>\n )}\n </For>\n </span>\n </Show>\n\n <Show when={!expanded()}>\n <span\n onClick={(e) => {\n e.stopPropagation()\n e.stopImmediatePropagation()\n setExpanded(!expanded())\n }}\n class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n >\n {`...`}\n </span>\n </Show>\n\n <span class={styles().tree.valueBraces}>{'}'}</span>\n </span>\n )\n}\n\ntype CopyState = 'NoCopy' | 'SuccessCopy' | 'ErrorCopy'\n\nconst CopyButton = (props: { value: unknown }) => {\n const styles = useStyles()\n const [copyState, setCopyState] = createSignal<CopyState>('NoCopy')\n\n return (\n <button\n class={styles().tree.actionButton}\n title=\"Copy object to clipboard\"\n aria-label={`${\n copyState() === 'NoCopy'\n ? 'Copy object to clipboard'\n : copyState() === 'SuccessCopy'\n ? 'Object copied to clipboard'\n : 'Error copying object to clipboard'\n }`}\n onClick={\n copyState() === 'NoCopy'\n ? () => {\n navigator.clipboard\n .writeText(JSON.stringify(props.value, null, 2))\n .then(\n () => {\n setCopyState('SuccessCopy')\n setTimeout(() => {\n setCopyState('NoCopy')\n }, 1500)\n },\n (err) => {\n console.error('Failed to copy: ', err)\n setCopyState('ErrorCopy')\n setTimeout(() => {\n setCopyState('NoCopy')\n }, 1500)\n },\n )\n }\n : undefined\n }\n >\n <Switch>\n <Match when={copyState() === 'NoCopy'}>\n <Copier />\n </Match>\n <Match when={copyState() === 'SuccessCopy'}>\n <CopiedCopier theme={'dark'} />\n </Match>\n <Match when={copyState() === 'ErrorCopy'}>\n <ErrorCopier />\n </Match>\n </Switch>\n </button>\n )\n}\n\nconst Expander = (props: { expanded: boolean; onClick: () => void }) => {\n const styles = useStyles()\n return (\n <span\n onClick={props.onClick}\n class={clsx(\n styles().tree.expander,\n css`\n transform: rotate(${props.expanded ? 90 : 0}deg);\n `,\n props.expanded &&\n css`\n & svg {\n top: -1px;\n }\n `,\n )}\n >\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6 12L10 8L6 4\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </span>\n )\n}\n"],"mappings":"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"}
{"version":3,"file":"tree.js","names":["For","Match","Show","Switch","createSignal","clsx","dayjs","css","useStyles","CopiedCopier","Copier","ErrorCopier","CollapsiblePaths","JsonTree","TData","props","value","copyable","defaultExpansionDepth","collapsePaths","Array","TName","config","dateFormat","_$createComponent","JsonValue","isRoot","depth","path","keyName","isLastKey","styles","_el$","_tmpl$","_$insert","_c$","_$memo","isArray","_el$2","_tmpl$2","_el$3","firstChild","_el$5","nextSibling","_el$4","_$effect","_$className","tree","valueKey","_el$6","_tmpl$3","_el$7","_el$9","_el$8","valueString","_el$0","String","valueNumber","_el$1","valueBoolean","_el$10","_tmpl$4","valueNull","undefined","_el$11","_tmpl$5","_el$12","valueFunction","ArrayValue","ObjectValue","_c$2","_el$14","_tmpl$6","CopyButton","actions","_c$3","_tmpl$7","valueContainer","expanded","setExpanded","includes","length","_el$16","_tmpl$8","_el$17","_c$4","_el$18","_el$19","_el$21","_el$20","collapsible","_p$","_v$","expanderContainer","_v$2","valueBraces","e","t","_el$22","_tmpl$0","_el$23","_el$26","Expander","onClick","_c$5","_el$27","_tmpl$1","_el$28","_el$33","_el$29","_el$31","_el$32","$$click","stopPropagation","stopImmediatePropagation","_v$6","_v$7","info","when","children","_el$24","each","item","i","expandedLine","Boolean","_el$25","_tmpl$9","_v$3","_v$4","_v$5","a","Record","keys","Object","lastKeyName","Date","_el$34","_tmpl$10","_el$35","_c$6","_el$36","_el$37","_el$39","_el$38","format","_v$8","_v$9","_el$40","_tmpl$11","_el$41","_c$7","_el$42","_el$43","_el$45","_el$44","_v$0","_v$1","_el$46","_tmpl$12","_el$47","_el$50","_c$8","_c$9","_el$51","_el$52","_el$57","_el$53","_el$55","_el$56","_v$13","_v$14","_el$48","k","_el$49","_v$10","_v$11","_v$12","CopyState","copyState","setCopyState","_el$58","_tmpl$13","_$addEventListener","navigator","clipboard","writeText","JSON","stringify","then","setTimeout","err","console","error","theme","_v$15","actionButton","_v$16","_$setAttribute","_el$59","_tmpl$14","expander","_$delegateEvents"],"sources":["../../../src/components/tree.tsx"],"sourcesContent":["import { For, Match, Show, Switch, createSignal } from 'solid-js'\nimport clsx from 'clsx'\nimport dayjs from 'dayjs'\n\n// css\nimport { css, useStyles } from '../styles/use-styles'\n\n// icons\nimport { CopiedCopier, Copier, ErrorCopier } from './icons'\n\n// utils\nimport type { CollapsiblePaths } from '../utils/deep-keys'\n\nexport function JsonTree<TData, TName extends CollapsiblePaths<TData>>(props: {\n value: TData\n copyable?: boolean\n\n defaultExpansionDepth?: number\n collapsePaths?: Array<TName>\n\n config?: { dateFormat?: string }\n}) {\n return (\n <JsonValue\n isRoot\n value={props.value}\n copyable={props.copyable}\n depth={0}\n defaultExpansionDepth={props.defaultExpansionDepth ?? 1}\n path=\"\"\n collapsePaths={props.collapsePaths}\n config={props.config}\n />\n )\n}\n\nfunction JsonValue(props: {\n value: any\n keyName?: string\n isRoot?: boolean\n isLastKey?: boolean\n copyable?: boolean\n\n defaultExpansionDepth: number\n depth: number\n\n collapsePaths?: Array<string>\n path: string\n\n config?: { dateFormat?: string }\n}) {\n const styles = useStyles()\n\n return (\n <span class={styles().tree.valueContainer(props.isRoot ?? false)}>\n {props.keyName &&\n typeof props.value !== 'object' &&\n !Array.isArray(props.value) && (\n <span class={styles().tree.valueKey}>\n &quot;{props.keyName}&quot;:{' '}\n </span>\n )}\n\n {(() => {\n if (typeof props.value === 'string') {\n return (\n <span class={styles().tree.valueString}>\n &quot;{props.value}&quot;\n </span>\n )\n }\n\n if (typeof props.value === 'number') {\n return (\n <span class={styles().tree.valueNumber}>{String(props.value)}</span>\n )\n }\n\n if (typeof props.value === 'boolean') {\n return (\n <span class={styles().tree.valueBoolean}>\n {String(props.value)}\n </span>\n )\n }\n\n if (props.value === null) {\n return <span class={styles().tree.valueNull}>null</span>\n }\n\n if (props.value === undefined) {\n return <span class={styles().tree.valueNull}>undefined</span>\n }\n\n if (typeof props.value === 'function') {\n return (\n <span class={styles().tree.valueFunction}>\n {String(props.value)}\n </span>\n )\n }\n\n if (Array.isArray(props.value)) {\n return (\n <ArrayValue\n defaultExpansionDepth={props.defaultExpansionDepth}\n depth={props.depth}\n copyable={props.copyable}\n keyName={props.keyName}\n value={props.value}\n collapsePaths={props.collapsePaths}\n path={props.path}\n config={props.config}\n />\n )\n }\n\n if (typeof props.value === 'object') {\n return (\n <ObjectValue\n defaultExpansionDepth={props.defaultExpansionDepth}\n depth={props.depth}\n copyable={props.copyable}\n keyName={props.keyName}\n value={props.value}\n collapsePaths={props.collapsePaths}\n path={props.path}\n config={props.config}\n />\n )\n }\n\n return <span />\n })()}\n {props.copyable && (\n <div class={clsx(styles().tree.actions, 'actions')}>\n <CopyButton value={props.value} />\n </div>\n )}\n {props.isLastKey || props.isRoot ? '' : <span>,</span>}\n </span>\n )\n}\n\nconst ArrayValue = (props: {\n value: Array<any>\n copyable?: boolean\n keyName?: string\n defaultExpansionDepth: number\n depth: number\n collapsePaths?: Array<string>\n path: string\n config?: { dateFormat?: string }\n}) => {\n const styles = useStyles()\n\n const [expanded, setExpanded] = createSignal(\n props.depth <= props.defaultExpansionDepth &&\n !props.collapsePaths?.includes(props.path),\n )\n\n if (props.value.length === 0) {\n return (\n <span class={styles().tree.expanderContainer}>\n {props.keyName && (\n <span class={clsx(styles().tree.valueKey, styles().tree.collapsible)}>\n &quot;{props.keyName}&quot;:{' '}\n </span>\n )}\n\n <span class={styles().tree.valueBraces}>[]</span>\n </span>\n )\n }\n return (\n <span class={styles().tree.expanderContainer}>\n <Expander\n onClick={() => setExpanded(!expanded())}\n expanded={expanded()}\n />\n\n {props.keyName && (\n <span\n onclick={(e) => {\n e.stopPropagation()\n e.stopImmediatePropagation()\n setExpanded(!expanded())\n }}\n class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n >\n &quot;{props.keyName}&quot;:{' '}\n <span class={styles().tree.info}>{props.value.length} items</span>\n </span>\n )}\n\n <span class={styles().tree.valueBraces}>[</span>\n\n <Show when={expanded()}>\n <span class={styles().tree.expandedLine(Boolean(props.keyName))}>\n <For each={props.value}>\n {(item, i) => {\n const isLastKey = i() === props.value.length - 1\n return (\n <JsonValue\n copyable={props.copyable}\n value={item}\n isLastKey={isLastKey}\n defaultExpansionDepth={props.defaultExpansionDepth}\n depth={props.depth + 1}\n collapsePaths={props.collapsePaths}\n path={props.path ? `${props.path}[${i()}]` : `[${i()}]`}\n config={props.config}\n />\n )\n }}\n </For>\n </span>\n </Show>\n\n <Show when={!expanded()}>\n <span\n onClick={(e) => {\n e.stopPropagation()\n e.stopImmediatePropagation()\n setExpanded(!expanded())\n }}\n class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n >\n {`...`}\n </span>\n </Show>\n <span class={styles().tree.valueBraces}>]</span>\n </span>\n )\n}\n\nconst ObjectValue = (props: {\n value: Record<string, any>\n keyName?: string\n copyable?: boolean\n defaultExpansionDepth: number\n depth: number\n collapsePaths?: Array<string>\n path: string\n config?: { dateFormat?: string }\n}) => {\n const styles = useStyles()\n\n const [expanded, setExpanded] = createSignal(\n props.depth <= props.defaultExpansionDepth &&\n !props.collapsePaths?.includes(props.path),\n )\n\n const keys = Object.keys(props.value)\n const lastKeyName = keys[keys.length - 1]\n\n if (props.value instanceof Date) {\n return (\n <span class={styles().tree.expanderContainer}>\n {props.keyName && (\n <span class={clsx(styles().tree.valueKey, styles().tree.collapsible)}>\n &quot;{props.keyName}&quot;:{' '}\n </span>\n )}\n\n <span class={styles().tree.valueBraces}>\n {dayjs(props.value).format(\n props.config?.dateFormat ? props.config.dateFormat : 'DDMMMYY',\n )}\n </span>\n </span>\n )\n }\n\n if (keys.length === 0) {\n return (\n <span class={styles().tree.expanderContainer}>\n {props.keyName && (\n <span class={clsx(styles().tree.valueKey, styles().tree.collapsible)}>\n &quot;{props.keyName}&quot;:{' '}\n </span>\n )}\n\n <span class={styles().tree.valueBraces}>{'{}'}</span>\n </span>\n )\n }\n\n return (\n <span class={styles().tree.expanderContainer}>\n {props.keyName && (\n <Expander\n onClick={() => setExpanded(!expanded())}\n expanded={expanded()}\n />\n )}\n\n {props.keyName && (\n <span\n onClick={(e) => {\n e.stopPropagation()\n e.stopImmediatePropagation()\n setExpanded(!expanded())\n }}\n class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n >\n &quot;{props.keyName}&quot;:{' '}\n <span class={styles().tree.info}>{keys.length} items</span>\n </span>\n )}\n\n <span class={styles().tree.valueBraces}>{'{'}</span>\n\n <Show when={expanded()}>\n <span class={styles().tree.expandedLine(Boolean(props.keyName))}>\n <For each={keys}>\n {(k) => (\n <>\n <JsonValue\n value={props.value[k]}\n keyName={k}\n isLastKey={lastKeyName === k}\n copyable={props.copyable}\n defaultExpansionDepth={props.defaultExpansionDepth}\n depth={props.depth + 1}\n collapsePaths={props.collapsePaths}\n path={`${props.path}${props.path ? '.' : ''}${k}`}\n config={props.config}\n />\n </>\n )}\n </For>\n </span>\n </Show>\n\n <Show when={!expanded()}>\n <span\n onClick={(e) => {\n e.stopPropagation()\n e.stopImmediatePropagation()\n setExpanded(!expanded())\n }}\n class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n >\n {`...`}\n </span>\n </Show>\n\n <span class={styles().tree.valueBraces}>{'}'}</span>\n </span>\n )\n}\n\ntype CopyState = 'NoCopy' | 'SuccessCopy' | 'ErrorCopy'\n\nconst CopyButton = (props: { value: unknown }) => {\n const styles = useStyles()\n const [copyState, setCopyState] = createSignal<CopyState>('NoCopy')\n\n return (\n <button\n class={styles().tree.actionButton}\n title=\"Copy object to clipboard\"\n aria-label={`${\n copyState() === 'NoCopy'\n ? 'Copy object to clipboard'\n : copyState() === 'SuccessCopy'\n ? 'Object copied to clipboard'\n : 'Error copying object to clipboard'\n }`}\n onClick={\n copyState() === 'NoCopy'\n ? () => {\n navigator.clipboard\n .writeText(JSON.stringify(props.value, null, 2))\n .then(\n () => {\n setCopyState('SuccessCopy')\n setTimeout(() => {\n setCopyState('NoCopy')\n }, 1500)\n },\n (err) => {\n console.error('Failed to copy: ', err)\n setCopyState('ErrorCopy')\n setTimeout(() => {\n setCopyState('NoCopy')\n }, 1500)\n },\n )\n }\n : undefined\n }\n >\n <Switch>\n <Match when={copyState() === 'NoCopy'}>\n <Copier />\n </Match>\n <Match when={copyState() === 'SuccessCopy'}>\n <CopiedCopier theme={'dark'} />\n </Match>\n <Match when={copyState() === 'ErrorCopy'}>\n <ErrorCopier />\n </Match>\n </Switch>\n </button>\n )\n}\n\nconst Expander = (props: { expanded: boolean; onClick: () => void }) => {\n const styles = useStyles()\n return (\n <span\n onClick={props.onClick}\n class={clsx(\n styles().tree.expander,\n css`\n transform: rotate(${props.expanded ? 90 : 0}deg);\n `,\n props.expanded &&\n css`\n & svg {\n top: -1px;\n }\n `,\n )}\n >\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6 12L10 8L6 4\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </span>\n )\n}\n"],"mappings":"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"}
+1
-1
dist/esm/styles/use-styles.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"use-styles.js","names":[],"sources":["../../../src/styles/use-styles.ts"],"sourcesContent":["import * as goober from 'goober'\nimport { createEffect, createSignal } from 'solid-js'\nimport { useTheme } from '../components/theme'\nimport { tokens } from './tokens'\n\nimport type { TanStackDevtoolsTheme } from '../components/theme'\nimport type { ButtonVariant } from '../components/button'\n\nconst buttonVariantColors: Record<\n ButtonVariant,\n {\n bg: { light: string; dark: string }\n hover: { light: string; dark: string }\n active: { light: string; dark: string }\n text: { light: string; dark: string }\n border: { light: string; dark: string }\n outline: { light: string; dark: string }\n outlineHover: { light: string; dark: string }\n }\n> = {\n primary: {\n bg: { light: tokens.colors.gray[900], dark: tokens.colors.gray[100] },\n hover: { light: tokens.colors.gray[800], dark: tokens.colors.gray[200] },\n active: { light: tokens.colors.gray[700], dark: tokens.colors.gray[300] },\n text: { light: '#fff', dark: tokens.colors.gray[900] },\n border: { light: tokens.colors.gray[800], dark: tokens.colors.gray[200] },\n outline: {\n light: tokens.colors.gray[900],\n dark: tokens.colors.gray[100],\n },\n outlineHover: {\n light: tokens.colors.gray[800],\n dark: tokens.colors.gray[200],\n },\n },\n secondary: {\n bg: { light: tokens.colors.gray[100], dark: tokens.colors.gray[100] },\n hover: { light: tokens.colors.gray[200], dark: tokens.colors.gray[200] },\n active: { light: tokens.colors.gray[300], dark: tokens.colors.gray[300] },\n text: { light: tokens.colors.gray[900], dark: tokens.colors.gray[900] },\n border: { light: tokens.colors.gray[300], dark: tokens.colors.gray[300] },\n outline: {\n light: tokens.colors.gray[700],\n dark: tokens.colors.gray[300],\n },\n outlineHover: {\n light: tokens.colors.gray[800],\n dark: tokens.colors.gray[200],\n },\n },\n info: {\n bg: { light: tokens.colors.blue[500], dark: tokens.colors.blue[500] },\n hover: { light: tokens.colors.blue[600], dark: tokens.colors.blue[600] },\n active: { light: tokens.colors.blue[700], dark: tokens.colors.blue[700] },\n text: { light: '#fff', dark: '#fff' },\n border: { light: tokens.colors.blue[500], dark: tokens.colors.blue[500] },\n outline: {\n light: tokens.colors.blue[700],\n dark: tokens.colors.blue[300],\n },\n outlineHover: {\n light: tokens.colors.blue[600],\n dark: tokens.colors.blue[200],\n },\n },\n warning: {\n bg: { light: tokens.colors.yellow[500], dark: tokens.colors.yellow[500] },\n hover: {\n light: tokens.colors.yellow[600],\n dark: tokens.colors.yellow[600],\n },\n active: {\n light: tokens.colors.yellow[700],\n dark: tokens.colors.yellow[700],\n },\n text: { light: '#fff', dark: '#fff' },\n border: {\n light: tokens.colors.yellow[500],\n dark: tokens.colors.yellow[500],\n },\n outline: {\n light: tokens.colors.yellow[700],\n dark: tokens.colors.yellow[300],\n },\n outlineHover: {\n light: tokens.colors.yellow[600],\n dark: tokens.colors.yellow[200],\n },\n },\n danger: {\n bg: { light: tokens.colors.red[500], dark: tokens.colors.red[500] },\n hover: { light: tokens.colors.red[600], dark: tokens.colors.red[600] },\n active: { light: tokens.colors.red[700], dark: tokens.colors.red[700] },\n text: { light: '#fff', dark: '#fff' },\n border: { light: tokens.colors.red[500], dark: tokens.colors.red[500] },\n outline: {\n light: tokens.colors.red[700],\n dark: tokens.colors.red[300],\n },\n outlineHover: {\n light: tokens.colors.red[600],\n dark: tokens.colors.red[200],\n },\n },\n success: {\n bg: { light: tokens.colors.green[500], dark: tokens.colors.green[500] },\n hover: { light: tokens.colors.green[600], dark: tokens.colors.green[600] },\n active: { light: tokens.colors.green[700], dark: tokens.colors.green[700] },\n text: { light: '#fff', dark: '#fff' },\n border: { light: tokens.colors.green[500], dark: tokens.colors.green[500] },\n outline: {\n light: tokens.colors.green[700],\n dark: tokens.colors.green[300],\n },\n outlineHover: {\n light: tokens.colors.green[600],\n dark: tokens.colors.green[200],\n },\n },\n}\nexport const css = goober.css\nconst stylesFactory = (theme: TanStackDevtoolsTheme) => {\n const { colors, font, size, border } = tokens\n const { fontFamily } = font\n\n const t = (light: string, dark: string) => (theme === 'light' ? light : dark)\n const buildButtonVariant = (variant: ButtonVariant) => {\n const v = buttonVariantColors[variant]\n const outlineColor = t(v.outline.light, v.outline.dark)\n const outlineHoverColor = t(v.outlineHover.light, v.outlineHover.dark)\n const solidBg = t(v.bg.light, v.bg.dark)\n const solidHover = t(v.hover.light, v.hover.dark)\n const solidActive = t(v.active.light, v.active.dark)\n const solidText = t(v.text.light, v.text.dark)\n const solidBorder = t(v.border.light, v.border.dark)\n\n return {\n ghost: css`\n background: transparent;\n color: ${outlineColor};\n border-color: transparent;\n &:hover {\n background: ${t(colors.gray[100], colors.darkGray[800])};\n color: ${outlineHoverColor};\n }\n &:active {\n background: ${t(colors.gray[200], colors.darkGray[700])};\n color: ${outlineHoverColor};\n }\n `,\n outline: css`\n background: transparent;\n color: ${outlineColor};\n border-color: ${outlineColor};\n &:hover {\n background: ${t(colors.gray[50], colors.darkGray[800])};\n color: ${outlineHoverColor};\n border-color: ${outlineHoverColor};\n }\n &:active {\n background: ${t(colors.gray[100], colors.darkGray[700])};\n color: ${outlineHoverColor};\n border-color: ${outlineHoverColor};\n }\n `,\n solid: css`\n background: ${solidBg};\n color: ${solidText};\n border-color: ${solidBorder};\n &:hover {\n background: ${solidHover};\n border-color: ${solidHover};\n box-shadow: ${t(\n tokens.shadow.xs('rgb(0 0 0 / 0.12)'),\n tokens.shadow.xs('rgb(0 0 0 / 0.5)'),\n )};\n }\n &:active {\n background: ${solidActive};\n border-color: ${solidActive};\n box-shadow: ${t(\n tokens.shadow.inner('rgb(0 0 0 / 0.2)'),\n tokens.shadow.inner('rgb(0 0 0 / 0.6)'),\n )};\n }\n `,\n }\n }\n const buttonVariants: Record<\n ButtonVariant,\n { ghost: string; outline: string; solid: string }\n > = {\n primary: buildButtonVariant('primary'),\n secondary: buildButtonVariant('secondary'),\n info: buildButtonVariant('info'),\n warning: buildButtonVariant('warning'),\n danger: buildButtonVariant('danger'),\n success: buildButtonVariant('success'),\n }\n\n const wrapperSize = 320\n\n return {\n logo: css`\n cursor: pointer;\n display: flex;\n flex-direction: column;\n background-color: transparent;\n border: none;\n width: ${size[12]};\n height: ${size[12]};\n font-family: ${fontFamily.sans};\n gap: ${tokens.size[0.5]};\n padding: 0;\n &:hover {\n opacity: 0.7;\n }\n `,\n\n selectWrapper: css`\n width: 100%;\n max-width: ${wrapperSize}px;\n display: flex;\n flex-direction: column;\n gap: 0.375rem;\n `,\n selectContainer: css`\n width: 100%;\n `,\n selectLabel: css`\n font-size: 0.875rem;\n font-weight: 500;\n color: ${t(colors.gray[900], colors.gray[100])};\n text-align: left;\n `,\n selectDescription: css`\n font-size: 0.8rem;\n color: ${t(colors.gray[500], colors.gray[400])};\n margin: 0;\n line-height: 1.3;\n text-align: left;\n `,\n select: css`\n appearance: none;\n width: 100%;\n padding: 0.5rem 3rem 0.5rem 0.75rem;\n border-radius: 0.375rem;\n background-color: ${t(colors.gray[50], colors.darkGray[800])};\n color: ${t(colors.gray[900], colors.gray[100])};\n border: 1px solid ${t(colors.gray[200], colors.gray[800])};\n font-size: 0.875rem;\n transition: all 0.15s ease;\n cursor: pointer;\n\n /* Custom arrow */\n background-image: url(\"data:image/svg+xml;utf8,<svg fill='%236b7280' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>\");\n background-repeat: no-repeat;\n background-position: right 0.75rem center;\n background-size: 1.25rem;\n\n &:hover {\n border-color: ${t(colors.gray[300], colors.gray[700])};\n }\n\n &:focus {\n outline: none;\n border-color: ${colors.gray[400]};\n box-shadow: 0 0 0 3px ${t(colors.gray[200], colors.gray[800])};\n }\n `,\n inputWrapper: css`\n width: 100%;\n max-width: ${wrapperSize}px;\n display: flex;\n flex-direction: column;\n gap: 0.375rem;\n `,\n inputContainer: css`\n width: 100%;\n `,\n inputLabel: css`\n font-size: 0.875rem;\n font-weight: 500;\n color: ${t(colors.gray[900], colors.gray[100])};\n text-align: left;\n `,\n inputDescription: css`\n font-size: 0.8rem;\n color: ${t(colors.gray[500], colors.gray[400])};\n margin: 0;\n line-height: 1.3;\n text-align: left;\n `,\n input: css`\n appearance: none;\n box-sizing: border-box;\n width: 100%;\n padding: 0.5rem 0.75rem;\n border-radius: 0.375rem;\n background-color: ${t(colors.gray[50], colors.darkGray[800])};\n color: ${t(colors.gray[900], colors.gray[100])};\n border: 1px solid ${t(colors.gray[200], colors.gray[800])};\n font-size: 0.875rem;\n font-family: ${fontFamily.mono};\n transition: all 0.15s ease;\n\n &::placeholder {\n color: ${t(colors.gray[400], colors.gray[500])};\n }\n\n &:hover {\n border-color: ${t(colors.gray[300], colors.gray[700])};\n }\n\n &:focus {\n outline: none;\n border-color: ${t(colors.gray[400], colors.gray[600])};\n box-shadow: 0 0 0 3px ${t(colors.gray[200], colors.gray[800])};\n }\n `,\n checkboxWrapper: css`\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n cursor: pointer;\n user-select: none;\n padding: 0.375rem;\n border-radius: 0.375rem;\n transition: background-color 0.15s ease;\n\n &:hover {\n background-color: ${t(colors.gray[50], colors.darkGray[900])};\n }\n `,\n checkboxContainer: css`\n width: 100%;\n `,\n checkboxLabelContainer: css`\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n flex: 1;\n `,\n checkbox: css`\n appearance: none;\n width: 1.25rem;\n height: 1.25rem;\n border: 2px solid ${t(colors.gray[300], colors.gray[700])};\n border-radius: 0.25rem;\n background-color: ${t(colors.gray[50], colors.darkGray[800])};\n display: grid;\n place-items: center;\n transition: all 0.15s ease;\n flex-shrink: 0;\n margin-top: 0.125rem;\n\n &:hover {\n border-color: ${t(colors.gray[400], colors.gray[600])};\n }\n\n &:checked {\n background-color: ${t(colors.gray[900], colors.gray[100])};\n border-color: ${t(colors.gray[900], colors.gray[100])};\n }\n\n &:checked::after {\n content: '';\n width: 0.4rem;\n height: 0.6rem;\n border: solid ${t('#fff', colors.gray[900])};\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n margin-top: -3px;\n }\n `,\n checkboxLabel: css`\n color: ${t(colors.gray[900], colors.gray[100])};\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.4;\n text-align: left;\n `,\n checkboxDescription: css`\n color: ${t(colors.gray[500], colors.gray[400])};\n font-size: 0.8rem;\n line-height: 1.3;\n text-align: left;\n `,\n button: {\n base: css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-family: ${tokens.font.fontFamily.sans};\n font-size: 0.8rem;\n font-weight: 500;\n border-radius: 0.375rem;\n padding: 0.375rem 0.75rem;\n cursor: pointer;\n transition:\n background 0.15s,\n color 0.15s,\n border 0.15s,\n box-shadow 0.15s;\n outline: none;\n border-width: 1px;\n border-style: solid;\n `,\n variant(variant: ButtonVariant, outline?: boolean, ghost?: boolean) {\n const v = buttonVariants[variant]\n if (ghost) {\n return v.ghost\n }\n if (outline) {\n return v.outline\n }\n return v.solid\n },\n },\n tag: {\n dot: (color: keyof typeof tokens.colors) => css`\n width: ${tokens.size[1.5]};\n height: ${tokens.size[1.5]};\n border-radius: ${tokens.border.radius.full};\n background-color: ${t(\n tokens.colors[color][500],\n tokens.colors[color][500],\n )};\n `,\n base: css`\n display: flex;\n gap: ${tokens.size[1.5]};\n box-sizing: border-box;\n height: ${tokens.size[6.5]};\n background: ${t(colors.gray[50], colors.darkGray[500])};\n color: ${t(colors.gray[700], colors.gray[300])};\n border-radius: ${tokens.border.radius.sm};\n font-size: ${font.size.sm};\n padding: ${tokens.size[1]};\n padding-left: ${tokens.size[1.5]};\n align-items: center;\n font-weight: ${font.weight.medium};\n border: ${t('1px solid ' + colors.gray[300], '1px solid transparent')};\n user-select: none;\n position: relative;\n &:focus-visible {\n outline-offset: 2px;\n outline: 2px solid ${t(colors.blue[700], colors.blue[800])};\n }\n `,\n label: css`\n font-size: ${font.size.xs};\n `,\n count: css`\n font-size: ${font.size.xs};\n padding: 0 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ${t(colors.gray[500], colors.gray[400])};\n background-color: ${t(colors.gray[200], colors.darkGray[300])};\n border-radius: 2px;\n font-variant-numeric: tabular-nums;\n height: ${tokens.size[4.5]};\n `,\n },\n tree: {\n info: css`\n color: ${t(colors.gray[500], colors.gray[500])};\n font-size: ${font.size.xs};\n margin-right: ${size[1]};\n `,\n actionButton: css`\n background-color: transparent;\n color: ${t(colors.gray[500], colors.gray[500])};\n border: none;\n display: inline-flex;\n padding: 0;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: ${size[3]};\n height: ${size[3]};\n position: relative;\n z-index: 1;\n\n &:hover svg {\n color: ${t(colors.gray[600], colors.gray[400])};\n }\n\n &:focus-visible {\n border-radius: ${border.radius.xs};\n outline: 2px solid ${t(colors.blue[700], colors.blue[800])};\n outline-offset: 2px;\n }\n `,\n expanderContainer: css`\n position: relative;\n `,\n expander: css`\n position: absolute;\n cursor: pointer;\n left: -16px;\n top: 3px;\n & path {\n stroke: ${t(colors.blue[400], colors.blue[300])};\n }\n & svg {\n width: ${size[3]};\n height: ${size[3]};\n }\n\n display: inline-flex;\n align-items: center;\n transition: all 0.1s ease;\n `,\n expandedLine: (hasBorder: boolean) => css`\n display: block;\n padding-left: 0.75rem;\n margin-left: -0.7rem;\n ${hasBorder\n ? `border-left: 1px solid ${t(colors.blue[400], colors.blue[300])};`\n : ''}\n `,\n collapsible: css`\n cursor: pointer;\n transition: all 0.2s ease;\n &:hover {\n background-color: ${t(colors.gray[100], colors.darkGray[700])};\n border-radius: ${tokens.border.radius.sm};\n padding: 0 ${tokens.size[1]};\n }\n `,\n actions: css`\n display: inline-flex;\n margin-left: ${size[2]};\n gap: ${size[2]};\n align-items: center;\n & svg {\n height: 12px;\n width: 12px;\n }\n `,\n valueCollapsed: css`\n color: ${t(colors.gray[500], colors.gray[400])};\n `,\n valueFunction: css`\n color: ${t(colors.cyan[500], colors.cyan[400])};\n `,\n valueString: css`\n color: ${t(colors.green[500], colors.green[400])};\n `,\n valueNumber: css`\n color: ${t(colors.yellow[500], colors.yellow[400])};\n `,\n valueBoolean: css`\n color: ${t(colors.pink[500], colors.pink[400])};\n `,\n valueNull: css`\n color: ${t(colors.gray[500], colors.gray[400])};\n font-style: italic;\n `,\n valueKey: css`\n color: ${t(colors.blue[400], colors.blue[300])};\n `,\n valueBraces: css`\n color: ${colors.gray[500]};\n `,\n valueContainer: (isRoot: boolean) => css`\n display: block;\n margin-left: ${isRoot ? '0' : '1rem'};\n\n &:not(:hover) .actions {\n display: none;\n }\n\n &:hover .actions {\n display: inline-flex;\n }\n `,\n },\n header: {\n row: css`\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: ${tokens.size[2]} ${tokens.size[2.5]};\n gap: ${tokens.size[2.5]};\n border-bottom: ${t(colors.gray[300], colors.darkGray[500])} 1px solid;\n align-items: center;\n `,\n logoAndToggleContainer: css`\n display: flex;\n gap: ${tokens.size[3]};\n align-items: center;\n & > button {\n padding: 0;\n background: transparent;\n border: none;\n display: flex;\n gap: ${size[0.5]};\n flex-direction: column;\n }\n `,\n logo: css`\n cursor: pointer;\n display: flex;\n flex-direction: column;\n background-color: transparent;\n border: none;\n gap: ${tokens.size[0.5]};\n padding: 0;\n &:hover {\n opacity: 0.7;\n }\n &:focus-visible {\n outline-offset: 4px;\n border-radius: ${border.radius.xs};\n outline: 2px solid ${colors.blue[800]};\n }\n `,\n tanstackLogo: css`\n font-size: ${font.size.md};\n font-weight: ${font.weight.bold};\n line-height: ${font.lineHeight.xs};\n white-space: nowrap;\n color: ${t(colors.gray[700], colors.gray[300])};\n `,\n flavorLogo: (flavorLight: string, flavorDark: string) => css`\n font-weight: ${font.weight.semibold};\n font-size: ${font.size.xs};\n background: linear-gradient(to right, ${t(flavorLight, flavorDark)});\n background-clip: text;\n -webkit-background-clip: text;\n line-height: 1;\n -webkit-text-fill-color: transparent;\n white-space: nowrap;\n `,\n },\n section: {\n main: css`\n margin-bottom: 1.5rem;\n padding: 1rem;\n background-color: ${t(colors.gray[50], colors.darkGray[800])};\n border: 1px solid ${t(colors.gray[200], colors.gray[800])};\n border-radius: 0.5rem;\n box-shadow: none;\n `,\n title: css`\n font-size: 1rem;\n font-weight: 600;\n color: ${t(colors.gray[900], colors.gray[100])};\n margin: 0 0 0.75rem 0;\n padding-bottom: 0.5rem;\n border-bottom: 1px solid ${t(colors.gray[200], colors.gray[800])};\n display: flex;\n align-items: center;\n gap: 0.5rem;\n text-align: left;\n `,\n icon: css`\n height: 18px;\n width: 18px;\n & > svg {\n height: 100%;\n width: 100%;\n }\n color: ${t(colors.gray[700], colors.gray[400])};\n `,\n description: css`\n color: ${t(colors.gray[500], colors.gray[400])};\n font-size: 0.8rem;\n margin: 0 0 1rem 0;\n line-height: 1.4;\n text-align: left;\n `,\n },\n mainPanel: {\n panel: (withPadding: boolean) => css`\n padding: ${withPadding ? tokens.size[3] : 0};\n background: ${t(colors.gray[50], colors.darkGray[700])};\n overflow-y: auto;\n height: 100%;\n `,\n },\n }\n}\n\nexport function useStyles() {\n const { theme } = useTheme()\n const [styles, setStyles] = createSignal(stylesFactory(theme()))\n createEffect(() => {\n setStyles(stylesFactory(theme()))\n })\n return styles\n}\n"],"mappings":"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"}
{"version":3,"file":"use-styles.js","names":[],"sources":["../../../src/styles/use-styles.ts"],"sourcesContent":["import * as goober from 'goober'\nimport { createEffect, createSignal } from 'solid-js'\nimport { useTheme } from '../components/theme'\nimport { tokens } from './tokens'\n\nimport type { TanStackDevtoolsTheme } from '../components/theme'\nimport type { ButtonVariant } from '../components/button'\n\nconst buttonVariantColors: Record<\n ButtonVariant,\n {\n bg: { light: string; dark: string }\n hover: { light: string; dark: string }\n active: { light: string; dark: string }\n text: { light: string; dark: string }\n border: { light: string; dark: string }\n outline: { light: string; dark: string }\n outlineHover: { light: string; dark: string }\n }\n> = {\n primary: {\n bg: { light: tokens.colors.gray[900], dark: tokens.colors.gray[100] },\n hover: { light: tokens.colors.gray[800], dark: tokens.colors.gray[200] },\n active: { light: tokens.colors.gray[700], dark: tokens.colors.gray[300] },\n text: { light: '#fff', dark: tokens.colors.gray[900] },\n border: { light: tokens.colors.gray[800], dark: tokens.colors.gray[200] },\n outline: {\n light: tokens.colors.gray[900],\n dark: tokens.colors.gray[100],\n },\n outlineHover: {\n light: tokens.colors.gray[800],\n dark: tokens.colors.gray[200],\n },\n },\n secondary: {\n bg: { light: tokens.colors.gray[100], dark: tokens.colors.gray[100] },\n hover: { light: tokens.colors.gray[200], dark: tokens.colors.gray[200] },\n active: { light: tokens.colors.gray[300], dark: tokens.colors.gray[300] },\n text: { light: tokens.colors.gray[900], dark: tokens.colors.gray[900] },\n border: { light: tokens.colors.gray[300], dark: tokens.colors.gray[300] },\n outline: {\n light: tokens.colors.gray[700],\n dark: tokens.colors.gray[300],\n },\n outlineHover: {\n light: tokens.colors.gray[800],\n dark: tokens.colors.gray[200],\n },\n },\n info: {\n bg: { light: tokens.colors.blue[500], dark: tokens.colors.blue[500] },\n hover: { light: tokens.colors.blue[600], dark: tokens.colors.blue[600] },\n active: { light: tokens.colors.blue[700], dark: tokens.colors.blue[700] },\n text: { light: '#fff', dark: '#fff' },\n border: { light: tokens.colors.blue[500], dark: tokens.colors.blue[500] },\n outline: {\n light: tokens.colors.blue[700],\n dark: tokens.colors.blue[300],\n },\n outlineHover: {\n light: tokens.colors.blue[600],\n dark: tokens.colors.blue[200],\n },\n },\n warning: {\n bg: { light: tokens.colors.yellow[500], dark: tokens.colors.yellow[500] },\n hover: {\n light: tokens.colors.yellow[600],\n dark: tokens.colors.yellow[600],\n },\n active: {\n light: tokens.colors.yellow[700],\n dark: tokens.colors.yellow[700],\n },\n text: { light: '#fff', dark: '#fff' },\n border: {\n light: tokens.colors.yellow[500],\n dark: tokens.colors.yellow[500],\n },\n outline: {\n light: tokens.colors.yellow[700],\n dark: tokens.colors.yellow[300],\n },\n outlineHover: {\n light: tokens.colors.yellow[600],\n dark: tokens.colors.yellow[200],\n },\n },\n danger: {\n bg: { light: tokens.colors.red[500], dark: tokens.colors.red[500] },\n hover: { light: tokens.colors.red[600], dark: tokens.colors.red[600] },\n active: { light: tokens.colors.red[700], dark: tokens.colors.red[700] },\n text: { light: '#fff', dark: '#fff' },\n border: { light: tokens.colors.red[500], dark: tokens.colors.red[500] },\n outline: {\n light: tokens.colors.red[700],\n dark: tokens.colors.red[300],\n },\n outlineHover: {\n light: tokens.colors.red[600],\n dark: tokens.colors.red[200],\n },\n },\n success: {\n bg: { light: tokens.colors.green[500], dark: tokens.colors.green[500] },\n hover: { light: tokens.colors.green[600], dark: tokens.colors.green[600] },\n active: { light: tokens.colors.green[700], dark: tokens.colors.green[700] },\n text: { light: '#fff', dark: '#fff' },\n border: { light: tokens.colors.green[500], dark: tokens.colors.green[500] },\n outline: {\n light: tokens.colors.green[700],\n dark: tokens.colors.green[300],\n },\n outlineHover: {\n light: tokens.colors.green[600],\n dark: tokens.colors.green[200],\n },\n },\n}\nexport const css = goober.css\nconst stylesFactory = (theme: TanStackDevtoolsTheme) => {\n const { colors, font, size, border } = tokens\n const { fontFamily } = font\n\n const t = (light: string, dark: string) => (theme === 'light' ? light : dark)\n const buildButtonVariant = (variant: ButtonVariant) => {\n const v = buttonVariantColors[variant]\n const outlineColor = t(v.outline.light, v.outline.dark)\n const outlineHoverColor = t(v.outlineHover.light, v.outlineHover.dark)\n const solidBg = t(v.bg.light, v.bg.dark)\n const solidHover = t(v.hover.light, v.hover.dark)\n const solidActive = t(v.active.light, v.active.dark)\n const solidText = t(v.text.light, v.text.dark)\n const solidBorder = t(v.border.light, v.border.dark)\n\n return {\n ghost: css`\n background: transparent;\n color: ${outlineColor};\n border-color: transparent;\n &:hover {\n background: ${t(colors.gray[100], colors.darkGray[800])};\n color: ${outlineHoverColor};\n }\n &:active {\n background: ${t(colors.gray[200], colors.darkGray[700])};\n color: ${outlineHoverColor};\n }\n `,\n outline: css`\n background: transparent;\n color: ${outlineColor};\n border-color: ${outlineColor};\n &:hover {\n background: ${t(colors.gray[50], colors.darkGray[800])};\n color: ${outlineHoverColor};\n border-color: ${outlineHoverColor};\n }\n &:active {\n background: ${t(colors.gray[100], colors.darkGray[700])};\n color: ${outlineHoverColor};\n border-color: ${outlineHoverColor};\n }\n `,\n solid: css`\n background: ${solidBg};\n color: ${solidText};\n border-color: ${solidBorder};\n &:hover {\n background: ${solidHover};\n border-color: ${solidHover};\n box-shadow: ${t(\n tokens.shadow.xs('rgb(0 0 0 / 0.12)'),\n tokens.shadow.xs('rgb(0 0 0 / 0.5)'),\n )};\n }\n &:active {\n background: ${solidActive};\n border-color: ${solidActive};\n box-shadow: ${t(\n tokens.shadow.inner('rgb(0 0 0 / 0.2)'),\n tokens.shadow.inner('rgb(0 0 0 / 0.6)'),\n )};\n }\n `,\n }\n }\n const buttonVariants: Record<\n ButtonVariant,\n { ghost: string; outline: string; solid: string }\n > = {\n primary: buildButtonVariant('primary'),\n secondary: buildButtonVariant('secondary'),\n info: buildButtonVariant('info'),\n warning: buildButtonVariant('warning'),\n danger: buildButtonVariant('danger'),\n success: buildButtonVariant('success'),\n }\n\n const wrapperSize = 320\n\n return {\n logo: css`\n cursor: pointer;\n display: flex;\n flex-direction: column;\n background-color: transparent;\n border: none;\n width: ${size[12]};\n height: ${size[12]};\n font-family: ${fontFamily.sans};\n gap: ${tokens.size[0.5]};\n padding: 0;\n &:hover {\n opacity: 0.7;\n }\n `,\n\n selectWrapper: css`\n width: 100%;\n max-width: ${wrapperSize}px;\n display: flex;\n flex-direction: column;\n gap: 0.375rem;\n `,\n selectContainer: css`\n width: 100%;\n `,\n selectLabel: css`\n font-size: 0.875rem;\n font-weight: 500;\n color: ${t(colors.gray[900], colors.gray[100])};\n text-align: left;\n `,\n selectDescription: css`\n font-size: 0.8rem;\n color: ${t(colors.gray[500], colors.gray[400])};\n margin: 0;\n line-height: 1.3;\n text-align: left;\n `,\n select: css`\n appearance: none;\n width: 100%;\n padding: 0.5rem 3rem 0.5rem 0.75rem;\n border-radius: 0.375rem;\n background-color: ${t(colors.gray[50], colors.darkGray[800])};\n color: ${t(colors.gray[900], colors.gray[100])};\n border: 1px solid ${t(colors.gray[200], colors.gray[800])};\n font-size: 0.875rem;\n transition: all 0.15s ease;\n cursor: pointer;\n\n /* Custom arrow */\n background-image: url(\"data:image/svg+xml;utf8,<svg fill='%236b7280' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>\");\n background-repeat: no-repeat;\n background-position: right 0.75rem center;\n background-size: 1.25rem;\n\n &:hover {\n border-color: ${t(colors.gray[300], colors.gray[700])};\n }\n\n &:focus {\n outline: none;\n border-color: ${colors.gray[400]};\n box-shadow: 0 0 0 3px ${t(colors.gray[200], colors.gray[800])};\n }\n `,\n inputWrapper: css`\n width: 100%;\n max-width: ${wrapperSize}px;\n display: flex;\n flex-direction: column;\n gap: 0.375rem;\n `,\n inputContainer: css`\n width: 100%;\n `,\n inputLabel: css`\n font-size: 0.875rem;\n font-weight: 500;\n color: ${t(colors.gray[900], colors.gray[100])};\n text-align: left;\n `,\n inputDescription: css`\n font-size: 0.8rem;\n color: ${t(colors.gray[500], colors.gray[400])};\n margin: 0;\n line-height: 1.3;\n text-align: left;\n `,\n input: css`\n appearance: none;\n box-sizing: border-box;\n width: 100%;\n padding: 0.5rem 0.75rem;\n border-radius: 0.375rem;\n background-color: ${t(colors.gray[50], colors.darkGray[800])};\n color: ${t(colors.gray[900], colors.gray[100])};\n border: 1px solid ${t(colors.gray[200], colors.gray[800])};\n font-size: 0.875rem;\n font-family: ${fontFamily.mono};\n transition: all 0.15s ease;\n\n &::placeholder {\n color: ${t(colors.gray[400], colors.gray[500])};\n }\n\n &:hover {\n border-color: ${t(colors.gray[300], colors.gray[700])};\n }\n\n &:focus {\n outline: none;\n border-color: ${t(colors.gray[400], colors.gray[600])};\n box-shadow: 0 0 0 3px ${t(colors.gray[200], colors.gray[800])};\n }\n `,\n checkboxWrapper: css`\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n cursor: pointer;\n user-select: none;\n padding: 0.375rem;\n border-radius: 0.375rem;\n transition: background-color 0.15s ease;\n\n &:hover {\n background-color: ${t(colors.gray[50], colors.darkGray[900])};\n }\n `,\n checkboxContainer: css`\n width: 100%;\n `,\n checkboxLabelContainer: css`\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n flex: 1;\n `,\n checkbox: css`\n appearance: none;\n width: 1.25rem;\n height: 1.25rem;\n border: 2px solid ${t(colors.gray[300], colors.gray[700])};\n border-radius: 0.25rem;\n background-color: ${t(colors.gray[50], colors.darkGray[800])};\n display: grid;\n place-items: center;\n transition: all 0.15s ease;\n flex-shrink: 0;\n margin-top: 0.125rem;\n\n &:hover {\n border-color: ${t(colors.gray[400], colors.gray[600])};\n }\n\n &:checked {\n background-color: ${t(colors.gray[900], colors.gray[100])};\n border-color: ${t(colors.gray[900], colors.gray[100])};\n }\n\n &:checked::after {\n content: '';\n width: 0.4rem;\n height: 0.6rem;\n border: solid ${t('#fff', colors.gray[900])};\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n margin-top: -3px;\n }\n `,\n checkboxLabel: css`\n color: ${t(colors.gray[900], colors.gray[100])};\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.4;\n text-align: left;\n `,\n checkboxDescription: css`\n color: ${t(colors.gray[500], colors.gray[400])};\n font-size: 0.8rem;\n line-height: 1.3;\n text-align: left;\n `,\n button: {\n base: css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-family: ${tokens.font.fontFamily.sans};\n font-size: 0.8rem;\n font-weight: 500;\n border-radius: 0.375rem;\n padding: 0.375rem 0.75rem;\n cursor: pointer;\n transition:\n background 0.15s,\n color 0.15s,\n border 0.15s,\n box-shadow 0.15s;\n outline: none;\n border-width: 1px;\n border-style: solid;\n `,\n variant(variant: ButtonVariant, outline?: boolean, ghost?: boolean) {\n const v = buttonVariants[variant]\n if (ghost) {\n return v.ghost\n }\n if (outline) {\n return v.outline\n }\n return v.solid\n },\n },\n tag: {\n dot: (color: keyof typeof tokens.colors) => css`\n width: ${tokens.size[1.5]};\n height: ${tokens.size[1.5]};\n border-radius: ${tokens.border.radius.full};\n background-color: ${t(\n tokens.colors[color][500],\n tokens.colors[color][500],\n )};\n `,\n base: css`\n display: flex;\n gap: ${tokens.size[1.5]};\n box-sizing: border-box;\n height: ${tokens.size[6.5]};\n background: ${t(colors.gray[50], colors.darkGray[500])};\n color: ${t(colors.gray[700], colors.gray[300])};\n border-radius: ${tokens.border.radius.sm};\n font-size: ${font.size.sm};\n padding: ${tokens.size[1]};\n padding-left: ${tokens.size[1.5]};\n align-items: center;\n font-weight: ${font.weight.medium};\n border: ${t('1px solid ' + colors.gray[300], '1px solid transparent')};\n user-select: none;\n position: relative;\n &:focus-visible {\n outline-offset: 2px;\n outline: 2px solid ${t(colors.blue[700], colors.blue[800])};\n }\n `,\n label: css`\n font-size: ${font.size.xs};\n `,\n count: css`\n font-size: ${font.size.xs};\n padding: 0 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ${t(colors.gray[500], colors.gray[400])};\n background-color: ${t(colors.gray[200], colors.darkGray[300])};\n border-radius: 2px;\n font-variant-numeric: tabular-nums;\n height: ${tokens.size[4.5]};\n `,\n },\n tree: {\n info: css`\n color: ${t(colors.gray[500], colors.gray[500])};\n font-size: ${font.size.xs};\n margin-right: ${size[1]};\n `,\n actionButton: css`\n background-color: transparent;\n color: ${t(colors.gray[500], colors.gray[500])};\n border: none;\n display: inline-flex;\n padding: 0;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: ${size[3]};\n height: ${size[3]};\n position: relative;\n z-index: 1;\n\n &:hover svg {\n color: ${t(colors.gray[600], colors.gray[400])};\n }\n\n &:focus-visible {\n border-radius: ${border.radius.xs};\n outline: 2px solid ${t(colors.blue[700], colors.blue[800])};\n outline-offset: 2px;\n }\n `,\n expanderContainer: css`\n position: relative;\n `,\n expander: css`\n position: absolute;\n cursor: pointer;\n left: -16px;\n top: 3px;\n & path {\n stroke: ${t(colors.blue[400], colors.blue[300])};\n }\n & svg {\n width: ${size[3]};\n height: ${size[3]};\n }\n\n display: inline-flex;\n align-items: center;\n transition: all 0.1s ease;\n `,\n expandedLine: (hasBorder: boolean) => css`\n display: block;\n padding-left: 0.75rem;\n margin-left: -0.7rem;\n ${hasBorder\n ? `border-left: 1px solid ${t(colors.blue[400], colors.blue[300])};`\n : ''}\n `,\n collapsible: css`\n cursor: pointer;\n transition: all 0.2s ease;\n &:hover {\n background-color: ${t(colors.gray[100], colors.darkGray[700])};\n border-radius: ${tokens.border.radius.sm};\n padding: 0 ${tokens.size[1]};\n }\n `,\n actions: css`\n display: inline-flex;\n margin-left: ${size[2]};\n gap: ${size[2]};\n align-items: center;\n & svg {\n height: 12px;\n width: 12px;\n }\n `,\n valueCollapsed: css`\n color: ${t(colors.gray[500], colors.gray[400])};\n `,\n valueFunction: css`\n color: ${t(colors.cyan[500], colors.cyan[400])};\n `,\n valueString: css`\n color: ${t(colors.green[500], colors.green[400])};\n `,\n valueNumber: css`\n color: ${t(colors.yellow[500], colors.yellow[400])};\n `,\n valueBoolean: css`\n color: ${t(colors.pink[500], colors.pink[400])};\n `,\n valueNull: css`\n color: ${t(colors.gray[500], colors.gray[400])};\n font-style: italic;\n `,\n valueKey: css`\n color: ${t(colors.blue[400], colors.blue[300])};\n `,\n valueBraces: css`\n color: ${colors.gray[500]};\n `,\n valueContainer: (isRoot: boolean) => css`\n display: block;\n margin-left: ${isRoot ? '0' : '1rem'};\n\n &:not(:hover) .actions {\n display: none;\n }\n\n &:hover .actions {\n display: inline-flex;\n }\n `,\n },\n header: {\n row: css`\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: ${tokens.size[2]} ${tokens.size[2.5]};\n gap: ${tokens.size[2.5]};\n border-bottom: ${t(colors.gray[300], colors.darkGray[500])} 1px solid;\n align-items: center;\n `,\n logoAndToggleContainer: css`\n display: flex;\n gap: ${tokens.size[3]};\n align-items: center;\n & > button {\n padding: 0;\n background: transparent;\n border: none;\n display: flex;\n gap: ${size[0.5]};\n flex-direction: column;\n }\n `,\n logo: css`\n cursor: pointer;\n display: flex;\n flex-direction: column;\n background-color: transparent;\n border: none;\n gap: ${tokens.size[0.5]};\n padding: 0;\n &:hover {\n opacity: 0.7;\n }\n &:focus-visible {\n outline-offset: 4px;\n border-radius: ${border.radius.xs};\n outline: 2px solid ${colors.blue[800]};\n }\n `,\n tanstackLogo: css`\n font-size: ${font.size.md};\n font-weight: ${font.weight.bold};\n line-height: ${font.lineHeight.xs};\n white-space: nowrap;\n color: ${t(colors.gray[700], colors.gray[300])};\n `,\n flavorLogo: (flavorLight: string, flavorDark: string) => css`\n font-weight: ${font.weight.semibold};\n font-size: ${font.size.xs};\n background: linear-gradient(to right, ${t(flavorLight, flavorDark)});\n background-clip: text;\n -webkit-background-clip: text;\n line-height: 1;\n -webkit-text-fill-color: transparent;\n white-space: nowrap;\n `,\n },\n section: {\n main: css`\n margin-bottom: 1.5rem;\n padding: 1rem;\n background-color: ${t(colors.gray[50], colors.darkGray[800])};\n border: 1px solid ${t(colors.gray[200], colors.gray[800])};\n border-radius: 0.5rem;\n box-shadow: none;\n `,\n title: css`\n font-size: 1rem;\n font-weight: 600;\n color: ${t(colors.gray[900], colors.gray[100])};\n margin: 0 0 0.75rem 0;\n padding-bottom: 0.5rem;\n border-bottom: 1px solid ${t(colors.gray[200], colors.gray[800])};\n display: flex;\n align-items: center;\n gap: 0.5rem;\n text-align: left;\n `,\n icon: css`\n height: 18px;\n width: 18px;\n & > svg {\n height: 100%;\n width: 100%;\n }\n color: ${t(colors.gray[700], colors.gray[400])};\n `,\n description: css`\n color: ${t(colors.gray[500], colors.gray[400])};\n font-size: 0.8rem;\n margin: 0 0 1rem 0;\n line-height: 1.4;\n text-align: left;\n `,\n },\n mainPanel: {\n panel: (withPadding: boolean) => css`\n padding: ${withPadding ? tokens.size[3] : 0};\n background: ${t(colors.gray[50], colors.darkGray[700])};\n overflow-y: auto;\n height: 100%;\n `,\n },\n }\n}\n\nexport function useStyles() {\n const { theme } = useTheme()\n const [styles, setStyles] = createSignal(stylesFactory(theme()))\n createEffect(() => {\n setStyles(stylesFactory(theme()))\n })\n return styles\n}\n"],"mappings":"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"}
+1
-1
package.json
{
"name": "@tanstack/devtools-ui",
"version": "0.5.1",
"version": "0.5.2",
"description": "TanStack Devtools UI is a set of UI components for building devtool panels for your application.",

@@ -5,0 +5,0 @@ "author": "Tanner Linsley",

+3
-1
src/components/tree.tsx

@@ -74,3 +74,5 @@ import { For, Match, Show, Switch, createSignal } from 'solid-js'

if (typeof props.value === 'number') {
return <span class={styles().tree.valueNumber}>{props.value}</span>
return (
<span class={styles().tree.valueNumber}>{String(props.value)}</span>
)
}

@@ -77,0 +79,0 @@