@neut/ui 0.0.16 → 0.0.18

package/dist/components/drawer/DrawerSwipeHandle/DrawerSwipeHandle.d.ts

@@ -0,0 +1,6 @@
+import { DrawerSwipeHandleProps } from './DrawerSwipeHandle.types';
+/**
+ * 拖拽把手。横向抽屉在侧边显示竖条，纵向抽屉在顶部显示横条；
+ * 具体方向样式由 Content 上的 data-swipe-axis / direction 通过组选择器驱动。
+ */
+export declare function DrawerSwipeHandle(props: DrawerSwipeHandleProps): import('solid-js').JSX.Element;

package/dist/components/drawer/DrawerSwipeHandle/DrawerSwipeHandle.js

@@ -0,0 +1,27 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useDrawerContext as t } from "../Drawer/Drawer.context.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/drawer/DrawerSwipeHandle/DrawerSwipeHandle.tsx
+var o = /*#__PURE__*/ i("<div>");
+function s(i) {
+	t("DrawerSwipeHandle");
+	let [s, c] = a(i, ["class", "classList"]);
+	return (() => {
+		var t = o();
+		return r(t, n(c, {
+			"data-slot": "drawer-swipe-handle",
+			"aria-hidden": "true",
+			get class() {
+				return e("relative z-10 flex shrink-0 cursor-grab active:cursor-grabbing", "group-data-[swipe-axis=x]/drawer-popup:h-full group-data-[swipe-axis=x]/drawer-popup:w-3 group-data-[swipe-axis=x]/drawer-popup:items-center", "group-data-[swipe-axis=y]/drawer-popup:h-3 group-data-[swipe-axis=y]/drawer-popup:w-full group-data-[swipe-axis=y]/drawer-popup:justify-center", "group-data-[swipe-direction=down]/drawer-popup:items-end", "group-data-[swipe-direction=left]/drawer-popup:order-last group-data-[swipe-direction=left]/drawer-popup:justify-start", "group-data-[swipe-direction=right]/drawer-popup:justify-end", "group-data-[swipe-direction=up]/drawer-popup:order-last group-data-[swipe-direction=up]/drawer-popup:items-start", "after:block after:shrink-0 after:rounded-full after:bg-muted", "group-data-[swipe-axis=x]/drawer-popup:after:h-24 group-data-[swipe-axis=x]/drawer-popup:after:w-1", "group-data-[swipe-axis=y]/drawer-popup:after:h-1 group-data-[swipe-axis=y]/drawer-popup:after:w-24", s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}), !1, !1), t;
+	})();
+}
+//#endregion
+export { s as DrawerSwipeHandle };
+
+//# sourceMappingURL=DrawerSwipeHandle.js.map

package/dist/components/drawer/DrawerSwipeHandle/DrawerSwipeHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSwipeHandle.js","names":["splitProps","clsx","useDrawerContext","DrawerSwipeHandleProps","DrawerSwipeHandle","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","DrawerSwipeHandle","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/drawer/DrawerSwipeHandle/DrawerSwipeHandle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useDrawerContext } from \"../Drawer/Drawer.context\";\nimport type { DrawerSwipeHandleProps } from \"./DrawerSwipeHandle.types\";\n\n/**\n * 拖拽把手。横向抽屉在侧边显示竖条，纵向抽屉在顶部显示横条；\n * 具体方向样式由 Content 上的 data-swipe-axis / direction 通过组选择器驱动。\n */\nexport function DrawerSwipeHandle(props: DrawerSwipeHandleProps) {\n  useDrawerContext(\"DrawerSwipeHandle\");\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"drawer-swipe-handle\"\n      aria-hidden=\"true\"\n      class={clsx(\n        \"relative z-10 flex shrink-0 cursor-grab active:cursor-grabbing\",\n        // 轴向：x 轴是整列的竖条，y 轴是整行的横条\n        \"group-data-[swipe-axis=x]/drawer-popup:h-full group-data-[swipe-axis=x]/drawer-popup:w-3 group-data-[swipe-axis=x]/drawer-popup:items-center\",\n        \"group-data-[swipe-axis=y]/drawer-popup:h-3 group-data-[swipe-axis=y]/drawer-popup:w-full group-data-[swipe-axis=y]/drawer-popup:justify-center\",\n        // 方向：决定把手贴在面板哪条边、以及在行/列中的顺序\n        \"group-data-[swipe-direction=down]/drawer-popup:items-end\",\n        \"group-data-[swipe-direction=left]/drawer-popup:order-last group-data-[swipe-direction=left]/drawer-popup:justify-start\",\n        \"group-data-[swipe-direction=right]/drawer-popup:justify-end\",\n        \"group-data-[swipe-direction=up]/drawer-popup:order-last group-data-[swipe-direction=up]/drawer-popup:items-start\",\n        \"after:block after:shrink-0 after:rounded-full after:bg-muted\",\n        \"group-data-[swipe-axis=x]/drawer-popup:after:h-24 group-data-[swipe-axis=x]/drawer-popup:after:w-1\",\n        \"group-data-[swipe-axis=y]/drawer-popup:after:h-1 group-data-[swipe-axis=y]/drawer-popup:after:w-24\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgBI,EAAkBC,GAA+B;CAC/DH,EAAiB,mBAAmB;CACpC,IAAM,CAACI,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAoB8B,OApB9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAqB,eACnB;GAAM,IAAAiB,QAAA;IAAA,OACXvB,EACL,kEAEA,gJACA,kJAEA,4DACA,0HACA,+DACA,oHACA,gEACA,sGACA,sGACAK,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/drawer/DrawerSwipeHandle/DrawerSwipeHandle.types.d.ts

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

package/dist/components/drawer/DrawerSwipeHandle/index.d.ts

@@ -0,0 +1,2 @@
+export { DrawerSwipeHandle } from './DrawerSwipeHandle';
+export type { DrawerSwipeHandleProps } from './DrawerSwipeHandle.types';

package/dist/components/drawer/DrawerTitle/DrawerTitle.d.ts

@@ -0,0 +1,2 @@
+import { DrawerTitleProps } from './DrawerTitle.types';
+export declare function DrawerTitle(props: DrawerTitleProps): import('solid-js').JSX.Element;

package/dist/components/drawer/DrawerTitle/DrawerTitle.js

@@ -0,0 +1,28 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useDrawerContext as t } from "../Drawer/Drawer.context.js";
+import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { createUniqueId as a, onCleanup as o, onMount as s, splitProps as c } from "solid-js";
+//#region src/components/drawer/DrawerTitle/DrawerTitle.tsx
+var l = /*#__PURE__*/ i("<h2>");
+function u(i) {
+	let u = t("DrawerTitle"), [d, f] = c(i, ["class", "classList"]), p = `drawer-title-${a()}`;
+	return s(() => {
+		u.setTitleId(p), o(() => u.setTitleId(void 0));
+	}), (() => {
+		var t = l();
+		return r(t, n(f, {
+			id: p,
+			"data-slot": "drawer-title",
+			get class() {
+				return e("cn-font-heading text-base font-medium text-foreground", d.class);
+			},
+			get classList() {
+				return d.classList;
+			}
+		}), !1, !1), t;
+	})();
+}
+//#endregion
+export { u as DrawerTitle };
+
+//# sourceMappingURL=DrawerTitle.js.map

