@tanstack/devtools-ui 0.5.0 → 0.5.1

package/dist/esm/components/section.js.map

@@ -1 +1 @@
-{"version":3,"file":"section.js","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"],"names":["Section","children","rest","styles","useStyles","_el$","_tmpl$","_$spread","_$mergeProps","clsx","section","main","class","_$insert","SectionTitle","_el$2","_tmpl$2","title","SectionDescription","_el$3","_tmpl$3","description","SectionIcon","_el$4","_tmpl$4","icon"],"mappings":";;;;AAIO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACA,GAAGC;AAC6B,MAAM;AACtC,QAAMC,SAASC,UAAAA;AACf,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eACkBC,KAAKN,OAAAA,EAASO,QAAQC,MAAMT,KAAKU,KAAK;AAAA,MAAC;AAAA,IAAA,GAAMV,IAAI,GAAA,OAAA,IAAA;AAAAW,WAAAR,MAC9DJ,QAAQ;AAAA,WAAAI;AAAAA,EAAA,GAAA;AAGf;AAEO,MAAMS,eAAeA,CAAC;AAAA,EAC3Bb;AAAAA,EACA,GAAGC;AACwB,MAAM;AACjC,QAAMC,SAASC,UAAAA;AACf,UAAA,MAAA;AAAA,QAAAW,QAAAC,QAAAA;AAAAT,WAAAQ,OAAAP,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eACaC,KAAKN,OAAAA,EAASO,QAAQO,OAAOf,KAAKU,KAAK;AAAA,MAAC;AAAA,IAAA,GAAMV,IAAI,GAAA,OAAA,IAAA;AAAAW,WAAAE,OAC1Dd,QAAQ;AAAA,WAAAc;AAAAA,EAAA,GAAA;AAGf;AAEO,MAAMG,qBAAqBA,CAAC;AAAA,EACjCjB;AAAAA,EACA,GAAGC;AACuB,MAAM;AAChC,QAAMC,SAASC,UAAAA;AACf,UAAA,MAAA;AAAA,QAAAe,QAAAC,QAAAA;AAAAb,WAAAY,OAAAX,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eACYC,KAAKN,OAAAA,EAASO,QAAQW,aAAanB,KAAKU,KAAK;AAAA,MAAC;AAAA,IAAA,GAAMV,IAAI,GAAA,OAAA,IAAA;AAAAW,WAAAM,OAC/DlB,QAAQ;AAAA,WAAAkB;AAAAA,EAAA,GAAA;AAGf;AAEO,MAAMG,cAAcA,CAAC;AAAA,EAC1BrB;AAAAA,EACA,GAAGC;AAC0B,MAAM;AACnC,QAAMC,SAASC,UAAAA;AACf,UAAA,MAAA;AAAA,QAAAmB,QAAAC,QAAAA;AAAAjB,WAAAgB,OAAAf,WAAA;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eACeC,KAAKN,OAAAA,EAASO,QAAQe,MAAMvB,KAAKU,KAAK;AAAA,MAAC;AAAA,IAAA,GAAMV,IAAI,GAAA,OAAA,IAAA;AAAAW,WAAAU,OAC3DtB,QAAQ;AAAA,WAAAsB;AAAAA,EAAA,GAAA;AAGf;"}
+{"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"}

package/dist/esm/components/select.js

@@ -1,59 +1,60 @@
-import { insert, memo, effect, className, template, delegateEvents } from "solid-js/web";
-import { createSignal } from "solid-js";
 import { useStyles } from "../styles/use-styles.js";
