@adaptive-ds/solid-ui 0.14.0 → 0.15.1

package/dist/interactive/popover/CorvuPopover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CorvuPopover.js","names":["classesDisabledDirectly","buttonCva2","ButtonIcon1Props","buttonIconCva","classesButtonClickAnimation","classesPopoverContentMerge","Icon","MayHaveChildren","MayHaveClass","MayHaveInnerClass","Popover","JSX","CorvuPopoverProps","buttonChildren","Element","CorvuPopover","p","_$createComponent","floatingOptions","offset","flip","shift","children","Trigger","class","variant","size","disabled","isDisabled","_$memo","icon","path","iconClass","iconRight","Portal","Content","innerClass"],"sources":["../../../ui/interactive/popover/CorvuPopover.tsx"],"sourcesContent":["import { classesDisabledDirectly } from \"#ui/classes/classesDisabledDirectly.js\"\nimport { buttonCva2 } from \"#ui/interactive/button/buttonCva.js\"\nimport type { ButtonIcon1Props } from \"#ui/interactive/button/ButtonIcon1.jsx\"\nimport { buttonIconCva } from \"#ui/interactive/button/buttonIconCva.js\"\nimport { classesButtonClickAnimation } from \"#ui/interactive/button/classesButtonClickAnimation.js\"\nimport { classesPopoverContentMerge } from \"#ui/interactive/popover/classesPopoverContent.js\"\nimport { Icon } from \"#ui/static/icon/Icon.jsx\"\nimport type { MayHaveChildren } from \"#ui/utils/MayHaveChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport type { MayHaveInnerClass } from \"#ui/utils/MayHaveInnerClass.js\"\nimport Popover from \"@corvu/popover\"\nimport type { JSX } from \"solid-js\"\n\nexport interface CorvuPopoverProps extends MayHaveClass, MayHaveInnerClass, MayHaveChildren, ButtonIcon1Props {\n  // buttonProps: ButtonIcon1Props\n  buttonChildren?: JSX.Element\n}\n\nexport function CorvuPopover(p: CorvuPopoverProps) {\n  // const [a, buttonProps] = splitProps(p.buttonProps, [\"onClick\"])\n  return (\n    <Popover\n      floatingOptions={{\n        offset: 8,\n        flip: true,\n        shift: true,\n      }}\n    >\n      <Popover.Trigger\n        class={buttonCva2(\n          p.variant,\n          p.size,\n          classesButtonClickAnimation,\n          (p.disabled || p.isDisabled?.()) && classesDisabledDirectly,\n          p.class,\n        )}\n      >\n        {p.icon && <Icon path={p.icon} class={buttonIconCva(p.variant, p.buttonChildren && \"mr-2\", p.iconClass)} />}\n        {p.buttonChildren}\n        {p.iconRight && (\n          <Icon path={p.iconRight} class={buttonIconCva(p.variant, p.buttonChildren && \"ml-2\", p.iconClass)} />\n        )}\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content class={classesPopoverContentMerge(p.innerClass)}>{p.children}</Popover.Content>\n      </Popover.Portal>\n    </Popover>\n  )\n}\n"],"mappings":";;;;;;;;;AAkBA,SAAgBe,aAAaC,GAAsB;AAEjD,QAAAC,gBACGP,aAAO;EACNQ,iBAAiB;GACfC,QAAQ;GACRC,MAAM;GACNC,OAAO;GACR;EAAA,IAAAC,WAAA;AAAA,UAAA,CAAAL,gBAEAP,YAAQa,SAAO;IAAA,KAAA,WAAA;AAAA,YACPtB,WACLe,EAAES,SACFT,EAAEU,MACFtB,8BACCY,EAAEW,YAAYX,EAAEY,cAAc,KAAA,iCAC/BZ,EAAEQ,MACH;;IAAA,IAAAF,WAAA;AAAA,YAAA;MAAAO,WAEAA,WAAA,CAAA,CAAAb,EAAEc,KAAI,EAAA,IAAAb,gBAAKX,MAAI;OAAA,IAACyB,OAAI;AAAA,eAAEf,EAAEc;;OAAI,KAAA,WAAA;AAAA,eAAS3B,cAAca,EAAES,SAAST,EAAEH,kBAAkB,QAAQG,EAAEgB,UAAU;;OAAA,CAAI,CAAA;MAAAH,WAC1Gb,EAAEH,eAAc;MAAAgB,WAChBA,WAAA,CAAA,CAAAb,EAAEiB,UAAS,EAAA,IAAAhB,gBACTX,MAAI;OAAA,IAACyB,OAAI;AAAA,eAAEf,EAAEiB;;OAAS,KAAA,WAAA;AAAA,eAAS9B,cAAca,EAAES,SAAST,EAAEH,kBAAkB,QAAQG,EAAEgB,UAAU;;OAAA,CAClG,CAAA;MAAA;;IAAA,CAAA,EAAAf,gBAEFP,YAAQwB,QAAM,EAAA,IAAAZ,WAAA;AAAA,WAAAL,gBACZP,YAAQyB,SAAO;KAAA,KAAA,WAAA;AAAA,aAAQ9B,2BAA2BW,EAAEoB,WAAW;;KAAA,IAAAd,WAAA;AAAA,aAAGN,EAAEM;;KAAQ,CAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}