package/dist/components/drawer/DrawerTitle/DrawerTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTitle.js","names":["createUniqueId","onCleanup","onMount","splitProps","clsx","useDrawerContext","DrawerTitleProps","DrawerTitle","props","ctx","local","rest","id","setTitleId","undefined","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","DrawerTitle","ctx","useDrawerContext","local","rest","splitProps","props","id","createUniqueId","onMount","onCleanup","_el$","spread","mergeProps","\"id\"","\"class\"","clsx"],"sources":["../../../../src/components/drawer/DrawerTitle/DrawerTitle.tsx"],"sourcesContent":["import { createUniqueId, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useDrawerContext } from \"../Drawer/Drawer.context\";\nimport type { DrawerTitleProps } from \"./DrawerTitle.types\";\n\nexport function DrawerTitle(props: DrawerTitleProps) {\n  const ctx = useDrawerContext(\"DrawerTitle\");\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  const id = `drawer-title-${createUniqueId()}`;\n\n  onMount(() => {\n    ctx.setTitleId(id);\n    onCleanup(() => ctx.setTitleId(undefined));\n  });\n\n  return (\n    <h2\n      {...rest}\n      id={id}\n      data-slot=\"drawer-title\"\n      class={clsx(\n        \"cn-font-heading text-base font-medium text-foreground\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgBO,EAAYC,GAAyB;CACnD,IAAMC,IAAMJ,EAAiB,aAAa,GACpC,CAACK,GAAOC,KAAQR,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC,GACxDI,IAAK,gBAAgBZ,EAAe;CAO1C,OALAE,QAAc;EAEZD,AADAQ,EAAII,WAAWD,CAAE,GACjBX,QAAgBQ,EAAII,WAAWC,KAAAA,CAAS,CAAC;CAC3C,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAS8B,OAT9BC,EAAAF,GAAAG,EAEQP,GAAI;GAAA0B,IACJzB;GAAE,aACI;GAAc,IAAA0B,QAAA;IAAA,OACjBlC,EACL,yDACAM,EAAMS,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEV,EAAMU;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/drawer/DrawerTitle/DrawerTitle.types.d.ts

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

package/dist/components/drawer/DrawerTitle/index.d.ts

@@ -0,0 +1,2 @@
+export { DrawerTitle } from './DrawerTitle';
+export type { DrawerTitleProps } from './DrawerTitle.types';

package/dist/components/drawer/DrawerTrigger/DrawerTrigger.d.ts

@@ -0,0 +1,5 @@
+import { ValidComponent } from 'solid-js';
+import { Button } from '../../button';
+import { DrawerTriggerProps } from '../Drawer/Drawer.types';
+/** 打开抽屉的触发器，默认渲染 Button，可多态替换 */
+export declare const DrawerTrigger: <T extends ValidComponent = typeof Button<"button">>(props: DrawerTriggerProps<T>) => import('solid-js').JSX.Element;

package/dist/components/drawer/DrawerTrigger/DrawerTrigger.js

@@ -0,0 +1,38 @@
+import { mergeRefs as e } from "../../../utils/ref.js";
+import { Button as t } from "../../button/Button.js";
+import { useDrawerContext as n } from "../Drawer/Drawer.context.js";
+import { Dynamic as r, createComponent as i, memo as a, mergeProps as o } from "solid-js/web";
+import { onCleanup as s } from "solid-js";
+//#region src/components/drawer/DrawerTrigger/DrawerTrigger.tsx
+var c = (c) => {
+	let l = n("DrawerTrigger"), u = (e) => {
+		let t = () => {
+			l.open() || l.setOpen(!0, "trigger-press");
+		};
+		e.addEventListener("click", t), s(() => e.removeEventListener("click", t));
+	};
+	return i(r, o(c, {
+		get component() {
+			return c.component ?? t;
+		},
+		ref(t) {
+			var n = e((e) => l.setTrigger(e), c.ref, u);
+			typeof n == "function" && n(t);
+		},
+		"data-slot": "drawer-trigger",
+		"aria-haspopup": "dialog",
+		get "aria-expanded"() {
+			return l.open();
+		},
+		get "aria-controls"() {
+			return a(() => !!l.open())() ? l.contentId : void 0;
+		},
+		get "data-state"() {
+			return l.open() ? "open" : "closed";
+		}
+	}));
+};
+//#endregion
+export { c as DrawerTrigger };
+
+//# sourceMappingURL=DrawerTrigger.js.map

package/dist/components/drawer/DrawerTrigger/DrawerTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTrigger.js","names":["onCleanup","ValidComponent","Dynamic","Button","mergeRefs","useDrawerContext","DrawerTriggerProps","DrawerTrigger","props","T","ctx","attach","el","Element","onClick","open","setOpen","addEventListener","removeEventListener","_$createComponent","_$mergeProps","component","ref","r$","_ref$","setTrigger","HTMLElement","aria-expanded","aria-controls","_$memo","contentId","undefined","data-state","_$createComponent","_$mergeProps","_$memo","DrawerTrigger","ctx","useDrawerContext","attach","onClick","el","onCleanup","createComponent","Dynamic","mergeProps","props","Button","_ref$","mergeRefs","r$","memo"],"sources":["../../../../src/components/drawer/DrawerTrigger/DrawerTrigger.tsx"],"sourcesContent":["import { onCleanup, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Button } from \"~/components/button\";\nimport { mergeRefs } from \"~/utils\";\nimport { useDrawerContext } from \"../Drawer/Drawer.context\";\nimport type { DrawerTriggerProps } from \"../Drawer/Drawer.types\";\n\n/** 打开抽屉的触发器，默认渲染 Button，可多态替换 */\nexport const DrawerTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: DrawerTriggerProps<T>,\n) => {\n  const ctx = useDrawerContext(\"DrawerTrigger\");\n\n  const attach = (el: Element) => {\n    const onClick = () => {\n      if (!ctx.open()) ctx.setOpen(true, \"trigger-press\");\n    };\n    el.addEventListener(\"click\", onClick);\n    onCleanup(() => el.removeEventListener(\"click\", onClick));\n  };\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(\n        (el: Element) => ctx.setTrigger(el as HTMLElement),\n        props.ref,\n        attach,\n      )}\n      data-slot=\"drawer-trigger\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n    />\n  );\n};\n"],"mappings":";;;;;;AAQA,IAAaO,KAGXC,MACG;CACH,IAAME,IAAML,EAAiB,eAAe,GAEtCM,KAAUC,MAAgB;EAC9B,IAAME,UAAgB;GACpB,AAAKJ,EAAIK,KAAK,KAAGL,EAAIM,QAAQ,IAAM,eAAe;EACpD;EAEAhB,AADAY,EAAGK,iBAAiB,SAASH,CAAO,GACpCd,QAAgBY,EAAGM,oBAAoB,SAASJ,CAAO,CAAC;CAC1D;CAEA,OAAAK,EACGjB,GAAOkB,EACFZ,GAAK;EAAA,IACTa,YAAS;GAAA,OAAGb,EAAMa,aAAgClB;EAAgB;EAAAmB,IAAAC,GAAA;GAAA,IAAAC,IAC7DpB,GACFQ,MAAgBF,EAAIe,WAAWb,CAAiB,GACjDJ,EAAMc,KACNX,CACF;GAAC,OAAAa,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAGcb,EAAIK,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVc,QAAA,CAAA,CAAAnB,EAAIK,KAAK,CAAC,CAAA,CAAA,IAAGL,EAAIoB,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzCrB,EAAIK,KAAK,IAAI,SAAS;EAAQ;CAAA,CAAA,CAAA;AAGhD"}