+import { className, delegateEvents, effect, insert, memo, template } from "solid-js/web";
+import { createSignal } from "solid-js";
+//#region src/components/select.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div><div><select>`), _tmpl$2 = /* @__PURE__ */ template(`<label>`), _tmpl$3 = /* @__PURE__ */ template(`<p>`), _tmpl$4 = /* @__PURE__ */ template(`<option>`);
 function Select(props) {
-  const styles = useStyles();
-  const [selected, setSelected] = createSignal(props.value || props.options[0]?.value);
-  const handleChange = (e) => {
-    const value = e.target.value;
-    setSelected((prev) => prev !== value ? value : prev);
-    props.onChange?.(value);
-  };
-  return (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
-    insert(_el$2, (() => {
-      var _c$ = memo(() => !!props.label);
-      return () => _c$() && (() => {
-        var _el$4 = _tmpl$2();
-        insert(_el$4, () => props.label);
-        effect(() => className(_el$4, styles().selectLabel));
-        return _el$4;
-      })();
-    })(), _el$3);
-    insert(_el$2, (() => {
-      var _c$2 = memo(() => !!props.description);
-      return () => _c$2() && (() => {
-        var _el$5 = _tmpl$3();
-        insert(_el$5, () => props.description);
-        effect(() => className(_el$5, styles().selectDescription));
-        return _el$5;
-      })();
-    })(), _el$3);
-    _el$3.$$input = handleChange;
-    insert(_el$3, () => props.options.map((opt) => (() => {
-      var _el$6 = _tmpl$4();
-      insert(_el$6, () => opt.label);
-      effect(() => _el$6.value = opt.value);
-      return _el$6;
-    })()));
-    effect((_p$) => {
-      var _v$ = styles().selectContainer, _v$2 = styles().selectWrapper, _v$3 = styles().select;
-      _v$ !== _p$.e && className(_el$, _p$.e = _v$);
-      _v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
-      _v$3 !== _p$.a && className(_el$3, _p$.a = _v$3);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    });
-    effect(() => _el$3.value = selected());
-    return _el$;
-  })();
+	const styles = useStyles();
+	const [selected, setSelected] = createSignal(props.value || props.options[0]?.value);
+	const handleChange = (e) => {
+		const value = e.target.value;
+		setSelected((prev) => prev !== value ? value : prev);
+		props.onChange?.(value);
+	};
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+		insert(_el$2, (() => {
+			var _c$ = memo(() => !!props.label);
+			return () => _c$() && (() => {
+				var _el$4 = _tmpl$2();
+				insert(_el$4, () => props.label);
+				effect(() => className(_el$4, styles().selectLabel));
+				return _el$4;
+			})();
+		})(), _el$3);
+		insert(_el$2, (() => {
+			var _c$2 = memo(() => !!props.description);
+			return () => _c$2() && (() => {
+				var _el$5 = _tmpl$3();
+				insert(_el$5, () => props.description);
+				effect(() => className(_el$5, styles().selectDescription));
+				return _el$5;
+			})();
+		})(), _el$3);
+		_el$3.$$input = handleChange;
+		insert(_el$3, () => props.options.map((opt) => (() => {
+			var _el$6 = _tmpl$4();
+			insert(_el$6, () => opt.label);
+			effect(() => _el$6.value = opt.value);
+			return _el$6;
+		})()));
+		effect((_p$) => {
+			var _v$ = styles().selectContainer, _v$2 = styles().selectWrapper, _v$3 = styles().select;
+			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
+			_v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
+			_v$3 !== _p$.a && className(_el$3, _p$.a = _v$3);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		});
+		effect(() => _el$3.value = selected());
+		return _el$;
+	})();
 }
 delegateEvents(["input"]);
-export {
-  Select
-};
-//# sourceMappingURL=select.js.map
+//#endregion
+export { Select };
+
+//# sourceMappingURL=select.js.map