package/dist/interactive/popover/CorvuPopoverIcon.d.ts

@@ -1,12 +0,0 @@
-import { ButtonCvaProps } from '#ui/interactive/button/buttonCva.js';
-import { HasIcon } from '#ui/utils/HasIcon.js';
-import { HasTitle } from '#ui/utils/HasTitle.js';
-import { MayHaveChildren } from '#ui/utils/MayHaveChildren.js';
-import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
-import { MayHaveInnerClass } from '#ui/utils/MayHaveInnerClass.js';
-import { MayHaveIsLoading } from '#ui/utils/MayHaveIsLoading.js';
-import { Component, ComponentProps } from 'solid-js';
-export interface CorvuPopoverIconProps extends Omit<ComponentProps<"button">, "title">, ButtonCvaProps, HasIcon, HasTitle, MayHaveClass, MayHaveInnerClass, MayHaveChildren, MayHaveIsLoading {
-}
-export declare const CorvuPopoverIcon: Component<CorvuPopoverIconProps>;
-//# sourceMappingURL=CorvuPopoverIcon.d.ts.map

package/dist/interactive/popover/CorvuPopoverIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CorvuPopoverIcon.d.ts","sourceRoot":"","sources":["../../../ui/interactive/popover/CorvuPopoverIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAK5F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,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,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAEhF,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAc,MAAM,UAAU,CAAA;AAE1E,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAC7C,cAAc,EACd,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,gBAAgB;CAAG;AAEvB,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CA8C7D,CAAA"}

package/dist/interactive/popover/CorvuPopoverIcon.js

@@ -1,64 +0,0 @@
-import { isLoading } from "../../utils/MayHaveIsLoading.js";
-import { classesButtonClickAnimation } from "../button/classesButtonClickAnimation.js";
-import { buttonCvaIconOnly } from "../button/buttonCva.js";
-import "../../classes/classesDisabledDirectly.js";
-import { buttonIconCva } from "../button/buttonIconCva.js";
-import { Icon } from "../../static/icon/Icon.js";
-import { classesPopoverContentMerge } from "./classesPopoverContent.js";
-import { src_default } from "../../node_modules/@corvu/popover/dist/index.js";
-import { splitProps } from "solid-js";
-import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
-//#region ui/interactive/popover/CorvuPopoverIcon.tsx
-var CorvuPopoverIcon = (p) => {
-	const [s, rest] = splitProps(p, [
-		"variant",
-		"size",
-		"class",
-		"isLoading",
-		"disabled",
-		"title",
-		"icon",
-		"iconClass",
-		"innerClass",
-		"children"
-	]);
-	return createComponent(src_default, {
-		floatingOptions: {
-			offset: 8,
-			flip: true,
-			shift: true
-		},
-		get children() {
-			return [createComponent(src_default.Trigger, mergeProps$1({
-				get ["class"]() {
-					return buttonCvaIconOnly(s.variant, isLoading(p), s.disabled, classesButtonClickAnimation, s.class);
-				},
-				get title() {
-					return s.title;
-				}
-			}, rest, { get children() {
-				return createComponent(Icon, {
-					get path() {
-						return s.icon;
-					},
-					get ["class"]() {
-						return buttonIconCva(s.variant, isLoading(p) && "animate-spin-faster", s.disabled && "cursor-not-allowed opacity-70", s.iconClass);
-					}
-				});
-			} })), createComponent(src_default.Portal, { get children() {
-				return createComponent(src_default.Content, {
-					get ["class"]() {
-						return classesPopoverContentMerge(s.innerClass);
-					},
-					get children() {
-						return s.children;
-					}
-				});
-			} })];
-		}
-	});
-};
-//#endregion
-export { CorvuPopoverIcon };
-
-//# sourceMappingURL=CorvuPopoverIcon.js.map

