@adaptive-ds/solid-ui 0.15.0 → 0.16.0

package/dist/interactive/popover/CorvuPopoverIcon.js

@@ -1,72 +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",
-		"open",
-		"onOpenChange"
-	]);
-	return createComponent(src_default, {
-		floatingOptions: {
-			offset: 8,
-			flip: true,
-			shift: true
-		},
-		get open() {
-			return s.open;
-		},
-		get onOpenChange() {
-			return s.onOpenChange;
-		},
-		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","open","onOpenChange","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\n    Omit<ComponentProps<\"button\">, \"title\">,\n    ButtonCvaProps,\n    HasIcon,\n    HasTitle,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveChildren,\n    MayHaveIsLoading {\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\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    // state\n    \"open\",\n    \"onOpenChange\",\n  ])\n\n  return (\n    <Popover\n      floatingOptions={{\n        offset: 8,\n        flip: true,\n        shift: true,\n      }}\n      open={s.open}\n      onOpenChange={s.onOpenChange}\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":";;;;;;;;;;;AA6BA,IAAasB,oBAAsDC,MAAM;CACvE,MAAM,CAACC,GAAGC,QAAQR,WAAWM,GAAG;EAE9B;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACD,CAAC;AAEF,QAAAG,gBACGZ,aAAO;EACNa,iBAAiB;GACfC,QAAQ;GACRC,MAAM;GACNC,OAAO;GACR;EAAA,IACDV,OAAI;AAAA,UAAEI,EAAEJ;;EAAI,IACZC,eAAY;AAAA,UAAEG,EAAEH;;EAAY,IAAAU,WAAA;AAAA,UAAA,CAAAL,gBAE3BZ,YAAQkB,SAAOC,aAAA;IAAA,KAAA,WAAA;AAAA,YACPhC,kBAAkBuB,EAAEW,SAASvB,UAAUW,EAAE,EAAEC,EAAEY,UAAUhC,6BAA6BoB,EAAEU,MAAM;;IAAA,IACnGG,QAAK;AAAA,YAAEb,EAAEa;;IAAK,EACVZ,MAAI,EAAA,IAAAM,WAAA;AAAA,WAAAL,gBAEPpB,MAAI;KAAA,IACHgC,OAAI;AAAA,aAAEd,EAAEe;;KAAI,KAAA,WAAA;AAAA,aACLpC,cACLqB,EAAEW,SACFvB,UAAUW,EAAE,IAAI,uBAChBC,EAAEY,YAAAA,iCACFZ,EAAEgB,UACH;;KAAA,CAAA;MAAA,CAAA,CAAA,EAAAd,gBAGJZ,YAAQ2B,QAAM,EAAA,IAAAV,WAAA;AAAA,WAAAL,gBACZZ,YAAQ4B,SAAO;KAAA,KAAA,WAAA;AAAA,aAAQrC,2BAA2BmB,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/sidebar/Sidebar.d.ts

@@ -1,16 +0,0 @@
-import { CorcuDialogTexts } from '#ui/interactive/dialog/CorcuDialogTexts.js';
-import { SidebarState } from '#ui/interactive/sidebar/SidebarState.jsx';
-import { HasChildren } from '#ui/utils/HasChildren.js';
-import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
-export interface SidebarProps extends HasChildren, MayHaveClass {
-    state: SidebarState;
-    defaultWidth?: number;
-    debounceMs?: number;
-    title: string;
-    description?: string;
-    titleClass?: string;
-    descriptionClass?: string;
-    texts?: CorcuDialogTexts;
-}
-export declare function Sidebar(p: SidebarProps): import("solid-js").JSX.Element;
-//# sourceMappingURL=Sidebar.d.ts.map

package/dist/interactive/sidebar/Sidebar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../ui/interactive/sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAA;AAElF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAA;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAI7D,MAAM,WAAW,YAAa,SAAQ,WAAW,EAAE,YAAY;IAC7D,KAAK,EAAE,YAAY,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAA;CACzB;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,YAAY,kCAuBtC"}

package/dist/interactive/sidebar/Sidebar.js

@@ -1,46 +0,0 @@
-import { SidebarMobileDrawer } from "./SidebarMobileDrawer.js";
-import { Show, onMount, splitProps } from "solid-js";
-import { createComponent, memo, mergeProps as mergeProps$1 } from "solid-js/web";
-import { debounce } from "@solid-primitives/scheduled";
-//#region ui/interactive/sidebar/Sidebar.tsx
-function Sidebar(p) {
-	const [s, rest] = splitProps(p, [
-		"state",
-		"defaultWidth",
-		"debounceMs",
-		"children",
-		"class"
-	]);
-	onMount(() => {
-		const checkMobile = debounce(() => p.state.isMobile.set(window.innerWidth < (p.defaultWidth ?? 768)), p.debounceMs ?? 200);
-		checkMobile();
-		window.addEventListener("resize", checkMobile);
-		return () => window.removeEventListener("resize", checkMobile);
-	});
-	return [createComponent(Show, {
-		get when() {
-			return memo(() => !!!p.state.isMobile.get())() && p.state.openDesktop.get();
-		},
-		get children() {
-			return p.children;
-		}
-	}), createComponent(Show, {
-		get when() {
-			return p.state.isMobile.get();
-		},
-		get children() {
-			return createComponent(SidebarMobileDrawer, mergeProps$1(rest, {
-				get open() {
-					return p.state.openMobile;
-				},
-				get children() {
-					return p.children;
-				}
-			}));
-		}
-	})];
-}
-//#endregion
-export { Sidebar };
-
-//# sourceMappingURL=Sidebar.js.map

package/dist/interactive/sidebar/Sidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sidebar.js","names":["CorcuDialogTexts","SidebarMobileDrawer","SidebarState","HasChildren","MayHaveClass","debounce","onMount","Show","splitProps","SidebarProps","state","defaultWidth","debounceMs","title","description","titleClass","descriptionClass","texts","Sidebar","p","s","rest","checkMobile","isMobile","set","window","innerWidth","addEventListener","removeEventListener","_$createComponent","when","_$memo","get","openDesktop","children","_$mergeProps","open","openMobile"],"sources":["../../../ui/interactive/sidebar/Sidebar.tsx"],"sourcesContent":["import type { CorcuDialogTexts } from \"#ui/interactive/dialog/CorcuDialogTexts.js\"\nimport { SidebarMobileDrawer } from \"#ui/interactive/sidebar/SidebarMobileDrawer.jsx\"\nimport type { SidebarState } from \"#ui/interactive/sidebar/SidebarState.jsx\"\nimport type { HasChildren } from \"#ui/utils/HasChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport { debounce } from \"@solid-primitives/scheduled\"\nimport { onMount, Show, splitProps } from \"solid-js\"\n\nexport interface SidebarProps extends HasChildren, MayHaveClass {\n  state: SidebarState\n  defaultWidth?: number\n  debounceMs?: number\n\n  //\n  // props for mobile dialog\n  //\n  title: string\n  description?: string\n  titleClass?: string\n  descriptionClass?: string\n  texts?: CorcuDialogTexts\n}\n\nexport function Sidebar(p: SidebarProps) {\n  const [s, rest] = splitProps(p, [\"state\", \"defaultWidth\", \"debounceMs\", \"children\", \"class\"])\n\n  onMount(() => {\n    const checkMobile = debounce(\n      () => p.state.isMobile.set(window.innerWidth < (p.defaultWidth ?? 768)),\n      p.debounceMs ?? 200,\n    )\n    checkMobile()\n    window.addEventListener(\"resize\", checkMobile)\n    return () => window.removeEventListener(\"resize\", checkMobile)\n  })\n\n  return (\n    <>\n      <Show when={!p.state.isMobile.get() && p.state.openDesktop.get()}>{p.children}</Show>\n      <Show when={p.state.isMobile.get()}>\n        <SidebarMobileDrawer {...rest} open={p.state.openMobile}>\n          {p.children}\n        </SidebarMobileDrawer>\n      </Show>\n    </>\n  )\n}\n"],"mappings":";;;;;AAuBA,SAAgBkB,QAAQC,GAAiB;CACvC,MAAM,CAACC,GAAGC,QAAQb,WAAWW,GAAG;EAAC;EAAS;EAAgB;EAAc;EAAY;EAAQ,CAAC;AAE7Fb,eAAc;EACZ,MAAMgB,cAAcjB,eACZc,EAAET,MAAMa,SAASC,IAAIC,OAAOC,cAAcP,EAAER,gBAAgB,KAAK,EACvEQ,EAAEP,cAAc,IACjB;AACDU,eAAa;AACbG,SAAOE,iBAAiB,UAAUL,YAAY;AAC9C,eAAaG,OAAOG,oBAAoB,UAAUN,YAAY;GAC9D;AAEF,QAAA,CAAAO,gBAEKtB,MAAI;EAAA,IAACuB,OAAI;AAAA,UAAEC,WAAA,CAAA,CAAA,CAACZ,EAAET,MAAMa,SAASS,KAAK,CAAA,EAAA,IAAIb,EAAET,MAAMuB,YAAYD,KAAK;;EAAA,IAAAE,WAAA;AAAA,UAAGf,EAAEe;;EAAQ,CAAA,EAAAL,gBAC5EtB,MAAI;EAAA,IAACuB,OAAI;AAAA,UAAEX,EAAET,MAAMa,SAASS,KAAK;;EAAA,IAAAE,WAAA;AAAA,UAAAL,gBAC/B5B,qBAAmBkC,aAAKd,MAAI;IAAA,IAAEe,OAAI;AAAA,YAAEjB,EAAET,MAAM2B;;IAAU,IAAAH,WAAA;AAAA,YACpDf,EAAEe;;IAAQ,CAAA,CAAA;;EAAA,CAAA,CAAA"}

