@neut/ui 0.0.6 → 0.0.8

package/dist/components/dialog/DialogContent/DialogContent.context.js

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/dialog/DialogContent/DialogContent.context.ts
+var n = e(), r = () => {
+	let e = t(n);
+	if (!e) throw Error("useDialogContentContext must be used within an DialogContentProvider");
+	return e;
+};
+//#endregion
+export { n as DialogContentContext, r as useDialogContentContext };
+
+//# sourceMappingURL=DialogContent.context.js.map

package/dist/components/dialog/DialogContent/DialogContent.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.context.js","names":[],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.context.ts"],"sourcesContent":["import { createContext, useContext, type Setter } from \"solid-js\";\n\ninterface DialogContentContextValue {\n  setTitleID: Setter<string | undefined>;\n  setDescriptionID: Setter<string | undefined>;\n}\n\nexport const DialogContentContext = createContext<DialogContentContextValue>();\n\nexport const useDialogContentContext = () => {\n  const ctx = useContext(DialogContentContext);\n  if (!ctx)\n    throw new Error(\n      \"useDialogContentContext must be used within an DialogContentProvider\",\n    );\n\n  return ctx;\n};\n"],"mappings":";;AAOA,IAAa,IAAuB,GAA0C,EAEjE,UAAgC;CAC3C,IAAM,IAAM,EAAW,EAAqB;AAC5C,KAAI,CAAC,EACH,OAAU,MACR,uEACD;AAEH,QAAO"}

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

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

package/dist/components/dialog/DialogContent/DialogContent.js