package/dist/interactive/popover/CorvuPopoverIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CorvuPopoverIcon.js","names":["classesDisabledDirectly","buttonCvaIconOnly","ButtonCvaProps","buttonIconCva","classesButtonClickAnimation","classesPopoverContentMerge","Icon","HasIcon","HasTitle","MayHaveChildren","MayHaveClass","MayHaveInnerClass","isLoading","MayHaveIsLoading","Popover","Component","ComponentProps","splitProps","CorvuPopoverIconProps","Omit","CorvuPopoverIcon","p","s","rest","_$createComponent","floatingOptions","offset","flip","shift","children","Trigger","_$mergeProps","class","variant","disabled","title","path","icon","iconClass","Portal","Content","innerClass"],"sources":["../../../ui/interactive/popover/CorvuPopoverIcon.tsx"],"sourcesContent":["import { classesDisabledDirectly } from \"#ui/classes/classesDisabledDirectly.js\"\nimport { buttonCvaIconOnly, type ButtonCvaProps } from \"#ui/interactive/button/buttonCva.js\"\nimport { buttonIconCva } from \"#ui/interactive/button/buttonIconCva.js\"\nimport { classesButtonClickAnimation } from \"#ui/interactive/button/classesButtonClickAnimation.js\"\nimport { classesPopoverContentMerge } from \"#ui/interactive/popover/classesPopoverContent.js\"\nimport { Icon } from \"#ui/static/icon/Icon.jsx\"\nimport type { HasIcon } from \"#ui/utils/HasIcon.js\"\nimport type { HasTitle } from \"#ui/utils/HasTitle.js\"\nimport type { MayHaveChildren } from \"#ui/utils/MayHaveChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport type { MayHaveInnerClass } from \"#ui/utils/MayHaveInnerClass.js\"\nimport { isLoading, type MayHaveIsLoading } from \"#ui/utils/MayHaveIsLoading.js\"\nimport Popover from \"@corvu/popover\"\nimport { type Component, type ComponentProps, splitProps } from \"solid-js\"\n\nexport interface CorvuPopoverIconProps\n  extends Omit<ComponentProps<\"button\">, \"title\">,\n    ButtonCvaProps,\n    HasIcon,\n    HasTitle,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveChildren,\n    MayHaveIsLoading {}\n\nexport const CorvuPopoverIcon: Component<CorvuPopoverIconProps> = (p) => {\n  const [s, rest] = splitProps(p, [\n    // button\n    \"variant\",\n    \"size\",\n    \"class\",\n    // state\n    \"isLoading\",\n    \"disabled\",\n    // icons\n    \"title\",\n    \"icon\",\n    \"iconClass\",\n    // popover\n    \"innerClass\",\n    \"children\",\n  ])\n\n  return (\n    <Popover\n      floatingOptions={{\n        offset: 8,\n        flip: true,\n        shift: true,\n      }}\n    >\n      <Popover.Trigger\n        class={buttonCvaIconOnly(s.variant, isLoading(p), s.disabled, classesButtonClickAnimation, s.class)}\n        title={s.title}\n        {...rest}\n      >\n        <Icon\n          path={s.icon}\n          class={buttonIconCva(\n            s.variant,\n            isLoading(p) && \"animate-spin-faster\",\n            s.disabled && classesDisabledDirectly,\n            s.iconClass,\n          )}\n        />\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content class={classesPopoverContentMerge(s.innerClass)}>{s.children}</Popover.Content>\n      </Popover.Portal>\n    </Popover>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAyBA,IAAaoB,oBAAsDC,MAAM;CACvE,MAAM,CAACC,GAAGC,QAAQN,WAAWI,GAAG;EAE9B;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACD,CAAC;AAEF,QAAAG,gBACGV,aAAO;EACNW,iBAAiB;GACfC,QAAQ;GACRC,MAAM;GACNC,OAAO;GACR;EAAA,IAAAC,WAAA;AAAA,UAAA,CAAAL,gBAEAV,YAAQgB,SAAOC,aAAA;IAAA,KAAA,WAAA;AAAA,YACP9B,kBAAkBqB,EAAEW,SAASrB,UAAUS,EAAE,EAAEC,EAAEY,UAAU9B,6BAA6BkB,EAAEU,MAAM;;IAAA,IACnGG,QAAK;AAAA,YAAEb,EAAEa;;IAAK,EACVZ,MAAI,EAAA,IAAAM,WAAA;AAAA,WAAAL,gBAEPlB,MAAI;KAAA,IACH8B,OAAI;AAAA,aAAEd,EAAEe;;KAAI,KAAA,WAAA;AAAA,aACLlC,cACLmB,EAAEW,SACFrB,UAAUS,EAAE,IAAI,uBAChBC,EAAEY,YAAAA,iCACFZ,EAAEgB,UACH;;KAAA,CAAA;MAAA,CAAA,CAAA,EAAAd,gBAGJV,YAAQyB,QAAM,EAAA,IAAAV,WAAA;AAAA,WAAAL,gBACZV,YAAQ0B,SAAO;KAAA,KAAA,WAAA;AAAA,aAAQnC,2BAA2BiB,EAAEmB,WAAW;;KAAA,IAAAZ,WAAA;AAAA,aAAGP,EAAEO;;KAAQ,CAAA;MAAA,CAAA,CAAA;;EAAA,CAAA"}