package/dist/interactive/sidebar/SidebarMobileDrawer.d.ts

@@ -1,7 +0,0 @@
-import { CorvuDialogProps } from '#ui/interactive/dialog/CorvuDialog.jsx';
-import { SignalObject } from '#ui/utils/createSignalObject.js';
-export interface SidebarMobileDrawerProps extends Omit<CorvuDialogProps, "open" | "onOpenChange"> {
-    open: SignalObject<boolean>;
-}
-export declare function SidebarMobileDrawer(p: SidebarMobileDrawerProps): import("solid-js").JSX.Element;
-//# sourceMappingURL=SidebarMobileDrawer.d.ts.map

package/dist/interactive/sidebar/SidebarMobileDrawer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarMobileDrawer.d.ts","sourceRoot":"","sources":["../../../ui/interactive/sidebar/SidebarMobileDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAE3F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAGnE,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/F,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CAC5B;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,wBAAwB,kCAU9D"}

package/dist/interactive/sidebar/SidebarMobileDrawer.js

@@ -1,21 +0,0 @@
-import { classMerge } from "../../utils/classMerge.js";
-import { CorvuDialog } from "../dialog/CorvuDialog.js";
-import { splitProps } from "solid-js";
-import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
-//#region ui/interactive/sidebar/SidebarMobileDrawer.tsx
-function SidebarMobileDrawer(p) {
-	const [s, rest] = splitProps(p, ["open", "class"]);
-	return createComponent(CorvuDialog, mergeProps$1(rest, {
-		get open() {
-			return s.open.get();
-		},
-		onOpenChange: (open) => s.open.set(open),
-		get ["class"]() {
-			return classMerge("hidden", s.class);
-		}
-	}));
-}
-//#endregion
-export { SidebarMobileDrawer };
-
-//# sourceMappingURL=SidebarMobileDrawer.js.map

