@neut/ui 0.0.17 → 0.0.18

package/dist/components/select/SelectGroup/SelectGroup.d.ts

@@ -1,2 +1,8 @@
-import { ParentProps } from 'solid-js';
-export declare function SelectGroup(props: ParentProps): import('solid-js').JSX.Element;
+import { SelectGroupProps } from './SelectGroup.types';
+/**
+ * SelectGroup：把若干 SelectItem 包成 role="group" 的 li。
+ *
+ * 必须像同目录的其它部件一样透传 `class` / `classList` 与其余属性：
+ * 此前实现只渲染 `{props.children}`，调用方传的 class、data-* 全被静默丢弃。
+ */
+export declare function SelectGroup(props: SelectGroupProps): import('solid-js').JSX.Element;

package/dist/components/select/SelectGroup/SelectGroup.js

@@ -1,13 +1,27 @@
-import { insert as e, template as t } from "solid-js/web";
+import { clsx as e } from "../../../utils/clsx.js";
+import { insert as t, mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
 //#region src/components/select/SelectGroup/SelectGroup.tsx
-var n = /*#__PURE__*/ t("<li role=group>");
-function r(t) {
+var o = /*#__PURE__*/ i("<li data-slot=select-group role=group>");
+function s(i) {
+	let [s, c] = a(i, [
+		"class",
+		"classList",
+		"children"
+	]);
 	return (() => {
-		var r = n();
-		return e(r, () => t.children), r;
+		var i = o();
+		return r(i, n({
+			get class() {
+				return e(s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !0), t(i, () => s.children), i;
 	})();
 }
 //#endregion
-export { r as SelectGroup };
+export { s as SelectGroup };
 
 //# sourceMappingURL=SelectGroup.js.map

package/dist/components/select/SelectGroup/SelectGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectGroup.js","names":["ParentProps","SelectGroup","props","_el$","_tmpl$","_$insert","children","_tmpl$","SelectGroup","_el$","insert","props"],"sources":["../../../../src/components/select/SelectGroup/SelectGroup.tsx"],"sourcesContent":["import type { ParentProps } from \"solid-js\";\n\nexport function SelectGroup(props: ParentProps) {\n  return <li role=\"group\">{props.children}</li>;\n}\n"],"mappings":";;;AAEA,SAAgBC,EAAYC,GAAoB;CAC9C,cAAA;EAAA,IAAAC,IAAAC,EAAA;EAAuC,OAAvCC,EAAAF,SAAyBD,EAAMI,QAAQ,GAAAH;CAAA,EAAA,CAAA;AACzC"}
+{"version":3,"file":"SelectGroup.js","names":["splitProps","SelectGroupProps","clsx","SelectGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$insert","children","_$mergeProps","_tmpl$","SelectGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","insert"],"sources":["../../../../src/components/select/SelectGroup/SelectGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SelectGroupProps } from \"./SelectGroup.types\";\nimport { clsx } from \"~/utils\";\n\n/**\n * SelectGroup：把若干 SelectItem 包成 role=\"group\" 的 li。\n *\n * 必须像同目录的其它部件一样透传 `class` / `classList` 与其余属性：\n * 此前实现只渲染 `{props.children}`，调用方传的 class、data-* 全被静默丢弃。\n */\nexport function SelectGroup(props: SelectGroupProps) {\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n\n  return (\n    <li\n      data-slot=\"select-group\"\n      role=\"group\"\n      class={clsx(local.class)}\n      classList={local.classList}\n      {...others}\n    >\n      {local.children}\n    </li>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgBG,EAAYC,GAAyB;CACnD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE5E,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQmB,OARnBC,EAAAF,GAAAG,EAAA;GAAA,IAAAe,QAAA;IAAA,OAIWvB,EAAKG,EAAMM,KAAK;GAAC;GAAA,IACxBC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAO,EAAAN,SAETF,EAAMS,QAAQ,GAAAP;CAAA,EAAA,CAAA;AAGrB"}

package/dist/components/select/SelectGroup/SelectGroup.types.d.ts

@@ -0,0 +1,9 @@
+import { ParentProps } from 'solid-js';
+import { BaseProps } from '../../../types';
+/**
+ * SelectGroup 是一个容器部件：除 BaseProps（class / classList / style / dir）
+ * 外还要接受 children 与任意透传属性（如 data-*）。
+ */
+export type SelectGroupProps = BaseProps & ParentProps & {
+    [key: `data-${string}`]: unknown;
+};

package/dist/components/select/SelectGroup/index.d.ts

@@ -1 +1,2 @@
 export { SelectGroup } from './SelectGroup';
+export type { SelectGroupProps } from './SelectGroup.types';

package/dist/components/select/SelectTrigger/SelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.js","names":["ValidComponent","Dynamic","useSelectTrigger","SelectTriggerProps","clsx","mergeRefs","Button","ChevronDown","SelectTrigger","props","T","ctx","isDisabled","attachListeners","_$createComponent","_$mergeProps","disabled","icon","iconPosition","component","variant","ref","r$","_ref$","setReference","role","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state","data-disabled","class","_$createComponent","_$mergeProps","_$memo","SelectTrigger","useSelectTrigger","props","createComponent","Dynamic","mergeProps","isDisabled","ChevronDown","Button","_ref$","mergeRefs","ctx","attachListeners","r$","memo","\"class\"","clsx"],"sources":["../../../../src/components/select/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { useSelectTrigger } from \"./useSelectTrigger\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\nimport { clsx, mergeRefs } from \"~/utils\";\nimport { Button } from \"~/components/button\";\nimport { ChevronDown } from \"lucide-solid\";\n\nexport const SelectTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: SelectTriggerProps<T>,\n) => {\n  const { ctx, isDisabled, attachListeners } = useSelectTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      disabled={isDisabled()}\n      icon={<ChevronDown />}\n      iconPosition=\"right\"\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      variant={props.variant ?? \"outline\"}\n      ref={mergeRefs(ctx.setReference, props.ref, attachListeners)}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      data-disabled={isDisabled() ? \"\" : undefined}\n      class={clsx(\"justify-between\", props.class)}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAQA,IAAaQ,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,eAAYC,uBAAoBX,QAAuBO,CAAK;CAEzE,OAAAK,EACGb,GAAOc,EACFN,GAAK;EAAA,IACTO,WAAQ;GAAA,OAAEJ,EAAW;EAAC;EAAA,IACtBK,OAAI;GAAA,OAAAH,EAAGP,GAAW,CAAA,CAAA;EAAA;EAClBW,cAAY;EAAA,IACZC,YAAS;GAAA,OAAGV,EAAMU,aAAgCb;EAAgB;EAAA,IAClEc,UAAO;GAAA,OAAEX,EAAMW,WAAW;EAAS;EAAAC,IAAAC,GAAA;GAAA,IAAAC,IAC9BlB,EAAUM,EAAIa,cAAcf,EAAMY,KAAKR,CAAe;GAAC,OAAAU,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAC5DG,MAAI;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAEWd,EAAIgB,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAlB,EAAIgB,KAAK,CAAC,CAAA,CAAA,IAAGhB,EAAImB,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzCpB,EAAIgB,KAAK,IAAI,SAAS;EAAQ;EAAA,IAAA,kBAAA;GAAA,OAC3Bf,EAAW,IAAI,KAAKmB,KAAAA;EAAS;EAAA,IAAAsB,QAAA;GAAA,OACrCjD,EAAK,mBAAmBK,EAAMyB,KAAK;EAAC;CAAA,CAAA,CAAA;AAGjD"}
+{"version":3,"file":"SelectTrigger.js","names":["ValidComponent","Dynamic","useSelectTrigger","SelectTriggerProps","clsx","mergeRefs","Button","ChevronDown","SelectTrigger","props","T","ctx","isDisabled","attachListeners","_$createComponent","_$mergeProps","disabled","icon","iconPosition","component","variant","ref","r$","_ref$","setReference","role","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state","data-disabled","class","_$createComponent","_$mergeProps","_$memo","SelectTrigger","useSelectTrigger","props","createComponent","Dynamic","mergeProps","isDisabled","ChevronDown","Button","_ref$","mergeRefs","ctx","attachListeners","r$","memo","\"class\"","clsx"],"sources":["../../../../src/components/select/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["// classlist-opt-out: Dynamic 的 component 是 Button（子组件会自己处理 classList），实际不丢\nimport type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { useSelectTrigger } from \"./useSelectTrigger\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\nimport { clsx, mergeRefs } from \"~/utils\";\nimport { Button } from \"~/components/button\";\nimport { ChevronDown } from \"lucide-solid\";\n\nexport const SelectTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: SelectTriggerProps<T>,\n) => {\n  const { ctx, isDisabled, attachListeners } = useSelectTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      disabled={isDisabled()}\n      icon={<ChevronDown />}\n      iconPosition=\"right\"\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      variant={props.variant ?? \"outline\"}\n      ref={mergeRefs(ctx.setReference, props.ref, attachListeners)}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      data-disabled={isDisabled() ? \"\" : undefined}\n      class={clsx(\"justify-between\", props.class)}\n    />\n  );\n};\n"],"mappings":";;;;;;;AASA,IAAaQ,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,eAAYC,uBAAoBX,QAAuBO,CAAK;CAEzE,OAAAK,EACGb,GAAOc,EACFN,GAAK;EAAA,IACTO,WAAQ;GAAA,OAAEJ,EAAW;EAAC;EAAA,IACtBK,OAAI;GAAA,OAAAH,EAAGP,GAAW,CAAA,CAAA;EAAA;EAClBW,cAAY;EAAA,IACZC,YAAS;GAAA,OAAGV,EAAMU,aAAgCb;EAAgB;EAAA,IAClEc,UAAO;GAAA,OAAEX,EAAMW,WAAW;EAAS;EAAAC,IAAAC,GAAA;GAAA,IAAAC,IAC9BlB,EAAUM,EAAIa,cAAcf,EAAMY,KAAKR,CAAe;GAAC,OAAAU,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAC5DG,MAAI;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAEWd,EAAIgB,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAlB,EAAIgB,KAAK,CAAC,CAAA,CAAA,IAAGhB,EAAImB,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzCpB,EAAIgB,KAAK,IAAI,SAAS;EAAQ;EAAA,IAAA,kBAAA;GAAA,OAC3Bf,EAAW,IAAI,KAAKmB,KAAAA;EAAS;EAAA,IAAAsB,QAAA;GAAA,OACrCjD,EAAK,mBAAmBK,EAAMyB,KAAK;EAAC;CAAA,CAAA,CAAA;AAGjD"}

package/dist/components/select/SelectTrigger/useSelectTrigger.js

@@ -3,7 +3,7 @@ import { onCleanup as t } from "solid-js";
 //#region src/components/select/SelectTrigger/useSelectTrigger.ts
 function n(n) {
 	let r = e("SelectTrigger"), i = () => r.disabled() || !!n().disabled, a = () => {
-		i() || (r.setActiveValue(r.value() ?? r.items.find((e) => !e.disabled)?.value), r.setOpen(!0));
+		r.setActiveValue(r.value() ?? r.items.find((e) => !e.disabled)?.value), r.setOpen(!0);
 	};
 	return {
 		ctx: r,

package/dist/components/select/SelectTrigger/useSelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectTrigger.js","names":["useSelectTrigger","ctx","useSelectContext","isDisabled","props","openAndHighlightSelected","it","onClick","onKeyDown","keyboardEvent","el","onCleanup"],"sources":["../../../../src/components/select/SelectTrigger/useSelectTrigger.ts"],"sourcesContent":["import { onCleanup, type ValidComponent } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\n\nexport interface UseSelectTriggerResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  isDisabled: () => boolean;\n  /**\n   * 把开关下拉相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——\n   * 调用方可以在 <SelectTrigger onClick={...}> 上自由传自己的原生事件处理，\n   * 两者是完全独立的两套机制，互不覆盖。\n   */\n  attachListeners: (el: Element) => void;\n}\n\nexport function useSelectTrigger<T extends ValidComponent>(\n  props: () => SelectTriggerProps<T>,\n): UseSelectTriggerResult {\n  const ctx = useSelectContext(\"SelectTrigger\");\n\n  const isDisabled = () => ctx.disabled() || !!props().disabled;\n\n  const openAndHighlightSelected = () => {\n    if (isDisabled()) return;\n    ctx.setActiveValue(\n      ctx.value() ?? ctx.items.find((it) => !it.disabled)?.value,\n    );\n    ctx.setOpen(true);\n  };\n\n  const attachListeners = (el: Element) => {\n    const onClick = () => {\n      if (isDisabled()) return;\n      if (ctx.open()) ctx.setOpen(false);\n      else openAndHighlightSelected();\n    };\n\n    const onKeyDown = (e: Event) => {\n      if (isDisabled()) return;\n      const keyboardEvent = e as KeyboardEvent;\n\n      if (!ctx.open()) {\n        if (\n          [\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(keyboardEvent.key)\n        ) {\n          keyboardEvent.preventDefault();\n          openAndHighlightSelected();\n        }\n        return;\n      }\n\n      if (keyboardEvent.key === \"Escape\") {\n        keyboardEvent.stopPropagation();\n        ctx.close();\n      }\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, isDisabled, attachListeners };\n}\n"],"mappings":";;;AAgBA,SAAgBA,EACd,GACwB;CACxB,IAAMC,IAAMC,EAAiB,eAAe,GAEtCC,UAAmBF,EAAI,SAAS,KAAK,CAAC,CAACG,EAAM,CAAC,CAAC,UAE/CC,UAAiC;EACrC,AAAIF,EAAW,MACfF,EAAI,eACFA,EAAI,MAAM,KAAKA,EAAI,MAAM,MAAM,MAAO,CAACK,EAAG,QAAQ,CAAC,EAAE,KACvD,GACAL,EAAI,QAAQ,EAAI;CAClB;CAsCA,OAAO;EAAE;EAAK;EAAY,kBApCD,MAAgB;GACvC,IAAMM,UAAgB;IACpB,AAAIJ,EAAW,MACXF,EAAI,KAAK,IAAGA,EAAI,QAAQ,EAAK,IAC5BI,EAAyB;GAChC,GAEMG,KAAa,MAAa;IAC9B,IAAIL,EAAW,GAAG;IAClB,IAAMM,IAAgB;IAEtB,IAAI,CAACR,EAAI,KAAK,GAAG;KACf,AACE;MAAC;MAAa;MAAW;MAAS;KAAG,CAAC,CAAC,SAASQ,EAAc,GAAG,MAEjEA,EAAc,eAAe,GAC7BJ,EAAyB;KAE3B;IACF;IAEA,AAAII,EAAc,QAAQ,aACxBA,EAAc,gBAAgB,GAC9BR,EAAI,MAAM;GAEd;GAKA,AAHAS,EAAG,iBAAiB,SAASH,CAAO,GACpCG,EAAG,iBAAiB,WAAWF,CAAS,GAExCG,QAAgB;IAEd,AADAD,EAAG,oBAAoB,SAASH,CAAO,GACvCG,EAAG,oBAAoB,WAAWF,CAAS;GAC7C,CAAC;EACH;CAE0C;AAC5C"}
+{"version":3,"file":"useSelectTrigger.js","names":["useSelectTrigger","ctx","useSelectContext","isDisabled","props","openAndHighlightSelected","it","onClick","onKeyDown","keyboardEvent","el","onCleanup"],"sources":["../../../../src/components/select/SelectTrigger/useSelectTrigger.ts"],"sourcesContent":["import { onCleanup, type ValidComponent } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\n\nexport interface UseSelectTriggerResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  isDisabled: () => boolean;\n  /**\n   * 把开关下拉相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——\n   * 调用方可以在 <SelectTrigger onClick={...}> 上自由传自己的原生事件处理，\n   * 两者是完全独立的两套机制，互不覆盖。\n   */\n  attachListeners: (el: Element) => void;\n}\n\nexport function useSelectTrigger<T extends ValidComponent>(\n  props: () => SelectTriggerProps<T>,\n): UseSelectTriggerResult {\n  const ctx = useSelectContext(\"SelectTrigger\");\n\n  const isDisabled = () => ctx.disabled() || !!props().disabled;\n\n  // 注意：本函数假定调用方已判定过 isDisabled()。\n  // 它的两个调用点（onClick / onKeyDown）都在入口处守卫，且各自还有别的分支要处理，\n  // 因此禁用判定放在入口；这里不再重复判定（重复的那份永远不可达）。\n  const openAndHighlightSelected = () => {\n    ctx.setActiveValue(\n      ctx.value() ?? ctx.items.find((it) => !it.disabled)?.value,\n    );\n    ctx.setOpen(true);\n  };\n\n  const attachListeners = (el: Element) => {\n    const onClick = () => {\n      if (isDisabled()) return;\n      if (ctx.open()) ctx.setOpen(false);\n      else openAndHighlightSelected();\n    };\n\n    const onKeyDown = (e: Event) => {\n      if (isDisabled()) return;\n      const keyboardEvent = e as KeyboardEvent;\n\n      if (!ctx.open()) {\n        if (\n          [\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(keyboardEvent.key)\n        ) {\n          keyboardEvent.preventDefault();\n          openAndHighlightSelected();\n        }\n        return;\n      }\n\n      if (keyboardEvent.key === \"Escape\") {\n        keyboardEvent.stopPropagation();\n        ctx.close();\n      }\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, isDisabled, attachListeners };\n}\n"],"mappings":";;;AAgBA,SAAgBA,EACd,GACwB;CACxB,IAAMC,IAAMC,EAAiB,eAAe,GAEtCC,UAAmBF,EAAI,SAAS,KAAK,CAAC,CAACG,EAAM,CAAC,CAAC,UAK/CC,UAAiC;EAIrC,AAHAJ,EAAI,eACFA,EAAI,MAAM,KAAKA,EAAI,MAAM,MAAM,MAAO,CAACK,EAAG,QAAQ,CAAC,EAAE,KACvD,GACAL,EAAI,QAAQ,EAAI;CAClB;CAsCA,OAAO;EAAE;EAAK;EAAY,kBApCD,MAAgB;GACvC,IAAMM,UAAgB;IACpB,AAAIJ,EAAW,MACXF,EAAI,KAAK,IAAGA,EAAI,QAAQ,EAAK,IAC5BI,EAAyB;GAChC,GAEMG,KAAa,MAAa;IAC9B,IAAIL,EAAW,GAAG;IAClB,IAAMM,IAAgB;IAEtB,IAAI,CAACR,EAAI,KAAK,GAAG;KACf,AACE;MAAC;MAAa;MAAW;MAAS;KAAG,CAAC,CAAC,SAASQ,EAAc,GAAG,MAEjEA,EAAc,eAAe,GAC7BJ,EAAyB;KAE3B;IACF;IAEA,AAAII,EAAc,QAAQ,aACxBA,EAAc,gBAAgB,GAC9BR,EAAI,MAAM;GAEd;GAKA,AAHAS,EAAG,iBAAiB,SAASH,CAAO,GACpCG,EAAG,iBAAiB,WAAWF,CAAS,GAExCG,QAAgB;IAEd,AADAD,EAAG,oBAAoB,SAASH,CAAO,GACvCG,EAAG,oBAAoB,WAAWF,CAAS;GAC7C,CAAC;EACH;CAE0C;AAC5C"}

package/dist/components/separator/Separator.js

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

package/dist/components/separator/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","names":["mergeProps","splitProps","clsx","classes","SeparatorProps","Separator","props","merged","orientation","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","data-horizontal","undefined","data-vertical","class","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","Separator","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../src/components/separator/Separator.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Separator.styles\";\nimport type { SeparatorProps } from \"./Separator.types\";\n\nexport const Separator = (props: SeparatorProps) => {\n  const merged = mergeProps({ orientation: \"horizontal\" } as const, props);\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      data-slot=\"separator\"\n      data-orientation={local.orientation}\n      data-horizontal={local.orientation === \"horizontal\" ? \"\" : undefined}\n      data-vertical={local.orientation === \"vertical\" ? \"\" : undefined}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;sDAKaK,KAAaC,MAA0B;CAClD,IAAMC,IAASP,EAAW,EAAEQ,aAAa,aAAa,GAAYF,CAAK,GACjE,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBL,EAAMF;GAAW;GAAA,IAAA,oBAAA;IAAA,OAClBE,EAAMF,gBAAgB,eAAe,KAAKU,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OACrDR,EAAMF,gBAAgB,aAAa,KAAKU,KAAAA;GAAS;GAAA,IAAAgB,QAAA;IAAA,OACzDhC,EAAKC,GAASO,EAAMU,KAAK;GAAC;EAAA,GAC7BT,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"Separator.js","names":["mergeProps","splitProps","clsx","classes","SeparatorProps","Separator","props","merged","orientation","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","data-horizontal","undefined","data-vertical","class","classList","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","Separator","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../src/components/separator/Separator.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Separator.styles\";\nimport type { SeparatorProps } from \"./Separator.types\";\n\nexport const Separator = (props: SeparatorProps) => {\n  const merged = mergeProps({ orientation: \"horizontal\" } as const, props);\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      data-slot=\"separator\"\n      data-orientation={local.orientation}\n      data-horizontal={local.orientation === \"horizontal\" ? \"\" : undefined}\n      data-vertical={local.orientation === \"vertical\" ? \"\" : undefined}\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;sDAKaK,KAAaC,MAA0B;CAClD,IAAMC,IAASP,EAAW,EAAEQ,aAAa,aAAa,GAAYF,CAAK,GACjE,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBL,EAAMF;GAAW;GAAA,IAAA,oBAAA;IAAA,OAClBE,EAAMF,gBAAgB,eAAe,KAAKU,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OACrDR,EAAMF,gBAAgB,aAAa,KAAKU,KAAAA;GAAS;GAAA,IAAAiB,QAAA;IAAA,OACzDjC,EAAKC,GAASO,EAAMU,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEX,EAAMW;GAAS;EAAA,GACtBV,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sheet/SheetClose/SheetClose.js

@@ -1,39 +1,40 @@
-import { useDialogContext as e } from "../../dialog/Dialog/Dialog.context.js";
-import { Button as t } from "../../button/Button.js";
-import { createComponent as n, memo as r, mergeProps as i } from "solid-js/web";
-import { Show as a, mergeProps as o } from "solid-js";
-import { X as s } from "lucide-solid";
+import { callEventHandler as e } from "../../../utils/call-event-handler.js";
+import { useDialogContext as t } from "../../dialog/Dialog/Dialog.context.js";
+import { Button as n } from "../../button/Button.js";
+import { createComponent as r, memo as i, mergeProps as a } from "solid-js/web";
+import { Show as o, mergeProps as s } from "solid-js";
+import { X as c } from "lucide-solid";
 //#region src/components/sheet/SheetClose/SheetClose.tsx
-var c = (c) => {
-	let { setOpen: l } = e(), u = o({
+var l = (l) => {
+	let { setOpen: u } = t(), d = s({
 		variant: "ghost",
 		size: "sm"
-	}, c), d = () => {
-		l(!1), u.onClick?.();
+	}, l), f = (t) => {
+		u(!1), e(d.onClick, t);
 	};
-	return n(a, {
+	return r(o, {
 		get when() {
-			return r(() => !u.icon)() && !u.children;
+			return i(() => !d.icon)() && !d.children;
 		},
 		get fallback() {
-			return n(t, i(u, {
+			return r(n, a(d, {
 				"data-slot": "sheet-close",
-				onClick: d
+				onClick: f
 			}));
 		},
 		get children() {
-			return n(t, i(u, {
+			return r(n, a(d, {
 				"data-slot": "sheet-close",
 				get icon() {
-					return n(s, {});
+					return r(c, {});
 				},
 				"aria-label": "Close",
-				onClick: d
+				onClick: f
 			}));
 		}
 	});
 };
 //#endregion
-export { c as SheetClose };
+export { l as SheetClose };
 
 //# sourceMappingURL=SheetClose.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SheetClose.js","names":["Show","mergeProps","X","Button","useDialogContext","SheetCloseProps","SheetClose","props","setOpen","merged","variant","size","const","handleClick","onClick","_$createComponent","when","_$memo","icon","children","fallback","_$mergeProps","mergeProps","_$createComponent","_$memo","_$mergeProps","mergeProps$1","SheetClose","useDialogContext","merged","props","handleClick","setOpen","createComponent","Show","memo","Button","mergeProps","X"],"sources":["../../../../src/components/sheet/SheetClose/SheetClose.tsx"],"sourcesContent":["import { Show, mergeProps } from \"solid-js\";\nimport { X } from \"lucide-solid\";\nimport { Button } from \"~/components/button\";\nimport { useDialogContext } from \"~/components/dialog\";\nimport type { SheetCloseProps } from \"../sheet.types\";\n\n/**\n * 关闭 Sheet。复用 Dialog 的 context,默认渲染一个 X 图标按钮;\n * 传 children 时渲染为普通按钮(如 footer 里的 \"Cancel\")。\n */\nexport const SheetClose = (props: SheetCloseProps) => {\n  const { setOpen } = useDialogContext();\n\n  const merged = mergeProps({ variant: \"ghost\", size: \"sm\" } as const, props);\n\n  const handleClick = () => {\n    setOpen(false);\n    merged.onClick?.();\n  };\n\n  return (\n    <Show\n      when={!merged.icon && !merged.children}\n      fallback={\n        <Button {...merged} data-slot=\"sheet-close\" onClick={handleClick} />\n      }\n    >\n      <Button\n        {...merged}\n        data-slot=\"sheet-close\"\n        icon={<X />}\n        aria-label=\"Close\"\n        onClick={handleClick}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;AAUA,IAAaM,KAAcC,MAA2B;CACpD,IAAM,EAAEC,eAAYJ,EAAiB,GAE/BK,IAASR,EAAW;EAAES,SAAS;EAASC,MAAM;CAAK,GAAYJ,CAAK,GAEpEM,UAAoB;EAExBJ,AADAD,EAAQ,EAAK,GACbC,EAAOK,UAAU;CACnB;CAEA,OAAAC,EACGf,GAAI;EAAA,IACHgB,OAAI;GAAA,OAAEC,QAAA,CAACR,EAAOS,IAAI,CAAA,CAAA,KAAI,CAACT,EAAOU;EAAQ;EAAA,IACtCC,WAAQ;GAAA,OAAAL,EACLZ,GAAMkB,EAAKZ,GAAM;IAAA,aAAA;IAA0BK,SAASD;GAAW,CAAA,CAAA;EAAA;EAAA,IAAAM,WAAA;GAAA,OAAAJ,EAGjEZ,GAAMkB,EACDZ,GAAM;IAAA,aAAA;IAAA,IAEVS,OAAI;KAAA,OAAAH,EAAGb,GAAC,CAAA,CAAA;IAAA;IAAA,cAAA;IAERY,SAASD;GAAW,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5B"}
+{"version":3,"file":"SheetClose.js","names":["Show","mergeProps","X","Button","callEventHandler","useDialogContext","SheetCloseProps","SheetClose","props","setOpen","merged","variant","size","const","handleClick","event","MouseEvent","onClick","_$createComponent","when","_$memo","icon","children","fallback","_$mergeProps","mergeProps","_$createComponent","_$memo","_$mergeProps","mergeProps$1","SheetClose","useDialogContext","merged","props","handleClick","setOpen","callEventHandler","event","createComponent","Show","memo","Button","mergeProps","X"],"sources":["../../../../src/components/sheet/SheetClose/SheetClose.tsx"],"sourcesContent":["import { Show, mergeProps } from \"solid-js\";\nimport { X } from \"lucide-solid\";\nimport { Button } from \"~/components/button\";\nimport { callEventHandler } from \"~/utils\";\nimport { useDialogContext } from \"~/components/dialog\";\nimport type { SheetCloseProps } from \"../sheet.types\";\n\n/**\n * 关闭 Sheet。复用 Dialog 的 context,默认渲染一个 X 图标按钮;\n * 传 children 时渲染为普通按钮(如 footer 里的 \"Cancel\")。\n */\nexport const SheetClose = (props: SheetCloseProps) => {\n  const { setOpen } = useDialogContext();\n\n  const merged = mergeProps({ variant: \"ghost\", size: \"sm\" } as const, props);\n\n  const handleClick = (event: MouseEvent) => {\n    setOpen(false);\n    // 透传事件（此前 `merged.onClick?.()` 会让用户回调收到 undefined）\n    callEventHandler(merged.onClick, event);\n  };\n\n  return (\n    <Show\n      when={!merged.icon && !merged.children}\n      fallback={\n        <Button {...merged} data-slot=\"sheet-close\" onClick={handleClick} />\n      }\n    >\n      <Button\n        {...merged}\n        data-slot=\"sheet-close\"\n        icon={<X />}\n        aria-label=\"Close\"\n        onClick={handleClick}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;AAWA,IAAaO,KAAcC,MAA2B;CACpD,IAAM,EAAEC,eAAYJ,EAAiB,GAE/BK,IAAST,EAAW;EAAEU,SAAS;EAASC,MAAM;CAAK,GAAYJ,CAAK,GAEpEM,KAAeC,MAAsB;EAGzCX,AAFAK,EAAQ,EAAK,GAEbL,EAAiBM,EAAOO,SAASF,CAAK;CACxC;CAEA,OAAAG,EACGlB,GAAI;EAAA,IACHmB,OAAI;GAAA,OAAEC,QAAA,CAACV,EAAOW,IAAI,CAAA,CAAA,KAAI,CAACX,EAAOY;EAAQ;EAAA,IACtCC,WAAQ;GAAA,OAAAL,EACLf,GAAMqB,EAAKd,GAAM;IAAA,aAAA;IAA0BO,SAASH;GAAW,CAAA,CAAA;EAAA;EAAA,IAAAQ,WAAA;GAAA,OAAAJ,EAGjEf,GAAMqB,EACDd,GAAM;IAAA,aAAA;IAAA,IAEVW,OAAI;KAAA,OAAAH,EAAGhB,GAAC,CAAA,CAAA;IAAA;IAAA,cAAA;IAERe,SAASH;GAAW,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5B"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupContent.js","names":["splitProps","SidebarGroupContentProps","clsx","SidebarGroupContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarGroupContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarGroupContent/SidebarGroupContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupContentProps } from \"./SidebarGroupContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroupContent = (props: SidebarGroupContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      class={clsx(\"w-full text-sm\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6FAIaG,KAAuBC,MAAoC;CACtE,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,kBAAkBG,EAAMM,KAAK;EAAC,EAAA,GACtCL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarGroupContent.js","names":["splitProps","SidebarGroupContentProps","clsx","SidebarGroupContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SidebarGroupContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarGroupContent/SidebarGroupContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupContentProps } from \"./SidebarGroupContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroupContent = (props: SidebarGroupContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      class={clsx(\"w-full text-sm\", local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6FAIaG,KAAuBC,MAAoC;CACtE,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,kBAAkBG,EAAMM,KAAK;GAAC;GAAA,IAC1CC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.js

@@ -16,6 +16,9 @@ var o = (o) => {
 		"data-sidebar": "group-label",
 		get class() {
 			return e("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", c.class);
+		},
+		get classList() {
+			return c.classList;
 		}
 	}, l));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupLabel.js","names":["mergeProps","splitProps","ValidComponent","SidebarGroupLabelProps","clsx","Dynamic","SidebarGroupLabel","props","T","merged","component","const","local","others","_$createComponent","_$mergeProps","class","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","SidebarGroupLabel","merged","props","local","others","splitProps","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport type { SidebarGroupLabelProps } from \"./SidebarGroupLabel.types\";\nimport { clsx } from \"~/utils\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const SidebarGroupLabel = <T extends ValidComponent = \"div\">(\n  props: SidebarGroupLabelProps<T>,\n) => {\n  const merged = mergeProps({ component: \"div\" } 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-label\"\n      data-sidebar=\"group-label\"\n      class={clsx(\n        \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>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,MAAM,GAAYH,CAAK,GAExD,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,wTACAQ,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"SidebarGroupLabel.js","names":["mergeProps","splitProps","ValidComponent","SidebarGroupLabelProps","clsx","Dynamic","SidebarGroupLabel","props","T","merged","component","const","local","others","_$createComponent","_$mergeProps","class","classList","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","SidebarGroupLabel","merged","props","local","others","splitProps","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport type { SidebarGroupLabelProps } from \"./SidebarGroupLabel.types\";\nimport { clsx } from \"~/utils\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const SidebarGroupLabel = <T extends ValidComponent = \"div\">(\n  props: SidebarGroupLabelProps<T>,\n) => {\n  const merged = mergeProps({ component: \"div\" } 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-label\"\n      data-sidebar=\"group-label\"\n      class={clsx(\n        \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>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,MAAM,GAAYH,CAAK,GAExD,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,wTACAQ,EAAMI,KACR;EAAC;EAAA,IACDC,YAAS;GAAA,OAAEL,EAAMK;EAAS;CAAA,GACtBJ,CAAM,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarHeader/SidebarHeader.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<div data-slot=sidebar-header data-sidebar=header>"), 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/SidebarHeader/SidebarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarHeader.js","names":["splitProps","SidebarHeaderProps","clsx","SidebarHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarHeader","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarHeader/SidebarHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarHeaderProps } from \"./SidebarHeader.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarHeader = (props: SidebarHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\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":"SidebarHeader.js","names":["splitProps","SidebarHeaderProps","clsx","SidebarHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SidebarHeader","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarHeader/SidebarHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarHeaderProps } from \"./SidebarHeader.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarHeader = (props: SidebarHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\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/SidebarInput/SidebarInput.js

@@ -10,6 +10,9 @@ var a = (a) => {
 		"data-sidebar": "input",
 		get class() {
 			return e("h-8 w-full bg-background shadow-none", o.class);
+		},
+		get classList() {
+			return o.classList;
 		}
 	}, s));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarInput.js","names":["splitProps","SidebarInputProps","clsx","Input","SidebarInput","props","local","others","_$createComponent","_$mergeProps","class","_$createComponent","_$mergeProps","SidebarInput","local","others","splitProps","props","createComponent","Input","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarInput/SidebarInput.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarInputProps } from \"./SidebarInput.types\";\nimport { clsx } from \"~/utils\";\nimport { Input } from \"~/components/input\";\n\nexport const SidebarInput = (props: SidebarInputProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      class={clsx(\"h-8 w-full bg-background shadow-none\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAAY,QAAA;GAAA,OAGGnB,EAAK,wCAAwCI,EAAMI,KAAK;EAAC;CAAA,GAC5DH,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"SidebarInput.js","names":["splitProps","SidebarInputProps","clsx","Input","SidebarInput","props","local","others","_$createComponent","_$mergeProps","class","classList","_$createComponent","_$mergeProps","SidebarInput","local","others","splitProps","props","createComponent","Input","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarInput/SidebarInput.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarInputProps } from \"./SidebarInput.types\";\nimport { clsx } from \"~/utils\";\nimport { Input } from \"~/components/input\";\n\nexport const SidebarInput = (props: SidebarInputProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      class={clsx(\"h-8 w-full bg-background shadow-none\", local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAAa,QAAA;GAAA,OAGGpB,EAAK,wCAAwCI,EAAMI,KAAK;EAAC;EAAA,IAChEC,YAAS;GAAA,OAAEL,EAAMK;EAAS;CAAA,GACtBJ,CAAM,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarInset/SidebarInset.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<main data-slot=sidebar-inset>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarInset.js","names":["splitProps","SidebarInsetProps","clsx","SidebarInset","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarInset","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarInset/SidebarInset.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarInsetProps } from \"./SidebarInset.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarInset = (props: SidebarInsetProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      class={clsx(\n        \"relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;2DAIaG,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,OAGWpB,EACL,sQACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarInset.js","names":["splitProps","SidebarInsetProps","clsx","SidebarInset","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SidebarInset","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarInset/SidebarInset.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarInsetProps } from \"./SidebarInset.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarInset = (props: SidebarInsetProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      class={clsx(\n        \"relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;2DAIaG,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,OAGWrB,EACL,sQACAG,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/SidebarMenu/SidebarMenu.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.js","names":["splitProps","SidebarMenuProps","clsx","SidebarMenu","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarMenu","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenu/SidebarMenu.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuProps } from \"./SidebarMenu.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenu = (props: SidebarMenuProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      class={clsx(\"flex w-full min-w-0 flex-col gap-0\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0EAIaG,KAAeC,MAA4B;CACtD,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,sCAAsCG,EAAMM,KAAK;EAAC,EAAA,GAC1DL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarMenu.js","names":["splitProps","SidebarMenuProps","clsx","SidebarMenu","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","SidebarMenu","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenu/SidebarMenu.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuProps } from \"./SidebarMenu.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenu = (props: SidebarMenuProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      class={clsx(\"flex w-full min-w-0 flex-col gap-0\", local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0EAIaG,KAAeC,MAA4B;CACtD,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,sCAAsCG,EAAMM,KAAK;GAAC;GAAA,IAC9DC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}