@neut/ui 0.0.7 → 0.0.8

package/dist/components/dialog/DialogDescription/DialogDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogDescription.js","names":["createUniqueId","onMount","splitProps","DialogDescriptionProps","clsx","classes","useDialogContentContext","DialogDescription","props","setDescriptionID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/dialog/DialogDescription/DialogDescription.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { DialogDescriptionProps } from \"./DialogDescription.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogDescription.styles\";\nimport { useDialogContentContext } from \"../DialogContent\";\n\nexport const DialogDescription = (props: DialogDescriptionProps) => {\n  const { setDescriptionID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setDescriptionID(id);\n  });\n\n  return (\n    <p\n      id={id}\n      data-slot=\"dialog-description\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;+DAMaO,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,wBAAqBH,GAAyB,EAEhD,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC,EAE3DI,IAAKZ,GAAgB;AAM3B,QAJAC,QAAc;AACZQ,IAAiBG,EAAG;GACpB,SAEF;EAAA,IAAAC,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAA,MAEQD,EAAE,EAAAI,EAAAH,GAAAI,EAAA,EAAA,IAAA,QAAA;AAAA,UAECb,EAAKC,GAASK,EAAMQ,MAAM;KAAA,EAC7BP,EAAM,EAAA,IAAA,GAAA,EAAAE;KAAA"}

package/dist/components/dialog/DialogDescription/DialogDescription.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "text-sm text-neutral-500 dark:text-neutral-400 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-neutral-950 dark:*:[a]:hover:text-neutral-50";

package/dist/components/dialog/DialogDescription/DialogDescription.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/dialog/DialogDescription/DialogDescription.styles.ts
+var e = "text-sm text-neutral-500 dark:text-neutral-400 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-neutral-950 dark:*:[a]:hover:text-neutral-50";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=DialogDescription.styles.js.map

package/dist/components/dialog/DialogDescription/DialogDescription.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogDescription.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogDescription/DialogDescription.styles.ts"],"sourcesContent":["export const classes =\n  \"text-sm text-neutral-500 dark:text-neutral-400 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-neutral-950 dark:*:[a]:hover:text-neutral-50\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/dialog/DialogDescription/DialogDescription.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DialogDescriptionProps = PolymorphicProps<"p", BaseProps, false>;

package/dist/components/dialog/DialogDescription/index.d.ts

@@ -0,0 +1 @@
+export { DialogDescription } from './DialogDescription';

package/dist/components/dialog/DialogFooter/DialogFooter.d.ts

@@ -0,0 +1,2 @@
+import { DialogFooterProps } from './DialogFooter.types';
+export declare const DialogFooter: (props: DialogFooterProps) => import("solid-js").JSX.Element;

package/dist/components/dialog/DialogFooter/DialogFooter.js

@@ -0,0 +1,18 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./DialogFooter.styles.js";
+import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
+//#region src/components/dialog/DialogFooter/DialogFooter.tsx
+var o = /* @__PURE__ */ i("<div data-slot=dialog-footer>"), s = (i) => {
+	let [s, c] = a(i, ["class", "classList"]);
+	return (() => {
+		var i = o();
+		return r(i, n({ get class() {
+			return e(t, s.class);
+		} }, c), !1, !1), i;
+	})();
+};
+//#endregion
+export { s as DialogFooter };
+
+//# sourceMappingURL=DialogFooter.js.map

package/dist/components/dialog/DialogFooter/DialogFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFooter.js","names":["splitProps","DialogFooterProps","clsx","classes","DialogFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/dialog/DialogFooter/DialogFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogFooterProps } from \"./DialogFooter.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogFooter.styles\";\n\nexport const DialogFooter = (props: DialogFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;4DAKaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/dialog/DialogFooter/DialogFooter.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 sm:flex-row sm:justify-end";

package/dist/components/dialog/DialogFooter/DialogFooter.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/dialog/DialogFooter/DialogFooter.styles.ts
+var e = "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 sm:flex-row sm:justify-end";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=DialogFooter.styles.js.map

package/dist/components/dialog/DialogFooter/DialogFooter.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFooter.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogFooter/DialogFooter.styles.ts"],"sourcesContent":["export const classes =\n  \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 sm:flex-row sm:justify-end\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/dialog/DialogFooter/DialogFooter.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DialogFooterProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/dialog/DialogFooter/index.d.ts

@@ -0,0 +1 @@
+export { DialogFooter } from './DialogFooter';

package/dist/components/dialog/DialogHeader/DialogHeader.d.ts

@@ -0,0 +1,2 @@
+import { DialogHeaderProps } from './DialogHeader.types';
+export declare const DialogHeader: (props: DialogHeaderProps) => import("solid-js").JSX.Element;

package/dist/components/dialog/DialogHeader/DialogHeader.js

@@ -0,0 +1,18 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./DialogHeader.styles.js";
+import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
+//#region src/components/dialog/DialogHeader/DialogHeader.tsx
+var o = /* @__PURE__ */ i("<div data-slot=dialog-header>"), s = (i) => {
+	let [s, c] = a(i, ["class", "classList"]);
+	return (() => {
+		var i = o();
+		return r(i, n({ get class() {
+			return e(t, s.class);
+		} }, c), !1, !1), i;
+	})();
+};
+//#endregion
+export { s as DialogHeader };
+
+//# sourceMappingURL=DialogHeader.js.map

package/dist/components/dialog/DialogHeader/DialogHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeader.js","names":["splitProps","DialogHeaderProps","clsx","classes","DialogHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/dialog/DialogHeader/DialogHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogHeaderProps } from \"./DialogHeader.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogHeader.styles\";\n\nexport const DialogHeader = (props: DialogHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;4DAKaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/dialog/DialogHeader/DialogHeader.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "flex flex-col gap-2";

package/dist/components/dialog/DialogHeader/DialogHeader.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/dialog/DialogHeader/DialogHeader.styles.ts
+var e = "flex flex-col gap-2";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=DialogHeader.styles.js.map

package/dist/components/dialog/DialogHeader/DialogHeader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeader.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogHeader/DialogHeader.styles.ts"],"sourcesContent":["export const classes = \"flex flex-col gap-2\";\n"],"mappings":";AAAA,IAAa,IAAU"}