package/dist/esm/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","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"],"names":["Select","props","styles","useStyles","selected","setSelected","createSignal","value","options","handleChange","e","target","prev","onChange","_el$","_tmpl$","_el$2","firstChild","_el$3","_$insert","_c$","_$memo","label","_el$4","_tmpl$2","_$effect","_$className","selectLabel","_c$2","description","_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"],"mappings":";;;;AAgBO,SAASA,OAAkCC,OAAuB;AACvE,QAAMC,SAASC,UAAAA;AACf,QAAM,CAACC,UAAUC,WAAW,IAAIC,aAC9BL,MAAMM,SAASN,MAAMO,QAAQ,CAAC,GAAGD,KACnC;AAEA,QAAME,eAAeA,CAACC,MAAa;AACjC,UAAMH,QAASG,EAAEC,OAA6BJ;AAC9CF,gBAAaO,CAAAA,SAAUA,SAASL,QAAQA,QAAQK,IAAK;AACrDX,UAAMY,WAAWN,KAAK;AAAA,EACxB;AAEA,UAAA,MAAA;AAAA,QAAAO,OAAAC,OAAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC;AAAAE,WAAAH,QAAA,MAAA;AAAA,UAAAI,MAAAC,KAAA,MAAA,CAAA,CAGOpB,MAAMqB,KAAK;AAAA,aAAA,MAAXF,IAAAA,MAAA,MAAA;AAAA,YAAAG,QAAAC,QAAAA;AAAAL,eAAAI,OAAA,MACsCtB,MAAMqB,KAAK;AAAAG,eAAA,MAAAC,UAAAH,OAAlCrB,OAAAA,EAASyB,WAAW,CAAA;AAAA,eAAAJ;AAAAA,MAAA,GAAA;AAAA,IACnC,GAAA,GAAAL,KAAA;AAAAC,WAAAH,QAAA,MAAA;AAAA,UAAAY,OAAAP,KAAA,MAAA,CAAA,CACApB,MAAM4B,WAAW;AAAA,aAAA,MAAjBD,KAAAA,MAAA,MAAA;AAAA,YAAAE,QAAAC,QAAAA;AAAAZ,eAAAW,OAAA,MACwC7B,MAAM4B,WAAW;AAAAJ,eAAA,MAAAC,UAAAI,OAA9C5B,OAAAA,EAAS8B,iBAAiB,CAAA;AAAA,eAAAF;AAAAA,MAAA,GAAA;AAAA,IACrC,GAAA,GAAAZ,KAAA;AAAAA,UAAAe,UAIUxB;AAAYU,WAAAD,OAAA,MAEpBjB,MAAMO,QAAQ0B,IAAKC,UAAG,MAAA;AAAA,UAAAC,QAAAC,QAAAA;AAAAlB,aAAAiB,OAAA,MACMD,IAAIb,KAAK;AAAAG,mBAAAW,MAAA7B,QAArB4B,IAAI5B,KAAK;AAAA,aAAA6B;AAAAA,IAAA,GAAA,CACzB,CAAC;AAAAX,WAAAa,CAAAA,QAAA;AAAA,UAAAC,MAfIrC,SAASsC,iBAAeC,OACtBvC,SAASwC,eAAaC,OAQvBzC,OAAAA,EAAS0C;AAAML,cAAAD,IAAA5B,KAAAgB,UAAAZ,MAAAwB,IAAA5B,IAAA6B,GAAA;AAAAE,eAAAH,IAAAO,KAAAnB,UAAAV,OAAAsB,IAAAO,IAAAJ,IAAA;AAAAE,eAAAL,IAAAQ,KAAApB,UAAAR,OAAAoB,IAAAQ,IAAAH,IAAA;AAAA,aAAAL;AAAAA,IAAA,GAAA;AAAA,MAAA5B,GAAAqC;AAAAA,MAAAF,GAAAE;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA;AAAAtB,iBAAAP,MAAAX,QACfH,SAAAA,CAAU;AAAA,WAAAU;AAAAA,EAAA,GAAA;AAU3B;AAACkC,eAAA,CAAA,OAAA,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;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"}

package/dist/esm/components/tag.js

@@ -1,40 +1,41 @@
-import { insert, createComponent, effect, className, memo, template } from "solid-js/web";
-import { Show } from "solid-js";
 import { useStyles } from "../styles/use-styles.js";