package/dist/components/drawer/DrawerTrigger/index.d.ts

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

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

@@ -0,0 +1,20 @@
+export { Drawer, useDrawerContext } from './Drawer';
+export type { DrawerProps, DrawerContextValue, DrawerSwipeDirection, DrawerChangeReason, DrawerChangeEventDetails, DrawerTriggerProps, DrawerCloseProps, } from './Drawer';
+export { DrawerTrigger } from './DrawerTrigger';
+export { DrawerClose } from './DrawerClose';
+export { DrawerPortal } from './DrawerPortal';
+export type { DrawerPortalProps } from './DrawerPortal';
+export { DrawerOverlay } from './DrawerOverlay';
+export type { DrawerOverlayProps } from './DrawerOverlay';
+export { DrawerSwipeHandle } from './DrawerSwipeHandle';
+export type { DrawerSwipeHandleProps } from './DrawerSwipeHandle';
+export { DrawerContent } from './DrawerContent';
+export type { DrawerContentProps } from './DrawerContent';
+export { DrawerHeader } from './DrawerHeader';
+export type { DrawerHeaderProps } from './DrawerHeader';
+export { DrawerFooter } from './DrawerFooter';
+export type { DrawerFooterProps } from './DrawerFooter';
+export { DrawerTitle } from './DrawerTitle';
+export type { DrawerTitleProps } from './DrawerTitle';
+export { DrawerDescription } from './DrawerDescription';
+export type { DrawerDescriptionProps } from './DrawerDescription';

package/dist/components/drawer/index.js

@@ -0,0 +1,13 @@
+import { useDrawerContext as e } from "./Drawer/Drawer.context.js";
+import { Drawer as t } from "./Drawer/Drawer.js";
+import { DrawerTrigger as n } from "./DrawerTrigger/DrawerTrigger.js";
+import { DrawerClose as r } from "./DrawerClose/DrawerClose.js";
+import { DrawerPortal as i } from "./DrawerPortal/DrawerPortal.js";
+import { DrawerOverlay as a } from "./DrawerOverlay/DrawerOverlay.js";
+import { DrawerSwipeHandle as o } from "./DrawerSwipeHandle/DrawerSwipeHandle.js";
+import { DrawerContent as s } from "./DrawerContent/DrawerContent.js";
+import { DrawerHeader as c } from "./DrawerHeader/DrawerHeader.js";
+import { DrawerFooter as l } from "./DrawerFooter/DrawerFooter.js";
+import { DrawerTitle as u } from "./DrawerTitle/DrawerTitle.js";
+import { DrawerDescription as d } from "./DrawerDescription/DrawerDescription.js";
+export { t as Drawer, r as DrawerClose, s as DrawerContent, d as DrawerDescription, l as DrawerFooter, c as DrawerHeader, a as DrawerOverlay, i as DrawerPortal, o as DrawerSwipeHandle, u as DrawerTitle, n as DrawerTrigger, e as useDrawerContext };

package/dist/components/dropdown-menu/DropdownMenuTrigger/DropdownMenuTrigger.js