package/dist/components/dialog/DialogHeader/DialogHeader.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DialogHeaderProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/dialog/DialogHeader/index.d.ts

@@ -0,0 +1 @@
+export { DialogHeader } from './DialogHeader';

package/dist/components/dialog/DialogOverlay/DialogOverlay.d.ts

@@ -0,0 +1,2 @@
+import { DialogOverlayProps } from './DialogOverlay.types';
+export declare const DialogOverlay: (props: DialogOverlayProps) => import("solid-js").JSX.Element;

package/dist/components/dialog/DialogOverlay/DialogOverlay.js

@@ -0,0 +1,27 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useDialogContext as t } from "../Dialog/Dialog.context.js";
+import { classes as n } from "./DialogOverlay.styles.js";
+import { delegateEvents as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { splitProps as s } from "solid-js";
+//#region src/components/dialog/DialogOverlay/DialogOverlay.tsx
+var c = /* @__PURE__ */ o("<div data-slot=dialog-overlay role=presentation aria-hidden=true>"), l = (r) => {
+	let { open: o, setShow: l, setOpen: u } = t(), [d, f] = s(r, ["class", "classList"]);
+	return (() => {
+		var t = c();
+		return t.addEventListener("animationend", () => {
+			o() || l(!1);
+		}), t.$$click = () => u(!1), a(t, i({
+			get "data-open"() {
+				return o();
+			},
+			get class() {
+				return e(n, d.class);
+			}
+		}, f), !1, !1), t;
+	})();
+};
+r(["click"]);
+//#endregion
+export { l as DialogOverlay };
+
+//# sourceMappingURL=DialogOverlay.js.map

package/dist/components/dialog/DialogOverlay/DialogOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogOverlay.js","names":["splitProps","DialogOverlayProps","clsx","classes","useDialogContext","DialogOverlay","props","open","setShow","setOpen","local","others","_el$","_tmpl$","addEventListener","$$click","_$spread","_$mergeProps","data-open","class","_$delegateEvents"],"sources":["../../../../src/components/dialog/DialogOverlay/DialogOverlay.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogOverlayProps } from \"./DialogOverlay.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogOverlay.styles\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport const DialogOverlay = (props: DialogOverlayProps) => {\n  const { open, setShow, setOpen } = useDialogContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-overlay\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-open={open()}\n      class={clsx(classes, local.class)}\n      onClick={() => setOpen(false)}\n      onAnimationEnd={() => {\n        if (open()) return;\n        setShow(false);\n      }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;gGAMaK,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,SAAMC,YAASC,eAAYL,GAAkB,EAE/C,CAACM,GAAOC,KAAUX,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAM,IAAAC,GAAA;AAYc,SAZdD,EAAAE,iBAAA,sBAQ0B;AAChBP,MAAM,IACVC,EAAQ,GAAM;IACf,EAAAI,EAAAG,gBAJcN,EAAQ,GAAM,EAAAO,EAAAJ,GAAAK,EAAA;GAAA,IAAA,cAAA;AAAA,WAFlBV,GAAM;;GAAA,IAAA,QAAA;AAAA,WACVL,EAAKC,GAASO,EAAMS,MAAM;;GAAA,EAM7BR,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA;;AAGdQ,EAAA,CAAA,QAAA,CAAA"}

package/dist/components/dialog/DialogOverlay/DialogOverlay.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0 select-none";

package/dist/components/dialog/DialogOverlay/DialogOverlay.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/dialog/DialogOverlay/DialogOverlay.styles.ts
+var e = "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0 select-none";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=DialogOverlay.styles.js.map

package/dist/components/dialog/DialogOverlay/DialogOverlay.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogOverlay.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogOverlay/DialogOverlay.styles.ts"],"sourcesContent":["export const classes =\n  \"fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0 select-none\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/dialog/DialogOverlay/DialogOverlay.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DialogOverlayProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/dialog/DialogOverlay/index.d.ts

@@ -0,0 +1 @@
+export { DialogOverlay } from './DialogOverlay';

package/dist/components/dialog/DialogPortal/DialogPortal.d.ts

@@ -0,0 +1,2 @@
+import { DialogPortalProps } from './DialogPortal.types';
+export declare const DialogPortal: (props: DialogPortalProps) => import("solid-js").JSX.Element;

package/dist/components/dialog/DialogPortal/DialogPortal.js

@@ -0,0 +1,10 @@
+import { Portal as e, createComponent as t, spread as n, template as r } from "solid-js/web";
+//#region src/components/dialog/DialogPortal/DialogPortal.tsx
+var i = /* @__PURE__ */ r("<div data-slot=dialog-portal>"), a = (r) => t(e, { get children() {
+	var e = i();
+	return n(e, r, !1, !1), e;
+} });
+//#endregion
+export { a as DialogPortal };
+
+//# sourceMappingURL=DialogPortal.js.map

package/dist/components/dialog/DialogPortal/DialogPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogPortal.js","names":["DialogPortalProps","Portal","DialogPortal","props","_$createComponent","children","_el$","_tmpl$","_$spread"],"sources":["../../../../src/components/dialog/DialogPortal/DialogPortal.tsx"],"sourcesContent":["import type { DialogPortalProps } from \"./DialogPortal.types\";\nimport { Portal } from \"solid-js/web\";\n\nexport const DialogPortal = (props: DialogPortalProps) => {\n  return (\n    <Portal>\n      <div data-slot=\"dialog-portal\" {...props} />\n    </Portal>\n  );\n};\n"],"mappings":";;4DAGaE,KAAgBC,MAC3BC,EACGH,GAAM,EAAA,IAAAI,WAAA;CAAA,IAAAC,IAAAC,GAAA;AACmC,QADnCC,EAAAF,GAC8BH,GAAK,IAAA,GAAA,EAAAG;GAAA,CAAA"}

package/dist/components/dialog/DialogPortal/DialogPortal.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DialogPortalProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/dialog/DialogPortal/index.d.ts

@@ -0,0 +1 @@
+export { DialogPortal } from './DialogPortal';

package/dist/components/dialog/DialogTitle/DialogTitle.d.ts