package/dist/interactive/sidebar/SidebarMobileDrawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarMobileDrawer.js","names":["CorvuDialog","CorvuDialogProps","classMerge","SignalObject","splitProps","SidebarMobileDrawerProps","Omit","open","SidebarMobileDrawer","p","s","rest","_$createComponent","_$mergeProps","get","onOpenChange","set","class"],"sources":["../../../ui/interactive/sidebar/SidebarMobileDrawer.tsx"],"sourcesContent":["import { CorvuDialog, type CorvuDialogProps } from \"#ui/interactive/dialog/CorvuDialog.jsx\"\nimport { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { SignalObject } from \"#ui/utils/createSignalObject.js\"\nimport { splitProps } from \"solid-js\"\n\nexport interface SidebarMobileDrawerProps extends Omit<CorvuDialogProps, \"open\" | \"onOpenChange\"> {\n  open: SignalObject<boolean>\n}\n\nexport function SidebarMobileDrawer(p: SidebarMobileDrawerProps) {\n  const [s, rest] = splitProps(p, [\"open\", \"class\"])\n  return (\n    <CorvuDialog\n      {...rest}\n      open={s.open.get()}\n      onOpenChange={(open) => s.open.set(open)}\n      class={classMerge(\"hidden\", s.class)}\n    />\n  )\n}\n"],"mappings":";;;;;AASA,SAAgBQ,oBAAoBC,GAA6B;CAC/D,MAAM,CAACC,GAAGC,QAAQP,WAAWK,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAClD,QAAAG,gBACGZ,aAAWa,aACNF,MAAI;EAAA,IACRJ,OAAI;AAAA,UAAEG,EAAEH,KAAKO,KAAK;;EAClBC,eAAeR,SAASG,EAAEH,KAAKS,IAAIT,KAAK;EAAA,KAAA,WAAA;AAAA,UACjCL,WAAW,UAAUQ,EAAEO,MAAM;;EAAA,CAAA,CAAA"}