@@ -5,31 +5,31 @@ import { useDropdownMenuTrigger as r } from "./useDropdownMenuTrigger.js";
 import { Dynamic as i, createComponent as a, memo as o, mergeProps as s } from "solid-js/web";
 //#region src/components/dropdown-menu/DropdownMenuTrigger/DropdownMenuTrigger.tsx
 var c = (c) => {
-	let { ctx: l, attachListeners: u } = r();
+	let l = () => !!c.disabled, { ctx: u, attachListeners: d } = r(l);
 	return a(i, s(c, {
 		get component() {
 			return c.component ?? n;
 		},
 		ref(e) {
-			var n = t((e) => l.setTrigger(e), c.ref, u);
+			var n = t((e) => u.setTrigger(e), c.ref, d);
 			typeof n == "function" && n(e);
 		},
 		get disabled() {
-			return l.disabled() || c.disabled;
+			return u.disabled() || l();
 		},
 		"data-slot": "dropdown-menu-trigger",
 		"aria-haspopup": "menu",
 		get "aria-expanded"() {
-			return l.open();
+			return u.open();
 		},
 		get "aria-controls"() {
-			return o(() => !!l.open())() ? l.contentId : void 0;
+			return o(() => !!u.open())() ? u.contentId : void 0;
 		},
 		get "data-state"() {
-			return l.open() ? "open" : "closed";
+			return u.open() ? "open" : "closed";
 		},
 		get "data-popup-open"() {
-			return l.open() ? "" : void 0;
+			return u.open() ? "" : void 0;
 		},
 		get class() {
 			return e(c.class);

package/dist/components/dropdown-menu/DropdownMenuTrigger/DropdownMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuTrigger.js","names":["ValidComponent","Dynamic","Button","clsx","mergeRefs","useDropdownMenuTrigger","DropdownMenuTriggerProps","DropdownMenuTrigger","props","T","ctx","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","el","Element","setTrigger","HTMLElement","disabled","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state","data-popup-open","class","_$createComponent","_$mergeProps","_$memo","DropdownMenuTrigger","useDropdownMenuTrigger","createComponent","Dynamic","mergeProps","props","Button","_ref$","mergeRefs","ctx","el","attachListeners","r$","memo","\"class\"","clsx"],"sources":["../../../../src/components/dropdown-menu/DropdownMenuTrigger/DropdownMenuTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Button } from \"~/components/button\";\nimport { clsx, mergeRefs } from \"~/utils\";\nimport { useDropdownMenuTrigger } from \"./useDropdownMenuTrigger\";\nimport type { DropdownMenuTriggerProps } from \"./DropdownMenuTrigger.types\";\n\n/** 默认渲染 Button；点击或方向键/Enter/Space 打开菜单 */\nexport const DropdownMenuTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: DropdownMenuTriggerProps<T>,\n) => {\n  const { ctx, attachListeners } = useDropdownMenuTrigger();\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(\n        (el: Element) => ctx.setTrigger(el as HTMLElement),\n        props.ref,\n        attachListeners,\n      )}\n      disabled={ctx.disabled() || (props as { disabled?: boolean }).disabled}\n      data-slot=\"dropdown-menu-trigger\"\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      data-popup-open={ctx.open() ? \"\" : undefined}\n      class={clsx(props.class)}\n    />\n  );\n};\n"],"mappings":";;;;;;AAQA,IAAaO,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,uBAAoBN,EAAuB;CAExD,OAAAO,EACGX,GAAOY,EACFL,GAAK;EAAA,IACTM,YAAS;GAAA,OAAGN,EAAMM,aAAgCZ;EAAgB;EAAAa,IAAAC,GAAA;GAAA,IAAAC,IAC7Db,GACFc,MAAgBR,EAAIU,WAAWF,CAAiB,GACjDV,EAAMO,KACNJ,CACF;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,IACDM,WAAQ;GAAA,OAAEZ,EAAIY,SAAS,KAAMd,EAAiCc;EAAQ;EAAA,aAAA;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAGvDZ,EAAIc,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAhB,EAAIc,KAAK,CAAC,CAAA,CAAA,IAAGd,EAAIiB,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzClB,EAAIc,KAAK,IAAI,SAAS;EAAQ;EAAA,IAAA,oBAAA;GAAA,OACzBd,EAAIc,KAAK,IAAI,KAAKI,KAAAA;EAAS;EAAA,IAAAqB,QAAA;GAAA,OACrC9C,EAAKK,EAAMuB,KAAK;EAAC;CAAA,CAAA,CAAA;AAG9B"}
+{"version":3,"file":"DropdownMenuTrigger.js","names":["ValidComponent","Dynamic","Button","clsx","mergeRefs","useDropdownMenuTrigger","DropdownMenuTriggerProps","DropdownMenuTrigger","props","T","ownDisabled","Boolean","disabled","ctx","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","el","Element","setTrigger","HTMLElement","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state","data-popup-open","class","_$createComponent","_$mergeProps","_$memo","DropdownMenuTrigger","ownDisabled","props","useDropdownMenuTrigger","createComponent","Dynamic","mergeProps","Button","_ref$","mergeRefs","ctx","el","attachListeners","r$","memo","\"class\"","clsx"],"sources":["../../../../src/components/dropdown-menu/DropdownMenuTrigger/DropdownMenuTrigger.tsx"],"sourcesContent":["// classlist-opt-out: Dynamic 的 component 是 Button（子组件会自己处理 classList），实际不丢\nimport type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Button } from \"~/components/button\";\nimport { clsx, mergeRefs } from \"~/utils\";\nimport { useDropdownMenuTrigger } from \"./useDropdownMenuTrigger\";\nimport type { DropdownMenuTriggerProps } from \"./DropdownMenuTrigger.types\";\n\n/** 默认渲染 Button；点击或方向键/Enter/Space 打开菜单 */\nexport const DropdownMenuTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: DropdownMenuTriggerProps<T>,\n) => {\n  const ownDisabled = () => Boolean((props as { disabled?: boolean }).disabled);\n  const { ctx, attachListeners } = useDropdownMenuTrigger(ownDisabled);\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(\n        (el: Element) => ctx.setTrigger(el as HTMLElement),\n        props.ref,\n        attachListeners,\n      )}\n      disabled={ctx.disabled() || ownDisabled()}\n      data-slot=\"dropdown-menu-trigger\"\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      data-popup-open={ctx.open() ? \"\" : undefined}\n      class={clsx(props.class)}\n    />\n  );\n};\n"],"mappings":";;;;;;AASA,IAAaO,KAGXC,MACG;CACH,IAAME,UAAoBC,EAASH,EAAiCI,UAC9D,EAAEC,QAAKC,uBAAoBT,EAAuBK,CAAW;CAEnE,OAAAK,EACGd,GAAOe,EACFR,GAAK;EAAA,IACTS,YAAS;GAAA,OAAGT,EAAMS,aAAgCf;EAAgB;EAAAgB,IAAAC,GAAA;GAAA,IAAAC,IAC7DhB,GACFiB,MAAgBR,EAAIU,WAAWF,CAAiB,GACjDb,EAAMU,KACNJ,CACF;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,IACDP,WAAQ;GAAA,OAAEC,EAAID,SAAS,KAAKF,EAAY;EAAC;EAAA,aAAA;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAG1BG,EAAIa,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAf,EAAIa,KAAK,CAAC,CAAA,CAAA,IAAGb,EAAIgB,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzCjB,EAAIa,KAAK,IAAI,SAAS;EAAQ;EAAA,IAAA,oBAAA;GAAA,OACzBb,EAAIa,KAAK,IAAI,KAAKI,KAAAA;EAAS;EAAA,IAAAsB,QAAA;GAAA,OACrCjD,EAAKK,EAAMyB,KAAK;EAAC;CAAA,CAAA,CAAA;AAG9B"}

package/dist/components/dropdown-menu/DropdownMenuTrigger/useDropdownMenuTrigger.d.ts

@@ -1,4 +1,10 @@
-export declare function useDropdownMenuTrigger(): {
+export declare function useDropdownMenuTrigger(
+/**
+ * 触发器自身的 disabled（根状态之外的 `props.disabled`）。
+ * 必须参与守卫：多态渲染成 div/a 时浏览器不会帮忙屏蔽点击，
+ * 只判 `ctx.disabled()` 会让"禁用的触发器"照样打开菜单。
+ */
+ownDisabled: () => boolean): {
     ctx: import('../DropdownMenu').DropdownMenuContextValue;
     attachListeners: (el: Element) => void;
 };

package/dist/components/dropdown-menu/DropdownMenuTrigger/useDropdownMenuTrigger.js

@@ -1,25 +1,25 @@
 import { useDropdownMenuContext as e } from "../DropdownMenu/DropdownMenu.context.js";
 import { onCleanup as t } from "solid-js";
 //#region src/components/dropdown-menu/DropdownMenuTrigger/useDropdownMenuTrigger.ts
-function n() {
-	let n = e("DropdownMenuTrigger");
+function n(n) {
+	let r = e("DropdownMenuTrigger");
 	return {
-		ctx: n,
+		ctx: r,
 		attachListeners: (e) => {
-			let r = (e) => {
-				n.disabled() || n.toggle(e);
-			}, i = (e) => {
-				if (n.disabled()) return;
+			let i = () => r.disabled() || n(), a = (e) => {
+				i() || r.toggle(e);
+			}, o = (e) => {
+				if (i()) return;
 				let t = e;
 				[
 					"ArrowDown",
 					"ArrowUp",
 					"Enter",
 					" "
-				].includes(t.key) && (t.preventDefault(), n.open() || n.setOpen(!0, t));
+				].includes(t.key) && (t.preventDefault(), r.open() || r.setOpen(!0, t));
 			};
-			e.addEventListener("click", r), e.addEventListener("keydown", i), t(() => {
-				e.removeEventListener("click", r), e.removeEventListener("keydown", i);
+			e.addEventListener("click", a), e.addEventListener("keydown", o), t(() => {
+				e.removeEventListener("click", a), e.removeEventListener("keydown", o);
 			});
 		}
 	};

package/dist/components/dropdown-menu/DropdownMenuTrigger/useDropdownMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownMenuTrigger.js","names":["useDropdownMenuTrigger","ctx","useDropdownMenuContext","onClick","event","onKeyDown","e","el","onCleanup"],"sources":["../../../../src/components/dropdown-menu/DropdownMenuTrigger/useDropdownMenuTrigger.ts"],"sourcesContent":["import { onCleanup } from \"solid-js\";\nimport { useDropdownMenuContext } from \"../DropdownMenu/DropdownMenu.context\";\n\nexport function useDropdownMenuTrigger() {\n  const ctx = useDropdownMenuContext(\"DropdownMenuTrigger\");\n\n  const attachListeners = (el: Element) => {\n    const onClick = (event: Event) => {\n      if (ctx.disabled()) return;\n      ctx.toggle(event);\n    };\n\n    const onKeyDown = (event: Event) => {\n      if (ctx.disabled()) return;\n      const e = event as KeyboardEvent;\n      if (![\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(e.key)) return;\n      e.preventDefault();\n      if (!ctx.open()) ctx.setOpen(true, e);\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, attachListeners };\n}\n"],"mappings":";;;AAGA,SAAgBA,IAAyB;CACvC,IAAMC,IAAMC,EAAuB,qBAAqB;CAwBxD,OAAO;EAAE;EAAK,kBAtBW,MAAgB;GACvC,IAAMC,KAAW,MAAiB;IAChC,AAAIF,EAAI,SAAS,KACjBA,EAAI,OAAOG,CAAK;GAClB,GAEMC,KAAa,MAAiB;IAClC,IAAIJ,EAAI,SAAS,GAAG;IACpB,IAAMK,IAAIF;IACV,AAAK;KAAC;KAAa;KAAW;KAAS;IAAG,CAAC,CAAC,SAASE,EAAE,GAAG,MAC1DA,EAAE,eAAe,GACZL,EAAI,KAAK,KAAGA,EAAI,QAAQ,IAAMK,CAAC;GACtC;GAIA,AAFAC,EAAG,iBAAiB,SAASJ,CAAO,GACpCI,EAAG,iBAAiB,WAAWF,CAAS,GACxCG,QAAgB;IAEd,AADAD,EAAG,oBAAoB,SAASJ,CAAO,GACvCI,EAAG,oBAAoB,WAAWF,CAAS;GAC7C,CAAC;EACH;CAE8B;AAChC"}
+{"version":3,"file":"useDropdownMenuTrigger.js","names":["useDropdownMenuTrigger","ctx","useDropdownMenuContext","disabled","ownDisabled","onClick","event","onKeyDown","e","el","onCleanup"],"sources":["../../../../src/components/dropdown-menu/DropdownMenuTrigger/useDropdownMenuTrigger.ts"],"sourcesContent":["import { onCleanup } from \"solid-js\";\nimport { useDropdownMenuContext } from \"../DropdownMenu/DropdownMenu.context\";\n\nexport function useDropdownMenuTrigger(\n  /**\n   * 触发器自身的 disabled（根状态之外的 `props.disabled`）。\n   * 必须参与守卫：多态渲染成 div/a 时浏览器不会帮忙屏蔽点击，\n   * 只判 `ctx.disabled()` 会让\"禁用的触发器\"照样打开菜单。\n   */\n  ownDisabled: () => boolean,\n) {\n  const ctx = useDropdownMenuContext(\"DropdownMenuTrigger\");\n\n  const attachListeners = (el: Element) => {\n    const disabled = () => ctx.disabled() || ownDisabled();\n\n    const onClick = (event: Event) => {\n      if (disabled()) return;\n      ctx.toggle(event);\n    };\n\n    const onKeyDown = (event: Event) => {\n      if (disabled()) return;\n      const e = event as KeyboardEvent;\n      if (![\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(e.key)) return;\n      e.preventDefault();\n      if (!ctx.open()) ctx.setOpen(true, e);\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, attachListeners };\n}\n"],"mappings":";;;AAGA,SAAgBA,EAMd,GACA;CACA,IAAMC,IAAMC,EAAuB,qBAAqB;CA0BxD,OAAO;EAAE;EAAK,kBAxBW,MAAgB;GACvC,IAAMC,UAAiBF,EAAI,SAAS,KAAKG,EAAY,GAE/CC,KAAW,MAAiB;IAChC,AAAIF,EAAS,KACbF,EAAI,OAAOK,CAAK;GAClB,GAEMC,KAAa,MAAiB;IAClC,IAAIJ,EAAS,GAAG;IAChB,IAAMK,IAAIF;IACV,AAAK;KAAC;KAAa;KAAW;KAAS;IAAG,CAAC,CAAC,SAASE,EAAE,GAAG,MAC1DA,EAAE,eAAe,GACZP,EAAI,KAAK,KAAGA,EAAI,QAAQ,IAAMO,CAAC;GACtC;GAIA,AAFAC,EAAG,iBAAiB,SAASJ,CAAO,GACpCI,EAAG,iBAAiB,WAAWF,CAAS,GACxCG,QAAgB;IAEd,AADAD,EAAG,oBAAoB,SAASJ,CAAO,GACvCI,EAAG,oBAAoB,WAAWF,CAAS;GAC7C,CAAC;EACH;CAE8B;AAChC"}

package/dist/components/field/Field/Field.js

@@ -17,6 +17,9 @@ var s = /*#__PURE__*/ i("<div role=group data-slot=field>"), c = (i) => {
 			},
 			get class() {
 				return e(t({ orientation: l.orientation }), l.class);
+			},
+			get classList() {
+				return l.classList;
 			}
 		}, u), !1, !1), i;
 	})();

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

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":["mergeProps","splitProps","clsx","FieldProps","fieldVariants","Field","props","merged","orientation","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","class","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","Field","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx","fieldVariants"],"sources":["../../../../src/components/field/Field/Field.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldProps } from \"./Field.types\";\nimport { fieldVariants } from \"./Field.styles\";\n\nexport const Field = (props: FieldProps) => {\n  const merged = mergeProps({ orientation: \"vertical\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={local.orientation}\n      class={clsx(\n        fieldVariants({ orientation: local.orientation }),\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;6DAKaK,KAASC,MAAsB;CAC1C,IAAMC,IAASP,EAAW,EAAEQ,aAAa,WAAW,GAAYF,CAAK,GAE/D,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,cAAA;EAAA,IAAAK,IAAAC,EAAA;EASc,OATdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAIsBL,EAAMF;GAAW;GAAA,IAAAuB,QAAA;IAAA,OAC5B7B,EACLE,EAAc,EAAEI,aAAaE,EAAMF,YAAY,CAAC,GAChDE,EAAMO,KACR;GAAC;EAAA,GACGN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"Field.js","names":["mergeProps","splitProps","clsx","FieldProps","fieldVariants","Field","props","merged","orientation","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","class","classList","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","Field","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx","fieldVariants"],"sources":["../../../../src/components/field/Field/Field.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldProps } from \"./Field.types\";\nimport { fieldVariants } from \"./Field.styles\";\n\nexport const Field = (props: FieldProps) => {\n  const merged = mergeProps({ orientation: \"vertical\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={local.orientation}\n      class={clsx(\n        fieldVariants({ orientation: local.orientation }),\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;6DAKaK,KAASC,MAAsB;CAC1C,IAAMC,IAASP,EAAW,EAAEQ,aAAa,WAAW,GAAYF,CAAK,GAE/D,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAUc,OAVdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAIsBL,EAAMF;GAAW;GAAA,IAAAwB,QAAA;IAAA,OAC5B9B,EACLE,EAAc,EAAEI,aAAaE,EAAMF,YAAY,CAAC,GAChDE,EAAMO,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAER,EAAMQ;GAAS;EAAA,GACtBP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/field/FieldContent/FieldContent.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<div data-slot=field-content>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("group/field-content flex flex-1 flex-col gap-0.5 leading-snug", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("group/field-content flex flex-1 flex-col gap-0.5 leading-snug", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"FieldContent.js","names":["splitProps","clsx","FieldContentProps","FieldContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","FieldContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldContent/FieldContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldContentProps } from \"./FieldContent.types\";\n\nexport const FieldContent = (props: FieldContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"field-content\"\n      class={clsx(\n        \"group/field-content flex flex-1 flex-col gap-0.5 leading-snug\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0DAIaG,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EACL,iEACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"FieldContent.js","names":["splitProps","clsx","FieldContentProps","FieldContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","FieldContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldContent/FieldContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldContentProps } from \"./FieldContent.types\";\n\nexport const FieldContent = (props: FieldContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"field-content\"\n      class={clsx(\n        \"group/field-content flex flex-1 flex-col gap-0.5 leading-snug\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0DAIaG,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EACL,iEACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/field/FieldDescription/FieldDescription.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<p data-slot=field-description>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"FieldDescription.js","names":["splitProps","clsx","FieldDescriptionProps","FieldDescription","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","FieldDescription","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldDescription/FieldDescription.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldDescriptionProps } from \"./FieldDescription.types\";\n\nexport const FieldDescription = (props: FieldDescriptionProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <p\n      data-slot=\"field-description\"\n      class={clsx(\n        \"text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5\",\n        \"last:mt-0 nth-last-2:-mt-1\",\n        \"[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;4DAIaG,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EASc,OATdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EACL,qJACA,8BACA,qEACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"FieldDescription.js","names":["splitProps","clsx","FieldDescriptionProps","FieldDescription","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","FieldDescription","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldDescription/FieldDescription.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldDescriptionProps } from \"./FieldDescription.types\";\n\nexport const FieldDescription = (props: FieldDescriptionProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <p\n      data-slot=\"field-description\"\n      class={clsx(\n        \"text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5\",\n        \"last:mt-0 nth-last-2:-mt-1\",\n        \"[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;4DAIaG,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAUc,OAVdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EACL,qJACA,8BACA,qEACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/field/FieldError/FieldError.js