@@ -0,0 +1,2 @@
+import { DialogTitleProps } from './DialogTitle.types';
+export declare const DialogTitle: (props: DialogTitleProps) => import("solid-js").JSX.Element;

package/dist/components/dialog/DialogTitle/DialogTitle.js

@@ -0,0 +1,21 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useDialogContentContext as t } from "../DialogContent/DialogContent.context.js";
+import { classes as n } from "./DialogTitle.styles.js";
+import { mergeProps as r, setAttribute as i, spread as a, template as o } from "solid-js/web";
+import { createUniqueId as s, onMount as c, splitProps as l } from "solid-js";
+//#region src/components/dialog/DialogTitle/DialogTitle.tsx
+var u = /* @__PURE__ */ o("<h2 data-slot=dialog-title>"), d = (o) => {
+	let { setTitleID: d } = t(), [f, p] = l(o, ["class", "classList"]), m = s();
+	return c(() => {
+		d(m);
+	}), (() => {
+		var t = u();
+		return i(t, "id", m), a(t, r({ get class() {
+			return e(n, f.class);
+		} }, p), !1, !1), t;
+	})();
+};
+//#endregion
+export { d as DialogTitle };
+
+//# sourceMappingURL=DialogTitle.js.map

package/dist/components/dialog/DialogTitle/DialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.js","names":["createUniqueId","onMount","splitProps","DialogTitleProps","clsx","classes","useDialogContentContext","DialogTitle","props","setTitleID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/dialog/DialogTitle/DialogTitle.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { DialogTitleProps } from \"./DialogTitle.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogTitle.styles\";\nimport { useDialogContentContext } from \"../DialogContent\";\n\nexport const DialogTitle = (props: DialogTitleProps) => {\n  const { setTitleID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setTitleID(id);\n  });\n\n  return (\n    <h2\n      id={id}\n      data-slot=\"dialog-title\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;0DAMaO,KAAeC,MAA4B;CACtD,IAAM,EAAEC,kBAAeH,GAAyB,EAE1C,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC,EAE3DI,IAAKZ,GAAgB;AAM3B,QAJAC,QAAc;AACZQ,IAAWG,EAAG;GACd,SAEF;EAAA,IAAAC,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAA,MAEQD,EAAE,EAAAI,EAAAH,GAAAI,EAAA,EAAA,IAAA,QAAA;AAAA,UAECb,EAAKC,GAASK,EAAMQ,MAAM;KAAA,EAC7BP,EAAM,EAAA,IAAA,GAAA,EAAAE;KAAA"}

package/dist/components/dialog/DialogTitle/DialogTitle.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "cn-font-heading text-base leading-none font-medium";

package/dist/components/dialog/DialogTitle/DialogTitle.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/dialog/DialogTitle/DialogTitle.styles.ts
+var e = "cn-font-heading text-base leading-none font-medium";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=DialogTitle.styles.js.map

package/dist/components/dialog/DialogTitle/DialogTitle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogTitle/DialogTitle.styles.ts"],"sourcesContent":["export const classes = \"cn-font-heading text-base leading-none font-medium\";\n"],"mappings":";AAAA,IAAa,IAAU"}

package/dist/components/dialog/DialogTitle/DialogTitle.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DialogTitleProps = PolymorphicProps<"h2", BaseProps, false>;

package/dist/components/dialog/DialogTitle/index.d.ts

@@ -0,0 +1 @@
+export { DialogTitle } from './DialogTitle';

package/dist/components/dialog/DialogTrigger/DialogTrigger.d.ts

@@ -0,0 +1,2 @@
+import { JSXElement, ParentProps } from 'solid-js';
+export declare const DialogTrigger: (props: ParentProps) => JSXElement;

package/dist/components/dialog/DialogTrigger/DialogTrigger.js

@@ -0,0 +1,11 @@
+import { useDialogTrigger as e } from "./useDialogTrigger.js";
+import { children as t, untrack as n } from "solid-js";
+//#region src/components/dialog/DialogTrigger/DialogTrigger.tsx
+var r = (r) => {
+	let i = t(() => n(() => r.children));
+	return e(i), i;
+};
+//#endregion
+export { r as DialogTrigger };
+
+//# sourceMappingURL=DialogTrigger.js.map

package/dist/components/dialog/DialogTrigger/DialogTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTrigger.js","names":["children","untrack","JSXElement","ParentProps","useDialogTrigger","DialogTrigger","props","resolved"],"sources":["../../../../src/components/dialog/DialogTrigger/DialogTrigger.tsx"],"sourcesContent":["import { children, untrack, type JSXElement, type ParentProps } from \"solid-js\";\nimport { useDialogTrigger } from \"./useDialogTrigger\";\n\nexport const DialogTrigger = (props: ParentProps) => {\n  const resolved = children(() => untrack(() => props.children));\n  useDialogTrigger(resolved);\n\n  return resolved as unknown as JSXElement;\n};\n"],"mappings":";;;AAGA,IAAaK,KAAiBC,MAAuB;CACnD,IAAMC,IAAWP,QAAeC,QAAcK,EAAMN,SAAS,CAAC;AAG9D,QAFAI,EAAiBG,EAAS,EAEnBA"}

package/dist/components/dialog/DialogTrigger/index.d.ts

@@ -0,0 +1 @@
+export { DialogTrigger } from './DialogTrigger';

package/dist/components/dialog/DialogTrigger/useDialogTrigger.d.ts

@@ -0,0 +1,2 @@
+import { ChildrenReturn } from 'solid-js';
+export declare const useDialogTrigger: (resolved: ChildrenReturn) => void;

package/dist/components/dialog/DialogTrigger/useDialogTrigger.js

@@ -0,0 +1,26 @@
+import { useDialogContext as e } from "../Dialog/Dialog.context.js";
+import { onCleanup as t, onMount as n } from "solid-js";
+//#region src/components/dialog/DialogTrigger/useDialogTrigger.ts
+var r = (r) => {
+	let { setShow: i, setOpen: a } = e(), o = (e) => {
+		console.log("点击", e.type), a(!0), i(!0);
+	};
+	n(() => {
+		let e = r.toArray();
+		e.length !== 1 && console.warn("[Dialog] DialogTrigger should have exactly one child");
+		let n = e[0];
+		if (n) {
+			if (!(n instanceof HTMLElement)) {
+				console.error("[Dialog] DialogTrigger child should be an HTMLElement");
+				return;
+			}
+			n.addEventListener("click", o), t(() => {
+				n && n.removeEventListener("click", o);
+			});
+		}
+	});
+};
+//#endregion
+export { r as useDialogTrigger };
+
+//# sourceMappingURL=useDialogTrigger.js.map