+import { className, createComponent, effect, insert, memo, template } from "solid-js/web";
+import { Show } from "solid-js";
+//#region src/components/tag.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<span>`), _tmpl$2 = /* @__PURE__ */ template(`<button><span></span><span>`);
-const Tag = (props) => {
-  const styles = useStyles();
-  return (() => {
-    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-    insert(_el$3, () => props.label);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return memo(() => !!props.count)() && props.count > 0;
-      },
-      get children() {
-        var _el$4 = _tmpl$();
-        insert(_el$4, () => props.count);
-        effect(() => className(_el$4, styles().tag.count));
-        return _el$4;
-      }
-    }), null);
-    effect((_p$) => {
-      var _v$ = props.disabled, _v$2 = styles().tag.base, _v$3 = styles().tag.dot(props.color), _v$4 = styles().tag.label;
-      _v$ !== _p$.e && (_el$.disabled = _p$.e = _v$);
-      _v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
-      _v$3 !== _p$.a && className(_el$2, _p$.a = _v$3);
-      _v$4 !== _p$.o && className(_el$3, _p$.o = _v$4);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0
-    });
-    return _el$;
-  })();
-};
-export {
-  Tag
+var Tag = (props) => {
+	const styles = useStyles();
+	return (() => {
+		var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+		insert(_el$3, () => props.label);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return memo(() => !!props.count)() && props.count > 0;
+			},
+			get children() {
+				var _el$4 = _tmpl$();
+				insert(_el$4, () => props.count);
+				effect(() => className(_el$4, styles().tag.count));
+				return _el$4;
+			}
+		}), null);
+		effect((_p$) => {
+			var _v$ = props.disabled, _v$2 = styles().tag.base, _v$3 = styles().tag.dot(props.color), _v$4 = styles().tag.label;
+			_v$ !== _p$.e && (_el$.disabled = _p$.e = _v$);
+			_v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
+			_v$3 !== _p$.a && className(_el$2, _p$.a = _v$3);
+			_v$4 !== _p$.o && className(_el$3, _p$.o = _v$4);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0
+		});
+		return _el$;
+	})();
 };
-//# sourceMappingURL=tag.js.map
+//#endregion
+export { Tag };
+
+//# sourceMappingURL=tag.js.map

package/dist/esm/components/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","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"],"names":["Tag","props","styles","useStyles","_el$","_tmpl$2","_el$2","firstChild","_el$3","nextSibling","_$insert","label","_$createComponent","Show","when","_$memo","count","children","_el$4","_tmpl$","_$effect","_$className","tag","_p$","_v$","disabled","_v$2","base","_v$3","dot","color","_v$4","e","t","a","o","undefined"],"mappings":";;;;AAIO,MAAMA,MAAMA,CAACC,UAKd;AACJ,QAAMC,SAASC,UAAAA;AACf,UAAA,MAAA;AAAA,QAAAC,OAAAC,QAAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG;AAAAC,WAAAF,OAAA,MAGsCP,MAAMU,KAAK;AAAAD,WAAAN,MAAAQ,gBAE5CC,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEC,KAAA,MAAA,CAAA,CAAAd,MAAMe,KAAK,OAAIf,MAAMe,QAAQ;AAAA,MAAC;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,QAAAC,OAAAA;AAAAT,eAAAQ,OAAA,MACNjB,MAAMe,KAAK;AAAAI,eAAA,MAAAC,UAAAH,OAAhChB,SAASoB,IAAIN,KAAK,CAAA;AAAA,eAAAE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA;AAAAE,WAAAG,CAAAA,QAAA;AAAA,UAAAC,MALjBvB,MAAMwB,UAAQC,OAASxB,SAASoB,IAAIK,MAAIC,OAC3C1B,SAASoB,IAAIO,IAAI5B,MAAM6B,KAAK,GAACC,OAC7B7B,SAASoB,IAAIX;AAAKa,cAAAD,IAAAS,MAAA5B,KAAAqB,WAAAF,IAAAS,IAAAR;AAAAE,eAAAH,IAAAU,KAAAZ,UAAAjB,MAAAmB,IAAAU,IAAAP,IAAA;AAAAE,eAAAL,IAAAW,KAAAb,UAAAf,OAAAiB,IAAAW,IAAAN,IAAA;AAAAG,eAAAR,IAAAY,KAAAd,UAAAb,OAAAe,IAAAY,IAAAJ,IAAA;AAAA,aAAAR;AAAAA,IAAA,GAAA;AAAA,MAAAS,GAAAI;AAAAA,MAAAH,GAAAG;AAAAA,MAAAF,GAAAE;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA;AAAA,WAAAhC;AAAAA,EAAA,GAAA;AAOrC;"}
+{"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"}

package/dist/esm/components/theme.d.ts

@@ -1,12 +1,12 @@
 import { Accessor, JSX } from 'solid-js';