@@ -0,0 +1,71 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useDialogContext as t } from "../Dialog/Dialog.context.js";
+import { DialogClose as n } from "../DialogClose/DialogClose.js";
+import { classes as r } from "./DialogContent.styles.js";
+import { DialogPortal as i } from "../DialogPortal/DialogPortal.js";
+import { DialogOverlay as a } from "../DialogOverlay/DialogOverlay.js";
+import { DialogContentContext as o } from "./DialogContent.context.js";
+import { createComponent as s, insert as c, mergeProps as l, spread as u, template as d } from "solid-js/web";
+import { Show as f, createSignal as p, mergeProps as m, splitProps as h } from "solid-js";
+//#region src/components/dialog/DialogContent/DialogContent.tsx
+var g = /* @__PURE__ */ d("<div role=presentation class=\"fixed inset-0 select-none\"aria-hidden=true>"), _ = /* @__PURE__ */ d("<span data-type=inside class=sr-only aria-hidden=true>"), v = /* @__PURE__ */ d("<div data-slot=dialog-content role=dialog>"), y = (d) => {
+	let { show: y, open: b, setShow: x } = t(), [S, C] = h(m({ showCloseButton: !0 }, d), [
+		"showCloseButton",
+		"class",
+		"classList",
+		"children"
+	]), [w, T] = p(), [E, D] = p();
+	return s(f, {
+		get when() {
+			return y();
+		},
+		get children() {
+			return s(o.Provider, {
+				value: {
+					setTitleID: T,
+					setDescriptionID: D
+				},
+				get children() {
+					return s(i, { get children() {
+						return [
+							g(),
+							s(a, {}),
+							_(),
+							(() => {
+								var t = v();
+								return t.addEventListener("animationend", () => {
+									b() || x(!1);
+								}), u(t, l({
+									get "data-open"() {
+										return b();
+									},
+									get class() {
+										return e(r, S.class);
+									},
+									get "aria-labelledby"() {
+										return w();
+									},
+									get "aria-describedby"() {
+										return E();
+									}
+								}, C), !1, !0), c(t, () => S.children, null), c(t, s(f, {
+									get when() {
+										return S.showCloseButton;
+									},
+									get children() {
+										return s(n, {});
+									}
+								}), null), t;
+							})(),
+							_()
+						];
+					} });
+				}
+			});
+		}
+	});
+};
+//#endregion
+export { y as DialogContent };
+
+//# sourceMappingURL=DialogContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.js","names":["createSignal","mergeProps","Show","splitProps","DialogContentProps","clsx","classes","DialogPortal","DialogOverlay","DialogContentContext","useDialogContext","DialogClose","DialogContent","props","show","open","setShow","merged","showCloseButton","const","local","others","titleID","setTitleID","descriptionID","setDescriptionID","_$createComponent","when","children","Provider","value","_tmpl$","_tmpl$2","_el$3","_tmpl$3","addEventListener","_$spread","_$mergeProps","data-open","class","aria-labelledby","aria-describedby","_$insert"],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.tsx"],"sourcesContent":["import { createSignal, mergeProps, Show, splitProps } from \"solid-js\";\nimport type { DialogContentProps } from \"./DialogContent.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogContent.styles\";\nimport { DialogPortal } from \"../DialogPortal\";\nimport { DialogOverlay } from \"../DialogOverlay\";\nimport { DialogContentContext } from \"./DialogContent.context\";\nimport { useDialogContext } from \"../Dialog\";\nimport { DialogClose } from \"../DialogClose\";\n\nexport const DialogContent = (props: DialogContentProps) => {\n  const { show, open, setShow } = useDialogContext();\n\n  const merged = mergeProps({ showCloseButton: true } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"showCloseButton\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const [titleID, setTitleID] = createSignal<string>();\n  const [descriptionID, setDescriptionID] = createSignal<string>();\n\n  return (\n    <Show when={show()}>\n      <DialogContentContext.Provider value={{ setTitleID, setDescriptionID }}>\n        <DialogPortal>\n          <div\n            role=\"presentation\"\n            class=\"fixed inset-0 select-none\"\n            aria-hidden=\"true\"\n          />\n          <DialogOverlay />\n          <span data-type=\"inside\" class=\"sr-only\" aria-hidden=\"true\" />\n          <div\n            data-slot=\"dialog-content\"\n            data-open={open()}\n            class={clsx(classes, local.class)}\n            role=\"dialog\"\n            aria-labelledby={titleID()}\n            aria-describedby={descriptionID()}\n            onAnimationEnd={() => {\n              if (open()) return;\n              setShow(false);\n            }}\n            {...others}\n          >\n            {local.children}\n            <Show when={local.showCloseButton}>\n              <DialogClose />\n            </Show>\n          </div>\n          <span data-type=\"inside\" class=\"sr-only\" aria-hidden=\"true\" />\n        </DialogPortal>\n      </DialogContentContext.Provider>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;;;gQAUaY,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,SAAMC,SAAMC,eAAYN,GAAkB,EAI5C,CAACU,GAAOC,KAAUlB,EAFTF,EAAW,EAAEiB,iBAAiB,IAAM,EAAWL,EAAM,EAEzB;EACzC;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACS,GAASC,KAAcvB,GAAsB,EAC9C,CAACwB,GAAeC,KAAoBzB,GAAsB;AAEhE,QAAA0B,EACGxB,GAAI;EAAA,IAACyB,OAAI;AAAA,UAAEb,GAAM;;EAAA,IAAAc,WAAA;AAAA,UAAAF,EACfjB,EAAqBoB,UAAQ;IAACC,OAAO;KAAEP;KAAYE;KAAkB;IAAA,IAAAG,WAAA;AAAA,YAAAF,EACnEnB,GAAY,EAAA,IAAAqB,WAAA;AAAA,aAAA;OAAAG,GAAA;OAAAL,EAMVlB,GAAa,EAAA,CAAA;OAAAwB,GAAA;cAAA;QAAA,IAAAC,IAAAC,GAAA;AAiBE,eAjBFD,EAAAE,iBAAA,sBASU;AAChBpB,YAAM,IACVC,EAAQ,GAAM;UACf,EAAAoB,EAAAH,GAAAI,EAAA;SAAA,IAAA,cAAA;AAAA,iBARUtB,GAAM;;SAAA,IAAA,QAAA;AAAA,iBACVV,EAAKC,GAASc,EAAMmB,MAAM;;SAAA,IAAA,oBAAA;AAAA,iBAEhBjB,GAAS;;SAAA,IAAA,qBAAA;AAAA,iBACRE,GAAe;;SAAA,EAK7BH,EAAM,EAAA,IAAA,GAAA,EAAAqB,EAAAT,SAETb,EAAMQ,UAAQ,KAAA,EAAAc,EAAAT,GAAAP,EACdxB,GAAI;SAAA,IAACyB,OAAI;AAAA,iBAAEP,EAAMF;;SAAe,IAAAU,WAAA;AAAA,iBAAAF,EAC9Bf,GAAW,EAAA,CAAA;;SAAA,CAAA,EAAA,KAAA,EAAAsB;WAAA;OAAAD,GAAA;OAAA;QAAA,CAAA;;IAAA,CAAA;;EAAA,CAAA"}

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