package/dist/components/dialog/DialogTrigger/useDialogTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialogTrigger.js","names":[],"sources":["../../../../src/components/dialog/DialogTrigger/useDialogTrigger.ts"],"sourcesContent":["import { onCleanup, onMount, type ChildrenReturn } from \"solid-js\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport const useDialogTrigger = (resolved: ChildrenReturn) => {\n  const { setShow, setOpen } = useDialogContext();\n\n  const handleClick = (ev: PointerEvent) => {\n    console.log(\"点击\", ev.type);\n    setOpen(true);\n    setShow(true);\n  };\n\n  onMount(() => {\n    const trigger = resolved.toArray();\n    if (trigger.length !== 1) {\n      console.warn(\"[Dialog] DialogTrigger should have exactly one child\");\n    }\n    const el = trigger[0] as HTMLElement | undefined;\n    if (!el) return;\n    if (!(el instanceof HTMLElement)) {\n      console.error(\"[Dialog] DialogTrigger child should be an HTMLElement\");\n      return;\n    }\n    el.addEventListener(\"click\", handleClick);\n    onCleanup(() => {\n      if (!el) return;\n      el.removeEventListener(\"click\", handleClick);\n    });\n  });\n};\n"],"mappings":";;;AAGA,IAAa,KAAoB,MAA6B;CAC5D,IAAM,EAAE,YAAS,eAAY,GAAkB,EAEzC,KAAe,MAAqB;AAGxC,EAFA,QAAQ,IAAI,MAAM,EAAG,KAAK,EAC1B,EAAQ,GAAK,EACb,EAAQ,GAAK;;AAGf,SAAc;EACZ,IAAM,IAAU,EAAS,SAAS;AAClC,EAAI,EAAQ,WAAW,KACrB,QAAQ,KAAK,uDAAuD;EAEtE,IAAM,IAAK,EAAQ;AACd,SACL;OAAI,EAAE,aAAc,cAAc;AAChC,YAAQ,MAAM,wDAAwD;AACtE;;AAGF,GADA,EAAG,iBAAiB,SAAS,EAAY,EACzC,QAAgB;AACT,SACL,EAAG,oBAAoB,SAAS,EAAY;KAC5C;;GACF"}

package/dist/components/dialog/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Dialog';
+export * from './DialogClose';
+export * from './DialogContent';
+export * from './DialogDescription';
+export * from './DialogFooter';
+export * from './DialogHeader';
+export * from './DialogOverlay';
+export * from './DialogPortal';
+export * from './DialogTitle';
+export * from './DialogTrigger';

package/dist/components/dialog/index.js

@@ -0,0 +1,13 @@
+import { useDialogContext as e } from "./Dialog/Dialog.context.js";
+import { Dialog as t } from "./Dialog/Dialog.js";
+import { DialogClose as n } from "./DialogClose/DialogClose.js";
+import { DialogPortal as r } from "./DialogPortal/DialogPortal.js";
+import { DialogOverlay as i } from "./DialogOverlay/DialogOverlay.js";
+import { useDialogContentContext as a } from "./DialogContent/DialogContent.context.js";
+import { DialogContent as o } from "./DialogContent/DialogContent.js";
+import { DialogDescription as s } from "./DialogDescription/DialogDescription.js";
+import { DialogFooter as c } from "./DialogFooter/DialogFooter.js";
+import { DialogHeader as l } from "./DialogHeader/DialogHeader.js";
+import { DialogTitle as u } from "./DialogTitle/DialogTitle.js";
+import { DialogTrigger as d } from "./DialogTrigger/DialogTrigger.js";
+export { t as Dialog, n as DialogClose, o as DialogContent, s as DialogDescription, c as DialogFooter, l as DialogHeader, i as DialogOverlay, r as DialogPortal, u as DialogTitle, d as DialogTrigger, a as useDialogContentContext, e as useDialogContext };

package/dist/components/input-group/InputGroupButton/InputGroupButton.js

@@ -2,35 +2,35 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { Button as t } from "../../button/Button.js";
 import { inputGroupButtonVariants as n } from "./InputGroupButton.styles.js";
 import { createComponent as r, mergeProps as i } from "solid-js/web";
-import { mergeProps as a, splitProps as o } from "solid-js";
+import { createMemo as a, mergeProps as o, splitProps as s } from "solid-js";
 //#region src/components/input-group/InputGroupButton/InputGroupButton.tsx
-var s = (s) => {
-	let [c, l] = o(a({
+var c = (c) => {
+	let [l, u] = s(o({
 		type: "button",
 		variant: "ghost",
 		size: "xs"
-	}, s), [
+	}, c), [
 		"size",
 		"variant",
 		"class",
 		"classList"
-	]), u = () => !!l.icon && !l.children;
-	return r(t, i({
+	]), d = a(() => u.icon && typeof u.icon == "object" && "ariaLabel" in u.icon && "icon" in u.icon || !!u.icon && !u.children);
+	return r(t, i(u, {
 		get "data-size"() {
-			return c.size;
+			return l.size;
 		},
 		get variant() {
-			return c.variant;
+			return l.variant;
 		},
 		get class() {
 			return e(n({
-				size: u() ? void 0 : c.size,
-				iconSize: u() ? c.size : void 0
-			}), c.class);
+				size: d() ? void 0 : l.size,
+				iconSize: d() ? l.size : void 0
+			}), l.class);
 		}
-	}, l));
+	}));
 };
 //#endregion
-export { s as InputGroupButton };
+export { c as InputGroupButton };
 
 //# sourceMappingURL=InputGroupButton.js.map

