@adaptive-ds/solid-ui 0.15.0 → 0.15.1

package/dist/interactive/tabs/TabsTop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsTop.js","names":["TabsTopText","tabsTopTextDefault","classArr","SignalObject","HasGetOptions","HasValueSignalString","MayHaveValueText","MayHaveChildren","MayHaveClass","Key","JSXElement","createUniqueId","TabsTopProps","valueIcon","value","valueAmount","valueChildren","id","disabled","texts","TabsTop","p","baseId","_el$","_tmpl$","_$insert","_$createComponent","each","getOptions","by","fallback","NoTabOptions","class","children","TabOption","valueSignal","valueText","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","a","_$className","undefined","_el$2","_tmpl$2","TabContent","_el$3","noEntries","TabOptionProps","_el$4","_tmpl$3","$$click","setActiveTab","getText","_v$4","isSelected","_v$5","makeTriggerId","_v$6","makeContentId","_v$7","_v$8","_v$9","_v$0","o","i","n","s","_el$5","_tmpl$4","_v$1","_v$10","_v$11","_v$12","_v$13","hidden","SetActiveTabProps","prev","get","set","OptionProps","GetTextProps","amount","text","_$delegateEvents"],"sources":["../../../ui/interactive/tabs/TabsTop.tsx"],"sourcesContent":["import type { TabsTopText } from \"#ui/interactive/tabs/TabsTopText.js\"\nimport { tabsTopTextDefault } from \"#ui/interactive/tabs/TabsTopText.js\"\nimport { classArr } from \"#ui/utils/classArr.js\"\nimport type { SignalObject } from \"#ui/utils/createSignalObject.js\"\nimport type { HasGetOptions } from \"#ui/utils/HasGetOptions.js\"\nimport type { HasValueSignalString } from \"#ui/utils/HasValueSignalString.js\"\nimport type { MayHaveValueText } from \"#ui/utils/HasValueText.js\"\nimport type { MayHaveChildren } from \"#ui/utils/MayHaveChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport { Key } from \"@solid-primitives/keyed\"\nimport type { JSXElement } from \"solid-js\"\nimport { createUniqueId } from \"solid-js\"\n\nexport interface TabsTopProps\n  extends HasValueSignalString, HasGetOptions, MayHaveValueText, MayHaveChildren, MayHaveClass {\n  valueIcon?: (value: string) => string\n  valueAmount?: (value: string) => number | undefined\n  valueChildren: (value: string) => JSXElement\n  id?: string\n  disabled?: boolean\n  texts?: TabsTopText\n}\n\n/**\n * https://www.radix-ui.com/primitives/docs/components/tabs\n * https://github.com/radix-ui/primitives/blob/main/packages/react/tabs/src/Tabs.tsx\n **/\nexport function TabsTop(p: TabsTopProps) {\n  const baseId = createUniqueId()\n  return (\n    <>\n      <div\n        id={p.id}\n        role=\"tablist\"\n        data-disabled={p.disabled}\n        class={classArr(\n          \"flex flex-wrap gap-2\",\n          // \"grid gap-2 rounded-md p-2\",\n          \"bg-white dark:bg-black\", // bg\n          \"border border-slate-200 dark:border-slate-700\", // border\n          p.class,\n        )}\n      >\n        <Key each={p.getOptions()} by={(value) => value} fallback={<NoTabOptions class={p.class} texts={p.texts} />}>\n          {(value) => (\n            <TabOption\n              baseId={baseId}\n              value={value()}\n              valueSignal={p.valueSignal}\n              disabled={p.disabled}\n              valueAmount={p.valueAmount}\n              valueText={p.valueText}\n              valueChildren={p.valueChildren}\n            />\n          )}\n        </Key>\n      </div>\n      <div>\n        <Key each={p.getOptions()} by={(value) => value} fallback={<NoTabOptions class={p.class} texts={p.texts} />}>\n          {(value) => (\n            <TabContent\n              baseId={baseId}\n              value={value()}\n              valueSignal={p.valueSignal}\n              disabled={p.disabled}\n              valueAmount={p.valueAmount}\n              valueText={p.valueText}\n              valueChildren={p.valueChildren}\n            />\n          )}\n        </Key>\n      </div>\n    </>\n  )\n}\n\nfunction NoTabOptions(p: { class?: string; texts?: TabsTopText }) {\n  const texts = p.texts ?? tabsTopTextDefault\n  return <div class={p.class}>{texts.noEntries}</div>\n}\n\ninterface TabOptionProps extends MayHaveClass {\n  baseId: string\n  value: string\n  valueSignal: SignalObject<string>\n  disabled?: boolean\n  valueAmount?: (value: string) => number | undefined\n  valueText?: (value: string) => string\n  valueChildren: (value: string) => JSXElement\n}\n\nfunction TabOption(p: TabOptionProps): JSXElement {\n  // console.log(\"TabOption\", p.value, \"value:\", p.valueSignal.get())\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={isSelected(p)}\n      id={makeTriggerId(p.baseId, p.value)}\n      aria-controls={makeContentId(p.baseId, p.value)}\n      data-state={isSelected(p) ? \"active\" : \"inactive\"}\n      data-disabled={p.disabled}\n      disabled={p.disabled}\n      class={classArr(\n        // \"block\",\n        \"cursor-pointer select-none\",\n        \"rounded-sm\",\n        \"px-3 py-2 text-center\",\n        isSelected(p) ? \"bg-blue-500 text-white\" : \"hover:bg-slate-50 dark:hover:bg-slate-900\", // bg hover\n        \"flex gap-2\",\n        p.class,\n      )}\n      onClick={(e) => setActiveTab(p)}\n    >\n      {getText(p)}\n    </button>\n  )\n}\n\nfunction TabContent(p: TabOptionProps): JSXElement {\n  return (\n    <div\n      id={makeContentId(p.baseId, p.value)}\n      role=\"tabpanel\"\n      data-state={isSelected(p) ? \"active\" : \"inactive\"}\n      aria-labelledby={makeTriggerId(p.baseId, p.value)}\n      hidden={!isSelected(p)}\n      tabIndex={0}\n      class={classArr(\"\")}\n    >\n      {p.valueChildren(p.value)}\n    </div>\n  )\n}\n\nfunction makeTriggerId(baseId: string, value: string) {\n  return `${baseId}-${value}-trigger`\n}\n\nfunction makeContentId(baseId: string, value: string) {\n  return `${baseId}-${value}-content`\n}\n\ninterface SetActiveTabProps extends HasValueSignalString {\n  value: string\n}\n\nfunction setActiveTab(p: SetActiveTabProps) {\n  let prev = p.valueSignal.get()\n  // console.log(\"setActiveTab\", p.value, \"prev:\", prev)\n  if (prev === p.value) return\n  p.valueSignal.set(p.value)\n}\n\ninterface OptionProps {\n  value: string\n  valueSignal: SignalObject<string>\n}\n\nfunction isSelected(p: OptionProps) {\n  return p.value === p.valueSignal.get()\n}\n\ninterface GetTextProps {\n  value: string\n  valueAmount?: (value: string) => number | undefined\n  valueText?: (value: string) => string\n}\n\nfunction getText(p: GetTextProps): string {\n  const amount = p.valueAmount?.(p.value)\n  const text = p.valueText?.(p.value) || p.value\n  if (!amount) return text\n  return `${text} (${amount})`\n}\n"],"mappings":"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"}