package/dist/interactive/popover/InfoPopover.d.ts

@@ -1,6 +0,0 @@
-import { HasChildren } from '#ui/utils/HasChildren.js';
-import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
-export interface InfoPopoverProps extends MayHaveClass, HasChildren {
-}
-export declare function InfoPopover(p: InfoPopoverProps): import("solid-js").JSX.Element;
-//# sourceMappingURL=InfoPopover.d.ts.map

package/dist/interactive/popover/InfoPopover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoPopover.d.ts","sourceRoot":"","sources":["../../../ui/interactive/popover/InfoPopover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAG7D,MAAM,WAAW,gBAAiB,SAAQ,YAAY,EAAE,WAAW;CAAG;AAEtE,wBAAgB,WAAW,CAAC,CAAC,EAAE,gBAAgB,kCAa9C"}

package/dist/interactive/popover/InfoPopover.js

@@ -1,31 +0,0 @@
-import { buttonSize, buttonVariant } from "../button/buttonCva.js";
-import { ttt } from "../../i18n/ttt.js";
-import { CorvuPopover } from "./CorvuPopover.js";
-import { createComponent } from "solid-js/web";
-import { mdiInformationOutline } from "@mdi/js";
-//#region ui/interactive/popover/InfoPopover.tsx
-function InfoPopover(p) {
-	return createComponent(CorvuPopover, {
-		icon: mdiInformationOutline,
-		iconClass: "size-5 fill-gray-500",
-		get variant() {
-			return buttonVariant.ghost;
-		},
-		get title() {
-			return ttt("More Information");
-		},
-		get size() {
-			return buttonSize.minimal;
-		},
-		get ["class"]() {
-			return p.class ?? "ml-2";
-		},
-		get children() {
-			return p.children;
-		}
-	});
-}
-//#endregion
-export { InfoPopover };
-
-//# sourceMappingURL=InfoPopover.js.map

