@neut/ui 0.0.16 → 0.0.18

package/dist/components/sheet/SheetContent/SheetContent.js

@@ -0,0 +1,48 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { DialogSurface as t } from "../../dialog/DialogSurface/DialogSurface.js";
+import { SheetClose as n } from "../SheetClose/SheetClose.js";
+import { closeClasses as r, contentBase as i, sideClasses as a } from "./SheetContent.styles.js";
+import { createComponent as o, memo as s, mergeProps as c } from "solid-js/web";
+import { Show as l, mergeProps as u, splitProps as d } from "solid-js";
+//#region src/components/sheet/SheetContent/SheetContent.tsx
+var f = (f) => {
+	let p = u({
+		side: "right",
+		showCloseButton: !0
+	}, f), [m, h] = d(p, [
+		"side",
+		"showCloseButton",
+		"class",
+		"classList",
+		"children"
+	]);
+	return o(t, c(h, {
+		role: "dialog",
+		"data-slot": "sheet-content",
+		get "data-side"() {
+			return m.side;
+		},
+		get class() {
+			return e(i, a(m.side), m.class);
+		},
+		get classList() {
+			return m.classList;
+		},
+		get children() {
+			return [s(() => m.children), o(l, {
+				get when() {
+					return m.showCloseButton;
+				},
+				get children() {
+					return o(n, { get class() {
+						return r(m.side);
+					} });
+				}
+			})];
+		}
+	}));
+};
+//#endregion
+export { f as SheetContent };
+
+//# sourceMappingURL=SheetContent.js.map

package/dist/components/sheet/SheetContent/SheetContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContent.js","names":["Show","mergeProps","splitProps","clsx","DialogSurface","SheetClose","closeClasses","contentBase","sideClasses","SheetContentProps","SheetContent","props","merged","side","const","showCloseButton","local","others","_$createComponent","_$mergeProps","role","data-side","class","classList","children","_$memo","when","mergeProps","_$createComponent","_$mergeProps","_$memo","mergeProps$1","SheetContent","merged","props","local","others","splitProps","createComponent","DialogSurface","mergeProps","\"class\"","clsx","contentBase","sideClasses","memo","Show","SheetClose","closeClasses"],"sources":["../../../../src/components/sheet/SheetContent/SheetContent.tsx"],"sourcesContent":["import { Show, mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { DialogSurface } from \"~/components/dialog\";\nimport { SheetClose } from \"../SheetClose\";\nimport { closeClasses, contentBase, sideClasses } from \"./SheetContent.styles\";\nimport type { SheetContentProps } from \"../sheet.types\";\n\n/**\n * Sheet 面板:复用 DialogSurface(Portal/Overlay/滚动锁定/挂载动画/ARIA),\n * 通过 `data-side` + 方向类实现贴边与滑入滑出。\n */\nexport const SheetContent = (props: SheetContentProps) => {\n  const merged = mergeProps(\n    { side: \"right\" as const, showCloseButton: true },\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"side\",\n    \"showCloseButton\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  return (\n    <DialogSurface\n      {...others}\n      role=\"dialog\"\n      data-slot=\"sheet-content\"\n      data-side={local.side}\n      class={clsx(contentBase, sideClasses(local.side), local.class)}\n      classList={local.classList}\n    >\n      {local.children}\n      <Show when={local.showCloseButton}>\n        <SheetClose class={closeClasses(local.side)} />\n      </Show>\n    </DialogSurface>\n  );\n};\n"],"mappings":";;;;;;;AAWA,IAAaU,KAAgBC,MAA6B;CACxD,IAAMC,IAASX,EACb;EAAEY,MAAM;EAAkBE,iBAAiB;CAAK,GAChDJ,CACF,GAEM,CAACK,GAAOC,KAAUf,EAAWU,GAAQ;EACzC;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAM,EACGd,GAAae,EACRF,GAAM;EACVG,MAAI;EAAA,aAAA;EAAA,IAAA,cAAA;GAAA,OAEOJ,EAAMH;EAAI;EAAA,IAAA4B,QAAA;GAAA,OACdtC,EAAKI,GAAaC,EAAYQ,EAAMH,IAAI,GAAGG,EAAMM,KAAK;EAAC;EAAA,IAC9DC,YAAS;GAAA,OAAEP,EAAMO;EAAS;EAAA,IAAAC,WAAA;GAAA,OAAA,CAAAC,QAEzBT,EAAMQ,QAAQ,GAAAN,EACdlB,GAAI;IAAA,IAAC0B,OAAI;KAAA,OAAEV,EAAMD;IAAe;IAAA,IAAAS,WAAA;KAAA,OAAAN,EAC9Bb,GAAU,EAAA,IAAAoC,QAAA;MAAA,OAAQnC,EAAaU,EAAMH,IAAI;KAAC,EAAA,CAAA;IAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA,CAAA;AAInD"}

package/dist/components/sheet/SheetContent/SheetContent.styles.d.ts

@@ -0,0 +1,10 @@
+import { SheetSide } from '../sheet.types';
+/**
+ * 贴边面板的基础样式。动画走本仓库既有的 animate-in/out 工具类:
+ * 打开时从对应边滑入 + 淡入,关闭时滑出 + 淡出,由 DialogSurface 的
+ * onAnimationEnd 负责卸载。
+ */
+export declare const contentBase = "fixed z-50 flex flex-col gap-4 bg-white dark:bg-neutral-900 text-sm text-neutral-950 dark:text-neutral-50 shadow-lg outline-none select-none duration-200 data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0";
+export declare function sideClasses(side: SheetSide): string;
+/** 右上角关闭按钮位置;左右两侧留白一致,顶部/底部面板也适用 */
+export declare function closeClasses(_side: SheetSide): string;