package/dist/interactive/tabs/TabsTopText.d.ts

@@ -1,7 +0,0 @@
-export type TabsTopText = {
-    noEntries: string;
-};
-export declare const tabsTopTextDefault: {
-    readonly noEntries: string;
-};
-//# sourceMappingURL=TabsTopText.d.ts.map

package/dist/interactive/tabs/TabsTopText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsTopText.d.ts","sourceRoot":"","sources":["../../../ui/interactive/tabs/TabsTopText.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,kBAAkB;;CAEC,CAAA"}

package/dist/interactive/tabs/TabsTopText.js

@@ -1,7 +0,0 @@
-import { ttt } from "../../i18n/ttt.js";
-//#region ui/interactive/tabs/TabsTopText.ts
-var tabsTopTextDefault = { noEntries: ttt("No entries") };
-//#endregion
-export { tabsTopTextDefault };
-
-//# sourceMappingURL=TabsTopText.js.map

package/dist/interactive/tabs/TabsTopText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsTopText.js","names":[],"sources":["../../../ui/interactive/tabs/TabsTopText.ts"],"sourcesContent":["import { ttt } from \"#ui/i18n/ttt.js\"\n\nexport type TabsTopText = {\n  noEntries: string\n}\n\nexport const tabsTopTextDefault = {\n  noEntries: ttt(\"No entries\"),\n} as const satisfies TabsTopText\n"],"mappings":";;AAMA,IAAa,qBAAqB,EAChC,WAAW,IAAI,aAAa,EAC7B"}

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

