@adaptive-ds/solid-ui 0.13.1 → 0.14.0

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"}

package/dist/interactive/toast/Toast.js

@@ -1,84 +1,81 @@
-import { setAttribute, insert, createComponent, mergeProps, effect, className, template } from "solid-js/web";
-import { mdiClose } from "@mdi/js";
-import { Show } from "solid-js";
-import { ttt } from "../../i18n/ttt.js";
-import { ButtonIcon } from "../button/ButtonIcon.js";
+import { classMerge } from "../../utils/classMerge.js";
 import { buttonVariant } from "../button/buttonCva.js";
+import { Icon } from "../../static/icon/Icon.js";
+import { ButtonIcon } from "../button/ButtonIcon.js";
+import { ttt } from "../../i18n/ttt.js";
 import { toastCva } from "./toastCva.js";
 import { toastDismiss } from "./toastDismiss.js";
 import { toastIconCva } from "./toastIconCva.js";
-import { Icon } from "../../static/icon/Icon.js";
-import { classMerge } from "../../utils/classMerge.js";
+import { Show } from "solid-js";
+import { className, createComponent, effect, insert, mergeProps as mergeProps$1, setAttribute, template } from "solid-js/web";
+import { mdiClose } from "@mdi/js";
+//#region ui/interactive/toast/Toast.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<p>`), _tmpl$2 = /* @__PURE__ */ template(`<li role=status aria-live=polite data-state=open>`), _tmpl$3 = /* @__PURE__ */ template(`<div><p>`);
 function Toast(p) {
-  const texts = p.texts ?? {
-    close: ttt("Close Toast")
-  };
-  return (() => {
-    var _el$ = _tmpl$2();
-    setAttribute(_el$, "aria-atomic", true);
-    insert(_el$, createComponent(ToastHeader, mergeProps(p, {
-      texts
-    })), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return p.description;
-      },
-      get children() {
-        var _el$2 = _tmpl$();
-        insert(_el$2, () => p.description);
-        effect(() => className(_el$2, classMerge("text-lg break-words", p.descriptionClass)));
-        return _el$2;
-      }
-    }), null);
-    insert(_el$, () => p.children, null);
-    effect(() => className(_el$, toastCva(p.variant, p.class)));
-    return _el$;
-  })();
+	const texts = p.texts ?? { close: ttt("Close Toast") };
+	return (() => {
+		var _el$ = _tmpl$2();
+		setAttribute(_el$, "aria-atomic", true);
+		insert(_el$, createComponent(ToastHeader, mergeProps$1(p, { texts })), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return p.description;
+			},
+			get children() {
+				var _el$2 = _tmpl$();
+				insert(_el$2, () => p.description);
+				effect(() => className(_el$2, classMerge("text-lg break-words", p.descriptionClass)));
+				return _el$2;
+			}
+		}), null);
+		insert(_el$, () => p.children, null);
+		effect(() => className(_el$, toastCva(p.variant, p.class)));
+		return _el$;
+	})();
 }
 function ToastHeader(p) {
-  return (() => {
-    var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild;
-    insert(_el$3, createComponent(Show, {
-      get when() {
-        return p.icon;
-      },
-      get children() {
-        return createComponent(Icon, {
-          get path() {
-            return p.icon;
-          },
-          get ["class"]() {
-            return toastIconCva(p.variant, p.iconClass);
-          }
-        });
-      }
-    }), _el$4);
-    insert(_el$4, () => p.title);
-    insert(_el$3, createComponent(ButtonIcon, {
-      get variant() {
-        return buttonVariant.ghost;
-      },
-      get title() {
-        return p.texts.close;
-      },
-      icon: mdiClose,
-      iconClass: "text-white fill-white",
-      onClick: () => toastDismiss(p.id)
-    }), null);
-    effect((_p$) => {
-      var _v$ = classMerge("flex flex-wrap", "gap-2", "items-center", "print:hidden"), _v$2 = classMerge("text-lg font-bold break-words flex-1", p.titleClass);
-      _v$ !== _p$.e && className(_el$3, _p$.e = _v$);
-      _v$2 !== _p$.t && className(_el$4, _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$3;
-  })();
+	return (() => {
+		var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild;
+		insert(_el$3, createComponent(Show, {
+			get when() {
+				return p.icon;
+			},
+			get children() {
+				return createComponent(Icon, {
+					get path() {
+						return p.icon;
+					},
+					get ["class"]() {
+						return toastIconCva(p.variant, p.iconClass);
+					}
+				});
+			}
+		}), _el$4);
+		insert(_el$4, () => p.title);
+		insert(_el$3, createComponent(ButtonIcon, {
+			get variant() {
+				return buttonVariant.ghost;
+			},
+			get title() {
+				return p.texts.close;
+			},
+			icon: mdiClose,
+			iconClass: "text-white fill-white",
+			onClick: () => toastDismiss(p.id)
+		}), null);
+		effect((_p$) => {
+			var _v$ = classMerge("flex flex-wrap", "gap-2", "items-center", "print:hidden"), _v$2 = classMerge("text-lg font-bold break-words flex-1", p.titleClass);
+			_v$ !== _p$.e && className(_el$3, _p$.e = _v$);
+			_v$2 !== _p$.t && className(_el$4, _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$3;
+	})();
 }
-export {
-  Toast
-};
-//# sourceMappingURL=Toast.js.map
+//#endregion
+export { Toast };
+
+//# sourceMappingURL=Toast.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../lib/interactive/toast/Toast.tsx"],"sourcesContent":["import { mdiClose } from \"@mdi/js\"\nimport { Show } from \"solid-js\"\nimport { ttt } from \"~ui/i18n/ttt\"\nimport { ButtonIcon } from \"~ui/interactive/button/ButtonIcon\"\nimport { buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport type { ToastPropsInternal, ToastTexts } from \"~ui/interactive/toast/ToastProps\"\nimport { toastCva } from \"~ui/interactive/toast/toastCva\"\nimport { toastDismiss } from \"~ui/interactive/toast/toastDismiss\"\nimport { toastIconCva } from \"~ui/interactive/toast/toastIconCva\"\nimport { Icon } from \"~ui/static/icon/Icon\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nexport function Toast(p: ToastPropsInternal) {\n  const texts =\n    p.texts ??\n    ({\n      close: ttt(\"Close Toast\"),\n    } as const)\n\n  return (\n    <li role=\"status\" aria-live=\"polite\" aria-atomic={true} data-state={\"open\"} class={toastCva(p.variant, p.class)}>\n      <ToastHeader {...p} texts={texts} />\n      <Show when={p.description}>\n        <p class={classMerge(\"text-lg break-words\", p.descriptionClass)}>{p.description}</p>\n      </Show>\n      {p.children}\n    </li>\n  )\n}\n\ninterface ToastHeaderProps extends ToastPropsInternal {\n  texts: ToastTexts\n}\n\nfunction ToastHeader(p: ToastHeaderProps) {\n  return (\n    <div class={classMerge(\"flex flex-wrap\", \"gap-2\", \"items-center\", \"print:hidden\")}>\n      <Show when={p.icon}>\n        <Icon path={p.icon!} class={toastIconCva(p.variant, p.iconClass)} />\n      </Show>\n      <p class={classMerge(\"text-lg font-bold break-words flex-1\", p.titleClass)}>{p.title}</p>\n      <ButtonIcon\n        variant={buttonVariant.ghost}\n        title={p.texts.close}\n        icon={mdiClose}\n        iconClass={\"text-white fill-white\"}\n        onClick={() => toastDismiss(p.id)}\n      />\n    </div>\n  )\n}\n"],"names":["Toast","p","texts","close","ttt","_el$","_tmpl$2","_$setAttribute","_$insert","_$createComponent","ToastHeader","_$mergeProps","Show","when","description","children","_el$2","_tmpl$","_$effect","_$className","classMerge","descriptionClass","toastCva","variant","class","_el$3","_tmpl$3","_el$4","firstChild","icon","Icon","path","toastIconCva","iconClass","title","ButtonIcon","buttonVariant","ghost","mdiClose","onClick","toastDismiss","id","_p$","_v$","_v$2","titleClass","e","t","undefined"],"mappings":";;;;;;;;;;;;AAYO,SAASA,MAAMC,GAAuB;AAC3C,QAAMC,QACJD,EAAEC,SACD;AAAA,IACCC,OAAOC,IAAI,aAAa;AAAA,EAAA;AAG5B,UAAA,MAAA;AAAA,QAAAC,OAAAC,QAAAA;AAAAC,iBAAAF,MAAA,eACoD,IAAI;AAAAG,WAAAH,MAAAI,gBACnDC,aAAWC,WAAKV,GAAC;AAAA,MAAEC;AAAAA,IAAAA,CAAY,CAAA,GAAA,IAAA;AAAAM,WAAAH,MAAAI,gBAC/BG,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEZ,EAAEa;AAAAA,MAAW;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,QAAAC,OAAAA;AAAAT,eAAAQ,OAAA,MAC2Cf,EAAEa,WAAW;AAAAI,eAAA,MAAAC,UAAAH,OAArEI,WAAW,uBAAuBnB,EAAEoB,gBAAgB,CAAC,CAAA;AAAA,eAAAL;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA;AAAAR,WAAAH,MAAA,MAEhEJ,EAAEc,UAAQ,IAAA;AAAAG,WAAA,MAAAC,UAAAd,MALsEiB,SAASrB,EAAEsB,SAAStB,EAAEuB,KAAK,CAAC,CAAA;AAAA,WAAAnB;AAAAA,EAAA,GAAA;AAQnH;AAMA,SAASK,YAAYT,GAAqB;AACxC,UAAA,MAAA;AAAA,QAAAwB,QAAAC,QAAAA,GAAAC,QAAAF,MAAAG;AAAApB,WAAAiB,OAAAhB,gBAEKG,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEZ,EAAE4B;AAAAA,MAAI;AAAA,MAAA,IAAAd,WAAA;AAAA,eAAAN,gBACfqB,MAAI;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAE9B,EAAE4B;AAAAA,UAAK;AAAA,UAAA,KAAA,OAAA,IAAA;AAAA,mBAASG,aAAa/B,EAAEsB,SAAStB,EAAEgC,SAAS;AAAA,UAAC;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAAN,KAAA;AAAAnB,WAAAmB,OAAA,MAEW1B,EAAEiC,KAAK;AAAA1B,WAAAiB,OAAAhB,gBACnF0B,YAAU;AAAA,MAAA,IACTZ,UAAO;AAAA,eAAEa,cAAcC;AAAAA,MAAK;AAAA,MAAA,IAC5BH,QAAK;AAAA,eAAEjC,EAAEC,MAAMC;AAAAA,MAAK;AAAA,MACpB0B,MAAMS;AAAAA,MACNL,WAAW;AAAA,MACXM,SAASA,MAAMC,aAAavC,EAAEwC,EAAE;AAAA,IAAA,CAAC,GAAA,IAAA;AAAAvB,WAAAwB,CAAAA,QAAA;AAAA,UAAAC,MAVzBvB,WAAW,kBAAkB,SAAS,gBAAgB,cAAc,GAACwB,OAIrExB,WAAW,wCAAwCnB,EAAE4C,UAAU;AAACF,cAAAD,IAAAI,KAAA3B,UAAAM,OAAAiB,IAAAI,IAAAH,GAAA;AAAAC,eAAAF,IAAAK,KAAA5B,UAAAQ,OAAAe,IAAAK,IAAAH,IAAA;AAAA,aAAAF;AAAAA,IAAA,GAAA;AAAA,MAAAI,GAAAE;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA;AAAA,WAAAvB;AAAAA,EAAA,GAAA;AAUhF;"}
+{"version":3,"file":"Toast.js","names":["ttt","ButtonIcon","buttonVariant","ToastPropsInternal","ToastTexts","toastCva","toastDismiss","toastIconCva","Icon","classMerge","mdiClose","Show","Toast","p","texts","close","const","_el$","_tmpl$2","_$setAttribute","_$insert","_$createComponent","ToastHeader","_$mergeProps","when","description","children","_el$2","_tmpl$","_$effect","_$className","descriptionClass","variant","class","ToastHeaderProps","_el$3","_tmpl$3","_el$4","firstChild","icon","path","iconClass","title","ghost","onClick","id","_p$","_v$","_v$2","titleClass","e","t","undefined"],"sources":["../../../ui/interactive/toast/Toast.tsx"],"sourcesContent":["import { ttt } from \"#ui/i18n/ttt.js\"\nimport { ButtonIcon } from \"#ui/interactive/button/ButtonIcon.jsx\"\nimport { buttonVariant } from \"#ui/interactive/button/buttonCva.js\"\nimport type { ToastPropsInternal, ToastTexts } from \"#ui/interactive/toast/ToastProps.js\"\nimport { toastCva } from \"#ui/interactive/toast/toastCva.js\"\nimport { toastDismiss } from \"#ui/interactive/toast/toastDismiss.js\"\nimport { toastIconCva } from \"#ui/interactive/toast/toastIconCva.js\"\nimport { Icon } from \"#ui/static/icon/Icon.jsx\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport { mdiClose } from \"@mdi/js\"\nimport { Show } from \"solid-js\"\n\nexport function Toast(p: ToastPropsInternal) {\n  const texts =\n    p.texts ??\n    ({\n      close: ttt(\"Close Toast\"),\n    } as const)\n\n  return (\n    <li role=\"status\" aria-live=\"polite\" aria-atomic={true} data-state={\"open\"} class={toastCva(p.variant, p.class)}>\n      <ToastHeader {...p} texts={texts} />\n      <Show when={p.description}>\n        <p class={classMerge(\"text-lg break-words\", p.descriptionClass)}>{p.description}</p>\n      </Show>\n      {p.children}\n    </li>\n  )\n}\n\ninterface ToastHeaderProps extends ToastPropsInternal {\n  texts: ToastTexts\n}\n\nfunction ToastHeader(p: ToastHeaderProps) {\n  return (\n    <div class={classMerge(\"flex flex-wrap\", \"gap-2\", \"items-center\", \"print:hidden\")}>\n      <Show when={p.icon}>\n        <Icon path={p.icon!} class={toastIconCva(p.variant, p.iconClass)} />\n      </Show>\n      <p class={classMerge(\"text-lg font-bold break-words flex-1\", p.titleClass)}>{p.title}</p>\n      <ButtonIcon\n        variant={buttonVariant.ghost}\n        title={p.texts.close}\n        icon={mdiClose}\n        iconClass={\"text-white fill-white\"}\n        onClick={() => toastDismiss(p.id)}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,SAAgBY,MAAMC,GAAuB;CAC3C,MAAMC,QACJD,EAAEC,SACD,EACCC,OAAOf,IAAI,cAAa,EACzB;AAEH,eAAA;EAAA,IAAAiB,OAAAC,SAAA;AAAAC,eAAAF,MAAA,eACoD,KAAI;AAAAG,SAAAH,MAAAI,gBACnDC,aAAWC,aAAKV,GAAC,EAASC,OAAK,CAAA,CAAA,EAAA,KAAA;AAAAM,SAAAH,MAAAI,gBAC/BV,MAAI;GAAA,IAACa,OAAI;AAAA,WAAEX,EAAEY;;GAAW,IAAAC,WAAA;IAAA,IAAAC,QAAAC,QAAA;AAAAR,WAAAO,aAC2Cd,EAAEY,YAAW;AAAAI,iBAAAC,UAAAH,OAArElB,WAAW,uBAAuBI,EAAEkB,iBAAiB,CAAA,CAAA;AAAA,WAAAJ;;GAAA,CAAA,EAAA,KAAA;AAAAP,SAAAH,YAEhEJ,EAAEa,UAAQ,KAAA;AAAAG,eAAAC,UAAAb,MALsEZ,SAASQ,EAAEmB,SAASnB,EAAEoB,MAAM,CAAA,CAAA;AAAA,SAAAhB;KAAA;;AAcnH,SAASK,YAAYT,GAAqB;AACxC,eAAA;EAAA,IAAAsB,QAAAC,SAAA,EAAAC,QAAAF,MAAAG;AAAAlB,SAAAe,OAAAd,gBAEKV,MAAI;GAAA,IAACa,OAAI;AAAA,WAAEX,EAAE0B;;GAAI,IAAAb,WAAA;AAAA,WAAAL,gBACfb,MAAI;KAAA,IAACgC,OAAI;AAAA,aAAE3B,EAAE0B;;KAAK,KAAA,WAAA;AAAA,aAAShC,aAAaM,EAAEmB,SAASnB,EAAE4B,UAAU;;KAAA,CAAA;;GAAA,CAAA,EAAAJ,MAAA;AAAAjB,SAAAiB,aAEWxB,EAAE6B,MAAK;AAAAtB,SAAAe,OAAAd,gBACnFpB,YAAU;GAAA,IACT+B,UAAO;AAAA,WAAE9B,cAAcyC;;GAAK,IAC5BD,QAAK;AAAA,WAAE7B,EAAEC,MAAMC;;GACfwB,MAAM7B;GACN+B,WAAW;GACXG,eAAetC,aAAaO,EAAEgC,GAAE;GAAC,CAAA,EAAA,KAAA;AAAAhB,UAAAiB,QAAA;GAAA,IAAAC,MAVzBtC,WAAW,kBAAkB,SAAS,gBAAgB,eAAe,EAAAuC,OAIrEvC,WAAW,wCAAwCI,EAAEoC,WAAW;AAAAF,WAAAD,IAAAI,KAAApB,UAAAK,OAAAW,IAAAI,IAAAH,IAAA;AAAAC,YAAAF,IAAAK,KAAArB,UAAAO,OAAAS,IAAAK,IAAAH,KAAA;AAAA,UAAAF;KAAA;GAAAI,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA;AAAA,SAAAjB;KAAA"}

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

@@ -1,10 +1,10 @@
+import { ToastVariant } from '#ui/interactive/toast/toastVariant.js';
+import { HasTitle } from '#ui/utils/HasTitle.js';
+import { MayHaveChildren } from '#ui/utils/MayHaveChildren.js';
+import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
+import { MayHaveIcon } from '#ui/utils/MayHaveIcon.js';
+import { MayHaveId } from '#ui/utils/MayHaveId.js';
 import { JSXElement } from 'solid-js';
-import { ToastVariant } from './toastVariant';
-import { HasTitle } from '../../utils/HasTitle';
-import { MayHaveChildren } from '../../utils/MayHaveChildren';
-import { MayHaveClass } from '../../utils/MayHaveClass';
-import { MayHaveIcon } from '../../utils/MayHaveIcon';
-import { MayHaveId } from '../../utils/MayHaveId';
 export interface AddToastProps extends MayHaveId, MayHaveIcon, HasTitle, MayHaveClass, MayHaveChildren {
     variant?: ToastVariant;
     duration?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"ToastProps.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/ToastProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe;IACpG,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,EAAE,EAAE,MAAM,CAAA;CAEX;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,WAAW,CAAC,EAAE,UAAU,CAAA;CACzB,CAAA"}
+{"version":3,"file":"ToastProps.d.ts","sourceRoot":"","sources":["../../../ui/interactive/toast/ToastProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAA;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe;IACpG,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,EAAE,EAAE,MAAM,CAAA;CAEX;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,WAAW,CAAC,EAAE,UAAU,CAAA;CACzB,CAAA"}

package/dist/interactive/toast/ToastProps.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=ToastProps.js.map

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

@@ -1,5 +1,5 @@
+import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
 import { JSXElement } from 'solid-js';
-import { MayHaveClass } from '../../utils/MayHaveClass';
 /**
  * radix-ui
  * - demo - https://www.radix-ui.com/primitives/docs/components/toast

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

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../lib/interactive/toast/Toaster.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAK1D;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,YAAY,GAAG,UAAU,CAiBnD"}
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../ui/interactive/toast/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAG7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAI1C;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,YAAY,GAAG,UAAU,CAiBnD"}