package/dist/interactive/popover/InfoPopover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoPopover.js","names":["ttt","buttonSize","buttonVariant","CorvuPopover","HasChildren","MayHaveClass","mdiInformationOutline","InfoPopoverProps","InfoPopover","p","_$createComponent","icon","iconClass","variant","ghost","title","size","minimal","class","children"],"sources":["../../../ui/interactive/popover/InfoPopover.tsx"],"sourcesContent":["import { ttt } from \"#ui/i18n/ttt.js\"\nimport { buttonSize, buttonVariant } from \"#ui/interactive/button/buttonCva.js\"\nimport { CorvuPopover } from \"#ui/interactive/popover/CorvuPopover.jsx\"\nimport type { HasChildren } from \"#ui/utils/HasChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport { mdiInformationOutline } from \"@mdi/js\"\n\nexport interface InfoPopoverProps extends MayHaveClass, HasChildren {}\n\nexport function InfoPopover(p: InfoPopoverProps) {\n  return (\n    <CorvuPopover\n      icon={mdiInformationOutline}\n      iconClass=\"size-5 fill-gray-500\"\n      variant={buttonVariant.ghost}\n      title={ttt(\"More Information\")}\n      size={buttonSize.minimal}\n      class={p.class ?? \"ml-2\"}\n    >\n      {p.children}\n    </CorvuPopover>\n  )\n}\n"],"mappings":";;;;;;AASA,SAAgBQ,YAAYC,GAAqB;AAC/C,QAAAC,gBACGP,cAAY;EACXQ,MAAML;EACNM,WAAS;EAAA,IACTC,UAAO;AAAA,UAAEX,cAAcY;;EAAK,IAC5BC,QAAK;AAAA,UAAEf,IAAI,mBAAmB;;EAAA,IAC9BgB,OAAI;AAAA,UAAEf,WAAWgB;;EAAO,KAAA,WAAA;AAAA,UACjBR,EAAES,SAAS;;EAAM,IAAAC,WAAA;AAAA,UAEvBV,EAAEU;;EAAQ,CAAA"}

package/dist/interactive/popover/classesPopoverContent.d.ts

@@ -1,3 +0,0 @@
-export declare const classesPopoverContent: string[];
-export declare function classesPopoverContentMerge(innerClass?: string): string;
-//# sourceMappingURL=classesPopoverContent.d.ts.map

package/dist/interactive/popover/classesPopoverContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"classesPopoverContent.d.ts","sourceRoot":"","sources":["../../../ui/interactive/popover/classesPopoverContent.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,UASjC,CAAA;AAED,wBAAgB,0BAA0B,CAAC,UAAU,CAAC,EAAE,MAAM,UAE7D"}

package/dist/interactive/popover/classesPopoverContent.js

@@ -1,19 +0,0 @@
-import { classMerge } from "../../utils/classMerge.js";
-//#region ui/interactive/popover/classesPopoverContent.ts
-var classesPopoverContent = [
-	"z-50",
-	"max-w-4xl",
-	"px-3 py-3",
-	"rounded-lg",
-	"dark:border",
-	"bg-white dark:bg-black",
-	"shadow-md",
-	"data-open:animate-in data-open:fade-in-50% data-open:slide-in-from-top-1 data-closed:animate-out data-closed:fade-out-50% data-closed:slide-out-to-top-1"
-];
-function classesPopoverContentMerge(innerClass) {
-	return classMerge(classesPopoverContent, innerClass);
-}
-//#endregion
-export { classesPopoverContent, classesPopoverContentMerge };
-
-//# sourceMappingURL=classesPopoverContent.js.map