@@ -1,8 +0,0 @@
-import { ThemeButtonText } from '#ui/interactive/theme/ThemeButtonText.js';
-import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
-export interface ThemeButtonProps extends MayHaveClass {
-    showText?: boolean;
-    texts?: ThemeButtonText;
-}
-export declare function ThemeButton(p: ThemeButtonProps): import("solid-js").JSX.Element;
-//# sourceMappingURL=ThemeButton.d.ts.map

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

@@ -1 +0,0 @@
-{"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,52 +0,0 @@
-import { classMerge } from "../../utils/classMerge.js";
-import { buttonVariant } from "../button/buttonCva.js";
-import { themeIcon } from "./themeVariant.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 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();
-			navigate("/demos");
-		}
-	};
-}
-//#endregion
-export { ThemeButton };
-
-//# sourceMappingURL=ThemeButton.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,15 +0,0 @@
-export type ThemeButtonText = {
-    light: string;
-    dark: string;
-    os: string;
-    currentTheme: (theme: string) => string;
-    setTheme: (theme: string) => string;
-};
-export declare const themeButtonTextDefault: {
-    readonly light: string;
-    readonly dark: string;
-    readonly os: string;
-    readonly currentTheme: (theme: string) => string;
-    readonly setTheme: (theme: string) => string;
-};
-//# sourceMappingURL=ThemeButtonText.d.ts.map

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

@@ -1 +0,0 @@
-{"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,13 +0,0 @@
-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)
-};
-//#endregion
-export { themeButtonTextDefault };
-
-//# sourceMappingURL=ThemeButtonText.js.map

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

