@adaptive-ds/solid-ui 0.13.1 → 0.15.0

package/dist/interactive/theme/ThemeButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeButton.d.ts","sourceRoot":"","sources":["../../../lib/interactive/theme/ThemeButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAA;AAK5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,kCA0B9C"}
+{"version":3,"file":"ThemeButton.d.ts","sourceRoot":"","sources":["../../../ui/interactive/theme/ThemeButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAA;AAK/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAG7D,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,kCAuB9C"}

package/dist/interactive/theme/ThemeButton.js

@@ -1,51 +1,52 @@
-import { createComponent } from "solid-js/web";
-import { onMount, onCleanup } from "solid-js";
+import { classMerge } from "../../utils/classMerge.js";
 import { buttonVariant } from "../button/buttonCva.js";
-import { ButtonIconOnly } from "../button/ButtonIconOnly.js";
-import { themeButtonTextDefault } from "./ThemeButtonText.js";
-import { themeInit, themeSignal, themeRotate } from "./themeSignal.js";
 import { themeIcon } from "./themeVariant.js";
-import { classMerge } from "../../utils/classMerge.js";
+import { themeButtonTextDefault } from "./ThemeButtonText.js";
+import { themeInit, themeRotate, themeSignal } from "./themeSignal.js";
+import { ButtonIconOnly } from "../button/ButtonIconOnly.js";
+import { onCleanup, onMount } from "solid-js";
+import { createComponent, memo } from "solid-js/web";
+//#region ui/interactive/theme/ThemeButton.tsx
 function ThemeButton(p) {
-  const handleGlobalKeyDown = createGlobalKeyHandler();
-  const texts = p.texts ?? themeButtonTextDefault;
-  onMount(() => {
-    themeInit();
-    window.addEventListener("keydown", handleGlobalKeyDown);
-    onCleanup(() => window.removeEventListener("keydown", handleGlobalKeyDown));
-  });
-  const currentTheme = themeSignal.get();
-  const themeName = texts[currentTheme];
-  return createComponent(ButtonIconOnly, {
-    get title() {
-      return texts.currentTheme(themeName);
-    },
-    get icon() {
-      return themeIcon(currentTheme);
-    },
-    get variant() {
-      return buttonVariant.ghost;
-    },
-    get ["class"]() {
-      return classMerge(p.class);
-    },
-    onClick: themeRotate,
-    get children() {
-      return p.showText && themeName;
-    }
-  });
+	const navigate = (to) => {};
+	const handleGlobalKeyDown = createGlobalKeyHandler(navigate);
+	const texts = p.texts ?? themeButtonTextDefault;
+	onMount(() => {
+		themeInit();
+		window.addEventListener("keydown", handleGlobalKeyDown);
+		onCleanup(() => window.removeEventListener("keydown", handleGlobalKeyDown));
+	});
+	return createComponent(ButtonIconOnly, {
+		get title() {
+			return texts.currentTheme(texts[themeSignal.get()]);
+		},
+		get icon() {
+			return themeIcon(themeSignal.get());
+		},
+		get variant() {
+			return buttonVariant.ghost;
+		},
+		get ["class"]() {
+			return classMerge(p.class);
+		},
+		onClick: themeRotate,
+		get children() {
+			return memo(() => !!p.showText)() && texts[themeSignal.get()];
+		}
+	});
 }
 function createGlobalKeyHandler(navigate) {
-  return (e) => {
-    if (e.key === "s" && e.altKey) {
-      e.preventDefault();
-      themeRotate();
-    } else if (e.key === "d" && e.altKey) {
-      e.preventDefault();
-    }
-  };
+	return (e) => {
+		if (e.key === "s" && e.altKey) {
+			e.preventDefault();
+			themeRotate();
+		} else if (e.key === "d" && e.altKey) {
+			e.preventDefault();
+			navigate("/demos");
+		}
+	};
 }
-export {
-  ThemeButton
-};
-//# sourceMappingURL=ThemeButton.js.map
+//#endregion
+export { ThemeButton };
+
+//# sourceMappingURL=ThemeButton.js.map

package/dist/interactive/theme/ThemeButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeButton.js","sources":["../../../lib/interactive/theme/ThemeButton.tsx"],"sourcesContent":["import { onCleanup, onMount } from \"solid-js\"\nimport { buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { ButtonIconOnly } from \"~ui/interactive/button/ButtonIconOnly\"\nimport type { ThemeButtonText } from \"~ui/interactive/theme/ThemeButtonText\"\nimport { themeButtonTextDefault } from \"~ui/interactive/theme/ThemeButtonText\"\nimport { themeInit, themeRotate, themeSignal } from \"~ui/interactive/theme/themeSignal\"\nimport { themeIcon } from \"~ui/interactive/theme/themeVariant\"\nimport { classMerge } from \"~ui/utils/classMerge\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\n\nexport interface ThemeButtonProps extends MayHaveClass {\n  showText?: boolean\n  texts?: ThemeButtonText\n}\n\nexport function ThemeButton(p: ThemeButtonProps) {\n  const navigate = (to: string) => {}\n  const handleGlobalKeyDown = createGlobalKeyHandler(navigate)\n\n  const texts = p.texts ?? themeButtonTextDefault\n\n  onMount(() => {\n    themeInit()\n    window.addEventListener(\"keydown\", handleGlobalKeyDown)\n    onCleanup(() => window.removeEventListener(\"keydown\", handleGlobalKeyDown))\n  })\n\n  const currentTheme = themeSignal.get()\n  const themeName = texts[currentTheme]\n\n  return (\n    <ButtonIconOnly\n      title={texts.currentTheme(themeName)}\n      icon={themeIcon(currentTheme)}\n      variant={buttonVariant.ghost}\n      class={classMerge(p.class)}\n      onClick={themeRotate}\n    >\n      {p.showText && themeName}\n    </ButtonIconOnly>\n  )\n}\n\nfunction createGlobalKeyHandler(navigate: (to: string) => void) {\n  return (e: KeyboardEvent) => {\n    if (e.key === \"s\" && e.altKey) {\n      e.preventDefault()\n      themeRotate()\n    } else if (e.key === \"d\" && e.altKey) {\n      e.preventDefault()\n      navigate(\"/demos\")\n    }\n  }\n}\n"],"names":["ThemeButton","p","handleGlobalKeyDown","createGlobalKeyHandler","texts","themeButtonTextDefault","onMount","themeInit","window","addEventListener","onCleanup","removeEventListener","currentTheme","themeSignal","get","themeName","_$createComponent","ButtonIconOnly","title","icon","themeIcon","variant","buttonVariant","ghost","classMerge","class","onClick","themeRotate","children","showText","navigate","e","key","altKey","preventDefault"],"mappings":";;;;;;;;AAeO,SAASA,YAAYC,GAAqB;AAE/C,QAAMC,sBAAsBC,uBAA+B;AAE3D,QAAMC,QAAQH,EAAEG,SAASC;AAEzBC,UAAQ,MAAM;AACZC,cAAAA;AACAC,WAAOC,iBAAiB,WAAWP,mBAAmB;AACtDQ,cAAU,MAAMF,OAAOG,oBAAoB,WAAWT,mBAAmB,CAAC;AAAA,EAC5E,CAAC;AAED,QAAMU,eAAeC,YAAYC,IAAAA;AACjC,QAAMC,YAAYX,MAAMQ,YAAY;AAEpC,SAAAI,gBACGC,gBAAc;AAAA,IAAA,IACbC,QAAK;AAAA,aAAEd,MAAMQ,aAAaG,SAAS;AAAA,IAAC;AAAA,IAAA,IACpCI,OAAI;AAAA,aAAEC,UAAUR,YAAY;AAAA,IAAC;AAAA,IAAA,IAC7BS,UAAO;AAAA,aAAEC,cAAcC;AAAAA,IAAK;AAAA,IAAA,KAAA,OAAA,IAAA;AAAA,aACrBC,WAAWvB,EAAEwB,KAAK;AAAA,IAAC;AAAA,IAC1BC,SAASC;AAAAA,IAAW,IAAAC,WAAA;AAAA,aAEnB3B,EAAE4B,YAAYd;AAAAA,IAAS;AAAA,EAAA,CAAA;AAG9B;AAEA,SAASZ,uBAAuB2B,UAAgC;AAC9D,SAAO,CAACC,MAAqB;AAC3B,QAAIA,EAAEC,QAAQ,OAAOD,EAAEE,QAAQ;AAC7BF,QAAEG,eAAAA;AACFP,kBAAAA;AAAAA,IACF,WAAWI,EAAEC,QAAQ,OAAOD,EAAEE,QAAQ;AACpCF,QAAEG,eAAAA;AAAAA,IAEJ;AAAA,EACF;AACF;"}
+{"version":3,"file":"ThemeButton.js","names":["buttonVariant","ButtonIconOnly","ThemeButtonText","themeButtonTextDefault","themeInit","themeRotate","themeSignal","themeIcon","classMerge","MayHaveClass","onCleanup","onMount","ThemeButtonProps","showText","texts","ThemeButton","p","navigate","to","handleGlobalKeyDown","createGlobalKeyHandler","window","addEventListener","removeEventListener","_$createComponent","title","currentTheme","get","icon","variant","ghost","class","onClick","children","_$memo","e","KeyboardEvent","key","altKey","preventDefault"],"sources":["../../../ui/interactive/theme/ThemeButton.tsx"],"sourcesContent":["import { buttonVariant } from \"#ui/interactive/button/buttonCva.js\"\nimport { ButtonIconOnly } from \"#ui/interactive/button/ButtonIconOnly.jsx\"\nimport type { ThemeButtonText } from \"#ui/interactive/theme/ThemeButtonText.js\"\nimport { themeButtonTextDefault } from \"#ui/interactive/theme/ThemeButtonText.js\"\nimport { themeInit, themeRotate, themeSignal } from \"#ui/interactive/theme/themeSignal.js\"\nimport { themeIcon } from \"#ui/interactive/theme/themeVariant.js\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport { onCleanup, onMount } from \"solid-js\"\n\nexport interface ThemeButtonProps extends MayHaveClass {\n  showText?: boolean\n  texts?: ThemeButtonText\n}\n\nexport function ThemeButton(p: ThemeButtonProps) {\n  const navigate = (to: string) => {}\n  const handleGlobalKeyDown = createGlobalKeyHandler(navigate)\n\n  const texts = p.texts ?? themeButtonTextDefault\n\n  onMount(() => {\n    themeInit()\n    window.addEventListener(\"keydown\", handleGlobalKeyDown)\n    onCleanup(() => window.removeEventListener(\"keydown\", handleGlobalKeyDown))\n  })\n\n  return (\n    <ButtonIconOnly\n      title={texts.currentTheme(texts[themeSignal.get()])}\n      icon={themeIcon(themeSignal.get())}\n      variant={buttonVariant.ghost}\n      class={classMerge(p.class)}\n      onClick={themeRotate}\n    >\n      {p.showText && texts[themeSignal.get()]}\n    </ButtonIconOnly>\n  )\n}\n\nfunction createGlobalKeyHandler(navigate: (to: string) => void) {\n  return (e: KeyboardEvent) => {\n    if (e.key === \"s\" && e.altKey) {\n      e.preventDefault()\n      themeRotate()\n    } else if (e.key === \"d\" && e.altKey) {\n      e.preventDefault()\n      navigate(\"/demos\")\n    }\n  }\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgBe,YAAYC,GAAqB;CAC/C,MAAMC,YAAYC,OAAe;CACjC,MAAMC,sBAAsBC,uBAAuBH,SAAS;CAE5D,MAAMH,QAAQE,EAAEF,SAASX;AAEzBQ,eAAc;AACZP,aAAW;AACXiB,SAAOC,iBAAiB,WAAWH,oBAAoB;AACvDT,kBAAgBW,OAAOE,oBAAoB,WAAWJ,oBAAoB,CAAC;GAC3E;AAEF,QAAAK,gBACGvB,gBAAc;EAAA,IACbwB,QAAK;AAAA,UAAEX,MAAMY,aAAaZ,MAAMR,YAAYqB,KAAK,EAAE;;EAAA,IACnDC,OAAI;AAAA,UAAErB,UAAUD,YAAYqB,KAAK,CAAC;;EAAA,IAClCE,UAAO;AAAA,UAAE7B,cAAc8B;;EAAK,KAAA,WAAA;AAAA,UACrBtB,WAAWQ,EAAEe,MAAM;;EAC1BC,SAAS3B;EAAW,IAAA4B,WAAA;AAAA,UAEnBC,WAAA,CAAA,CAAAlB,EAAEH,SAAQ,EAAA,IAAIC,MAAMR,YAAYqB,KAAK;;EAAC,CAAA;;AAK7C,SAASP,uBAAuBH,UAAgC;AAC9D,SAAQkB,MAAqB;AAC3B,MAAIA,EAAEE,QAAQ,OAAOF,EAAEG,QAAQ;AAC7BH,KAAEI,gBAAgB;AAClBlC,gBAAa;aACJ8B,EAAEE,QAAQ,OAAOF,EAAEG,QAAQ;AACpCH,KAAEI,gBAAgB;AAClBtB,YAAS,SAAS"}

package/dist/interactive/theme/ThemeButtonText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeButtonText.d.ts","sourceRoot":"","sources":["../../../lib/interactive/theme/ThemeButtonText.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,sBAAsB;;;;mCAIX,MAAM;+BACV,MAAM;CACU,CAAA"}
+{"version":3,"file":"ThemeButtonText.d.ts","sourceRoot":"","sources":["../../../ui/interactive/theme/ThemeButtonText.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACpC,CAAA;AAED,eAAO,MAAM,sBAAsB;;;;mCAIX,MAAM;+BACV,MAAM;CACU,CAAA"}

package/dist/interactive/theme/ThemeButtonText.js

@@ -1,12 +1,13 @@
-import { ttt1, ttt } from "../../i18n/ttt.js";
-const themeButtonTextDefault = {
-  light: ttt("Light"),
-  dark: ttt("Dark"),
-  os: ttt("Operation system"),
-  currentTheme: (theme) => ttt1("Current theme: [X]", theme),
-  setTheme: (theme) => ttt1("Theme set: [X]", theme)
+import { ttt, ttt1 } from "../../i18n/ttt.js";
+//#region ui/interactive/theme/ThemeButtonText.ts
+var themeButtonTextDefault = {
+	light: ttt("Light"),
+	dark: ttt("Dark"),
+	os: ttt("Operation system"),
+	currentTheme: (theme) => ttt1("Current theme: [X]", theme),
+	setTheme: (theme) => ttt1("Theme set: [X]", theme)
 };
-export {
-  themeButtonTextDefault
-};
-//# sourceMappingURL=ThemeButtonText.js.map
+//#endregion
+export { themeButtonTextDefault };
+
+//# sourceMappingURL=ThemeButtonText.js.map

package/dist/interactive/theme/ThemeButtonText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeButtonText.js","sources":["../../../lib/interactive/theme/ThemeButtonText.ts"],"sourcesContent":["import { ttt, ttt1 } from \"~ui/i18n/ttt\"\n\nexport type ThemeButtonText = {\n  light: string\n  dark: string\n  os: string\n  currentTheme: (theme: string) => string\n  setTheme: (theme: string) => string\n}\n\nexport const themeButtonTextDefault = {\n  light: ttt(\"Light\"),\n  dark: ttt(\"Dark\"),\n  os: ttt(\"Operation system\"),\n  currentTheme: (theme: string) => ttt1(\"Current theme: [X]\", theme),\n  setTheme: (theme: string) => ttt1(\"Theme set: [X]\", theme),\n} as const satisfies ThemeButtonText\n"],"names":[],"mappings":";AAUO,MAAM,yBAAyB;AAAA,EACpC,OAAO,IAAI,OAAO;AAAA,EAClB,MAAM,IAAI,MAAM;AAAA,EAChB,IAAI,IAAI,kBAAkB;AAAA,EAC1B,cAAc,CAAC,UAAkB,KAAK,sBAAsB,KAAK;AAAA,EACjE,UAAU,CAAC,UAAkB,KAAK,kBAAkB,KAAK;AAC3D;"}
+{"version":3,"file":"ThemeButtonText.js","names":[],"sources":["../../../ui/interactive/theme/ThemeButtonText.ts"],"sourcesContent":["import { ttt, ttt1 } from \"#ui/i18n/ttt.js\"\n\nexport type ThemeButtonText = {\n  light: string\n  dark: string\n  os: string\n  currentTheme: (theme: string) => string\n  setTheme: (theme: string) => string\n}\n\nexport const themeButtonTextDefault = {\n  light: ttt(\"Light\"),\n  dark: ttt(\"Dark\"),\n  os: ttt(\"Operation system\"),\n  currentTheme: (theme: string) => ttt1(\"Current theme: [X]\", theme),\n  setTheme: (theme: string) => ttt1(\"Theme set: [X]\", theme),\n} as const satisfies ThemeButtonText\n"],"mappings":";;AAUA,IAAa,yBAAyB;CACpC,OAAO,IAAI,QAAQ;CACnB,MAAM,IAAI,OAAO;CACjB,IAAI,IAAI,mBAAmB;CAC3B,eAAe,UAAkB,KAAK,sBAAsB,MAAM;CAClE,WAAW,UAAkB,KAAK,kBAAkB,MAAM;CAC3D"}

package/dist/interactive/theme/themeSignal.d.ts

@@ -1,5 +1,5 @@
-import { ThemeVariant } from './themeVariant';
-export declare const themeSignal: import('../../utils/createSignalObject').SignalObject<"dark" | "light" | "os">;
+import { ThemeVariant } from '#ui/interactive/theme/themeVariant.js';
+export declare const themeSignal: import('#ui/utils/createSignalObject.js').SignalObject<"dark" | "light" | "os">;
 export declare function themeInit(): void;
 export declare function themeSet(theme: ThemeVariant, saveToStorage: boolean): void;
 export declare function themeRotate(): void;

package/dist/interactive/theme/themeSignal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeSignal.d.ts","sourceRoot":"","sources":["../../../lib/interactive/theme/themeSignal.ts"],"names":[],"mappings":"AAGA,OAAO,EAOL,KAAK,YAAY,EAElB,MAAM,oCAAoC,CAAA;AAK3C,eAAO,MAAM,WAAW,8EAAoD,CAAA;AAE5E,wBAAgB,SAAS,SAKxB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,QAKnE;AAmBD,wBAAgB,WAAW,SAS1B"}
+{"version":3,"file":"themeSignal.d.ts","sourceRoot":"","sources":["../../../ui/interactive/theme/themeSignal.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,YAAY,EAElB,MAAM,uCAAuC,CAAA;AAO9C,eAAO,MAAM,WAAW,iFAAoD,CAAA;AAE5E,wBAAgB,SAAS,SAKxB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,QAKnE;AAmBD,wBAAgB,WAAW,SAS1B"}

package/dist/interactive/theme/themeSignal.js

@@ -1,52 +1,50 @@
+import { createSignalObject } from "../../utils/createSignalObject.js";
+import { toastVariant } from "../toast/toastVariant.js";
+import { toastAdd } from "../toast/toastAdd.js";
+import { getThemeFromStorageOrBrowserPref, nextTheme2, setThemeToBrowser, themeIcon, themeLocalStorageKey, themeSchema, themeVariant } from "./themeVariant.js";
+import { themeButtonTextDefault } from "./ThemeButtonText.js";
 import { isServer } from "solid-js/web";
 import * as v from "valibot";
-import { themeButtonTextDefault } from "./ThemeButtonText.js";
-import { themeVariant, getThemeFromStorageOrBrowserPref, nextTheme2, themeIcon, setThemeToBrowser, themeLocalStorageKey, themeSchema } from "./themeVariant.js";
-import { toastAdd } from "../toast/toastAdd.js";
-import { toastVariant } from "../toast/toastVariant.js";
-import { createSignalObject } from "../../utils/createSignalObject.js";
-const themeSignal = createSignalObject(themeVariant.os);
+//#region ui/interactive/theme/themeSignal.ts
+var themeSignal = createSignalObject(themeVariant.os);
 function themeInit() {
-  if (isServer) return;
-  const theme = getThemeFromStorageOrBrowserPref();
-  themeSet(theme, false);
-  themeRegisterStorageListener();
+	if (isServer) return;
+	themeSet(getThemeFromStorageOrBrowserPref(), false);
+	themeRegisterStorageListener();
 }
 function themeSet(theme, saveToStorage) {
-  themeSignal.set(theme);
-  setThemeToBrowser(theme);
-  if (!saveToStorage) return;
-  localStorage.setItem(themeLocalStorageKey, theme);
+	themeSignal.set(theme);
+	setThemeToBrowser(theme);
+	if (!saveToStorage) return;
+	localStorage.setItem(themeLocalStorageKey, theme);
 }
 function themeRegisterStorageListener() {
-  const onStorage = (e) => {
-    if (e.key !== themeLocalStorageKey) return;
-    const themeString = e.newValue;
-    const result = v.safeParse(themeSchema, themeString);
-    if (!result.success) {
-      console.log("failed to parse storage event");
-      return;
-    }
-    themeSet(result.output, false);
-  };
-  window.addEventListener("storage", onStorage);
-  return () => {
-    window.removeEventListener("storage", onStorage);
-  };
+	const onStorage = (e) => {
+		if (e.key !== "theme") return;
+		const themeString = e.newValue;
+		const result = v.safeParse(themeSchema, themeString);
+		if (!result.success) {
+			console.log("failed to parse storage event");
+			return;
+		}
+		themeSet(result.output, false);
+	};
+	window.addEventListener("storage", onStorage);
+	return () => {
+		window.removeEventListener("storage", onStorage);
+	};
 }
 function themeRotate() {
-  const currentTheme = themeSignal.get();
-  const newTheme = nextTheme2(currentTheme);
-  const themeText = themeButtonTextDefault[newTheme];
-  const title = themeButtonTextDefault.setTheme(themeText);
-  const icon = themeIcon(newTheme);
-  toastAdd({ title, icon, variant: toastVariant.default });
-  themeSet(newTheme, true);
+	const newTheme = nextTheme2(themeSignal.get());
+	const themeText = themeButtonTextDefault[newTheme];
+	toastAdd({
+		title: themeButtonTextDefault.setTheme(themeText),
+		icon: themeIcon(newTheme),
+		variant: toastVariant.default
+	});
+	themeSet(newTheme, true);
 }
-export {
-  themeInit,
-  themeRotate,
-  themeSet,
-  themeSignal
-};
-//# sourceMappingURL=themeSignal.js.map
+//#endregion
+export { themeInit, themeRotate, themeSet, themeSignal };
+
+//# sourceMappingURL=themeSignal.js.map

package/dist/interactive/theme/themeSignal.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeSignal.js","sources":["../../../lib/interactive/theme/themeSignal.ts"],"sourcesContent":["import { isServer } from \"solid-js/web\"\nimport * as v from \"valibot\"\nimport { themeButtonTextDefault } from \"~ui/interactive/theme/ThemeButtonText\"\nimport {\n  getThemeFromStorageOrBrowserPref,\n  nextTheme2,\n  setThemeToBrowser,\n  themeIcon,\n  themeLocalStorageKey,\n  themeSchema,\n  type ThemeVariant,\n  themeVariant,\n} from \"~ui/interactive/theme/themeVariant\"\nimport { toastAdd } from \"~ui/interactive/toast/toastAdd\"\nimport { toastVariant } from \"~ui/interactive/toast/toastVariant\"\nimport { createSignalObject } from \"~ui/utils/createSignalObject\"\n\nexport const themeSignal = createSignalObject<ThemeVariant>(themeVariant.os)\n\nexport function themeInit() {\n  if (isServer) return // Skip during SSR\n  const theme = getThemeFromStorageOrBrowserPref()\n  themeSet(theme, false)\n  themeRegisterStorageListener()\n}\n\nexport function themeSet(theme: ThemeVariant, saveToStorage: boolean) {\n  themeSignal.set(theme)\n  setThemeToBrowser(theme)\n  if (!saveToStorage) return\n  localStorage.setItem(themeLocalStorageKey, theme)\n}\n\nfunction themeRegisterStorageListener() {\n  const onStorage = (e: StorageEvent) => {\n    if (e.key !== themeLocalStorageKey) return\n    const themeString = e.newValue\n    const result = v.safeParse(themeSchema, themeString)\n    if (!result.success) {\n      console.log(\"failed to parse storage event\")\n      return\n    }\n    themeSet(result.output, false)\n  }\n  window.addEventListener(\"storage\", onStorage)\n  return () => {\n    window.removeEventListener(\"storage\", onStorage)\n  }\n}\n\nexport function themeRotate() {\n  const currentTheme = themeSignal.get()\n  const newTheme = nextTheme2(currentTheme)\n\n  const themeText = themeButtonTextDefault[newTheme]\n  const title = themeButtonTextDefault.setTheme(themeText)\n  const icon = themeIcon(newTheme)\n  toastAdd({ title, icon, variant: toastVariant.default })\n  themeSet(newTheme, true)\n}\n"],"names":[],"mappings":";;;;;;;AAiBO,MAAM,cAAc,mBAAiC,aAAa,EAAE;AAEpE,SAAS,YAAY;AAC1B,MAAI,SAAU;AACd,QAAM,QAAQ,iCAAA;AACd,WAAS,OAAO,KAAK;AACrB,+BAAA;AACF;AAEO,SAAS,SAAS,OAAqB,eAAwB;AACpE,cAAY,IAAI,KAAK;AACrB,oBAAkB,KAAK;AACvB,MAAI,CAAC,cAAe;AACpB,eAAa,QAAQ,sBAAsB,KAAK;AAClD;AAEA,SAAS,+BAA+B;AACtC,QAAM,YAAY,CAAC,MAAoB;AACrC,QAAI,EAAE,QAAQ,qBAAsB;AACpC,UAAM,cAAc,EAAE;AACtB,UAAM,SAAS,EAAE,UAAU,aAAa,WAAW;AACnD,QAAI,CAAC,OAAO,SAAS;AACnB,cAAQ,IAAI,+BAA+B;AAC3C;AAAA,IACF;AACA,aAAS,OAAO,QAAQ,KAAK;AAAA,EAC/B;AACA,SAAO,iBAAiB,WAAW,SAAS;AAC5C,SAAO,MAAM;AACX,WAAO,oBAAoB,WAAW,SAAS;AAAA,EACjD;AACF;AAEO,SAAS,cAAc;AAC5B,QAAM,eAAe,YAAY,IAAA;AACjC,QAAM,WAAW,WAAW,YAAY;AAExC,QAAM,YAAY,uBAAuB,QAAQ;AACjD,QAAM,QAAQ,uBAAuB,SAAS,SAAS;AACvD,QAAM,OAAO,UAAU,QAAQ;AAC/B,WAAS,EAAE,OAAO,MAAM,SAAS,aAAa,SAAS;AACvD,WAAS,UAAU,IAAI;AACzB;"}
+{"version":3,"file":"themeSignal.js","names":[],"sources":["../../../ui/interactive/theme/themeSignal.ts"],"sourcesContent":["import { themeButtonTextDefault } from \"#ui/interactive/theme/ThemeButtonText.js\"\nimport {\n  getThemeFromStorageOrBrowserPref,\n  nextTheme2,\n  setThemeToBrowser,\n  themeIcon,\n  themeLocalStorageKey,\n  themeSchema,\n  type ThemeVariant,\n  themeVariant,\n} from \"#ui/interactive/theme/themeVariant.js\"\nimport { toastAdd } from \"#ui/interactive/toast/toastAdd.js\"\nimport { toastVariant } from \"#ui/interactive/toast/toastVariant.js\"\nimport { createSignalObject } from \"#ui/utils/createSignalObject.js\"\nimport { isServer } from \"solid-js/web\"\nimport * as v from \"valibot\"\n\nexport const themeSignal = createSignalObject<ThemeVariant>(themeVariant.os)\n\nexport function themeInit() {\n  if (isServer) return // Skip during SSR\n  const theme = getThemeFromStorageOrBrowserPref()\n  themeSet(theme, false)\n  themeRegisterStorageListener()\n}\n\nexport function themeSet(theme: ThemeVariant, saveToStorage: boolean) {\n  themeSignal.set(theme)\n  setThemeToBrowser(theme)\n  if (!saveToStorage) return\n  localStorage.setItem(themeLocalStorageKey, theme)\n}\n\nfunction themeRegisterStorageListener() {\n  const onStorage = (e: StorageEvent) => {\n    if (e.key !== themeLocalStorageKey) return\n    const themeString = e.newValue\n    const result = v.safeParse(themeSchema, themeString)\n    if (!result.success) {\n      console.log(\"failed to parse storage event\")\n      return\n    }\n    themeSet(result.output, false)\n  }\n  window.addEventListener(\"storage\", onStorage)\n  return () => {\n    window.removeEventListener(\"storage\", onStorage)\n  }\n}\n\nexport function themeRotate() {\n  const currentTheme = themeSignal.get()\n  const newTheme = nextTheme2(currentTheme)\n\n  const themeText = themeButtonTextDefault[newTheme]\n  const title = themeButtonTextDefault.setTheme(themeText)\n  const icon = themeIcon(newTheme)\n  toastAdd({ title, icon, variant: toastVariant.default })\n  themeSet(newTheme, true)\n}\n"],"mappings":";;;;;;;;AAiBA,IAAa,cAAc,mBAAiC,aAAa,GAAG;AAE5E,SAAgB,YAAY;AAC1B,KAAI,SAAU;AAEd,UADc,kCAAkC,EAChC,MAAM;AACtB,+BAA8B;;AAGhC,SAAgB,SAAS,OAAqB,eAAwB;AACpE,aAAY,IAAI,MAAM;AACtB,mBAAkB,MAAM;AACxB,KAAI,CAAC,cAAe;AACpB,cAAa,QAAQ,sBAAsB,MAAM;;AAGnD,SAAS,+BAA+B;CACtC,MAAM,aAAa,MAAoB;AACrC,MAAI,EAAE,QAAA,QAA8B;EACpC,MAAM,cAAc,EAAE;EACtB,MAAM,SAAS,EAAE,UAAU,aAAa,YAAY;AACpD,MAAI,CAAC,OAAO,SAAS;AACnB,WAAQ,IAAI,gCAAgC;AAC5C;;AAEF,WAAS,OAAO,QAAQ,MAAM;;AAEhC,QAAO,iBAAiB,WAAW,UAAU;AAC7C,cAAa;AACX,SAAO,oBAAoB,WAAW,UAAU;;;AAIpD,SAAgB,cAAc;CAE5B,MAAM,WAAW,WADI,YAAY,KAAK,CACG;CAEzC,MAAM,YAAY,uBAAuB;AAGzC,UAAS;EAAE,OAFG,uBAAuB,SAAS,UAAU;EAEtC,MADL,UAAU,SAAS;EACR,SAAS,aAAa;EAAS,CAAC;AACxD,UAAS,UAAU,KAAK"}