package/dist/components/input-group/InputGroupButton/InputGroupButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupButton.js","names":["Button","InputGroupButtonProps","mergeProps","splitProps","clsx","inputGroupButtonVariants","InputGroupButton","props","merged","type","variant","size","const","local","others","iconOnly","icon","children","_$createComponent","_$mergeProps","data-size","class","undefined","iconSize"],"sources":["../../../../src/components/input-group/InputGroupButton/InputGroupButton.tsx"],"sourcesContent":["import { Button } from \"~/components/button/Button\";\nimport type { InputGroupButtonProps } from \"./InputGroupButton.types\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { inputGroupButtonVariants } from \"./InputGroupButton.styles\";\n\nexport const InputGroupButton = (props: InputGroupButtonProps) => {\n  const merged = mergeProps(\n    { type: \"button\", variant: \"ghost\", size: \"xs\" } as const,\n    props,\n  );\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"variant\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const iconOnly = () => !!others.icon && !others.children;\n\n  return (\n    <Button\n      data-size={local.size}\n      variant={local.variant}\n      class={clsx(\n        inputGroupButtonVariants({\n          size: iconOnly() ? undefined : local.size,\n          iconSize: iconOnly() ? local.size : undefined,\n        }),\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaM,KAAoBC,MAAiC;CAKhE,IAAM,CAACM,GAAOC,KAAUX,EAJTD,EACb;EAAEO,MAAM;EAAUC,SAAS;EAASC,MAAM;EAAM,EAChDJ,EACD,EAC0C;EACzC;EACA;EACA;EACA;EACD,CAAC,EAEIQ,UAAiB,CAAC,CAACD,EAAOE,QAAQ,CAACF,EAAOG;AAEhD,QAAAC,EACGlB,GAAMmB,EAAA;EAAA,IAAA,cAAA;AAAA,UACMN,EAAMF;;EAAI,IACrBD,UAAO;AAAA,UAAEG,EAAMH;;EAAO,IAAA,QAAA;AAAA,UACfN,EACLC,EAAyB;IACvBM,MAAMI,GAAU,GAAGO,KAAAA,IAAYT,EAAMF;IACrCY,UAAUR,GAAU,GAAGF,EAAMF,OAAOW,KAAAA;IACrC,CAAC,EACFT,EAAMQ,MACP;;EAAA,EACGP,EAAM,CAAA"}
+{"version":3,"file":"InputGroupButton.js","names":["Button","InputGroupButtonProps","createMemo","mergeProps","splitProps","clsx","inputGroupButtonVariants","InputGroupButton","props","merged","type","variant","size","const","local","others","iconOnly","icon","children","_$createComponent","_$mergeProps","data-size","class","undefined","iconSize"],"sources":["../../../../src/components/input-group/InputGroupButton/InputGroupButton.tsx"],"sourcesContent":["import { Button } from \"~/components/button/Button\";\nimport type { InputGroupButtonProps } from \"./InputGroupButton.types\";\nimport { createMemo, mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { inputGroupButtonVariants } from \"./InputGroupButton.styles\";\n\nexport const InputGroupButton = (props: InputGroupButtonProps) => {\n  const merged = mergeProps(\n    { type: \"button\", variant: \"ghost\", size: \"xs\" } as const,\n    props,\n  );\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"variant\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const iconOnly = createMemo(\n    () =>\n      (others.icon &&\n        typeof others.icon === \"object\" &&\n        \"ariaLabel\" in others.icon &&\n        \"icon\" in others.icon) ||\n      // @ts-expect-error\n      (!!others.icon && !others.children),\n  );\n\n  return (\n    // @ts-expect-error\n    <Button\n      {...others}\n      data-size={local.size}\n      variant={local.variant}\n      class={clsx(\n        inputGroupButtonVariants({\n          size: iconOnly() ? undefined : local.size,\n          iconSize: iconOnly() ? local.size : undefined,\n        }),\n        local.class,\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaO,KAAoBC,MAAiC;CAKhE,IAAM,CAACM,GAAOC,KAAUX,EAJTD,EACb;EAAEO,MAAM;EAAUC,SAAS;EAASC,MAAM;EAAM,EAChDJ,EACD,EAC0C;EACzC;EACA;EACA;EACA;EACD,CAAC,EAEIQ,IAAWd,QAEZa,EAAOE,QACN,OAAOF,EAAOE,QAAS,YACvB,eAAeF,EAAOE,QACtB,UAAUF,EAAOE,QAElB,CAAC,CAACF,EAAOE,QAAQ,CAACF,EAAOG,SAC7B;AAED,QACEC,EACCnB,GAAMoB,EACDL,GAAM;EAAA,IAAA,cAAA;AAAA,UACCD,EAAMF;;EAAI,IACrBD,UAAO;AAAA,UAAEG,EAAMH;;EAAO,IAAA,QAAA;AAAA,UACfN,EACLC,EAAyB;IACvBM,MAAMI,GAAU,GAAGO,KAAAA,IAAYT,EAAMF;IACrCY,UAAUR,GAAU,GAAGF,EAAMF,OAAOW,KAAAA;IACrC,CAAC,EACFT,EAAMQ,MACP;;EAAA,CAAA,CAAA"}

package/dist/components/pagination/PaginationLink/PaginationLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.js","names":["mergeProps","splitProps","PaginationLinkProps","clsx","Button","PaginationLink","props","merged","size","const","local","others","_$createComponent","_$mergeProps","as","variant","isActive","aria-current","undefined","data-active","class","icon","_$memo","page","children"],"sources":["../../../../src/components/pagination/PaginationLink/PaginationLink.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationLinkProps } from \"./PaginationLink.types\";\nimport { clsx } from \"~/utils\";\nimport { Button } from \"~/components/button\";\n\nexport const PaginationLink = (props: PaginationLinkProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"isActive\",\n    \"class\",\n    \"classList\",\n    \"page\",\n    \"children\",\n  ]);\n\n  return (\n    <Button<\"a\">\n      as=\"a\"\n      variant={local.isActive ? \"outline\" : \"ghost\"}\n      size={local.size}\n      aria-current={local.isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={local.isActive}\n      class={clsx(local.class)}\n      icon={\"page\" in local ? (local.page as number) : undefined}\n      {...others}\n    >\n      {local.children}\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaK,KAAkBC,MAA+B;CAG5D,IAAM,CAACI,GAAOC,KAAUV,EAFTD,EAAW,EAAEQ,MAAM,MAAM,EAAWF,EAAM,EAEd;EACzC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAM,EACGR,GAAMS,EAAA;EACLC,IAAE;EAAA,IACFC,UAAO;AAAA,UAAEL,EAAMM,WAAW,YAAY;;EAAO,IAC7CR,OAAI;AAAA,UAAEE,EAAMF;;EAAI,IAAA,iBAAA;AAAA,UACFE,EAAMM,WAAW,SAASE,KAAAA;;EAAS,aAAA;EAAA,IAAA,gBAAA;AAAA,UAEpCR,EAAMM;;EAAQ,IAAA,QAAA;AAAA,UACpBb,EAAKO,EAAMU,MAAM;;EAAA,IACxBC,OAAI;AAAA,UAAEC,QAAA,UAAUZ,EAAK,EAAA,GAAIA,EAAMa,OAAkBL,KAAAA;;EAAS,EACtDP,GAAM,EAAA,IAAAa,WAAA;AAAA,SAETd,EAAMc;IAAQ,CAAA,CAAA"}
+{"version":3,"file":"PaginationLink.js","names":["mergeProps","splitProps","PaginationLinkProps","clsx","Button","PaginationLink","props","merged","size","const","local","others","_$createComponent","_$mergeProps","as","variant","isActive","aria-current","undefined","data-active","class","icon","_$memo","page","children"],"sources":["../../../../src/components/pagination/PaginationLink/PaginationLink.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationLinkProps } from \"./PaginationLink.types\";\nimport { clsx } from \"~/utils\";\nimport { Button } from \"~/components/button\";\n\nexport const PaginationLink = (props: PaginationLinkProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"isActive\",\n    \"class\",\n    \"classList\",\n    \"page\",\n    \"children\",\n  ]);\n\n  return (\n    <Button\n      as=\"a\"\n      variant={local.isActive ? \"outline\" : \"ghost\"}\n      size={local.size}\n      aria-current={local.isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={local.isActive}\n      class={clsx(local.class)}\n      icon={\"page\" in local ? (local.page as number) : undefined}\n      {...others}\n    >\n      {local.children}\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaK,KAAkBC,MAA+B;CAG5D,IAAM,CAACI,GAAOC,KAAUV,EAFTD,EAAW,EAAEQ,MAAM,MAAM,EAAWF,EAAM,EAEd;EACzC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAM,EACGR,GAAMS,EAAA;EACLC,IAAE;EAAA,IACFC,UAAO;AAAA,UAAEL,EAAMM,WAAW,YAAY;;EAAO,IAC7CR,OAAI;AAAA,UAAEE,EAAMF;;EAAI,IAAA,iBAAA;AAAA,UACFE,EAAMM,WAAW,SAASE,KAAAA;;EAAS,aAAA;EAAA,IAAA,gBAAA;AAAA,UAEpCR,EAAMM;;EAAQ,IAAA,QAAA;AAAA,UACpBb,EAAKO,EAAMU,MAAM;;EAAA,IACxBC,OAAI;AAAA,UAAEC,QAAA,UAAUZ,EAAK,EAAA,GAAIA,EAAMa,OAAkBL,KAAAA;;EAAS,EACtDP,GAAM,EAAA,IAAAa,WAAA;AAAA,SAETd,EAAMc;IAAQ,CAAA,CAAA"}

package/dist/components/pagination/PaginationLink/PaginationLink.types.d.ts

@@ -1,8 +1,9 @@
-import { JSX, JSXElement } from 'solid-js';
+import { JSXElement } from 'solid-js';
 import { ButtonProps } from '../../button';
+import { HTMLAttributes } from '../../../types';
 export type PaginationLinkProps = Pick<ButtonProps<"a">, "size" | "onClick"> & {
     isActive?: boolean;
-} & Omit<JSX.IntrinsicElements["a"], "children" | "onClick"> & ({
+} & Omit<HTMLAttributes<"a">, "children" | "onClick"> & ({
     page: number;
     children?: never;
 } | {

package/dist/components/switch/Switch.js

@@ -1,61 +1,54 @@
 import { clsx as e } from "../../utils/clsx.js";
 import { classes as t } from "./Switch.styles.js";
 import { className as n, delegateEvents as r, effect as i, mergeProps as a, setAttribute as o, spread as s, template as c } from "solid-js/web";
-import { createSignal as l, mergeProps as u, splitProps as d } from "solid-js";
+import { createMemo as l, createSignal as u, mergeProps as d, splitProps as f } from "solid-js";
 //#region src/components/switch/Switch.tsx
-var f = /* @__PURE__ */ c("<span data-slot=switch role=switch tabindex=0><span data-slot=switch-thumb>"), p = /* @__PURE__ */ c("<input tabindex=-1 aria-hidden=true type=checkbox>"), m = (r) => {
-	let [c, m] = d(u({ size: "md" }, r), [
+var p = /* @__PURE__ */ c("<span data-slot=switch role=switch tabindex=0><span data-slot=switch-thumb></span><input tabindex=-1 aria-hidden=true type=checkbox class=sr-only>"), m = (r) => {
+	let [c, m] = f(d({ size: "md" }, r), [
 		"id",
+		"checked",
 		"defaultChecked",
-		"onChange",
+		"onCheckedChange",
 		"size",
 		"disabled",
 		"class",
 		"classList"
-	]), [h, g] = l(c.defaultChecked), _ = () => {
+	]), [h, g] = u(c.defaultChecked), _ = () => {
+		if (c.checked !== void 0) {
+			g(c.checked), c.onCheckedChange?.(!c.checked);
+			return;
+		}
 		let e = !h();
-		g(e), c.onChange?.(e);
-	};
-	return [(() => {
-		var r = f(), l = r.firstChild;
+		g(e), c.onCheckedChange?.(e);
+	}, v = l(() => c.checked === void 0 ? h() : c.checked);
+	return (() => {
+		var r = p(), l = r.firstChild, u = l.nextSibling;
 		return r.$$click = _, s(r, a({
 			get "data-size"() {
 				return c.size;
 			},
 			get "data-checked"() {
-				return h() ? "" : void 0;
-			},
-			get "data-unchecked"() {
-				return h() ? void 0 : "";
+				return v();
 			},
 			get "data-disabled"() {
-				return c.disabled ? "" : void 0;
+				return c.disabled;
 			},
 			get "aria-checked"() {
-				return h();
+				return v();
 			},
 			get class() {
 				return e(t.switch, c.class);
 			}
 		}, m), !1, !0), i((e) => {
-			var r = t.thumb, i = h() ? "" : void 0, a = h() ? void 0 : "";
-			return r !== e.e && n(l, e.e = r), i !== e.t && o(l, "data-checked", e.t = i), a !== e.a && o(l, "data-unchecked", e.a = a), e;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0
-		}), r;
-	})(), (() => {
-		var e = p();
-		return i((r) => {
-			var i = c.id, a = t.input, s = c.disabled;
-			return i !== r.e && o(e, "id", r.e = i), a !== r.t && n(e, r.t = a), s !== r.a && (e.disabled = r.a = s), r;
+			var r = t.thumb, i = v(), a = c.id, s = c.disabled;
+			return r !== e.e && n(l, e.e = r), i !== e.t && o(l, "data-checked", e.t = i), a !== e.a && o(u, "id", e.a = a), s !== e.o && (u.disabled = e.o = s), e;
 		}, {
 			e: void 0,
 			t: void 0,
-			a: void 0
-		}), i(() => e.checked = h()), e;
-	})()];
+			a: void 0,
+			o: void 0
+		}), i(() => u.checked = v()), r;
+	})();
 };
 r(["click"]);
 //#endregion

package/dist/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["createSignal","mergeProps","splitProps","SwitchProps","clsx","classes","Switch","props","merged","size","const","local","others","checked","setChecked","defaultChecked","handleClick","newChecked","onChange","_el$","_tmpl$","_el$2","firstChild","$$click","_$spread","_$mergeProps","data-size","data-checked","undefined","data-unchecked","data-disabled","disabled","aria-checked","class","switch","_$effect","_p$","_v$","thumb","_v$2","_v$3","e","_$className","t","_$setAttribute","a","_el$3","_tmpl$2","_v$4","id","_v$5","input","_v$6","_$delegateEvents"],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { createSignal, mergeProps, splitProps } from \"solid-js\";\nimport type { SwitchProps } from \"./Switch.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Switch.styles\";\n\nexport const Switch = (props: SwitchProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"id\",\n    \"defaultChecked\",\n    \"onChange\",\n    \"size\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const [checked, setChecked] = createSignal(local.defaultChecked);\n\n  const handleClick = () => {\n    const newChecked = !checked();\n    setChecked(newChecked);\n    local.onChange?.(newChecked);\n  };\n\n  return (\n    <>\n      <span\n        data-slot=\"switch\"\n        data-size={local.size}\n        data-checked={checked() ? \"\" : undefined}\n        data-unchecked={!checked() ? \"\" : undefined}\n        data-disabled={local.disabled ? \"\" : undefined}\n        role=\"switch\"\n        tabIndex={0}\n        aria-checked={checked()}\n        class={clsx(classes.switch, local.class)}\n        onClick={handleClick}\n        {...others}\n      >\n        <span\n          data-slot=\"switch-thumb\"\n          class={classes.thumb}\n          data-checked={checked() ? \"\" : undefined}\n          data-unchecked={!checked() ? \"\" : undefined}\n        />\n      </span>\n\n      <input\n        id={local.id}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        type=\"checkbox\"\n        checked={checked()}\n        class={classes.input}\n        disabled={local.disabled}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;uLAKaM,KAAUC,MAAuB;CAG5C,IAAM,CAACI,GAAOC,KAAUV,EAFTD,EAAW,EAAEQ,MAAM,MAAM,EAAWF,EAAM,EAEd;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACM,GAASC,KAAcd,EAAaW,EAAMI,eAAe,EAE1DC,UAAoB;EACxB,IAAMC,IAAa,CAACJ,GAAS;AAE7BF,EADAG,EAAWG,EAAW,EACtBN,EAAMO,WAAWD,EAAW;;AAG9B,QAAA,QAAA;EAAA,IAAAE,IAAAC,GAAA,EAAAC,IAAAF,EAAAG;AAmBmD,SAnBnDH,EAAAI,UAYeP,GAAWQ,EAAAL,GAAAM,EAAA;GAAA,IAAA,cAAA;AAAA,WARTd,EAAMF;;GAAI,IAAA,iBAAA;AAAA,WACPI,GAAS,GAAG,KAAKe,KAAAA;;GAAS,IAAA,mBAAA;AAAA,WACvBf,GAAS,GAAQe,KAAAA,IAAL;;GAAc,IAAA,kBAAA;AAAA,WAC5BjB,EAAMoB,WAAW,KAAKH,KAAAA;;GAAS,IAAA,iBAAA;AAAA,WAGhCf,GAAS;;GAAA,IAAA,QAAA;AAAA,WAChBT,EAAKC,EAAQ6B,QAAQvB,EAAMsB,MAAM;;GAAA,EAEpCrB,EAAM,EAAA,IAAA,GAAA,EAAAuB,GAAAC,MAAA;GAAA,IAAAC,IAIDhC,EAAQiC,OAAKC,IACN1B,GAAS,GAAG,KAAKe,KAAAA,GAASY,IACvB3B,GAAS,GAAQe,KAAAA,IAAL;AAAc,UAAAS,MAAAD,EAAAK,KAAAC,EAAArB,GAAAe,EAAAK,IAAAJ,EAAA,EAAAE,MAAAH,EAAAO,KAAAC,EAAAvB,GAAA,gBAAAe,EAAAO,IAAAJ,EAAA,EAAAC,MAAAJ,EAAAS,KAAAD,EAAAvB,GAAA,kBAAAe,EAAAS,IAAAL,EAAA,EAAAJ;KAAA;GAAAK,GAAAb,KAAAA;GAAAe,GAAAf,KAAAA;GAAAiB,GAAAjB,KAAAA;GAAA,CAAA,EAAAT;KAAA,SAAA;EAAA,IAAA2B,IAAAC,GAAA;AAS3B,SAT2BZ,GAAAC,MAAA;GAAA,IAAAY,IAKzCrC,EAAMsC,IAAEC,IAKL7C,EAAQ8C,OAAKC,IACVzC,EAAMoB;AAAQ,UAAAiB,MAAAZ,EAAAK,KAAAG,EAAAE,GAAA,MAAAV,EAAAK,IAAAO,EAAA,EAAAE,MAAAd,EAAAO,KAAAD,EAAAI,GAAAV,EAAAO,IAAAO,EAAA,EAAAE,MAAAhB,EAAAS,MAAAC,EAAAf,WAAAK,EAAAS,IAAAO,IAAAhB;KAAA;GAAAK,GAAAb,KAAAA;GAAAe,GAAAf,KAAAA;GAAAiB,GAAAjB,KAAAA;GAAA,CAAA,EAAAO,QAAAW,EAAAjC,UAFfA,GAAS,CAAA,EAAAiC;KAAA,CAAA;;AAMxBO,EAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"Switch.js","names":["createMemo","createSignal","mergeProps","splitProps","SwitchProps","clsx","classes","Switch","props","merged","size","const","local","others","internalChecked","setInternalChecked","defaultChecked","handleClick","checked","undefined","onCheckedChange","newChecked","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","$$click","_$spread","_$mergeProps","data-size","data-checked","data-disabled","disabled","aria-checked","class","switch","_$effect","_p$","_v$","thumb","_v$2","_v$3","id","_v$4","e","_$className","t","_$setAttribute","a","o","_$delegateEvents"],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { createMemo, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport type { SwitchProps } from \"./Switch.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Switch.styles\";\n\nexport const Switch = (props: SwitchProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"id\",\n    \"checked\",\n    \"defaultChecked\",\n    \"onCheckedChange\",\n    \"size\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const [internalChecked, setInternalChecked] = createSignal(\n    local.defaultChecked,\n  );\n\n  const handleClick = () => {\n    if (local.checked !== undefined) {\n      setInternalChecked(local.checked);\n      local.onCheckedChange?.(!local.checked);\n      return;\n    }\n\n    const newChecked = !internalChecked();\n    setInternalChecked(newChecked);\n    local.onCheckedChange?.(newChecked);\n  };\n\n  const checked = createMemo(() =>\n    local.checked !== undefined ? local.checked : internalChecked(),\n  );\n\n  return (\n    <span\n      data-slot=\"switch\"\n      data-size={local.size}\n      data-checked={checked()}\n      data-disabled={local.disabled}\n      role=\"switch\"\n      tabIndex={0}\n      aria-checked={checked()}\n      class={clsx(classes.switch, local.class)}\n      onClick={handleClick}\n      {...others}\n    >\n      <span\n        data-slot=\"switch-thumb\"\n        class={classes.thumb}\n        data-checked={checked()}\n      />\n      <input\n        id={local.id}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        type=\"checkbox\"\n        checked={checked()}\n        class=\"sr-only\"\n        disabled={local.disabled}\n      />\n    </span>\n  );\n};\n"],"mappings":";;;;;iLAKaO,KAAUC,MAAuB;CAG5C,IAAM,CAACI,GAAOC,KAAUV,EAFTD,EAAW,EAAEQ,MAAM,MAAM,EAAWF,EAAM,EAEd;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACM,GAAiBC,KAAsBd,EAC5CW,EAAMI,eACP,EAEKC,UAAoB;AACxB,MAAIL,EAAMM,YAAYC,KAAAA,GAAW;AAE/BP,GADAG,EAAmBH,EAAMM,QAAQ,EACjCN,EAAMQ,kBAAkB,CAACR,EAAMM,QAAQ;AACvC;;EAGF,IAAMG,IAAa,CAACP,GAAiB;AAErCF,EADAG,EAAmBM,EAAW,EAC9BT,EAAMQ,kBAAkBC,EAAW;IAG/BH,IAAUlB,QACdY,EAAMM,YAAYC,KAAAA,IAA4BL,GAChD,GADgCF,EAAMM,QACrC;AAED,eAAA;EAAA,IAAAI,IAAAC,GAAA,EAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG;AAuBwB,SAvBxBL,EAAAM,UAUaX,GAAWY,EAAAP,GAAAQ,EAAA;GAAA,IAAA,cAAA;AAAA,WAPTlB,EAAMF;;GAAI,IAAA,iBAAA;AAAA,WACPQ,GAAS;;GAAA,IAAA,kBAAA;AAAA,WACRN,EAAMsB;;GAAQ,IAAA,iBAAA;AAAA,WAGfhB,GAAS;;GAAA,IAAA,QAAA;AAAA,WAChBb,EAAKC,EAAQ+B,QAAQzB,EAAMwB,MAAM;;GAAA,EAEpCvB,EAAM,EAAA,IAAA,GAAA,EAAAyB,GAAAC,MAAA;GAAA,IAAAC,IAIDlC,EAAQmC,OAAKC,IACNxB,GAAS,EAAAyB,IAGnB/B,EAAMgC,IAAEC,IAMFjC,EAAMsB;AAAQ,UAAAM,MAAAD,EAAAO,KAAAC,EAAAvB,GAAAe,EAAAO,IAAAN,EAAA,EAAAE,MAAAH,EAAAS,KAAAC,EAAAzB,GAAA,gBAAAe,EAAAS,IAAAN,EAAA,EAAAC,MAAAJ,EAAAW,KAAAD,EAAAvB,GAAA,MAAAa,EAAAW,IAAAP,EAAA,EAAAE,MAAAN,EAAAY,MAAAzB,EAAAQ,WAAAK,EAAAY,IAAAN,IAAAN;KAAA;GAAAO,GAAA3B,KAAAA;GAAA6B,GAAA7B,KAAAA;GAAA+B,GAAA/B,KAAAA;GAAAgC,GAAAhC,KAAAA;GAAA,CAAA,EAAAmB,QAAAZ,EAAAR,UAFfA,GAAS,CAAA,EAAAI;KAAA;;AAMxB8B,EAAA,CAAA,QAAA,CAAA"}

package/dist/components/switch/Switch.styles.d.ts

@@ -1,5 +1,4 @@
 export declare const classes: {
     readonly switch: string;
     readonly thumb: string;
-    readonly input: string;
 };