@@ -1 +0,0 @@
-{"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,6 +0,0 @@
-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;
-//# sourceMappingURL=themeSignal.d.ts.map

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

@@ -1 +0,0 @@
-{"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,50 +0,0 @@
-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";
-//#region ui/interactive/theme/themeSignal.ts
-var themeSignal = createSignalObject(themeVariant.os);
-function themeInit() {
-	if (isServer) return;
-	themeSet(getThemeFromStorageOrBrowserPref(), false);
-	themeRegisterStorageListener();
-}
-function themeSet(theme, saveToStorage) {
-	themeSignal.set(theme);
-	setThemeToBrowser(theme);
-	if (!saveToStorage) return;
-	localStorage.setItem(themeLocalStorageKey, theme);
-}
-function themeRegisterStorageListener() {
-	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 newTheme = nextTheme2(themeSignal.get());
-	const themeText = themeButtonTextDefault[newTheme];
-	toastAdd({
-		title: themeButtonTextDefault.setTheme(themeText),
-		icon: themeIcon(newTheme),
-		variant: toastVariant.default
-	});
-	themeSet(newTheme, true);
-}
-//#endregion
-export { themeInit, themeRotate, themeSet, themeSignal };
-
-//# sourceMappingURL=themeSignal.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-import * as v from "valibot";
-export type ThemeVariant = keyof typeof themeVariant;
-export declare const themeVariant: {
-    readonly light: "light";
-    readonly dark: "dark";
-    readonly os: "os";
-};
-export declare const themeSchema: v.EnumSchema<{
-    readonly light: "light";
-    readonly dark: "dark";
-    readonly os: "os";
-}, undefined>;
-export declare const themeLocalStorageKey = "theme";
-export declare function nextTheme3(current: string | undefined): ThemeVariant;
-export declare function nextTheme2(current: string | undefined): ThemeVariant;
-export declare function themeIcon(t: string | undefined): string;
-export declare function setThemeToBrowser(t: ThemeVariant): void;
-export declare function getThemeFromBrowserPref(): "dark" | "light";
-export declare function getThemeFromStorageOrBrowserPref(): ThemeVariant;
-//# sourceMappingURL=themeVariant.d.ts.map

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

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

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

@@ -1 +0,0 @@
-{"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,7 +0,0 @@
-import { ToastPropsInternal } from '#ui/interactive/toast/ToastProps.js';
-export type GlobalToasterState = {
-    toasts: ToastPropsInternal[];
-    timeouts: Record<string, ReturnType<typeof setTimeout>>;
-};
-export declare function createToasterState(): GlobalToasterState;
-//# sourceMappingURL=GlobalToasterState.d.ts.map

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

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

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-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 +0,0 @@
-{"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,81 +0,0 @@
-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 { 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$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;
-	})();
-}
-//#endregion
-export { Toast };
-
-//# sourceMappingURL=Toast.js.map

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

@@ -1 +0,0 @@
-{"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,30 +0,0 @@
-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';
-export interface AddToastProps extends MayHaveId, MayHaveIcon, HasTitle, MayHaveClass, MayHaveChildren {
-    variant?: ToastVariant;
-    duration?: number;
-    description?: string;
-    descriptionClass?: string;
-    texts?: ToastTexts;
-}
-export type ToastTexts = {
-    close: string;
-};
-export interface ToastPropsInternal extends AddToastProps {
-    id: string;
-}
-export type ToastProps = {
-    id: string;
-    variant?: ToastVariant;
-    duration?: number;
-    icon?: string;
-    iconCn?: string;
-    title?: JSXElement;
-    description?: JSXElement;
-};
-//# sourceMappingURL=ToastProps.d.ts.map

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

@@ -1 +0,0 @@
-{"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/Toaster.d.ts

@@ -1,15 +0,0 @@
-import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
-import { JSXElement } from 'solid-js';
-/**
- * radix-ui
- * - demo - https://www.radix-ui.com/primitives/docs/components/toast
- * - src - https://github.com/radix-ui/primitives/blob/main/packages/react/toast/src/Toast.tsx
- * solid-toast
- * - demo - https://www.solid-toast.com/
- * - src - https://github.com/solidjs/solid-toast
- * kobalte
- * - demo - https://kobalte.netlify.app/docs/core/components/toast
- * - src - https://github.com/kobaltedev/kobalte/blob/main/packages/core/src/toast/toast-list.tsx
- */
-export declare function Toaster(p: MayHaveClass): JSXElement;
-//# sourceMappingURL=Toaster.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

package/dist/interactive/toast/Toaster.js

@@ -1,36 +0,0 @@
-import { classArr } from "../../utils/classArr.js";
-import { toasterState } from "./toasterState.js";
-import { Toast } from "./Toast.js";
-import { className, createComponent, effect, insert, mergeProps, template } from "solid-js/web";
-import { Key } from "@solid-primitives/keyed";
-//#region ui/interactive/toast/Toaster.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<ul>`);
-/**
-* radix-ui
-* - demo - https://www.radix-ui.com/primitives/docs/components/toast
-* - src - https://github.com/radix-ui/primitives/blob/main/packages/react/toast/src/Toast.tsx
-* solid-toast
-* - demo - https://www.solid-toast.com/
-* - src - https://github.com/solidjs/solid-toast
-* kobalte
-* - demo - https://kobalte.netlify.app/docs/core/components/toast
-* - src - https://github.com/kobaltedev/kobalte/blob/main/packages/core/src/toast/toast-list.tsx
-*/
-function Toaster(p) {
-	return (() => {
-		var _el$ = _tmpl$();
-		insert(_el$, createComponent(Key, {
-			get each() {
-				return toasterState.get().toasts;
-			},
-			by: (t) => t.id,
-			children: (t) => createComponent(Toast, mergeProps(t))
-		}));
-		effect(() => className(_el$, classArr("fixed z-100 bottom-0 top-auto sm:right-0", "print:hidden", "p-4", "flex flex-col gap-4", "max-h-screen", p.class)));
-		return _el$;
-	})();
-}
-//#endregion
-export { Toaster };
-
-//# sourceMappingURL=Toaster.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Toaster.js","names":["Toast","toasterState","MayHaveClass","classArr","Key","JSXElement","log","Toaster","p","_el$","_tmpl$","_$insert","_$createComponent","each","get","toasts","by","t","id","children","_$mergeProps","_$effect","_$className","class"],"sources":["../../../ui/interactive/toast/Toaster.tsx"],"sourcesContent":["import { Toast } from \"#ui/interactive/toast/Toast.jsx\"\nimport { toasterState } from \"#ui/interactive/toast/toasterState.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport { classArr } from \"#ui/utils/classArr.js\"\nimport { Key } from \"@solid-primitives/keyed\"\nimport type { JSXElement } from \"solid-js\"\n\n// const log = true\nconst log = false\n/**\n * radix-ui\n * - demo - https://www.radix-ui.com/primitives/docs/components/toast\n * - src - https://github.com/radix-ui/primitives/blob/main/packages/react/toast/src/Toast.tsx\n * solid-toast\n * - demo - https://www.solid-toast.com/\n * - src - https://github.com/solidjs/solid-toast\n * kobalte\n * - demo - https://kobalte.netlify.app/docs/core/components/toast\n * - src - https://github.com/kobaltedev/kobalte/blob/main/packages/core/src/toast/toast-list.tsx\n */\nexport function Toaster(p: MayHaveClass): JSXElement {\n  return (\n    <ul\n      class={classArr(\n        \"fixed z-100 bottom-0 top-auto sm:right-0\",\n        \"print:hidden\",\n        \"p-4\",\n        \"flex flex-col gap-4\",\n        \"max-h-screen\",\n        p.class,\n      )}\n    >\n      <Key each={toasterState.get().toasts} by={(t) => t.id}>\n        {(t) => <Toast {...t()} />}\n      </Key>\n    </ul>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,SAAgBO,QAAQC,GAA6B;AACnD,eAAA;EAAA,IAAAC,OAAAC,QAAA;AAAAC,SAAAF,MAAAG,gBAWKR,KAAG;GAAA,IAACS,OAAI;AAAA,WAAEZ,aAAaa,KAAK,CAACC;;GAAQC,KAAKC,MAAMA,EAAEC;GAAEC,WACjDF,MAACL,gBAAMZ,OAAKoB,WAAKH,EAAC,CAAA;GAAM,CAAA,CAAA;AAAAI,eAAAC,UAAAb,MAVrBN,SACL,4CACA,gBACA,OACA,uBACA,gBACAK,EAAEe,MACH,CAAA,CAAA;AAAA,SAAAd;KAAA"}

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

@@ -1,2 +0,0 @@
-export declare function generateToastId(): string;
-//# sourceMappingURL=generateToastId.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"generateToastId.d.ts","sourceRoot":"","sources":["../../../ui/interactive/toast/generateToastId.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,WAG9B"}

package/dist/interactive/toast/generateToastId.js

@@ -1,10 +0,0 @@
-//#region ui/interactive/toast/generateToastId.ts
-var count = 0;
-function generateToastId() {
-	count = (count + 1) % Number.MAX_VALUE;
-	return count.toFixed(0);
-}
-//#endregion
-export { generateToastId };
-
-//# sourceMappingURL=generateToastId.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"generateToastId.js","names":[],"sources":["../../../ui/interactive/toast/generateToastId.ts"],"sourcesContent":["let count = 0\n\nexport function generateToastId() {\n  count = (count + 1) % Number.MAX_VALUE\n  return count.toFixed(0)\n}\n"],"mappings":";AAAA,IAAI,QAAQ;AAEZ,SAAgB,kBAAkB;AAChC,UAAS,QAAQ,KAAK,OAAO;AAC7B,QAAO,MAAM,QAAQ,EAAE"}

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

@@ -1,3 +0,0 @@
-import { AddToastProps } from '#ui/interactive/toast/ToastProps.js';
-export declare function toastAdd(addToast: AddToastProps, log?: boolean): string;
-//# sourceMappingURL=toastAdd.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"toastAdd.d.ts","sourceRoot":"","sources":["../../../ui/interactive/toast/toastAdd.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAGxE,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,GAAE,OAAe,GAAG,MAAM,CAgE9E"}