package/dist/interactive/theme/themeVariant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeVariant.d.ts","sourceRoot":"","sources":["../../../lib/interactive/theme/themeVariant.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,SAAS,CAAA;AAE5B,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAA;AAEpD,eAAO,MAAM,YAAY;;;;CAIf,CAAA;AAEV,eAAO,MAAM,WAAW;;;;aAAuB,CAAA;AAE/C,eAAO,MAAM,oBAAoB,UAAU,CAAA;AAE3C,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,YAAY,CAWpE;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,YAAY,CAWpE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,UAS9C;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,YAAY,QAShD;AAmBD,wBAAgB,uBAAuB,qBAItC;AAED,wBAAgB,gCAAgC,IAAI,YAAY,CAiB/D"}
+{"version":3,"file":"themeVariant.d.ts","sourceRoot":"","sources":["../../../ui/interactive/theme/themeVariant.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,SAAS,CAAA;AAE5B,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAA;AAEpD,eAAO,MAAM,YAAY;;;;CAIf,CAAA;AAEV,eAAO,MAAM,WAAW;;;;aAAuB,CAAA;AAE/C,eAAO,MAAM,oBAAoB,UAAU,CAAA;AAE3C,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,YAAY,CAWpE;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,YAAY,CAWpE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,UAS9C;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,YAAY,QAShD;AAmBD,wBAAgB,uBAAuB,qBAItC;AAED,wBAAgB,gCAAgC,IAAI,YAAY,CAiB/D"}

package/dist/interactive/theme/themeVariant.js

@@ -1,95 +1,66 @@
 import { mdiBrightnessAuto, mdiWeatherNight, mdiWhiteBalanceSunny } from "@mdi/js";
 import * as v from "valibot";
-const themeVariant = {
-  light: "light",
-  dark: "dark",
-  os: "os"
+//#region ui/interactive/theme/themeVariant.ts
+var themeVariant = {
+	light: "light",
+	dark: "dark",
+	os: "os"
 };
-const themeSchema = v.enum(themeVariant);
-const themeLocalStorageKey = "theme";
+var themeSchema = v.enum(themeVariant);
+var themeLocalStorageKey = "theme";
 function nextTheme3(current) {
-  switch (current) {
-    case themeVariant.light:
-      return themeVariant.dark;
-    case themeVariant.dark:
-      return themeVariant.os;
-    case themeVariant.os:
-      return themeVariant.light;
-    default:
-      return themeVariant.dark;
-  }
+	switch (current) {
+		case themeVariant.light: return themeVariant.dark;
+		case themeVariant.dark: return themeVariant.os;
+		case themeVariant.os: return themeVariant.light;
+		default: return themeVariant.dark;
+	}
 }
 function nextTheme2(current) {
-  switch (current) {
-    case themeVariant.light:
-      return themeVariant.dark;
-    case themeVariant.dark:
-      return themeVariant.light;
-    case themeVariant.os:
-      return themeVariant.light;
-    default:
-      return themeVariant.dark;
-  }
+	switch (current) {
+		case themeVariant.light: return themeVariant.dark;
+		case themeVariant.dark: return themeVariant.light;
+		case themeVariant.os: return themeVariant.light;
+		default: return themeVariant.dark;
+	}
 }
 function themeIcon(t) {
-  switch (t) {
-    case themeVariant.light:
-      return mdiWhiteBalanceSunny;
-    case themeVariant.dark:
-      return mdiWeatherNight;
-    default:
-      return mdiBrightnessAuto;
-  }
+	switch (t) {
+		case themeVariant.light: return mdiWhiteBalanceSunny;
+		case themeVariant.dark: return mdiWeatherNight;
+		default: return mdiBrightnessAuto;
+	}
 }
 function setThemeToBrowser(t) {
-  switch (t) {
-    case themeVariant.light:
-      return setBrowserThemeLight();
-    case themeVariant.dark:
-      return setBrowserThemeDark();
-    case themeVariant.os:
-      return setBrowserThemeOs();
-  }
+	switch (t) {
+		case themeVariant.light: return setBrowserThemeLight();
+		case themeVariant.dark: return setBrowserThemeDark();
+		case themeVariant.os: return setBrowserThemeOs();
+	}
 }
 function setBrowserThemeDark() {
-  document.documentElement.classList.add("dark");
+	document.documentElement.classList.add("dark");
 }
 function setBrowserThemeLight() {
-  document.documentElement.classList.remove("dark");
+	document.documentElement.classList.remove("dark");
 }
 function setBrowserThemeOs() {
-  const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-  if (prefersDark) setBrowserThemeDark();
-  else setBrowserThemeLight();
+	if (window.matchMedia("(prefers-color-scheme: dark)").matches) setBrowserThemeDark();
+	else setBrowserThemeLight();
 }
 function getThemeFromBrowserPref() {
-  const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-  if (prefersDark) return themeVariant.dark;
-  return themeVariant.light;
+	if (window.matchMedia("(prefers-color-scheme: dark)").matches) return themeVariant.dark;
+	return themeVariant.light;
 }
 function getThemeFromStorageOrBrowserPref() {
-  if (typeof window === "undefined") {
-    return getThemeFromBrowserPref();
-  }
-  const stored = localStorage?.getItem(themeLocalStorageKey) ?? null;
-  if (!stored) {
-    return getThemeFromBrowserPref();
-  }
-  const result = v.safeParse(themeSchema, stored);
-  if (!result.success) {
-    return getThemeFromBrowserPref();
-  }
-  return result.output;
+	if (typeof window === "undefined") return getThemeFromBrowserPref();
+	const stored = localStorage?.getItem("theme") ?? null;
+	if (!stored) return getThemeFromBrowserPref();
+	const result = v.safeParse(themeSchema, stored);
+	if (!result.success) return getThemeFromBrowserPref();
+	return result.output;
 }
-export {
-  getThemeFromBrowserPref,
-  getThemeFromStorageOrBrowserPref,
-  nextTheme2,
-  nextTheme3,
-  setThemeToBrowser,
-  themeIcon,
-  themeLocalStorageKey,
-  themeSchema,
-  themeVariant
-};
-//# sourceMappingURL=themeVariant.js.map
+//#endregion
+export { getThemeFromBrowserPref, getThemeFromStorageOrBrowserPref, nextTheme2, nextTheme3, setThemeToBrowser, themeIcon, themeLocalStorageKey, themeSchema, themeVariant };
+
+//# sourceMappingURL=themeVariant.js.map

package/dist/interactive/theme/themeVariant.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeVariant.js","sources":["../../../lib/interactive/theme/themeVariant.ts"],"sourcesContent":["import { mdiBrightnessAuto, mdiWeatherNight, mdiWhiteBalanceSunny } from \"@mdi/js\"\nimport * as v from \"valibot\"\n\nexport type ThemeVariant = keyof typeof themeVariant\n\nexport const themeVariant = {\n  light: \"light\",\n  dark: \"dark\",\n  os: \"os\",\n} as const\n\nexport const themeSchema = v.enum(themeVariant)\n\nexport const themeLocalStorageKey = \"theme\"\n\nexport function nextTheme3(current: string | undefined): ThemeVariant {\n  switch (current) {\n    case themeVariant.light:\n      return themeVariant.dark\n    case themeVariant.dark:\n      return themeVariant.os\n    case themeVariant.os:\n      return themeVariant.light\n    default:\n      return themeVariant.dark\n  }\n}\n\nexport function nextTheme2(current: string | undefined): ThemeVariant {\n  switch (current) {\n    case themeVariant.light:\n      return themeVariant.dark\n    case themeVariant.dark:\n      return themeVariant.light\n    case themeVariant.os:\n      return themeVariant.light\n    default:\n      return themeVariant.dark\n  }\n}\n\nexport function themeIcon(t: string | undefined) {\n  switch (t) {\n    case themeVariant.light:\n      return mdiWhiteBalanceSunny\n    case themeVariant.dark:\n      return mdiWeatherNight\n    default:\n      return mdiBrightnessAuto // mdiWhiteBalanceAuto\n  }\n}\n\nexport function setThemeToBrowser(t: ThemeVariant) {\n  switch (t) {\n    case themeVariant.light:\n      return setBrowserThemeLight()\n    case themeVariant.dark:\n      return setBrowserThemeDark()\n    case themeVariant.os:\n      return setBrowserThemeOs()\n  }\n}\n\nfunction setBrowserThemeDark() {\n  // console.log(\"setBrowserThemeDark\")\n  document.documentElement.classList.add(\"dark\")\n}\n\nfunction setBrowserThemeLight() {\n  // console.log(\"setBrowserThemeLight\")\n  document.documentElement.classList.remove(\"dark\")\n}\n\n// 2023: 93% - https://caniuse.com/?search=prefers-color-scheme\nfunction setBrowserThemeOs() {\n  const prefersDark = window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n  if (prefersDark) setBrowserThemeDark()\n  else setBrowserThemeLight()\n}\n\nexport function getThemeFromBrowserPref() {\n  const prefersDark = window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n  if (prefersDark) return themeVariant.dark\n  return themeVariant.light\n}\n\nexport function getThemeFromStorageOrBrowserPref(): ThemeVariant {\n  const op = \"getThemeFromStorageOrBrowserPref\"\n  if (typeof window === \"undefined\") {\n    // console.log(op, \"themeInit: window undefined\")\n    return getThemeFromBrowserPref()\n  }\n  const stored = localStorage?.getItem(themeLocalStorageKey) ?? null\n  if (!stored) {\n    // console.log(op, \"!stored\", stored)\n    return getThemeFromBrowserPref()\n  }\n  const result = v.safeParse(themeSchema, stored)\n  if (!result.success) {\n    // console.log(op, \"!parsed.success\", result.issues, stored)\n    return getThemeFromBrowserPref()\n  }\n  return result.output\n}\n"],"names":[],"mappings":";;AAKO,MAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,IAAI;AACN;AAEO,MAAM,cAAc,EAAE,KAAK,YAAY;AAEvC,MAAM,uBAAuB;AAE7B,SAAS,WAAW,SAA2C;AACpE,UAAQ,SAAA;AAAA,IACN,KAAK,aAAa;AAChB,aAAO,aAAa;AAAA,IACtB,KAAK,aAAa;AAChB,aAAO,aAAa;AAAA,IACtB,KAAK,aAAa;AAChB,aAAO,aAAa;AAAA,IACtB;AACE,aAAO,aAAa;AAAA,EAAA;AAE1B;AAEO,SAAS,WAAW,SAA2C;AACpE,UAAQ,SAAA;AAAA,IACN,KAAK,aAAa;AAChB,aAAO,aAAa;AAAA,IACtB,KAAK,aAAa;AAChB,aAAO,aAAa;AAAA,IACtB,KAAK,aAAa;AAChB,aAAO,aAAa;AAAA,IACtB;AACE,aAAO,aAAa;AAAA,EAAA;AAE1B;AAEO,SAAS,UAAU,GAAuB;AAC/C,UAAQ,GAAA;AAAA,IACN,KAAK,aAAa;AAChB,aAAO;AAAA,IACT,KAAK,aAAa;AAChB,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAEO,SAAS,kBAAkB,GAAiB;AACjD,UAAQ,GAAA;AAAA,IACN,KAAK,aAAa;AAChB,aAAO,qBAAA;AAAA,IACT,KAAK,aAAa;AAChB,aAAO,oBAAA;AAAA,IACT,KAAK,aAAa;AAChB,aAAO,kBAAA;AAAA,EAAkB;AAE/B;AAEA,SAAS,sBAAsB;AAE7B,WAAS,gBAAgB,UAAU,IAAI,MAAM;AAC/C;AAEA,SAAS,uBAAuB;AAE9B,WAAS,gBAAgB,UAAU,OAAO,MAAM;AAClD;AAGA,SAAS,oBAAoB;AAC3B,QAAM,cAAc,OAAO,WAAW,8BAA8B,EAAE;AACtE,MAAI,YAAa,qBAAA;AAAA,MACZ,sBAAA;AACP;AAEO,SAAS,0BAA0B;AACxC,QAAM,cAAc,OAAO,WAAW,8BAA8B,EAAE;AACtE,MAAI,oBAAoB,aAAa;AACrC,SAAO,aAAa;AACtB;AAEO,SAAS,mCAAiD;AAE/D,MAAI,OAAO,WAAW,aAAa;AAEjC,WAAO,wBAAA;AAAA,EACT;AACA,QAAM,SAAS,cAAc,QAAQ,oBAAoB,KAAK;AAC9D,MAAI,CAAC,QAAQ;AAEX,WAAO,wBAAA;AAAA,EACT;AACA,QAAM,SAAS,EAAE,UAAU,aAAa,MAAM;AAC9C,MAAI,CAAC,OAAO,SAAS;AAEnB,WAAO,wBAAA;AAAA,EACT;AACA,SAAO,OAAO;AAChB;"}
+{"version":3,"file":"themeVariant.js","names":[],"sources":["../../../ui/interactive/theme/themeVariant.ts"],"sourcesContent":["import { mdiBrightnessAuto, mdiWeatherNight, mdiWhiteBalanceSunny } from \"@mdi/js\"\nimport * as v from \"valibot\"\n\nexport type ThemeVariant = keyof typeof themeVariant\n\nexport const themeVariant = {\n  light: \"light\",\n  dark: \"dark\",\n  os: \"os\",\n} as const\n\nexport const themeSchema = v.enum(themeVariant)\n\nexport const themeLocalStorageKey = \"theme\"\n\nexport function nextTheme3(current: string | undefined): ThemeVariant {\n  switch (current) {\n    case themeVariant.light:\n      return themeVariant.dark\n    case themeVariant.dark:\n      return themeVariant.os\n    case themeVariant.os:\n      return themeVariant.light\n    default:\n      return themeVariant.dark\n  }\n}\n\nexport function nextTheme2(current: string | undefined): ThemeVariant {\n  switch (current) {\n    case themeVariant.light:\n      return themeVariant.dark\n    case themeVariant.dark:\n      return themeVariant.light\n    case themeVariant.os:\n      return themeVariant.light\n    default:\n      return themeVariant.dark\n  }\n}\n\nexport function themeIcon(t: string | undefined) {\n  switch (t) {\n    case themeVariant.light:\n      return mdiWhiteBalanceSunny\n    case themeVariant.dark:\n      return mdiWeatherNight\n    default:\n      return mdiBrightnessAuto // mdiWhiteBalanceAuto\n  }\n}\n\nexport function setThemeToBrowser(t: ThemeVariant) {\n  switch (t) {\n    case themeVariant.light:\n      return setBrowserThemeLight()\n    case themeVariant.dark:\n      return setBrowserThemeDark()\n    case themeVariant.os:\n      return setBrowserThemeOs()\n  }\n}\n\nfunction setBrowserThemeDark() {\n  // console.log(\"setBrowserThemeDark\")\n  document.documentElement.classList.add(\"dark\")\n}\n\nfunction setBrowserThemeLight() {\n  // console.log(\"setBrowserThemeLight\")\n  document.documentElement.classList.remove(\"dark\")\n}\n\n// 2023: 93% - https://caniuse.com/?search=prefers-color-scheme\nfunction setBrowserThemeOs() {\n  const prefersDark = window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n  if (prefersDark) setBrowserThemeDark()\n  else setBrowserThemeLight()\n}\n\nexport function getThemeFromBrowserPref() {\n  const prefersDark = window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n  if (prefersDark) return themeVariant.dark\n  return themeVariant.light\n}\n\nexport function getThemeFromStorageOrBrowserPref(): ThemeVariant {\n  const op = \"getThemeFromStorageOrBrowserPref\"\n  if (typeof window === \"undefined\") {\n    // console.log(op, \"themeInit: window undefined\")\n    return getThemeFromBrowserPref()\n  }\n  const stored = localStorage?.getItem(themeLocalStorageKey) ?? null\n  if (!stored) {\n    // console.log(op, \"!stored\", stored)\n    return getThemeFromBrowserPref()\n  }\n  const result = v.safeParse(themeSchema, stored)\n  if (!result.success) {\n    // console.log(op, \"!parsed.success\", result.issues, stored)\n    return getThemeFromBrowserPref()\n  }\n  return result.output\n}\n"],"mappings":";;;AAKA,IAAa,eAAe;CAC1B,OAAO;CACP,MAAM;CACN,IAAI;CACL;AAED,IAAa,cAAc,EAAE,KAAK,aAAa;AAE/C,IAAa,uBAAuB;AAEpC,SAAgB,WAAW,SAA2C;AACpE,SAAQ,SAAR;EACE,KAAK,aAAa,MAChB,QAAO,aAAa;EACtB,KAAK,aAAa,KAChB,QAAO,aAAa;EACtB,KAAK,aAAa,GAChB,QAAO,aAAa;EACtB,QACE,QAAO,aAAa;;;AAI1B,SAAgB,WAAW,SAA2C;AACpE,SAAQ,SAAR;EACE,KAAK,aAAa,MAChB,QAAO,aAAa;EACtB,KAAK,aAAa,KAChB,QAAO,aAAa;EACtB,KAAK,aAAa,GAChB,QAAO,aAAa;EACtB,QACE,QAAO,aAAa;;;AAI1B,SAAgB,UAAU,GAAuB;AAC/C,SAAQ,GAAR;EACE,KAAK,aAAa,MAChB,QAAO;EACT,KAAK,aAAa,KAChB,QAAO;EACT,QACE,QAAO;;;AAIb,SAAgB,kBAAkB,GAAiB;AACjD,SAAQ,GAAR;EACE,KAAK,aAAa,MAChB,QAAO,sBAAsB;EAC/B,KAAK,aAAa,KAChB,QAAO,qBAAqB;EAC9B,KAAK,aAAa,GAChB,QAAO,mBAAmB;;;AAIhC,SAAS,sBAAsB;AAE7B,UAAS,gBAAgB,UAAU,IAAI,OAAO;;AAGhD,SAAS,uBAAuB;AAE9B,UAAS,gBAAgB,UAAU,OAAO,OAAO;;AAInD,SAAS,oBAAoB;AAE3B,KADoB,OAAO,WAAW,+BAA+B,CAAC,QACrD,sBAAqB;KACjC,uBAAsB;;AAG7B,SAAgB,0BAA0B;AAExC,KADoB,OAAO,WAAW,+BAA+B,CAAC,QACrD,QAAO,aAAa;AACrC,QAAO,aAAa;;AAGtB,SAAgB,mCAAiD;AAE/D,KAAI,OAAO,WAAW,YAEpB,QAAO,yBAAyB;CAElC,MAAM,SAAS,cAAc,QAAA,QAA6B,IAAI;AAC9D,KAAI,CAAC,OAEH,QAAO,yBAAyB;CAElC,MAAM,SAAS,EAAE,UAAU,aAAa,OAAO;AAC/C,KAAI,CAAC,OAAO,QAEV,QAAO,yBAAyB;AAElC,QAAO,OAAO"}