package/dist/interactive/popover/classesPopoverContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"classesPopoverContent.js","names":[],"sources":["../../../ui/interactive/popover/classesPopoverContent.ts"],"sourcesContent":["import { classMerge } from \"#ui/utils/classMerge.js\"\n\nexport const classesPopoverContent = [\n  \"z-50\", // positioning\n  \"max-w-4xl\",\n  \"px-3 py-3\", // spacing\n  \"rounded-lg\", // border\n  \"dark:border\", // border\n  \"bg-white dark:bg-black\", // background\n  \"shadow-md\", // shadow\n  \"data-open:animate-in data-open:fade-in-50% data-open:slide-in-from-top-1 data-closed:animate-out data-closed:fade-out-50% data-closed:slide-out-to-top-1\", // animations\n]\n\nexport function classesPopoverContentMerge(innerClass?: string) {\n  return classMerge(classesPopoverContent, innerClass)\n}\n"],"mappings":";;AAEA,IAAa,wBAAwB;CACnC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,2BAA2B,YAAqB;AAC9D,QAAO,WAAW,uBAAuB,WAAW"}

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

@@ -1,21 +0,0 @@
-import { TabsTopText } from '#ui/interactive/tabs/TabsTopText.js';
-import { HasGetOptions } from '#ui/utils/HasGetOptions.js';
-import { HasValueSignalString } from '#ui/utils/HasValueSignalString.js';
-import { MayHaveValueText } from '#ui/utils/HasValueText.js';
-import { MayHaveChildren } from '#ui/utils/MayHaveChildren.js';
-import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
-import { JSXElement } from 'solid-js';
-export interface TabsTopProps extends HasValueSignalString, HasGetOptions, MayHaveValueText, MayHaveChildren, MayHaveClass {
-    valueIcon?: (value: string) => string;
-    valueAmount?: (value: string) => number | undefined;
-    valueChildren: (value: string) => JSXElement;
-    id?: string;
-    disabled?: boolean;
-    texts?: TabsTopText;
-}
-/**
- * https://www.radix-ui.com/primitives/docs/components/tabs
- * https://github.com/radix-ui/primitives/blob/main/packages/react/tabs/src/Tabs.tsx
- **/
-export declare function TabsTop(p: TabsTopProps): import("solid-js").JSX.Element;
-//# sourceMappingURL=TabsTop.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TabsTop.d.ts","sourceRoot":"","sources":["../../../ui/interactive/tabs/TabsTop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAItE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAE7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG1C,MAAM,WAAW,YACf,SAAQ,oBAAoB,EAC1B,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,YAAY;IACd,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACrC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,UAAU,CAAA;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB;AAED;;;IAGI;AACJ,wBAAgB,OAAO,CAAC,CAAC,EAAE,YAAY,kCA+CtC"}

package/dist/interactive/tabs/TabsTop.js