@@ -26,9 +26,14 @@ var l = /*#__PURE__*/ a("<ul class=\"ml-4 flex list-disc flex-col gap-1\">"), u
 		},
 		get children() {
 			var t = d();
-			return i(t, r({ get class() {
-				return e("text-sm font-normal text-destructive", f.class);
-			} }, p), !1, !0), n(t, m), t;
+			return i(t, r({
+				get class() {
+					return e("text-sm font-normal text-destructive", f.class);
+				},
+				get classList() {
+					return f.classList;
+				}
+			}, p), !1, !0), n(t, m), t;
 		}
 	});
 };

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

@@ -1 +1 @@
-{"version":3,"file":"FieldError.js","names":["children","Show","splitProps","clsx","FieldErrorProps","FieldError","props","local","others","resolved","errors","length","uniqueErrors","Map","map","error","message","values","_el$","_tmpl$","_$insert","_el$2","_tmpl$2","_$createComponent","when","_el$3","_tmpl$3","_$spread","_$mergeProps","class","_$createComponent","_$mergeProps","_tmpl$","_tmpl$2","_tmpl$3","FieldError","local","others","splitProps","props","resolved","children","uniqueErrors","error","_el$","insert","_el$2","createComponent","Show","_el$3","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldError/FieldError.tsx"],"sourcesContent":["import { children, Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldErrorProps } from \"./FieldError.types\";\n\nexport const FieldError = (props: FieldErrorProps) => {\n  const [local, others] = splitProps(props, [\n    \"errors\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const resolved = children(() => {\n    if (local.children) return local.children;\n\n    if (!local.errors?.length) return null;\n\n    const uniqueErrors = [\n      ...new Map(local.errors.map((error) => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul class=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error) => error?.message && <li>{error.message}</li>,\n        )}\n      </ul>\n    );\n  });\n\n  return (\n    <Show when={resolved()}>\n      <div\n        role=\"alert\"\n        data-slot=\"field-error\"\n        class={clsx(\"text-sm font-normal text-destructive\", local.class)}\n        {...others}\n      >\n        {resolved()}\n      </div>\n    </Show>\n  );\n};\n"],"mappings":";;;;0KAIaK,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEKG,IAAWT,QAAe;EAC9B,IAAIO,EAAMP,UAAU,OAAOO,EAAMP;EAEjC,IAAI,CAACO,EAAMG,QAAQC,QAAQ,OAAO;EAElC,IAAMC,IAAe,CACnB,GAAG,IAAIC,IAAIN,EAAMG,OAAOI,KAAKC,MAAU,CAACA,GAAOC,SAASD,CAAK,CAAC,CAAC,CAAC,CAACE,OAAO,CAAC;EAO3E,OAJIL,GAAcD,WAAW,IACpBC,EAAa,EAAE,EAAEI,iBAG1B;GAAA,IAAAE,IAAAC,EAAA;GAIK,OAJLC,EAAAF,SAEKN,EAAaE,KACXC,MAAUA,GAAOC,kBAAO;IAAA,IAAAK,IAAAC,EAAA;IAAsB,OAAtBF,EAAAC,SAASN,EAAMC,OAAO,GAAAK;GAAA,EAAA,CAAA,CACjD,CAAC,GAAAH;EAAA,EAAA,CAAA;CAGP,CAAC;CAED,OAAAK,EACGtB,GAAI;EAAA,IAACuB,OAAI;GAAA,OAAEf,EAAS;EAAC;EAAA,IAAAT,WAAA;GAAA,IAAAyB,IAAAC,EAAA;GAOT,OAPSC,EAAAF,GAAAG,EAAA,EAAA,IAAAwB,QAAA;IAAA,OAIXjD,EAAK,wCAAwCI,EAAMsB,KAAK;GAAC,EAAA,GAC5DrB,CAAM,GAAA,IAAA,EAAA,GAAAY,EAAAK,GAEThB,CAAQ,GAAAgB;EAAA;CAAA,CAAA;AAIjB"}
+{"version":3,"file":"FieldError.js","names":["children","Show","splitProps","clsx","FieldErrorProps","FieldError","props","local","others","resolved","errors","length","uniqueErrors","Map","map","error","message","values","_el$","_tmpl$","_$insert","_el$2","_tmpl$2","_$createComponent","when","_el$3","_tmpl$3","_$spread","_$mergeProps","class","classList","_$createComponent","_$mergeProps","_tmpl$","_tmpl$2","_tmpl$3","FieldError","local","others","splitProps","props","resolved","children","uniqueErrors","error","_el$","insert","_el$2","createComponent","Show","_el$3","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldError/FieldError.tsx"],"sourcesContent":["import { children, Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldErrorProps } from \"./FieldError.types\";\n\nexport const FieldError = (props: FieldErrorProps) => {\n  const [local, others] = splitProps(props, [\n    \"errors\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const resolved = children(() => {\n    if (local.children) return local.children;\n\n    if (!local.errors?.length) return null;\n\n    const uniqueErrors = [\n      ...new Map(local.errors.map((error) => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul class=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error) => error?.message && <li>{error.message}</li>,\n        )}\n      </ul>\n    );\n  });\n\n  return (\n    <Show when={resolved()}>\n      <div\n        role=\"alert\"\n        data-slot=\"field-error\"\n        class={clsx(\"text-sm font-normal text-destructive\", local.class)}\n        classList={local.classList}\n        {...others}\n      >\n        {resolved()}\n      </div>\n    </Show>\n  );\n};\n"],"mappings":";;;;0KAIaK,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEKG,IAAWT,QAAe;EAC9B,IAAIO,EAAMP,UAAU,OAAOO,EAAMP;EAEjC,IAAI,CAACO,EAAMG,QAAQC,QAAQ,OAAO;EAElC,IAAMC,IAAe,CACnB,GAAG,IAAIC,IAAIN,EAAMG,OAAOI,KAAKC,MAAU,CAACA,GAAOC,SAASD,CAAK,CAAC,CAAC,CAAC,CAACE,OAAO,CAAC;EAO3E,OAJIL,GAAcD,WAAW,IACpBC,EAAa,EAAE,EAAEI,iBAG1B;GAAA,IAAAE,IAAAC,EAAA;GAIK,OAJLC,EAAAF,SAEKN,EAAaE,KACXC,MAAUA,GAAOC,kBAAO;IAAA,IAAAK,IAAAC,EAAA;IAAsB,OAAtBF,EAAAC,SAASN,EAAMC,OAAO,GAAAK;GAAA,EAAA,CAAA,CACjD,CAAC,GAAAH;EAAA,EAAA,CAAA;CAGP,CAAC;CAED,OAAAK,EACGtB,GAAI;EAAA,IAACuB,OAAI;GAAA,OAAEf,EAAS;EAAC;EAAA,IAAAT,WAAA;GAAA,IAAAyB,IAAAC,EAAA;GAQT,OARSC,EAAAF,GAAAG,EAAA;IAAA,IAAAyB,QAAA;KAAA,OAIXlD,EAAK,wCAAwCI,EAAMsB,KAAK;IAAC;IAAA,IAChEC,YAAS;KAAA,OAAEvB,EAAMuB;IAAS;GAAA,GACtBtB,CAAM,GAAA,IAAA,EAAA,GAAAY,EAAAK,GAEThB,CAAQ,GAAAgB;EAAA;CAAA,CAAA;AAIjB"}