package/dist/components/sheet/SheetContent/SheetContent.styles.js

@@ -0,0 +1,17 @@
+//#region src/components/sheet/SheetContent/SheetContent.styles.ts
+var e = "fixed z-50 flex flex-col gap-4 bg-white dark:bg-neutral-900 text-sm text-neutral-950 dark:text-neutral-50 shadow-lg outline-none select-none duration-200 data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0", t = {
+	top: "inset-x-0 top-0 h-auto border-b data-[open=true]:slide-in-from-top data-[open=false]:slide-out-to-top",
+	bottom: "inset-x-0 bottom-0 h-auto border-t data-[open=true]:slide-in-from-bottom data-[open=false]:slide-out-to-bottom",
+	left: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm data-[open=true]:slide-in-from-left data-[open=false]:slide-out-to-left",
+	right: "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm data-[open=true]:slide-in-from-right data-[open=false]:slide-out-to-right"
+};
+function n(e) {
+	return t[e];
+}
+function r(e) {
+	return "absolute top-4 right-4";
+}
+//#endregion
+export { r as closeClasses, e as contentBase, n as sideClasses };
+
+//# sourceMappingURL=SheetContent.styles.js.map

package/dist/components/sheet/SheetContent/SheetContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContent.styles.js","names":["contentBase","sideStyles","sideClasses","side","closeClasses"],"sources":["../../../../src/components/sheet/SheetContent/SheetContent.styles.ts"],"sourcesContent":["import type { SheetSide } from \"../sheet.types\";\n\n/**\n * 贴边面板的基础样式。动画走本仓库既有的 animate-in/out 工具类:\n * 打开时从对应边滑入 + 淡入,关闭时滑出 + 淡出,由 DialogSurface 的\n * onAnimationEnd 负责卸载。\n */\nexport const contentBase =\n  \"fixed z-50 flex flex-col gap-4 bg-white dark:bg-neutral-900 text-sm text-neutral-950 dark:text-neutral-50 shadow-lg outline-none select-none duration-200 data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0\";\n\nconst sideStyles: Record<SheetSide, string> = {\n  top: \"inset-x-0 top-0 h-auto border-b data-[open=true]:slide-in-from-top data-[open=false]:slide-out-to-top\",\n  bottom:\n    \"inset-x-0 bottom-0 h-auto border-t data-[open=true]:slide-in-from-bottom data-[open=false]:slide-out-to-bottom\",\n  left: \"inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm data-[open=true]:slide-in-from-left data-[open=false]:slide-out-to-left\",\n  right:\n    \"inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm data-[open=true]:slide-in-from-right data-[open=false]:slide-out-to-right\",\n};\n\nexport function sideClasses(side: SheetSide): string {\n  return sideStyles[side];\n}\n\n/** 右上角关闭按钮位置;左右两侧留白一致,顶部/底部面板也适用 */\nexport function closeClasses(_side: SheetSide): string {\n  return \"absolute top-4 right-4\";\n}\n"],"mappings":";AAOA,IAAaA,IACX,+QAEIC,IAAwC;CAC5C,KAAK;CACL,QACE;CACF,MAAM;CACN,OACE;AACJ;AAEA,SAAgBC,EAAY,GAAyB;CACnD,OAAOD,EAAWE;AACpB;AAGA,SAAgBC,EAAa,GAA0B;CACrD,OAAO;AACT"}

package/dist/components/sheet/SheetContent/index.d.ts

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

package/dist/components/sheet/SheetDescription/SheetDescription.d.ts

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

package/dist/components/sheet/SheetDescription/SheetDescription.js

@@ -0,0 +1,25 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useDialogContentContext as t } from "../../dialog/DialogContent/DialogContent.context.js";
+import { classes as n } from "./SheetDescription.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/sheet/SheetDescription/SheetDescription.tsx
+var u = /*#__PURE__*/ o("<p data-slot=sheet-description>");
+function 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);
+			},
+			get classList() {
+				return f.classList;
+			}
+		}, p), !1, !1), t;
+	})();
+}
+//#endregion
+export { d as SheetDescription };
+
+//# sourceMappingURL=SheetDescription.js.map

package/dist/components/sheet/SheetDescription/SheetDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetDescription.js","names":["createUniqueId","onMount","splitProps","clsx","useDialogContentContext","classes","SheetDescriptionProps","SheetDescription","props","setDescriptionID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SheetDescription","useDialogContentContext","local","others","splitProps","props","id","createUniqueId","onMount","setDescriptionID","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/sheet/SheetDescription/SheetDescription.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useDialogContentContext } from \"~/components/dialog\";\nimport { classes } from \"./SheetDescription.styles\";\nimport type { SheetDescriptionProps } from \"../sheet.types\";\n\nexport function SheetDescription(props: SheetDescriptionProps) {\n  const { setDescriptionID } = useDialogContentContext();\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n  const id = createUniqueId();\n\n  onMount(() => setDescriptionID(id));\n\n  return (\n    <p\n      id={id}\n      data-slot=\"sheet-description\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgBO,EAAiBC,GAA8B;CAC7D,IAAM,EAAEC,wBAAqBL,EAAwB,GAC/C,CAACM,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAC1DI,IAAKZ,EAAe;CAI1B,OAFAC,QAAcQ,EAAiBG,CAAE,CAAC,UAElC;EAAA,IAAAC,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA;GAAA,IAAAmB,QAAA;IAAA,OAECjC,EAAKE,GAASK,EAAMQ,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sheet/SheetDescription/SheetDescription.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/sheet/SheetDescription/SheetDescription.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/sheet/SheetDescription/SheetDescription.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=SheetDescription.styles.js.map