-export type Theme = 'light' | 'dark';
+export type TanStackDevtoolsTheme = 'light' | 'dark';
 type ThemeContextValue = {
-    theme: Accessor<Theme>;
-    setTheme: (theme: Theme) => void;
+    theme: Accessor<TanStackDevtoolsTheme>;
+    setTheme: (theme: TanStackDevtoolsTheme) => void;
 };
 export declare const ThemeContextProvider: (props: {
     children: JSX.Element;
-    theme: Theme;
+    theme: TanStackDevtoolsTheme;
 }) => JSX.Element;
 export declare function useTheme(): ThemeContextValue;
 export {};

package/dist/esm/components/theme.js

@@ -1,30 +1,28 @@
 import { createComponent } from "solid-js/web";
-import { createContext, createSignal, createEffect, useContext } from "solid-js";
-const ThemeContext = createContext(void 0);
-const ThemeContextProvider = (props) => {
-  const [theme, setTheme] = createSignal(props.theme);
-  createEffect(() => {
-    setTheme(props.theme);
-  });
-  return createComponent(ThemeContext.Provider, {
-    value: {
-      theme,
-      setTheme
-    },
-    get children() {
-      return props.children;
-    }
-  });
+import { createContext, createEffect, createSignal, useContext } from "solid-js";
+//#region src/components/theme.tsx
+var ThemeContext = createContext(void 0);
+var ThemeContextProvider = (props) => {
+	const [theme, setTheme] = createSignal(props.theme);
+	createEffect(() => {
+		setTheme(props.theme);
+	});
+	return createComponent(ThemeContext.Provider, {
+		value: {
+			theme,
+			setTheme
+		},
+		get children() {
+			return props.children;
+		}
+	});
 };
 function useTheme() {
-  const context = useContext(ThemeContext);
-  if (!context) {
-    throw new Error("useTheme must be used within a ThemeContextProvider");
-  }
-  return context;
+	const context = useContext(ThemeContext);
+	if (!context) throw new Error("useTheme must be used within a ThemeContextProvider");
+	return context;
 }
-export {
-  ThemeContextProvider,
-  useTheme
-};
-//# sourceMappingURL=theme.js.map
+//#endregion
+export { ThemeContextProvider, useTheme };
+
+//# sourceMappingURL=theme.js.map

package/dist/esm/components/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../../src/components/theme.tsx"],"sourcesContent":["import { createContext, createEffect, createSignal, useContext } from 'solid-js'\nimport type { Accessor, JSX } from 'solid-js'\n\nexport type Theme = 'light' | 'dark'\n\ntype ThemeContextValue = {\n  theme: Accessor<Theme>\n  setTheme: (theme: Theme) => void\n}\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined)\n\nexport const ThemeContextProvider = (props: {\n  children: JSX.Element\n  theme: Theme\n}) => {\n  const [theme, setTheme] = createSignal<Theme>(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"],"names":["ThemeContext","createContext","undefined","ThemeContextProvider","props","theme","setTheme","createSignal","createEffect","_$createComponent","Provider","value","children","useTheme","context","useContext","Error"],"mappings":";;AASA,MAAMA,eAAeC,cAA6CC,MAAS;AAEpE,MAAMC,uBAAuBA,CAACC,UAG/B;AACJ,QAAM,CAACC,OAAOC,QAAQ,IAAIC,aAAoBH,MAAMC,KAAK;AACzDG,eAAa,MAAM;AACjBF,aAASF,MAAMC,KAAK;AAAA,EACtB,CAAC;AACD,SAAAI,gBACGT,aAAaU,UAAQ;AAAA,IAACC,OAAO;AAAA,MAAEN;AAAAA,MAAOC;AAAAA,IAAAA;AAAAA,IAAU,IAAAM,WAAA;AAAA,aAC9CR,MAAMQ;AAAAA,IAAQ;AAAA,EAAA,CAAA;AAGrB;AAEO,SAASC,WAAW;AACzB,QAAMC,UAAUC,WAAWf,YAAY;AACvC,MAAI,CAACc,SAAS;AACZ,UAAM,IAAIE,MAAM,qDAAqD;AAAA,EACvE;AAEA,SAAOF;AACT;"}
+{"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"}