package/dist/interactive/sidebar/SidebarState.d.ts

@@ -1,7 +0,0 @@
-import { SignalObject } from '#ui/utils/createSignalObject.js';
-export interface SidebarState {
-    openDesktop: SignalObject<boolean>;
-    openMobile: SignalObject<boolean>;
-    isMobile: SignalObject<boolean>;
-}
-//# sourceMappingURL=SidebarState.d.ts.map

package/dist/interactive/sidebar/SidebarState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarState.d.ts","sourceRoot":"","sources":["../../../ui/interactive/sidebar/SidebarState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAEnE,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAClC,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IACjC,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CAChC"}

package/dist/interactive/sidebar/SidebarToggle.d.ts

@@ -1,16 +0,0 @@
-import { SidebarState } from '#ui/interactive/sidebar/SidebarState.jsx';
-import { MayHaveButtonVariant } from '#ui/utils/MayHaveButtonVariant.js';
-import { MayHaveChildren } from '#ui/utils/MayHaveChildren.js';
-import { MayHaveClass } from '#ui/utils/MayHaveClass.js';
-export interface SidebarToggleProps extends SidebarState, SidebarToggleClasses, MayHaveChildren, MayHaveClass, MayHaveButtonVariant {
-    iconClass?: string;
-}
-interface SidebarToggleClasses {
-    iconDesktopOpen?: string;
-    iconDesktopClose?: string;
-    iconMobileOpen?: string;
-    iconMobileClose?: string;
-}
-export declare function SidebarToggle(p: SidebarToggleProps): import("solid-js").JSX.Element;
-export {};
-//# sourceMappingURL=SidebarToggle.d.ts.map

package/dist/interactive/sidebar/SidebarToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarToggle.d.ts","sourceRoot":"","sources":["../../../ui/interactive/sidebar/SidebarToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAA;AAE5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAG7D,MAAM,WAAW,kBACf,SAAQ,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,YAAY,EAAE,oBAAoB;IAC/F,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,UAAU,oBAAoB;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,kBAAkB,kCAqBlD"}

package/dist/interactive/sidebar/SidebarToggle.js

@@ -1,47 +0,0 @@
-import { Icon } from "../../static/icon/Icon.js";
-import { ButtonIcon } from "../button/ButtonIcon.js";
-import { ttt } from "../../i18n/ttt.js";
-import { createComponent, memo } from "solid-js/web";
-import { mdiChevronLeft, mdiChevronRight, mdiClose, mdiMenu } from "@mdi/js";
-//#region ui/interactive/sidebar/SidebarToggle.tsx
-function SidebarToggle(p) {
-	const isOpen = () => p.isMobile.get() ? p.openMobile.get() : p.openDesktop.get();
-	const handleToggle = () => {
-		if (p.isMobile.get()) p.openMobile.set(!p.openMobile.get());
-		else p.openDesktop.set(!p.openDesktop.get());
-	};
-	return createComponent(ButtonIcon, {
-		get variant() {
-			return p.variant;
-		},
-		onClick: handleToggle,
-		get title() {
-			return memo(() => !!isOpen())() ? ttt("Close sidebar") : ttt("Open sidebar");
-		},
-		get ["class"]() {
-			return p.class;
-		},
-		get children() {
-			return memo(() => !!p.children)() ? p.children : createComponent(Icon, {
-				get path() {
-					return getIcon(p);
-				},
-				get ["class"]() {
-					return p.iconClass;
-				}
-			});
-		}
-	});
-}
-function getIcon(p) {
-	if (p.isMobile) {
-		if (p.openMobile) return p.iconMobileOpen ?? mdiMenu;
-		return p.iconMobileClose ?? mdiClose;
-	}
-	if (p.openDesktop) return p.iconDesktopOpen ?? mdiChevronLeft;
-	return p.iconDesktopClose ?? mdiChevronRight;
-}
-//#endregion
-export { SidebarToggle };
-
-//# sourceMappingURL=SidebarToggle.js.map