package/dist/components/field/FieldGroup/FieldGroup.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<div data-slot=field-group>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.js","names":["splitProps","clsx","FieldGroupProps","FieldGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","FieldGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldGroup/FieldGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldGroupProps } from \"./FieldGroup.types\";\n\nexport const FieldGroup = (props: FieldGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"field-group\"\n      class={clsx(\n        \"group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;wDAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EACL,wIACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"FieldGroup.js","names":["splitProps","clsx","FieldGroupProps","FieldGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","FieldGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldGroup/FieldGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldGroupProps } from \"./FieldGroup.types\";\n\nexport const FieldGroup = (props: FieldGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"field-group\"\n      class={clsx(\n        \"group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;wDAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EACL,wIACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

@@ -9,6 +9,9 @@ var a = (a) => {
 		"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=true]:border-primary/30 has-data-[checked=true]:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-[checked=true]:border-primary/20 dark:has-data-[checked=true]:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", o.class);
+		},
+		get classList() {
+			return o.classList;
 		}
 	}, 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","_$createComponent","_$mergeProps","FieldLabel","local","others","splitProps","props","createComponent","Label","mergeProps","\"class\"","clsx"],"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-primary/30 has-data-[checked=true]:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-[checked=true]:border-primary/20 dark:has-data-[checked=true]:bg-primary/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,WAAW,CAAC;CAEhE,OAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,IAAAY,QAAA;GAAA,OAEGpB,EACL,uXACA,qEACAK,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"FieldLabel.js","names":["splitProps","clsx","FieldLabelProps","Label","FieldLabel","props","local","others","_$createComponent","_$mergeProps","class","classList","_$createComponent","_$mergeProps","FieldLabel","local","others","splitProps","props","createComponent","Label","mergeProps","\"class\"","clsx"],"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-primary/30 has-data-[checked=true]:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-[checked=true]:border-primary/20 dark:has-data-[checked=true]:bg-primary/10\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,IAAAa,QAAA;GAAA,OAEGrB,EACL,uXACA,qEACAK,EAAMI,KACR;EAAC;EAAA,IACDC,YAAS;GAAA,OAAEL,EAAMK;EAAS;CAAA,GACtBJ,CAAM,CAAA;AAGhB"}