@@ -1,188 +0,0 @@
-import { classArr } from "../../utils/classArr.js";
-import { tabsTopTextDefault } from "./TabsTopText.js";
-import { createUniqueId } from "solid-js";
-import { className, createComponent, delegateEvents, effect, insert, setAttribute, template } from "solid-js/web";
-import { Key } from "@solid-primitives/keyed";
-//#region ui/interactive/tabs/TabsTop.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div role=tablist>`), _tmpl$2 = /* @__PURE__ */ template(`<div>`), _tmpl$3 = /* @__PURE__ */ template(`<button type=button role=tab>`), _tmpl$4 = /* @__PURE__ */ template(`<div role=tabpanel tabindex=0>`);
-/**
-* https://www.radix-ui.com/primitives/docs/components/tabs
-* https://github.com/radix-ui/primitives/blob/main/packages/react/tabs/src/Tabs.tsx
-**/
-function TabsTop(p) {
-	const baseId = createUniqueId();
-	return [(() => {
-		var _el$ = _tmpl$();
-		insert(_el$, createComponent(Key, {
-			get each() {
-				return p.getOptions();
-			},
-			by: (value) => value,
-			get fallback() {
-				return createComponent(NoTabOptions, {
-					get ["class"]() {
-						return p.class;
-					},
-					get texts() {
-						return p.texts;
-					}
-				});
-			},
-			children: (value) => createComponent(TabOption, {
-				baseId,
-				get value() {
-					return value();
-				},
-				get valueSignal() {
-					return p.valueSignal;
-				},
-				get disabled() {
-					return p.disabled;
-				},
-				get valueAmount() {
-					return p.valueAmount;
-				},
-				get valueText() {
-					return p.valueText;
-				},
-				get valueChildren() {
-					return p.valueChildren;
-				}
-			})
-		}));
-		effect((_p$) => {
-			var _v$ = p.id, _v$2 = p.disabled, _v$3 = classArr("flex flex-wrap gap-2", "bg-white dark:bg-black", "border border-slate-200 dark:border-slate-700", p.class);
-			_v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
-			_v$2 !== _p$.t && setAttribute(_el$, "data-disabled", _p$.t = _v$2);
-			_v$3 !== _p$.a && className(_el$, _p$.a = _v$3);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0
-		});
-		return _el$;
-	})(), (() => {
-		var _el$2 = _tmpl$2();
-		insert(_el$2, createComponent(Key, {
-			get each() {
-				return p.getOptions();
-			},
-			by: (value) => value,
-			get fallback() {
-				return createComponent(NoTabOptions, {
-					get ["class"]() {
-						return p.class;
-					},
-					get texts() {
-						return p.texts;
-					}
-				});
-			},
-			children: (value) => createComponent(TabContent, {
-				baseId,
-				get value() {
-					return value();
-				},
-				get valueSignal() {
-					return p.valueSignal;
-				},
-				get disabled() {
-					return p.disabled;
-				},
-				get valueAmount() {
-					return p.valueAmount;
-				},
-				get valueText() {
-					return p.valueText;
-				},
-				get valueChildren() {
-					return p.valueChildren;
-				}
-			})
-		}));
-		return _el$2;
-	})()];
-}
-function NoTabOptions(p) {
-	const texts = p.texts ?? tabsTopTextDefault;
-	return (() => {
-		var _el$3 = _tmpl$2();
-		insert(_el$3, () => texts.noEntries);
-		effect(() => className(_el$3, p.class));
-		return _el$3;
-	})();
-}
-function TabOption(p) {
-	return (() => {
-		var _el$4 = _tmpl$3();
-		_el$4.$$click = (e) => setActiveTab(p);
-		insert(_el$4, () => getText(p));
-		effect((_p$) => {
-			var _v$4 = isSelected(p), _v$5 = makeTriggerId(p.baseId, p.value), _v$6 = makeContentId(p.baseId, p.value), _v$7 = isSelected(p) ? "active" : "inactive", _v$8 = p.disabled, _v$9 = p.disabled, _v$0 = classArr("cursor-pointer select-none", "rounded-sm", "px-3 py-2 text-center", isSelected(p) ? "bg-blue-500 text-white" : "hover:bg-slate-50 dark:hover:bg-slate-900", "flex gap-2", p.class);
-			_v$4 !== _p$.e && setAttribute(_el$4, "aria-selected", _p$.e = _v$4);
-			_v$5 !== _p$.t && setAttribute(_el$4, "id", _p$.t = _v$5);
-			_v$6 !== _p$.a && setAttribute(_el$4, "aria-controls", _p$.a = _v$6);
-			_v$7 !== _p$.o && setAttribute(_el$4, "data-state", _p$.o = _v$7);
-			_v$8 !== _p$.i && setAttribute(_el$4, "data-disabled", _p$.i = _v$8);
-			_v$9 !== _p$.n && (_el$4.disabled = _p$.n = _v$9);
-			_v$0 !== _p$.s && className(_el$4, _p$.s = _v$0);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0,
-			i: void 0,
-			n: void 0,
-			s: void 0
-		});
-		return _el$4;
-	})();
-}
-function TabContent(p) {
-	return (() => {
-		var _el$5 = _tmpl$4();
-		insert(_el$5, () => p.valueChildren(p.value));
-		effect((_p$) => {
-			var _v$1 = makeContentId(p.baseId, p.value), _v$10 = isSelected(p) ? "active" : "inactive", _v$11 = makeTriggerId(p.baseId, p.value), _v$12 = !isSelected(p), _v$13 = classArr("");
-			_v$1 !== _p$.e && setAttribute(_el$5, "id", _p$.e = _v$1);
-			_v$10 !== _p$.t && setAttribute(_el$5, "data-state", _p$.t = _v$10);
-			_v$11 !== _p$.a && setAttribute(_el$5, "aria-labelledby", _p$.a = _v$11);
-			_v$12 !== _p$.o && (_el$5.hidden = _p$.o = _v$12);
-			_v$13 !== _p$.i && className(_el$5, _p$.i = _v$13);
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0,
-			i: void 0
-		});
-		return _el$5;
-	})();
-}
-function makeTriggerId(baseId, value) {
-	return `${baseId}-${value}-trigger`;
-}
-function makeContentId(baseId, value) {
-	return `${baseId}-${value}-content`;
-}
-function setActiveTab(p) {
-	if (p.valueSignal.get() === p.value) return;
-	p.valueSignal.set(p.value);
-}
-function isSelected(p) {
-	return p.value === p.valueSignal.get();
-}
-function getText(p) {
-	const amount = p.valueAmount?.(p.value);
-	const text = p.valueText?.(p.value) || p.value;
-	if (!amount) return text;
-	return `${text} (${amount})`;
-}
-delegateEvents(["click"]);
-//#endregion
-export { TabsTop };
-
-//# sourceMappingURL=TabsTop.js.map

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,\n    HasGetOptions,\n    MayHaveValueText,\n    MayHaveChildren,\n    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,kCA0B9C"}