package/dist/interactive/sidebar/SidebarToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarToggle.js","names":["ttt","ButtonIcon","SidebarState","Icon","MayHaveButtonVariant","MayHaveChildren","MayHaveClass","mdiChevronLeft","mdiChevronRight","mdiClose","mdiMenu","SidebarToggleProps","SidebarToggleClasses","iconClass","iconDesktopOpen","iconDesktopClose","iconMobileOpen","iconMobileClose","SidebarToggle","p","isOpen","isMobile","get","openMobile","openDesktop","handleToggle","set","_$createComponent","variant","onClick","title","_$memo","class","children","path","getIcon"],"sources":["../../../ui/interactive/sidebar/SidebarToggle.tsx"],"sourcesContent":["import { ttt } from \"#ui/i18n/ttt.js\"\nimport { ButtonIcon } from \"#ui/interactive/button/ButtonIcon.jsx\"\nimport type { SidebarState } from \"#ui/interactive/sidebar/SidebarState.jsx\"\nimport { Icon } from \"#ui/static/icon/Icon.jsx\"\nimport type { MayHaveButtonVariant } from \"#ui/utils/MayHaveButtonVariant.js\"\nimport type { MayHaveChildren } from \"#ui/utils/MayHaveChildren.js\"\nimport type { MayHaveClass } from \"#ui/utils/MayHaveClass.js\"\nimport { mdiChevronLeft, mdiChevronRight, mdiClose, mdiMenu } from \"@mdi/js\"\n\nexport interface SidebarToggleProps\n  extends SidebarState, SidebarToggleClasses, MayHaveChildren, MayHaveClass, MayHaveButtonVariant {\n  iconClass?: string\n}\n\ninterface SidebarToggleClasses {\n  iconDesktopOpen?: string\n  iconDesktopClose?: string\n  iconMobileOpen?: string\n  iconMobileClose?: string\n}\n\nexport function SidebarToggle(p: SidebarToggleProps) {\n  const isOpen = () => (p.isMobile.get() ? p.openMobile.get() : p.openDesktop.get())\n\n  const handleToggle = () => {\n    if (p.isMobile.get()) {\n      p.openMobile.set(!p.openMobile.get())\n    } else {\n      p.openDesktop.set(!p.openDesktop.get())\n    }\n  }\n\n  return (\n    <ButtonIcon\n      variant={p.variant}\n      onClick={handleToggle}\n      title={isOpen() ? ttt(\"Close sidebar\") : ttt(\"Open sidebar\")}\n      class={p.class}\n    >\n      {p.children ? p.children : <Icon path={getIcon(p)} class={p.iconClass} />}\n    </ButtonIcon>\n  )\n}\n\nfunction getIcon(p: SidebarToggleProps): string {\n  if (p.isMobile) {\n    if (p.openMobile) {\n      return p.iconMobileOpen ?? mdiMenu\n    }\n    return p.iconMobileClose ?? mdiClose\n  }\n  if (p.openDesktop) {\n    return p.iconDesktopOpen ?? mdiChevronLeft\n  }\n  return p.iconDesktopClose ?? mdiChevronRight\n}\n"],"mappings":";;;;;;AAqBA,SAAgBkB,cAAcC,GAAuB;CACnD,MAAMC,eAAgBD,EAAEE,SAASC,KAAK,GAAGH,EAAEI,WAAWD,KAAK,GAAGH,EAAEK,YAAYF,KAAM;CAElF,MAAMG,qBAAqB;AACzB,MAAIN,EAAEE,SAASC,KAAK,CAClBH,GAAEI,WAAWG,IAAI,CAACP,EAAEI,WAAWD,KAAK,CAAC;MAErCH,GAAEK,YAAYE,IAAI,CAACP,EAAEK,YAAYF,KAAK,CAAC;;AAI3C,QAAAK,gBACG1B,YAAU;EAAA,IACT2B,UAAO;AAAA,UAAET,EAAES;;EACXC,SAASJ;EAAY,IACrBK,QAAK;AAAA,UAAEC,WAAA,CAAA,CAAAX,QAAQ,CAAA,EAAA,GAAGpB,IAAI,gBAAgB,GAAGA,IAAI,eAAe;;EAAA,KAAA,WAAA;AAAA,UACrDmB,EAAEa;;EAAK,IAAAC,WAAA;AAAA,UAEbF,WAAA,CAAA,CAAAZ,EAAEc,SAAQ,EAAA,GAAGd,EAAEc,WAAQN,gBAAIxB,MAAI;IAAA,IAAC+B,OAAI;AAAA,YAAEC,QAAQhB,EAAE;;IAAA,KAAA,WAAA;AAAA,YAASA,EAAEN;;IAAS,CAAI;;EAAA,CAAA;;AAK/E,SAASsB,QAAQhB,GAA+B;AAC9C,KAAIA,EAAEE,UAAU;AACd,MAAIF,EAAEI,WACJ,QAAOJ,EAAEH,kBAAkBN;AAE7B,SAAOS,EAAEF,mBAAmBR;;AAE9B,KAAIU,EAAEK,YACJ,QAAOL,EAAEL,mBAAmBP;AAE9B,QAAOY,EAAEJ,oBAAoBP"}