@@ -0,0 +1 @@
+export declare const classes = "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-white dark:bg-neutral-900 p-4 text-sm text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 duration-100 outline-none sm:max-w-sm data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=true]:zoom-in-95 data-[open=false]:animate-out data-[open=false]:fade-out-0 data-[open=false]:zoom-out-95";

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

@@ -0,0 +1,6 @@
+//#region src/components/dialog/DialogContent/DialogContent.styles.ts
+var e = "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-white dark:bg-neutral-900 p-4 text-sm text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 duration-100 outline-none sm:max-w-sm data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=true]:zoom-in-95 data-[open=false]:animate-out data-[open=false]:fade-out-0 data-[open=false]:zoom-out-95";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=DialogContent.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.styles.ts"],"sourcesContent":["export const classes =\n  \"fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-white dark:bg-neutral-900 p-4 text-sm text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 duration-100 outline-none sm:max-w-sm data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=true]:zoom-in-95 data-[open=false]:animate-out data-[open=false]:fade-out-0 data-[open=false]:zoom-out-95\";\n"],"mappings":";AAAA,IAAa,IACX"}

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

@@ -0,0 +1,4 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DialogContentProps = PolymorphicProps<"div", BaseProps & {
+    showCloseButton?: boolean;
+}, false>;

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

@@ -0,0 +1,2 @@
+export { DialogContent } from './DialogContent';
+export { useDialogContentContext } from './DialogContent.context';

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

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

package/dist/components/dialog/DialogDescription/DialogDescription.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 "./DialogDescription.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/DialogDescription/DialogDescription.tsx
+var u = /* @__PURE__ */ o("<p data-slot=dialog-description>"), d = (o) => {
+	let { setDescriptionID: 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 DialogDescription };
+
+//# sourceMappingURL=DialogDescription.js.map

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/field/FieldLabel/FieldLabel.js

@@ -8,7 +8,7 @@ var a = (a) => {
 	return n(t, r({
 		"data-slot": "field-label",
 		get class() {
-			return e("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-neutral-900/30 has-data-checked:bg-neutral-900/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-checked:border-neutral-200/20 dark:has-data-checked:bg-neutral-200/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", o.class);
+			return e("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-[checked=true]:border-neutral-900/30 has-data-[checked=true]:bg-neutral-900/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-[checked=true]:border-neutral-200/20 dark:has-data-[checked=true]:bg-neutral-200/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", o.class);
 		}
 	}, s));
 };

package/dist/components/field/FieldLabel/FieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.js","names":["splitProps","clsx","FieldLabelProps","Label","FieldLabel","props","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/field/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldLabelProps } from \"./FieldLabel.types\";\nimport { Label } from \"~/components/label\";\n\nexport const FieldLabel = (props: FieldLabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Label\n      data-slot=\"field-label\"\n      class={clsx(\n        \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-neutral-900/30 has-data-checked:bg-neutral-900/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-checked:border-neutral-200/20 dark:has-data-checked:bg-neutral-200/10\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,QAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEGR,EACL,2WACA,qEACAK,EAAMI,MACP;;EAAA,EACGH,EAAM,CAAA"}
+{"version":3,"file":"FieldLabel.js","names":["splitProps","clsx","FieldLabelProps","Label","FieldLabel","props","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/field/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldLabelProps } from \"./FieldLabel.types\";\nimport { Label } from \"~/components/label\";\n\nexport const FieldLabel = (props: FieldLabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Label\n      data-slot=\"field-label\"\n      class={clsx(\n        \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-[checked=true]:border-neutral-900/30 has-data-[checked=true]:bg-neutral-900/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-[checked=true]:border-neutral-200/20 dark:has-data-[checked=true]:bg-neutral-200/10\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,QAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEGR,EACL,uYACA,qEACAK,EAAMI,MACP;;EAAA,EACGH,EAAM,CAAA"}