package/dist/interactive/toast/GlobalToasterState.d.ts

@@ -1,4 +1,4 @@
-import { ToastPropsInternal } from './ToastProps';
+import { ToastPropsInternal } from '#ui/interactive/toast/ToastProps.js';
 export type GlobalToasterState = {
     toasts: ToastPropsInternal[];
     timeouts: Record<string, ReturnType<typeof setTimeout>>;

package/dist/interactive/toast/GlobalToasterState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalToasterState.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/GlobalToasterState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAA;AAE1E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,kBAAkB,EAAE,CAAA;IAC5B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAA;CACxD,CAAA;AAED,wBAAgB,kBAAkB,IAAI,kBAAkB,CAEvD"}
+{"version":3,"file":"GlobalToasterState.d.ts","sourceRoot":"","sources":["../../../ui/interactive/toast/GlobalToasterState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAE7E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,kBAAkB,EAAE,CAAA;IAC5B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAA;CACxD,CAAA;AAED,wBAAgB,kBAAkB,IAAI,kBAAkB,CAEvD"}

package/dist/interactive/toast/GlobalToasterState.js

@@ -1,7 +1,11 @@
+//#region ui/interactive/toast/GlobalToasterState.ts
 function createToasterState() {
-  return { toasts: [], timeouts: {} };
+	return {
+		toasts: [],
+		timeouts: {}
+	};
 }
-export {
-  createToasterState
-};
-//# sourceMappingURL=GlobalToasterState.js.map
+//#endregion
+export { createToasterState };
+
+//# sourceMappingURL=GlobalToasterState.js.map

package/dist/interactive/toast/GlobalToasterState.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalToasterState.js","sources":["../../../lib/interactive/toast/GlobalToasterState.ts"],"sourcesContent":["import type { ToastPropsInternal } from \"~ui/interactive/toast/ToastProps\"\n\nexport type GlobalToasterState = {\n  toasts: ToastPropsInternal[]\n  timeouts: Record<string, ReturnType<typeof setTimeout>>\n}\n\nexport function createToasterState(): GlobalToasterState {\n  return { toasts: [], timeouts: {} }\n}\n"],"names":[],"mappings":"AAOO,SAAS,qBAAyC;AACvD,SAAO,EAAE,QAAQ,IAAI,UAAU,CAAA,EAAC;AAClC;"}
+{"version":3,"file":"GlobalToasterState.js","names":[],"sources":["../../../ui/interactive/toast/GlobalToasterState.ts"],"sourcesContent":["import type { ToastPropsInternal } from \"#ui/interactive/toast/ToastProps.js\"\n\nexport type GlobalToasterState = {\n  toasts: ToastPropsInternal[]\n  timeouts: Record<string, ReturnType<typeof setTimeout>>\n}\n\nexport function createToasterState(): GlobalToasterState {\n  return { toasts: [], timeouts: {} }\n}\n"],"mappings":";AAOA,SAAgB,qBAAyC;AACvD,QAAO;EAAE,QAAQ,EAAE;EAAE,UAAU,EAAE;EAAE"}

package/dist/interactive/toast/Toast.d.ts

@@ -1,3 +1,3 @@
-import { ToastPropsInternal } from './ToastProps';
+import { ToastPropsInternal } from '#ui/interactive/toast/ToastProps.js';
 export declare function Toast(p: ToastPropsInternal): import("solid-js").JSX.Element;
 //# sourceMappingURL=Toast.d.ts.map

package/dist/interactive/toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/Toast.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,kCAAkC,CAAA;AAOtF,wBAAgB,KAAK,CAAC,CAAC,EAAE,kBAAkB,kCAgB1C"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../ui/interactive/toast/Toast.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,qCAAqC,CAAA;AASzF,wBAAgB,KAAK,CAAC,CAAC,EAAE,kBAAkB,kCAgB1C"}