package/dist/interactive/sidebar/createSidebarState.d.ts

@@ -1,3 +0,0 @@
-import { SidebarState } from '#ui/interactive/sidebar/SidebarState.jsx';
-export declare function createSidebarState(initialOpenDesktop?: boolean, initialOpenMobile?: boolean, initialIsMobile?: boolean): SidebarState;
-//# sourceMappingURL=createSidebarState.d.ts.map

package/dist/interactive/sidebar/createSidebarState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createSidebarState.d.ts","sourceRoot":"","sources":["../../../ui/interactive/sidebar/createSidebarState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAA;AAG5E,wBAAgB,kBAAkB,CAChC,kBAAkB,UAAO,EACzB,iBAAiB,UAAO,EACxB,eAAe,UAAQ,GACtB,YAAY,CAMd"}

package/dist/interactive/sidebar/createSidebarState.js

@@ -1,13 +0,0 @@
-import { createSignalObject } from "../../utils/createSignalObject.js";
-//#region ui/interactive/sidebar/createSidebarState.tsx
-function createSidebarState(initialOpenDesktop = true, initialOpenMobile = true, initialIsMobile = false) {
-	return {
-		openDesktop: createSignalObject(initialOpenDesktop),
-		openMobile: createSignalObject(initialOpenMobile),
-		isMobile: createSignalObject(initialIsMobile)
-	};
-}
-//#endregion
-export { createSidebarState };
-
-//# sourceMappingURL=createSidebarState.js.map

package/dist/interactive/sidebar/createSidebarState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createSidebarState.js","names":["SidebarState","createSignalObject","createSidebarState","initialOpenDesktop","initialOpenMobile","initialIsMobile","openDesktop","openMobile","isMobile"],"sources":["../../../ui/interactive/sidebar/createSidebarState.tsx"],"sourcesContent":["import type { SidebarState } from \"#ui/interactive/sidebar/SidebarState.jsx\"\nimport { createSignalObject } from \"#ui/utils/createSignalObject.js\"\n\nexport function createSidebarState(\n  initialOpenDesktop = true,\n  initialOpenMobile = true,\n  initialIsMobile = false,\n): SidebarState {\n  return {\n    openDesktop: createSignalObject(initialOpenDesktop),\n    openMobile: createSignalObject(initialOpenMobile),\n    isMobile: createSignalObject(initialIsMobile),\n  }\n}\n"],"mappings":";;AAGA,SAAgBE,mBACdC,qBAAqB,MACrBC,oBAAoB,MACpBC,kBAAkB,OACJ;AACd,QAAO;EACLC,aAAaL,mBAAmBE,mBAAmB;EACnDI,YAAYN,mBAAmBG,kBAAkB;EACjDI,UAAUP,mBAAmBI,gBAAe;EAC7C"}

package/dist/interactive/sidebar/index.d.ts

@@ -1,4 +0,0 @@
-export { Sidebar, type SidebarProps } from './Sidebar.jsx';
-export { SidebarMobileDrawer, type SidebarMobileDrawerProps } from './SidebarMobileDrawer.jsx';
-export { SidebarToggle, type SidebarToggleProps } from './SidebarToggle.jsx';
-//# sourceMappingURL=index.d.ts.map

package/dist/interactive/sidebar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/interactive/sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,2BAA2B,CAAA;AAC9F,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/interactive/sidebar/index.js

@@ -1,4 +0,0 @@
-import { SidebarMobileDrawer } from "./SidebarMobileDrawer.js";
-import { Sidebar } from "./Sidebar.js";
-import { SidebarToggle } from "./SidebarToggle.js";
-export { Sidebar, SidebarMobileDrawer, SidebarToggle };

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,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,YAAY;IAC5F,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