package/dist/interactive/theme/ThemeButton.js

@@ -1,54 +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 } 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));
-	});
-	const currentTheme = themeSignal.get();
-	const themeName = texts[currentTheme];
-	return createComponent(ButtonIconOnly, {
-		get title() {
-			return texts.currentTheme(themeName);
-		},
-		get icon() {
-			return themeIcon(currentTheme);
-		},
-		get variant() {
-			return buttonVariant.ghost;
-		},
-		get ["class"]() {
-			return classMerge(p.class);
-		},
-		onClick: themeRotate,
-		get children() {
-			return p.showText && themeName;
-		}
-	});
-}
-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","currentTheme","get","themeName","_$createComponent","title","icon","variant","ghost","class","onClick","children","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  const currentTheme = themeSignal.get()\n  const themeName = texts[currentTheme]\n\n  return (\n    <ButtonIconOnly\n      title={texts.currentTheme(themeName)}\n      icon={themeIcon(currentTheme)}\n      variant={buttonVariant.ghost}\n      class={classMerge(p.class)}\n      onClick={themeRotate}\n    >\n      {p.showText && themeName}\n    </ButtonIconOnly>\n  )\n}\n\nfunction createGlobalKeyHandler(navigate: (to: string) => void) {\n  return (e: KeyboardEvent) => {\n    if (e.key === \"s\" && e.altKey) {\n      e.preventDefault()\n      themeRotate()\n    } else if (e.key === \"d\" && e.altKey) {\n      e.preventDefault()\n      navigate(\"/demos\")\n    }\n  }\n}\n"],"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;CAEF,MAAMK,eAAelB,YAAYmB,KAAK;CACtC,MAAMC,YAAYZ,MAAMU;AAExB,QAAAG,gBACG1B,gBAAc;EAAA,IACb2B,QAAK;AAAA,UAAEd,MAAMU,aAAaE,UAAU;;EAAA,IACpCG,OAAI;AAAA,UAAEtB,UAAUiB,aAAa;;EAAA,IAC7BM,UAAO;AAAA,UAAE9B,cAAc+B;;EAAK,KAAA,WAAA;AAAA,UACrBvB,WAAWQ,EAAEgB,MAAM;;EAC1BC,SAAS5B;EAAW,IAAA6B,WAAA;AAAA,UAEnBlB,EAAEH,YAAYa;;EAAS,CAAA;;AAK9B,SAASN,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