package/dist/components/field/FieldLegend/FieldLegend.js

@@ -16,6 +16,9 @@ var o = /*#__PURE__*/ r("<legend data-slot=field-legend>"), s = (r) => {
 			},
 			get class() {
 				return e("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", c.class);
+			},
+			get classList() {
+				return c.classList;
 			}
 		}, l), !1, !1), r;
 	})();

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

@@ -1 +1 @@
-{"version":3,"file":"FieldLegend.js","names":["mergeProps","splitProps","clsx","FieldLegendProps","FieldLegend","props","merged","variant","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-variant","class","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","FieldLegend","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldLegend/FieldLegend.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldLegendProps } from \"./FieldLegend.types\";\n\nexport const FieldLegend = (props: FieldLegendProps) => {\n  const merged = mergeProps({ variant: \"legend\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\"variant\", \"class\", \"classList\"]);\n\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={local.variant}\n      class={clsx(\n        \"mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;4DAIaI,KAAeC,MAA4B;CACtD,IAAMC,IAASN,EAAW,EAAEO,SAAS,SAAS,GAAYF,CAAK,GAEzD,CAACI,GAAOC,KAAUT,EAAWK,GAAQ;EAAC;EAAW;EAAS;CAAW,CAAC;CAE5E,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,iBAAA;IAAA,OAGkBL,EAAMF;GAAO;GAAA,IAAAuB,QAAA;IAAA,OACpB5B,EACL,mFACAO,EAAMO,KACR;GAAC;EAAA,GACGN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"FieldLegend.js","names":["mergeProps","splitProps","clsx","FieldLegendProps","FieldLegend","props","merged","variant","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-variant","class","classList","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","FieldLegend","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldLegend/FieldLegend.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldLegendProps } from \"./FieldLegend.types\";\n\nexport const FieldLegend = (props: FieldLegendProps) => {\n  const merged = mergeProps({ variant: \"legend\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\"variant\", \"class\", \"classList\"]);\n\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={local.variant}\n      class={clsx(\n        \"mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;4DAIaI,KAAeC,MAA4B;CACtD,IAAMC,IAASN,EAAW,EAAEO,SAAS,SAAS,GAAYF,CAAK,GAEzD,CAACI,GAAOC,KAAUT,EAAWK,GAAQ;EAAC;EAAW;EAAS;CAAW,CAAC;CAE5E,cAAA;EAAA,IAAAK,IAAAC,EAAA;EASc,OATdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,iBAAA;IAAA,OAGkBL,EAAMF;GAAO;GAAA,IAAAwB,QAAA;IAAA,OACpB7B,EACL,mFACAO,EAAMO,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAER,EAAMQ;GAAS;EAAA,GACtBP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/field/FieldSeparator/FieldSeparator.js

@@ -17,6 +17,9 @@ var l = /*#__PURE__*/ o("<span class=\"relative mx-auto block w-fit bg-backgroun
 			},
 			get class() {
 				return e("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", d.class);
+			},
+			get classList() {
+				return d.classList;
 			}
 		}, f), !1, !0), r(o, n(t, { class: "absolute inset-0 top-1/2" }), null), r(o, n(s, {
 			get when() {

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

@@ -1 +1 @@
-{"version":3,"file":"FieldSeparator.js","names":["Show","splitProps","clsx","FieldSeparatorProps","Separator","FieldSeparator","props","local","others","_el$","_tmpl$2","_$spread","_$mergeProps","data-content","children","class","_$insert","_$createComponent","when","_el$2","_tmpl$","_$mergeProps","_$createComponent","_tmpl$","_tmpl$2","FieldSeparator","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","insert","createComponent","Separator","Show","_el$2"],"sources":["../../../../src/components/field/FieldSeparator/FieldSeparator.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldSeparatorProps } from \"./FieldSeparator.types\";\nimport { Separator } from \"~/components/separator\";\n\nexport const FieldSeparator = (props: FieldSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!local.children}\n      class={clsx(\n        \"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\",\n        local.class,\n      )}\n      {...others}\n    >\n      <Separator class=\"absolute inset-0 top-1/2\" />\n\n      <Show when={local.children}>\n        <span\n          class=\"relative mx-auto block w-fit bg-background px-2 text-muted-foreground\"\n          data-slot=\"field-separator-content\"\n        >\n          {local.children}\n        </span>\n      </Show>\n    </div>\n  );\n};\n"],"mappings":";;;;;4MAKaK,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE5E,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAiBuB,OAjBvBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,iBAAA;IAAA,OAGkB,CAAC,CAACL,EAAMO;GAAQ;GAAA,IAAAmB,QAAA;IAAA,OACvB/B,EACL,6EACAK,EAAMQ,KACR;GAAC;EAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAQ,EAAAP,GAAAQ,EAETb,GAAS,EAAA6B,OAAA,2BAAA,CAAA,GAAA,IAAA,GAAAjB,EAAAP,GAAAQ,EAETjB,GAAI;GAAA,IAACkB,OAAI;IAAA,OAAEX,EAAMO;GAAQ;GAAA,IAAAA,WAAA;IAAA,IAAAK,IAAAC,EAAA;IAKP,OALOJ,EAAAG,SAKrBZ,EAAMO,QAAQ,GAAAK;GAAA;EAAA,CAAA,GAAA,IAAA,GAAAV;CAAA,EAAA,CAAA;AAKzB"}
+{"version":3,"file":"FieldSeparator.js","names":["Show","splitProps","clsx","FieldSeparatorProps","Separator","FieldSeparator","props","local","others","_el$","_tmpl$2","_$spread","_$mergeProps","data-content","children","class","classList","_$insert","_$createComponent","when","_el$2","_tmpl$","_$mergeProps","_$createComponent","_tmpl$","_tmpl$2","FieldSeparator","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","insert","createComponent","Separator","Show","_el$2"],"sources":["../../../../src/components/field/FieldSeparator/FieldSeparator.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldSeparatorProps } from \"./FieldSeparator.types\";\nimport { Separator } from \"~/components/separator\";\n\nexport const FieldSeparator = (props: FieldSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!local.children}\n      class={clsx(\n        \"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    >\n      <Separator class=\"absolute inset-0 top-1/2\" />\n\n      <Show when={local.children}>\n        <span\n          class=\"relative mx-auto block w-fit bg-background px-2 text-muted-foreground\"\n          data-slot=\"field-separator-content\"\n        >\n          {local.children}\n        </span>\n      </Show>\n    </div>\n  );\n};\n"],"mappings":";;;;;4MAKaK,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE5E,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAkBuB,OAlBvBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,iBAAA;IAAA,OAGkB,CAAC,CAACL,EAAMO;GAAQ;GAAA,IAAAoB,QAAA;IAAA,OACvBhC,EACL,6EACAK,EAAMQ,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAS,EAAAR,GAAAS,EAETd,GAAS,EAAA8B,OAAA,2BAAA,CAAA,GAAA,IAAA,GAAAjB,EAAAR,GAAAS,EAETlB,GAAI;GAAA,IAACmB,OAAI;IAAA,OAAEZ,EAAMO;GAAQ;GAAA,IAAAA,WAAA;IAAA,IAAAM,IAAAC,EAAA;IAKP,OALOJ,EAAAG,SAKrBb,EAAMO,QAAQ,GAAAM;GAAA;EAAA,CAAA,GAAA,IAAA,GAAAX;CAAA,EAAA,CAAA;AAKzB"}

package/dist/components/field/FieldSet/FieldSet.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<fieldset data-slot=field-set>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"FieldSet.js","names":["splitProps","FieldSetProps","clsx","FieldSet","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","FieldSet","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldSet/FieldSet.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { FieldSetProps } from \"./FieldSet.types\";\nimport { clsx } from \"~/utils\";\n\nexport const FieldSet = (props: FieldSetProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      class={clsx(\n        \"flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;2DAIaG,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWpB,EACL,oGACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"FieldSet.js","names":["splitProps","FieldSetProps","clsx","FieldSet","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","FieldSet","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldSet/FieldSet.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { FieldSetProps } from \"./FieldSet.types\";\nimport { clsx } from \"~/utils\";\n\nexport const FieldSet = (props: FieldSetProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      class={clsx(\n        \"flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;2DAIaG,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWrB,EACL,oGACAG,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}