package/dist/components/sheet/SheetDescription/SheetDescription.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetDescription.styles.js","names":["classes"],"sources":["../../../../src/components/sheet/SheetDescription/SheetDescription.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,IAAaA,IACX"}

package/dist/components/sheet/SheetDescription/index.d.ts

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

package/dist/components/sheet/SheetFooter/SheetFooter.d.ts

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

package/dist/components/sheet/SheetFooter/SheetFooter.js

@@ -0,0 +1,24 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/sheet/SheetFooter/SheetFooter.tsx
+var a = /*#__PURE__*/ r("<div>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "sheet-footer",
+			get class() {
+				return e("mt-auto flex flex-col gap-2 p-4", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as SheetFooter };
+
+//# sourceMappingURL=SheetFooter.js.map

package/dist/components/sheet/SheetFooter/SheetFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetFooter.js","names":["splitProps","clsx","SheetFooterProps","SheetFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SheetFooter","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sheet/SheetFooter/SheetFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { SheetFooterProps } from \"../sheet.types\";\n\nexport function SheetFooter(props: SheetFooterProps) {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...others}\n      data-slot=\"sheet-footer\"\n      class={clsx(\"mt-auto flex flex-col gap-2 p-4\", local.class)}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAYC,GAAyB;CACnD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAChE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAK8B,OAL9BC,EAAAF,GAAAG,EAEQJ,GAAM;GAAA,aACA;GAAc,IAAAiB,QAAA;IAAA,OACjBtB,EAAK,mCAAmCI,EAAMM,KAAK;GAAC;GAAA,IAC3DC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/sheet/SheetFooter/index.d.ts

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

package/dist/components/sheet/SheetHeader/SheetHeader.d.ts

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

package/dist/components/sheet/SheetHeader/SheetHeader.js

@@ -0,0 +1,24 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/sheet/SheetHeader/SheetHeader.tsx
+var a = /*#__PURE__*/ r("<div>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "sheet-header",
+			get class() {
+				return e("flex flex-col gap-1.5 p-4", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as SheetHeader };
+
+//# sourceMappingURL=SheetHeader.js.map

package/dist/components/sheet/SheetHeader/SheetHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetHeader.js","names":["splitProps","clsx","SheetHeaderProps","SheetHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SheetHeader","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sheet/SheetHeader/SheetHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { SheetHeaderProps } from \"../sheet.types\";\n\nexport function SheetHeader(props: SheetHeaderProps) {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...others}\n      data-slot=\"sheet-header\"\n      class={clsx(\"flex flex-col gap-1.5 p-4\", local.class)}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAYC,GAAyB;CACnD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAChE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAK8B,OAL9BC,EAAAF,GAAAG,EAEQJ,GAAM;GAAA,aACA;GAAc,IAAAiB,QAAA;IAAA,OACjBtB,EAAK,6BAA6BI,EAAMM,KAAK;GAAC;GAAA,IACrDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/sheet/SheetHeader/index.d.ts

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

package/dist/components/sheet/SheetTitle/SheetTitle.d.ts

@@ -0,0 +1,3 @@
+import { SheetTitleProps } from '../sheet.types';
+/** 通过 DialogContentContext 注入 id,供 DialogSurface 的 aria-labelledby 使用 */
+export declare function SheetTitle(props: SheetTitleProps): import('solid-js').JSX.Element;

package/dist/components/sheet/SheetTitle/SheetTitle.js

@@ -0,0 +1,25 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useDialogContentContext as t } from "../../dialog/DialogContent/DialogContent.context.js";
+import { classes as n } from "./SheetTitle.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/sheet/SheetTitle/SheetTitle.tsx
+var u = /*#__PURE__*/ o("<h2 data-slot=sheet-title>");
+function 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);
+			},
+			get classList() {
+				return f.classList;
+			}
+		}, p), !1, !1), t;
+	})();
+}
+//#endregion
+export { d as SheetTitle };
+
+//# sourceMappingURL=SheetTitle.js.map

package/dist/components/sheet/SheetTitle/SheetTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetTitle.js","names":["createUniqueId","onMount","splitProps","clsx","useDialogContentContext","classes","SheetTitleProps","SheetTitle","props","setTitleID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SheetTitle","useDialogContentContext","local","others","splitProps","props","id","createUniqueId","onMount","setTitleID","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/sheet/SheetTitle/SheetTitle.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useDialogContentContext } from \"~/components/dialog\";\nimport { classes } from \"./SheetTitle.styles\";\nimport type { SheetTitleProps } from \"../sheet.types\";\n\n/** 通过 DialogContentContext 注入 id,供 DialogSurface 的 aria-labelledby 使用 */\nexport function SheetTitle(props: SheetTitleProps) {\n  const { setTitleID } = useDialogContentContext();\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n  const id = createUniqueId();\n\n  onMount(() => setTitleID(id));\n\n  return (\n    <h2\n      id={id}\n      data-slot=\"sheet-title\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgBO,EAAWC,GAAwB;CACjD,IAAM,EAAEC,kBAAeL,EAAwB,GACzC,CAACM,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAC1DI,IAAKZ,EAAe;CAI1B,OAFAC,QAAcQ,EAAWG,CAAE,CAAC,UAE5B;EAAA,IAAAC,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA;GAAA,IAAAmB,QAAA;IAAA,OAECjC,EAAKE,GAASK,EAAMQ,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sheet/SheetTitle/SheetTitle.styles.d.ts

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

package/dist/components/sheet/SheetTitle/SheetTitle.styles.js

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

package/dist/components/sheet/SheetTitle/SheetTitle.styles.js.map

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

package/dist/components/sheet/SheetTitle/index.d.ts

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

package/dist/components/sheet/SheetTrigger/SheetTrigger.d.ts

@@ -0,0 +1,8 @@
+import { ValidComponent } from 'solid-js';
+import { Button } from '../../button';
+import { SheetTriggerProps } from '../sheet.types';
+/**
+ * 复用 Dialog 的 trigger 逻辑(多态、disabled、aria-haspopup/expanded/state),
+ * 只替换 `data-slot`。
+ */
+export declare const SheetTrigger: <T extends ValidComponent = typeof Button<"button">>(props: SheetTriggerProps<T>) => import('solid-js').JSX.Element;

package/dist/components/sheet/SheetTrigger/SheetTrigger.js

@@ -0,0 +1,32 @@
+import { mergeRefs as e } from "../../../utils/ref.js";
+import { Button as t } from "../../button/Button.js";
+import { useDialogTrigger as n } from "../../dialog/DialogTrigger/useDialogTrigger.js";
+import { Dynamic as r, createComponent as i, mergeProps as a } from "solid-js/web";
+//#region src/components/sheet/SheetTrigger/SheetTrigger.tsx
+var o = (o) => {
+	let { open: s, isDisabled: c, attachListeners: l } = n(() => o);
+	return i(r, a(o, {
+		get component() {
+			return o.component ?? t;
+		},
+		ref(t) {
+			var n = e(o.ref, l);
+			typeof n == "function" && n(t);
+		},
+		get disabled() {
+			return c();
+		},
+		"data-slot": "sheet-trigger",
+		"aria-haspopup": "dialog",
+		get "aria-expanded"() {
+			return s();
+		},
+		get "data-state"() {
+			return s() ? "open" : "closed";
+		}
+	}));
+};
+//#endregion
+export { o as SheetTrigger };
+
+//# sourceMappingURL=SheetTrigger.js.map

package/dist/components/sheet/SheetTrigger/SheetTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetTrigger.js","names":["ValidComponent","Dynamic","Button","useDialogTrigger","mergeRefs","SheetTriggerProps","SheetTrigger","props","T","open","isDisabled","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","disabled","aria-expanded","data-state","_$createComponent","_$mergeProps","SheetTrigger","useDialogTrigger","props","createComponent","Dynamic","mergeProps","Button","_ref$","mergeRefs","attachListeners","r$","isDisabled","open"],"sources":["../../../../src/components/sheet/SheetTrigger/SheetTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Button } from \"~/components/button\";\nimport { useDialogTrigger } from \"~/components/dialog\";\nimport { mergeRefs } from \"~/utils\";\nimport type { SheetTriggerProps } from \"../sheet.types\";\n\n/**\n * 复用 Dialog 的 trigger 逻辑(多态、disabled、aria-haspopup/expanded/state),\n * 只替换 `data-slot`。\n */\nexport const SheetTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: SheetTriggerProps<T>,\n) => {\n  const { open, isDisabled, attachListeners } = useDialogTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(props.ref, attachListeners)}\n      disabled={isDisabled()}\n      data-slot=\"sheet-trigger\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={open()}\n      data-state={open() ? \"open\" : \"closed\"}\n    />\n  );\n};\n"],"mappings":";;;;;AAWA,IAAaM,KAGXC,MACG;CACH,IAAM,EAAEE,SAAMC,eAAYC,uBAAoBR,QAAuBI,CAAK;CAE1E,OAAAK,EACGX,GAAOY,EACFN,GAAK;EAAA,IACTO,YAAS;GAAA,OAAGP,EAAMO,aAAgCZ;EAAgB;EAAAa,IAAAC,GAAA;GAAA,IAAAC,IAC7Db,EAAUG,EAAMQ,KAAKJ,CAAe;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,IAC1CE,WAAQ;GAAA,OAAER,EAAW;EAAC;EAAA,aAAA;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAGPD,EAAK;EAAC;EAAA,IAAA,eAAA;GAAA,OACTA,EAAK,IAAI,SAAS;EAAQ;CAAA,CAAA,CAAA;AAG5C"}

package/dist/components/sheet/SheetTrigger/index.d.ts

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

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

@@ -0,0 +1,9 @@
+export { Sheet } from './Sheet';
+export { SheetTrigger } from './SheetTrigger';
+export { SheetClose } from './SheetClose';
+export { SheetContent } from './SheetContent';
+export { SheetHeader } from './SheetHeader';
+export { SheetFooter } from './SheetFooter';
+export { SheetTitle } from './SheetTitle';
+export { SheetDescription } from './SheetDescription';
+export type { SheetSide, SheetProps, SheetTriggerProps, SheetCloseProps, SheetContentProps, SheetHeaderProps, SheetFooterProps, SheetTitleProps, SheetDescriptionProps, } from './sheet.types';

package/dist/components/sheet/index.js

@@ -0,0 +1,9 @@
+import { Sheet as e } from "./Sheet/Sheet.js";
+import { SheetTrigger as t } from "./SheetTrigger/SheetTrigger.js";
+import { SheetClose as n } from "./SheetClose/SheetClose.js";
+import { SheetContent as r } from "./SheetContent/SheetContent.js";
+import { SheetHeader as i } from "./SheetHeader/SheetHeader.js";
+import { SheetFooter as a } from "./SheetFooter/SheetFooter.js";
+import { SheetTitle as o } from "./SheetTitle/SheetTitle.js";
+import { SheetDescription as s } from "./SheetDescription/SheetDescription.js";
+export { e as Sheet, n as SheetClose, r as SheetContent, s as SheetDescription, a as SheetFooter, i as SheetHeader, o as SheetTitle, t as SheetTrigger };

package/dist/components/sheet/sheet.types.d.ts

@@ -0,0 +1,19 @@
+import { ValidComponent } from 'solid-js';
+import { ButtonProps } from '../button';
+import { DialogProps, DialogSurfaceProps } from '../dialog';
+import { BaseProps, PolymorphicProps } from '../../types';
+export type SheetSide = "top" | "right" | "bottom" | "left";
+/** Sheet 根:复用 Dialog 的 open/defaultOpen/onOpenChange/lockScroll */
+export type SheetProps = DialogProps;
+export type SheetTriggerProps<T extends ValidComponent> = PolymorphicProps<T>;
+export type SheetCloseProps = ButtonProps<"button">;
+export type SheetContentProps = DialogSurfaceProps & {
+    /** 贴靠的屏幕边缘,默认 "right" */
+    side?: SheetSide;
+    /** 是否显示右上角关闭按钮,默认 true */
+    showCloseButton?: boolean;
+};
+export type SheetHeaderProps = PolymorphicProps<"div", BaseProps, false>;
+export type SheetFooterProps = PolymorphicProps<"div", BaseProps, false>;
+export type SheetTitleProps = PolymorphicProps<"h2", BaseProps, false>;
+export type SheetDescriptionProps = PolymorphicProps<"p", BaseProps, false>;

package/dist/components/sidebar/Sidebar/Sidebar.js

@@ -23,9 +23,14 @@ var p = /*#__PURE__*/ l("<div class=\"group peer hidden text-sidebar-foreground
 		get fallback() {
 			return (() => {
 				var t = m();
-				return c(t, o({ get class() {
-					return e("flex h-full w-(--sidebar-width) flex-col", "bg-sidebar text-sidebar-foreground", v.class);
-				} }, y), !1, !0), a(t, () => v.children), t;
+				return c(t, o({
+					get class() {
+						return e("flex h-full w-(--sidebar-width) flex-col", "bg-sidebar text-sidebar-foreground", v.class);
+					},
+					get classList() {
+						return v.classList;
+					}
+				}, y), !1, !0), a(t, () => v.children), t;
 			})();
 		},
 		get children() {
@@ -33,15 +38,18 @@ var p = /*#__PURE__*/ l("<div class=\"group peer hidden text-sidebar-foreground
 				when: !h,
 				fallback: null,
 				get children() {
-					var t = p(), r = t.firstChild, u = r.nextSibling, d = u.firstChild;
-					return c(u, o({
+					var t = p(), r = t.firstChild, l = r.nextSibling, u = l.firstChild;
+					return c(l, o({
 						get "data-side"() {
 							return v.side;
 						},
 						get class() {
 							return e("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:-left-(--sidebar-width) data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:-right-(--sidebar-width) md:flex", v.variant === "floating" || v.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", v.class);
+						},
+						get classList() {
+							return v.classList;
 						}
-					}, l), !1, !0), a(d, () => v.children), i((i) => {
+					}, y), !1, !0), a(u, () => v.children), i((i) => {
 						var a = g(), o = g() === "collapsed" ? v.collapsible : "", c = v.variant, l = v.side, u = e("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", v.variant === "floating" || v.variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)");
 						return a !== i.e && s(t, "data-state", i.e = a), o !== i.t && s(t, "data-collapsible", i.t = o), c !== i.a && s(t, "data-variant", i.a = c), l !== i.o && s(t, "data-side", i.o = l), u !== i.i && n(r, i.i = u), i;
 					}, {

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","names":["mergeProps","Show","splitProps","SidebarProps","clsx","useSidebar","Sidebar","props","isMobile","state","merged","side","variant","collapsible","const","local","others","_$createComponent","when","fallback","_el$5","_tmpl$2","_$spread","_$mergeProps","class","_$insert","children","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","data-side","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$setAttribute","t","a","o","i","_$className","undefined","mergeProps","_$createComponent","_$mergeProps","_$setAttribute","_$className","mergeProps$1","_tmpl$","_tmpl$2","Sidebar","useSidebar","merged","props","local","others","splitProps","createComponent","Show","_el$5","spread","mergeProps","\"class\"","clsx","insert","isMobile","_el$","_el$2","_el$3","_el$4","effect","_v$","state","_v$2","_v$3","_v$4","_v$5","_p$","setAttribute","className"],"sources":["../../../../src/components/sidebar/Sidebar/Sidebar.tsx"],"sourcesContent":["import { mergeProps, Show, splitProps } from \"solid-js\";\nimport type { SidebarProps } from \"./Sidebar.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\n\nexport const Sidebar = (props: SidebarProps) => {\n  const { isMobile, state } = useSidebar();\n\n  const merged = mergeProps(\n    { side: \"left\", variant: \"sidebar\", collapsible: \"offcanvas\" } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"side\",\n    \"variant\",\n    \"collapsible\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  return (\n    <Show\n      when={local.collapsible !== \"none\"}\n      fallback={\n        <div\n          data-slot=\"sidebar\"\n          class={clsx(\n            \"flex h-full w-(--sidebar-width) flex-col\",\n            \"bg-sidebar text-sidebar-foreground\",\n            local.class,\n          )}\n          {...others}\n        >\n          {local.children}\n        </div>\n      }\n    >\n      <Show when={!isMobile} fallback={null}>\n        <div\n          class=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state()}\n          data-collapsible={state() === \"collapsed\" ? local.collapsible : \"\"}\n          data-variant={local.variant}\n          data-side={local.side}\n          data-slot=\"sidebar\"\n        >\n          {/* This is what handles the sidebar gap on desktop */}\n          <div\n            data-slot=\"sidebar-gap\"\n            class={clsx(\n              \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              \"group-data-[side=right]:rotate-180\",\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n            )}\n          />\n          <div\n            data-slot=\"sidebar-container\"\n            data-side={local.side}\n            class={clsx(\n              \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:-left-(--sidebar-width) data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:-right-(--sidebar-width) md:flex\",\n              // Adjust the padding for floating and inset variants.\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n              local.class,\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              data-slot=\"sidebar-inner\"\n              class=\"flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border\"\n            >\n              {local.children}\n            </div>\n          </div>\n        </div>\n      </Show>\n    </Show>\n  );\n};\n"],"mappings":";;;;;yeAKaM,KAAWC,MAAwB;CAC9C,IAAM,EAAEC,aAAUC,aAAUJ,EAAW,GAEjCK,IAASV,EACb;EAAEW,MAAM;EAAQC,SAAS;EAAWC,aAAa;CAAY,GAC7DN,CACF,GAEM,CAACQ,GAAOC,KAAUd,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAO,EACGhB,GAAI;EAAA,IACHiB,OAAI;GAAA,OAAEH,EAAMF,gBAAgB;EAAM;EAAA,IAClCM,WAAQ;GAAA,cAAA;IAAA,IAAAC,IAAAC,EAAA;IAUW,OAVXC,EAAAF,GAAAG,EAAA,EAAA,IAAA+C,QAAA;KAAA,OAGGlE,EACL,4CACA,sCACAW,EAAMS,KACR;IAAC,EAAA,GACGR,CAAM,GAAA,IAAA,EAAA,GAAAS,EAAAL,SAETL,EAAMW,QAAQ,GAAAN;GAAA,EAAA,CAAA;EAAA;EAAA,IAAAM,WAAA;GAAA,OAAAT,EAIlBhB,GAAI;IAACiB,MAAM,CAACV;IAAUW,UAAU;IAAI,IAAAO,WAAA;KAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAD;KAmB9B,OAnB8BR,EAAAS,GAAAR,EAAA;MAAA,IAAA,cAAA;OAAA,OAuBpBR,EAAMJ;MAAI;MAAA,IAAA2D,QAAA;OAAA,OACdlE,EACL,oUAEAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,6FACA,2HACJG,EAAMS,KACR;MAAC;KAAA,GACGjB,CAAK,GAAA,IAAA,EAAA,GAAAkB,EAAAQ,SAONlB,EAAMW,QAAQ,GAAAS,GAAAC,MAAA;MAAA,IAAAC,IApCP5B,EAAM,GAAC6B,IACD7B,EAAM,MAAM,cAAcM,EAAMF,cAAc,IAAE0B,IACpDxB,EAAMH,SAAO4B,IAChBzB,EAAMJ,MAAI8B,IAMZrC,EACL,2FACA,0CACA,sCACAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,qFACA,wDACN;MAAC,OAAAyB,MAAAD,EAAAM,KAAAC,EAAAhB,GAAA,cAAAS,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAD,EAAAhB,GAAA,oBAAAS,EAAAQ,IAAAN,CAAA,GAAAC,MAAAH,EAAAS,KAAAF,EAAAhB,GAAA,gBAAAS,EAAAS,IAAAN,CAAA,GAAAC,MAAAJ,EAAAU,KAAAH,EAAAhB,GAAA,aAAAS,EAAAU,IAAAN,CAAA,GAAAC,MAAAL,EAAAW,KAAAC,EAAAnB,GAAAO,EAAAW,IAAAN,CAAA,GAAAL;KAAA,GAAA;MAAAM,GAAAO,KAAAA;MAAAL,GAAAK,KAAAA;MAAAJ,GAAAI,KAAAA;MAAAH,GAAAG,KAAAA;MAAAF,GAAAE,KAAAA;KAAA,CAAA,GAAAtB;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AA2Bb"}
+{"version":3,"file":"Sidebar.js","names":["mergeProps","Show","splitProps","SidebarProps","clsx","useSidebar","Sidebar","props","isMobile","state","merged","side","variant","collapsible","const","local","others","_$createComponent","when","fallback","_el$5","_tmpl$2","_$spread","_$mergeProps","class","classList","_$insert","children","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","data-side","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$setAttribute","t","a","o","i","_$className","undefined","mergeProps","_$createComponent","_$mergeProps","_$setAttribute","_$className","mergeProps$1","_tmpl$","_tmpl$2","Sidebar","useSidebar","merged","props","local","others","splitProps","createComponent","Show","_el$5","spread","mergeProps","\"class\"","clsx","insert","isMobile","_el$","_el$2","_el$3","_el$4","effect","_v$","state","_v$2","_v$3","_v$4","_v$5","_p$","setAttribute","className"],"sources":["../../../../src/components/sidebar/Sidebar/Sidebar.tsx"],"sourcesContent":["import { mergeProps, Show, splitProps } from \"solid-js\";\nimport type { SidebarProps } from \"./Sidebar.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\n\nexport const Sidebar = (props: SidebarProps) => {\n  const { isMobile, state } = useSidebar();\n\n  const merged = mergeProps(\n    { side: \"left\", variant: \"sidebar\", collapsible: \"offcanvas\" } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"side\",\n    \"variant\",\n    \"collapsible\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  return (\n    <Show\n      when={local.collapsible !== \"none\"}\n      fallback={\n        <div\n          data-slot=\"sidebar\"\n          class={clsx(\n            \"flex h-full w-(--sidebar-width) flex-col\",\n            \"bg-sidebar text-sidebar-foreground\",\n            local.class,\n          )}\n          classList={local.classList}\n          {...others}\n        >\n          {local.children}\n        </div>\n      }\n    >\n      <Show when={!isMobile} fallback={null}>\n        <div\n          class=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state()}\n          data-collapsible={state() === \"collapsed\" ? local.collapsible : \"\"}\n          data-variant={local.variant}\n          data-side={local.side}\n          data-slot=\"sidebar\"\n        >\n          {/* This is what handles the sidebar gap on desktop */}\n          <div\n            data-slot=\"sidebar-gap\"\n            class={clsx(\n              \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              \"group-data-[side=right]:rotate-180\",\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n            )}\n          />\n          <div\n            data-slot=\"sidebar-container\"\n            data-side={local.side}\n            class={clsx(\n              \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:-left-(--sidebar-width) data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:-right-(--sidebar-width) md:flex\",\n              // Adjust the padding for floating and inset variants.\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n              local.class,\n            )}\n            classList={local.classList}\n            {...others}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              data-slot=\"sidebar-inner\"\n              class=\"flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border\"\n            >\n              {local.children}\n            </div>\n          </div>\n        </div>\n      </Show>\n    </Show>\n  );\n};\n"],"mappings":";;;;;yeAKaM,KAAWC,MAAwB;CAC9C,IAAM,EAAEC,aAAUC,aAAUJ,EAAW,GAEjCK,IAASV,EACb;EAAEW,MAAM;EAAQC,SAAS;EAAWC,aAAa;CAAY,GAC7DN,CACF,GAEM,CAACQ,GAAOC,KAAUd,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAO,EACGhB,GAAI;EAAA,IACHiB,OAAI;GAAA,OAAEH,EAAMF,gBAAgB;EAAM;EAAA,IAClCM,WAAQ;GAAA,cAAA;IAAA,IAAAC,IAAAC,EAAA;IAWW,OAXXC,EAAAF,GAAAG,EAAA;KAAA,IAAAgD,QAAA;MAAA,OAGGnE,EACL,4CACA,sCACAW,EAAMS,KACR;KAAC;KAAA,IACDC,YAAS;MAAA,OAAEV,EAAMU;KAAS;IAAA,GACtBT,CAAM,GAAA,IAAA,EAAA,GAAAU,EAAAN,SAETL,EAAMY,QAAQ,GAAAP;GAAA,EAAA,CAAA;EAAA;EAAA,IAAAO,WAAA;GAAA,OAAAV,EAIlBhB,GAAI;IAACiB,MAAM,CAACV;IAAUW,UAAU;IAAI,IAAAQ,WAAA;KAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAD;KAmB9B,OAnB8BT,EAAAU,GAAAT,EAAA;MAAA,IAAA,cAAA;OAAA,OAuBpBR,EAAMJ;MAAI;MAAA,IAAA4D,QAAA;OAAA,OACdnE,EACL,oUAEAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,6FACA,2HACJG,EAAMS,KACR;MAAC;MAAA,IACDC,YAAS;OAAA,OAAEV,EAAMU;MAAS;KAAA,GACtBT,CAAM,GAAA,IAAA,EAAA,GAAAU,EAAAQ,SAOPnB,EAAMY,QAAQ,GAAAS,GAAAC,MAAA;MAAA,IAAAC,IArCP7B,EAAM,GAAC8B,IACD9B,EAAM,MAAM,cAAcM,EAAMF,cAAc,IAAE2B,IACpDzB,EAAMH,SAAO6B,IAChB1B,EAAMJ,MAAI+B,IAMZtC,EACL,2FACA,0CACA,sCACAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,qFACA,wDACN;MAAC,OAAA0B,MAAAD,EAAAM,KAAAC,EAAAhB,GAAA,cAAAS,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAD,EAAAhB,GAAA,oBAAAS,EAAAQ,IAAAN,CAAA,GAAAC,MAAAH,EAAAS,KAAAF,EAAAhB,GAAA,gBAAAS,EAAAS,IAAAN,CAAA,GAAAC,MAAAJ,EAAAU,KAAAH,EAAAhB,GAAA,aAAAS,EAAAU,IAAAN,CAAA,GAAAC,MAAAL,EAAAW,KAAAC,EAAAnB,GAAAO,EAAAW,IAAAN,CAAA,GAAAL;KAAA,GAAA;MAAAM,GAAAO,KAAAA;MAAAL,GAAAK,KAAAA;MAAAJ,GAAAI,KAAAA;MAAAH,GAAAG,KAAAA;MAAAF,GAAAE,KAAAA;KAAA,CAAA,GAAAtB;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AA4Bb"}

package/dist/components/sidebar/SidebarContent/SidebarContent.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<div data-slot=sidebar-content data-sidebar=content>"),
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

package/dist/components/sidebar/SidebarContent/SidebarContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarContent.js","names":["splitProps","SidebarContentProps","clsx","SidebarContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarContent/SidebarContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarContentProps } from \"./SidebarContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarContent = (props: SidebarContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      class={clsx(\n        \"no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;iFAIaG,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EACL,+GACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarContent.js","names":["splitProps","SidebarContentProps","clsx","SidebarContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SidebarContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarContent/SidebarContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarContentProps } from \"./SidebarContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarContent = (props: SidebarContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      class={clsx(\n        \"no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;iFAIaG,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EASc,OATdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAIWrB,EACL,+GACAG,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarFooter/SidebarFooter.js

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

package/dist/components/sidebar/SidebarFooter/SidebarFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarFooter.js","names":["splitProps","SidebarFooterProps","clsx","SidebarFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarFooter","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarFooter/SidebarFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarFooterProps } from \"./SidebarFooter.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarFooter = (props: SidebarFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\n      class={clsx(\"flex flex-col gap-2 p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+EAIaG,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EAAK,2BAA2BG,EAAMM,KAAK;EAAC,EAAA,GAC/CL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarFooter.js","names":["splitProps","SidebarFooterProps","clsx","SidebarFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SidebarFooter","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarFooter/SidebarFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarFooterProps } from \"./SidebarFooter.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarFooter = (props: SidebarFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\n      class={clsx(\"flex flex-col gap-2 p-2\", local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+EAIaG,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAIWrB,EAAK,2BAA2BG,EAAMM,KAAK;GAAC;GAAA,IACnDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarGroup/SidebarGroup.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<div data-slot=sidebar-group data-sidebar=group>"), o =
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("relative flex w-full min-w-0 flex-col p-2", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("relative flex w-full min-w-0 flex-col p-2", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

package/dist/components/sidebar/SidebarGroup/SidebarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroup.js","names":["splitProps","SidebarGroupProps","clsx","SidebarGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarGroup/SidebarGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupProps } from \"./SidebarGroup.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroup = (props: SidebarGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      class={clsx(\"relative flex w-full min-w-0 flex-col p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6EAIaG,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EAAK,6CAA6CG,EAAMM,KAAK;EAAC,EAAA,GACjEL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarGroup.js","names":["splitProps","SidebarGroupProps","clsx","SidebarGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SidebarGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarGroup/SidebarGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupProps } from \"./SidebarGroup.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroup = (props: SidebarGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      class={clsx(\"relative flex w-full min-w-0 flex-col p-2\", local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6EAIaG,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAIWrB,EAAK,6CAA6CG,EAAMM,KAAK;GAAC;GAAA,IACrEC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarGroupAction/SidebarGroupAction.js

@@ -16,6 +16,9 @@ var o = (o) => {
 		"data-sidebar": "group-action",
 		get class() {
 			return e("absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0", c.class);
+		},
+		get classList() {
+			return c.classList;
 		}
 	}, l));
 };

package/dist/components/sidebar/SidebarGroupAction/SidebarGroupAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupAction.js","names":["mergeProps","splitProps","ValidComponent","SidebarGroupActionProps","clsx","Dynamic","SidebarGroupAction","props","T","merged","component","const","local","others","_$createComponent","_$mergeProps","class","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","SidebarGroupAction","merged","props","local","others","splitProps","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarGroupAction/SidebarGroupAction.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport type { SidebarGroupActionProps } from \"./SidebarGroupAction.types\";\nimport { clsx } from \"~/utils\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const SidebarGroupAction = <T extends ValidComponent = \"button\">(\n  props: SidebarGroupActionProps<T>,\n) => {\n  const merged = mergeProps({ component: \"button\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component as ValidComponent}\n      data-slot=\"sidebar-group-action\"\n      data-sidebar=\"group-action\"\n      class={clsx(\n        \"absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;AAKA,IAAaM,KACXC,MACG;CACH,IAAME,IAAST,EAAW,EAAEU,WAAW,SAAS,GAAYH,CAAK,GAE3D,CAACK,GAAOC,KAAUZ,EAAWQ,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,OAAAK,EACGT,GAAOU,EAAA;EAAA,IACNL,YAAS;GAAA,OAAEE,EAAMF;EAA2B;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAAoB,QAAA;GAAA,OAGrC1B,EACL,iXACAQ,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"SidebarGroupAction.js","names":["mergeProps","splitProps","ValidComponent","SidebarGroupActionProps","clsx","Dynamic","SidebarGroupAction","props","T","merged","component","const","local","others","_$createComponent","_$mergeProps","class","classList","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","SidebarGroupAction","merged","props","local","others","splitProps","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarGroupAction/SidebarGroupAction.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport type { SidebarGroupActionProps } from \"./SidebarGroupAction.types\";\nimport { clsx } from \"~/utils\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const SidebarGroupAction = <T extends ValidComponent = \"button\">(\n  props: SidebarGroupActionProps<T>,\n) => {\n  const merged = mergeProps({ component: \"button\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component as ValidComponent}\n      data-slot=\"sidebar-group-action\"\n      data-sidebar=\"group-action\"\n      class={clsx(\n        \"absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;AAKA,IAAaM,KACXC,MACG;CACH,IAAME,IAAST,EAAW,EAAEU,WAAW,SAAS,GAAYH,CAAK,GAE3D,CAACK,GAAOC,KAAUZ,EAAWQ,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,OAAAK,EACGT,GAAOU,EAAA;EAAA,IACNL,YAAS;GAAA,OAAEE,EAAMF;EAA2B;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAAqB,QAAA;GAAA,OAGrC3B,EACL,iXACAQ,EAAMI,KACR;EAAC;EAAA,IACDC,YAAS;GAAA,OAAEL,EAAMK;EAAS;CAAA,GACtBJ,CAAM,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarGroupContent/SidebarGroupContent.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<div data-slot=sidebar-group-content data-sidebar=group
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("w-full text-sm", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("w-full text-sm", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion