@neut/ui 0.0.17 → 0.0.18

package/dist/components/breadcrumb/BreadcrumbPage/BreadcrumbPage.js

@@ -7,9 +7,14 @@ var o = /*#__PURE__*/ i("<span role=link data-slot=breadcrumb-page tabindex=0 ar
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t, s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

package/dist/components/breadcrumb/BreadcrumbPage/BreadcrumbPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbPage.js","names":["splitProps","BreadcrumbPageProps","classes","clsx","BreadcrumbPage","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","BreadcrumbPage","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/breadcrumb/BreadcrumbPage/BreadcrumbPage.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbPageProps } from \"./BreadcrumbPage.types\";\nimport { classes } from \"./BreadcrumbPage.styles\";\nimport { clsx } from \"~/utils\";\n\nexport const BreadcrumbPage = (props: BreadcrumbPageProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      role=\"link\"\n      data-slot=\"breadcrumb-page\"\n      tabIndex={0}\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;uHAKaI,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAOWpB,EAAKD,GAASI,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"BreadcrumbPage.js","names":["splitProps","BreadcrumbPageProps","classes","clsx","BreadcrumbPage","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","BreadcrumbPage","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/breadcrumb/BreadcrumbPage/BreadcrumbPage.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbPageProps } from \"./BreadcrumbPage.types\";\nimport { classes } from \"./BreadcrumbPage.styles\";\nimport { clsx } from \"~/utils\";\n\nexport const BreadcrumbPage = (props: BreadcrumbPageProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      role=\"link\"\n      data-slot=\"breadcrumb-page\"\n      tabIndex={0}\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;uHAKaI,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EASc,OATdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAOWrB,EAAKD,GAASI,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.js

@@ -12,9 +12,14 @@ var u = /*#__PURE__*/ o("<li data-slot=breadcrumb-separator role=presentation ar
 	]);
 	return (() => {
 		var o = u();
-		return a(o, i({ get class() {
-			return e(t, d.class);
-		} }, f), !1, !0), r(o, n(s, {
+		return a(o, i({
+			get class() {
+				return e(t, d.class);
+			},
+			get classList() {
+				return d.classList;
+			}
+		}, f), !1, !0), r(o, n(s, {
 			get when() {
 				return d.children;
 			},

package/dist/components/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbSeparator.js","names":["Show","splitProps","BreadcrumbSeparatorProps","classes","clsx","ChevronRight","BreadcrumbSeparator","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","_$createComponent","when","children","fallback","_$mergeProps","_$createComponent","_tmpl$","BreadcrumbSeparator","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes","insert","createComponent","Show","ChevronRight"],"sources":["../../../../src/components/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport type { BreadcrumbSeparatorProps } from \"./BreadcrumbSeparator.types\";\nimport { classes } from \"./BreadcrumbSeparator.styles\";\nimport { clsx } from \"~/utils\";\nimport { ChevronRight } from \"lucide-solid\";\n\nexport const BreadcrumbSeparator = (props: BreadcrumbSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      <Show\n        when={local.children}\n        fallback={<ChevronRight class=\"cn-rtl-flip\" />}\n      >\n        {local.children}\n      </Show>\n    </li>\n  );\n};\n"],"mappings":";;;;;;mGAMaM,KAAuBC,MAAoC;CACtE,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE5E,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAYqB,OAZrBC,EAAAF,GAAAG,EAAA,EAAA,IAAAkB,QAAA;GAAA,OAKW3B,EAAKD,GAASK,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAM,EAAAL,GAAAM,EAEThB,GAAI;GAAA,IACHiB,OAAI;IAAA,OAAET,EAAMU;GAAQ;GAAA,IACpBC,WAAQ;IAAA,OAAAH,EAAGX,GAAY,EAAA0B,OAAA,cAAA,CAAA;GAAA;GAAA,IAAAb,WAAA;IAAA,OAEtBV,EAAMU;GAAQ;EAAA,CAAA,CAAA,GAAAR;CAAA,EAAA,CAAA;AAIvB"}
+{"version":3,"file":"BreadcrumbSeparator.js","names":["Show","splitProps","BreadcrumbSeparatorProps","classes","clsx","ChevronRight","BreadcrumbSeparator","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$insert","_$createComponent","when","children","fallback","_$mergeProps","_$createComponent","_tmpl$","BreadcrumbSeparator","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes","insert","createComponent","Show","ChevronRight"],"sources":["../../../../src/components/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport type { BreadcrumbSeparatorProps } from \"./BreadcrumbSeparator.types\";\nimport { classes } from \"./BreadcrumbSeparator.styles\";\nimport { clsx } from \"~/utils\";\nimport { ChevronRight } from \"lucide-solid\";\n\nexport const BreadcrumbSeparator = (props: BreadcrumbSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    >\n      <Show\n        when={local.children}\n        fallback={<ChevronRight class=\"cn-rtl-flip\" />}\n      >\n        {local.children}\n      </Show>\n    </li>\n  );\n};\n"],"mappings":";;;;;;mGAMaM,KAAuBC,MAAoC;CACtE,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE5E,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAaqB,OAbrBC,EAAAF,GAAAG,EAAA;GAAA,IAAAmB,QAAA;IAAA,OAKW5B,EAAKD,GAASK,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAO,EAAAN,GAAAO,EAETjB,GAAI;GAAA,IACHkB,OAAI;IAAA,OAAEV,EAAMW;GAAQ;GAAA,IACpBC,WAAQ;IAAA,OAAAH,EAAGZ,GAAY,EAAA2B,OAAA,cAAA,CAAA;GAAA;GAAA,IAAAb,WAAA;IAAA,OAEtBX,EAAMW;GAAQ;EAAA,CAAA,CAAA,GAAAT;CAAA,EAAA,CAAA;AAIvB"}

package/dist/components/bubble/BubbleContent/BubbleContent.js

@@ -1,17 +1,28 @@
 import { clsx as e } from "../../../utils/clsx.js";
 import { bubbleContentClasses as t } from "./BubbleContent.styles.js";
 import { Dynamic as n, createComponent as r, mergeProps as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
 //#region src/components/bubble/BubbleContent/BubbleContent.tsx
-var a = (a) => r(n, i(a, {
-	get component() {
-		return a.component ?? "div";
-	},
-	"data-slot": "bubble-content",
-	get class() {
-		return e(t, a.class);
-	}
-}));
+var o = (o) => {
+	let [s, c] = a(o, [
+		"component",
+		"class",
+		"classList"
+	]);
+	return r(n, i(c, {
+		get component() {
+			return s.component ?? "div";
+		},
+		"data-slot": "bubble-content",
+		get class() {
+			return e(t, s.class);
+		},
+		get classList() {
+			return s.classList;
+		}
+	}));
+};
 //#endregion
-export { a as BubbleContent };
+export { o as BubbleContent };
 
 //# sourceMappingURL=BubbleContent.js.map

package/dist/components/bubble/BubbleContent/BubbleContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BubbleContent.js","names":["ValidComponent","Dynamic","clsx","bubbleContentClasses","BubbleContentProps","BubbleContent","props","T","_$createComponent","_$mergeProps","component","class","_$createComponent","_$mergeProps","BubbleContent","createComponent","Dynamic","mergeProps","props","\"class\"","clsx","bubbleContentClasses"],"sources":["../../../../src/components/bubble/BubbleContent/BubbleContent.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { bubbleContentClasses } from \"./BubbleContent.styles\";\nimport type { BubbleContentProps } from \"./BubbleContent.types\";\n\n/**\n * 气泡内容，默认渲染 div，可用 `component` 换成 button / a 等交互元素\n * （变体样式通过 `[button,a]` 变体命中，并自带 focus ring）。\n */\nexport const BubbleContent = <T extends ValidComponent = \"div\">(\n  props: BubbleContentProps<T>,\n) => (\n  <Dynamic\n    {...props}\n    component={(props.component as ValidComponent) ?? \"div\"}\n    data-slot=\"bubble-content\"\n    class={clsx(bubbleContentClasses, props.class)}\n  />\n);\n"],"mappings":";;;;AAUA,IAAaK,KACXC,MAA4BE,EAE3BP,GAAOQ,EACFH,GAAK;CAAA,IACTI,YAAS;EAAA,OAAGJ,EAAMI,aAAgC;CAAK;CAAA,aAAA;CAAA,IAAAS,QAAA;EAAA,OAEhDjB,EAAKC,GAAsBG,EAAMK,KAAK;CAAC;AAAA,CAAA,CAAA"}
+{"version":3,"file":"BubbleContent.js","names":["splitProps","ValidComponent","Dynamic","clsx","bubbleContentClasses","BubbleContentProps","BubbleContent","props","T","local","others","_$createComponent","_$mergeProps","component","class","classList","_$createComponent","_$mergeProps","BubbleContent","local","others","splitProps","props","createComponent","Dynamic","mergeProps","\"class\"","clsx","bubbleContentClasses"],"sources":["../../../../src/components/bubble/BubbleContent/BubbleContent.tsx"],"sourcesContent":["import { splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { bubbleContentClasses } from \"./BubbleContent.styles\";\nimport type { BubbleContentProps } from \"./BubbleContent.types\";\n\n/**\n * 气泡内容，默认渲染 div，可用 `component` 换成 button / a 等交互元素\n * （变体样式通过 `[button,a]` 变体命中，并自带 focus ring）。\n */\nexport const BubbleContent = <T extends ValidComponent = \"div\">(\n  props: BubbleContentProps<T>,\n) => {\n  // class / classList 必须显式摘出来并一起传给 Dynamic：\n  // `{...props}` 之后再写显式 `class=` 会用 node.className 覆盖掉 classList\n  const [local, others] = splitProps(props as BubbleContentProps, [\n    \"component\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      {...others}\n      component={(local.component as ValidComponent) ?? \"div\"}\n      data-slot=\"bubble-content\"\n      class={clsx(bubbleContentClasses, local.class)}\n      classList={local.classList}\n    />\n  );\n};\n"],"mappings":";;;;;AAUA,IAAaM,KACXC,MACG;CAGH,IAAM,CAACE,GAAOC,KAAUV,EAAWO,GAA6B;EAC9D;EACA;EACA;CAAW,CACZ;CAED,OAAAI,EACGT,GAAOU,EACFF,GAAM;EAAA,IACVG,YAAS;GAAA,OAAGJ,EAAMI,aAAgC;EAAK;EAAA,aAAA;EAAA,IAAAa,QAAA;GAAA,OAEhDvB,EAAKC,GAAsBK,EAAMK,KAAK;EAAC;EAAA,IAC9CC,YAAS;GAAA,OAAEN,EAAMM;EAAS;CAAA,CAAA,CAAA;AAGhC"}

package/dist/components/button/Button.js

@@ -50,6 +50,9 @@ var _ = (t) => {
 				size: y() ? void 0 : _.size,
 				iconSize: y() ? _.size : void 0
 			}), _.class);
+		},
+		get classList() {
+			return _.classList;
 		}
 	}, v, { get children() {
 		return x();

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["children","createMemo","createUniqueId","JSXElement","mergeProps","splitProps","ValidComponent","Dynamic","clsx","logger","s","ButtonProps","ButtonValidElement","log","child","Button","props","T","merged","variant","size","component","id","const","local","others","iconOnly","icon","iconWithAttr","position","_el$","_tmpl$","_$setAttribute","_$insert","resolved","import","meta","env","DEV","warn","_$memo","_el$2","_tmpl$2","iconPosition","_$createComponent","_$mergeProps","type","undefined","onClick","class","iconSize","mergeProps","_$memo","_$createComponent","_$mergeProps","s","Button_styles_default","mergeProps$1","_tmpl$","_tmpl$2","logger","Button","merged","createUniqueId","props","local","others","splitProps","iconOnly","createMemo","iconWithAttr","_el$","setAttribute","position","insert","icon","resolved","children","memo","_el$2","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n  children,\n  createMemo,\n  createUniqueId,\n  type JSXElement,\n  mergeProps,\n  splitProps,\n  type ValidComponent,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx, logger } from \"~/utils\";\nimport s from \"./Button.styles\";\nimport type { ButtonProps, ButtonValidElement } from \"./Button.types\";\n\nconst log = logger.child(\"Button\");\n\nexport const Button = <T extends ButtonValidElement = \"button\">(\n  props: ButtonProps<T>,\n) => {\n  const merged = mergeProps(\n    {\n      variant: \"primary\",\n      size: \"md\",\n      component: \"button\",\n      id: createUniqueId(),\n    } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"variant\",\n    \"size\",\n    \"icon\",\n    \"iconPosition\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"onClick\",\n  ]);\n\n  const iconOnly = createMemo(() => !!local.icon && !local.children);\n\n  const iconWithAttr = (\n    icon: JSXElement,\n    position: \"inline-start\" | \"inline-end\",\n  ) => <span data-icon={position}>{icon}</span>;\n\n  const resolved = children(() => {\n    if (import.meta.env.DEV && iconOnly() && !others[\"aria-label\"]) {\n      log.warn(\"icon-only button must have an aria-label\");\n    }\n\n    return local.icon ? (\n      iconOnly() ? (\n        <>\n          {local.icon}\n          <span class=\"sr-only\">{others[\"aria-label\"]}</span>\n        </>\n      ) : (\n        <>\n          {(!local.iconPosition || local.iconPosition === \"left\") &&\n            iconWithAttr(local.icon, \"inline-start\")}\n          {local.children}\n          {local.iconPosition === \"right\" &&\n            iconWithAttr(local.icon, \"inline-end\")}\n        </>\n      )\n    ) : (\n      local.children\n    );\n  });\n\n  return (\n    <Dynamic\n      data-slot=\"button\"\n      component={local.component as ValidComponent}\n      type={\n        local.component === \"button\" ? (others.type ?? \"button\") : undefined\n      }\n      onClick={local.onClick}\n      class={clsx(\n        s({\n          variant: local.variant,\n          size: iconOnly() ? undefined : local.size,\n          iconSize: iconOnly() ? local.size : undefined,\n        }),\n        local.class,\n      )}\n      {...others}\n    >\n      {resolved()}\n    </Dynamic>\n  );\n};\n"],"mappings":";;;;;;;AAcYS,EAAOK,MAAM,QAAQ;AAEjC,IAAaC,KACXC,MACG;CACH,IAAME,IAASd,EACb;EACEe,SAAS;EACTC,MAAM;EACNC,WAAW;EACXC,IAAIpB,EAAe;CACrB,GACAc,CACF,GAEM,CAACQ,GAAOC,KAAUpB,EAAWa,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAS,CACV,GAEKQ,IAAWzB,QAAiB,CAAC,CAACuB,EAAMG,QAAQ,CAACH,EAAMxB,QAAQ,GAE3D4B,KACJD,GACAE,aAAuC;EAAA,IAAAC,IAAAC,EAAA;EACJ,OADIC,EAAAF,GAAA,aACnBD,CAAQ,GAAAI,EAAAH,GAAGH,CAAI,GAAAG;CAAA,EAAA,CAAA,GAE/BI,IAAWlC,QAKRwB,EAAMG,OACXD,EAAS,IAAC,CAAAc,QAELhB,EAAMG,IAAI,UAAA;EAAA,IAAAc,IAAAC,EAAA;EACgC,OADhCT,EAAAQ,SACYhB,EAAO,aAAa,GAAAgB;CAAA,EAAA,CAAA,CAAA,IAAA;EAAAD,QAI1CA,QAAA,EAAEhB,EAAMmB,gBAAgBnB,EAAMmB,iBAAiB,OAAM,CAAA,CAAA,KACpDf,EAAaJ,EAAMG,MAAM,cAAc,CAAC;EAAAa,QACzChB,EAAMxB,QAAQ;EAAAwC,QACdA,QAAAhB,EAAMmB,iBAAiB,OAAO,CAAA,CAAA,KAC7Bf,EAAaJ,EAAMG,MAAM,YAAY,CAAC;CAAA,IAI5CH,EAAMxB,QAET;CAED,OAAA4C,EACGrC,GAAOsC,EAAA;EAAA,aAAA;EAAA,IAENxB,YAAS;GAAA,OAAEG,EAAMH;EAA2B;EAAA,IAC5CyB,OAAI;GAAA,OACFN,QAAAhB,EAAMH,cAAc,QAAQ,CAAA,CAAA,IAAII,EAAOqB,QAAQ,WAAYC,KAAAA;EAAS;EAAA,IAEtEC,UAAO;GAAA,OAAExB,EAAMwB;EAAO;EAAA,IAAAmC,QAAA;GAAA,OACf3E,EACLE,EAAE;IACAS,SAASK,EAAML;IACfC,MAAMM,EAAS,IAAIqB,KAAAA,IAAYvB,EAAMJ;IACrC8B,UAAUxB,EAAS,IAAIF,EAAMJ,OAAO2B,KAAAA;GACtC,CAAC,GACDvB,EAAMyB,KACR;EAAC;CAAA,GACGxB,GAAM,EAAA,IAAAzB,WAAA;EAAA,OAETkC,EAAS;CAAC,EAAA,CAAA,CAAA;AAGjB"}
+{"version":3,"file":"Button.js","names":["children","createMemo","createUniqueId","JSXElement","mergeProps","splitProps","ValidComponent","Dynamic","clsx","logger","s","ButtonProps","ButtonValidElement","log","child","Button","props","T","merged","variant","size","component","id","const","local","others","iconOnly","icon","iconWithAttr","position","_el$","_tmpl$","_$setAttribute","_$insert","resolved","import","meta","env","DEV","warn","_$memo","_el$2","_tmpl$2","iconPosition","_$createComponent","_$mergeProps","type","undefined","onClick","class","iconSize","classList","mergeProps","_$memo","_$createComponent","_$mergeProps","s","Button_styles_default","mergeProps$1","_tmpl$","_tmpl$2","logger","Button","merged","createUniqueId","props","local","others","splitProps","iconOnly","createMemo","iconWithAttr","_el$","setAttribute","position","insert","icon","resolved","children","memo","_el$2","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n  children,\n  createMemo,\n  createUniqueId,\n  type JSXElement,\n  mergeProps,\n  splitProps,\n  type ValidComponent,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx, logger } from \"~/utils\";\nimport s from \"./Button.styles\";\nimport type { ButtonProps, ButtonValidElement } from \"./Button.types\";\n\nconst log = logger.child(\"Button\");\n\nexport const Button = <T extends ButtonValidElement = \"button\">(\n  props: ButtonProps<T>,\n) => {\n  const merged = mergeProps(\n    {\n      variant: \"primary\",\n      size: \"md\",\n      component: \"button\",\n      id: createUniqueId(),\n    } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"variant\",\n    \"size\",\n    \"icon\",\n    \"iconPosition\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"onClick\",\n  ]);\n\n  const iconOnly = createMemo(() => !!local.icon && !local.children);\n\n  const iconWithAttr = (\n    icon: JSXElement,\n    position: \"inline-start\" | \"inline-end\",\n  ) => <span data-icon={position}>{icon}</span>;\n\n  const resolved = children(() => {\n    if (import.meta.env.DEV && iconOnly() && !others[\"aria-label\"]) {\n      log.warn(\"icon-only button must have an aria-label\");\n    }\n\n    return local.icon ? (\n      iconOnly() ? (\n        <>\n          {local.icon}\n          <span class=\"sr-only\">{others[\"aria-label\"]}</span>\n        </>\n      ) : (\n        <>\n          {(!local.iconPosition || local.iconPosition === \"left\") &&\n            iconWithAttr(local.icon, \"inline-start\")}\n          {local.children}\n          {local.iconPosition === \"right\" &&\n            iconWithAttr(local.icon, \"inline-end\")}\n        </>\n      )\n    ) : (\n      local.children\n    );\n  });\n\n  return (\n    <Dynamic\n      data-slot=\"button\"\n      component={local.component as ValidComponent}\n      type={\n        local.component === \"button\" ? (others.type ?? \"button\") : undefined\n      }\n      onClick={local.onClick}\n      class={clsx(\n        s({\n          variant: local.variant,\n          size: iconOnly() ? undefined : local.size,\n          iconSize: iconOnly() ? local.size : undefined,\n        }),\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    >\n      {resolved()}\n    </Dynamic>\n  );\n};\n"],"mappings":";;;;;;;AAcYS,EAAOK,MAAM,QAAQ;AAEjC,IAAaC,KACXC,MACG;CACH,IAAME,IAASd,EACb;EACEe,SAAS;EACTC,MAAM;EACNC,WAAW;EACXC,IAAIpB,EAAe;CACrB,GACAc,CACF,GAEM,CAACQ,GAAOC,KAAUpB,EAAWa,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAS,CACV,GAEKQ,IAAWzB,QAAiB,CAAC,CAACuB,EAAMG,QAAQ,CAACH,EAAMxB,QAAQ,GAE3D4B,KACJD,GACAE,aAAuC;EAAA,IAAAC,IAAAC,EAAA;EACJ,OADIC,EAAAF,GAAA,aACnBD,CAAQ,GAAAI,EAAAH,GAAGH,CAAI,GAAAG;CAAA,EAAA,CAAA,GAE/BI,IAAWlC,QAKRwB,EAAMG,OACXD,EAAS,IAAC,CAAAc,QAELhB,EAAMG,IAAI,UAAA;EAAA,IAAAc,IAAAC,EAAA;EACgC,OADhCT,EAAAQ,SACYhB,EAAO,aAAa,GAAAgB;CAAA,EAAA,CAAA,CAAA,IAAA;EAAAD,QAI1CA,QAAA,EAAEhB,EAAMmB,gBAAgBnB,EAAMmB,iBAAiB,OAAM,CAAA,CAAA,KACpDf,EAAaJ,EAAMG,MAAM,cAAc,CAAC;EAAAa,QACzChB,EAAMxB,QAAQ;EAAAwC,QACdA,QAAAhB,EAAMmB,iBAAiB,OAAO,CAAA,CAAA,KAC7Bf,EAAaJ,EAAMG,MAAM,YAAY,CAAC;CAAA,IAI5CH,EAAMxB,QAET;CAED,OAAA4C,EACGrC,GAAOsC,EAAA;EAAA,aAAA;EAAA,IAENxB,YAAS;GAAA,OAAEG,EAAMH;EAA2B;EAAA,IAC5CyB,OAAI;GAAA,OACFN,QAAAhB,EAAMH,cAAc,QAAQ,CAAA,CAAA,IAAII,EAAOqB,QAAQ,WAAYC,KAAAA;EAAS;EAAA,IAEtEC,UAAO;GAAA,OAAExB,EAAMwB;EAAO;EAAA,IAAAoC,QAAA;GAAA,OACf5E,EACLE,EAAE;IACAS,SAASK,EAAML;IACfC,MAAMM,EAAS,IAAIqB,KAAAA,IAAYvB,EAAMJ;IACrC8B,UAAUxB,EAAS,IAAIF,EAAMJ,OAAO2B,KAAAA;GACtC,CAAC,GACDvB,EAAMyB,KACR;EAAC;EAAA,IACDE,YAAS;GAAA,OAAE3B,EAAM2B;EAAS;CAAA,GACtB1B,GAAM,EAAA,IAAAzB,WAAA;EAAA,OAETkC,EAAS;CAAC,EAAA,CAAA,CAAA;AAGjB"}

package/dist/components/button-group/ButtonGroup/ButtonGroup.js

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

package/dist/components/button-group/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":["splitProps","clsx","buttonGroupVariants","ButtonGroupProps","ButtonGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","orientation","class","_$mergeProps","_tmpl$","ButtonGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","buttonGroupVariants"],"sources":["../../../../src/components/button-group/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { buttonGroupVariants } from \"./ButtonGroup.styles\";\nimport type { ButtonGroupProps } from \"./ButtonGroup.types\";\n\nexport const ButtonGroup = (props: ButtonGroupProps) => {\n  const [local, others] = splitProps(props, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n  return (\n    <fieldset\n      data-slot=\"button-group\"\n      data-orientation={local.orientation}\n      class={clsx(\n        buttonGroupVariants({ orientation: local.orientation }),\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;8DAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EACxC;EACA;EACA;CAAW,CACZ;CACD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBL,EAAMO;GAAW;GAAA,IAAAY,QAAA;IAAA,OAC5BxB,EACLC,EAAoB,EAAEW,aAAaP,EAAMO,YAAY,CAAC,GACtDP,EAAMQ,KACR;GAAC;EAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"ButtonGroup.js","names":["splitProps","clsx","buttonGroupVariants","ButtonGroupProps","ButtonGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","orientation","class","classList","_$mergeProps","_tmpl$","ButtonGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","buttonGroupVariants"],"sources":["../../../../src/components/button-group/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { buttonGroupVariants } from \"./ButtonGroup.styles\";\nimport type { ButtonGroupProps } from \"./ButtonGroup.types\";\n\nexport const ButtonGroup = (props: ButtonGroupProps) => {\n  const [local, others] = splitProps(props, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n  return (\n    <fieldset\n      data-slot=\"button-group\"\n      data-orientation={local.orientation}\n      class={clsx(\n        buttonGroupVariants({ orientation: local.orientation }),\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;8DAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EACxC;EACA;EACA;CAAW,CACZ;CACD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EASc,OATdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBL,EAAMO;GAAW;GAAA,IAAAa,QAAA;IAAA,OAC5BzB,EACLC,EAAoB,EAAEW,aAAaP,EAAMO,YAAY,CAAC,GACtDP,EAAMQ,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/button-group/ButtonGroupText/ButtonGroupText.js

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

package/dist/components/button-group/ButtonGroupText/ButtonGroupText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroupText.js","names":["clsx","classes","ButtonGroupTextProps","ButtonGroupText","props","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","classes","_tmpl$","ButtonGroupText","_el$","spread","mergeProps","\"class\"","clsx","props"],"sources":["../../../../src/components/button-group/ButtonGroupText/ButtonGroupText.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport classes from \"./ButtonGroupText.styles\";\nimport type { ButtonGroupTextProps } from \"./ButtonGroupText.types\";\n\nexport const ButtonGroupText = (props: ButtonGroupTextProps) => {\n  return (\n    <div\n      data-slot=\"button-group-text\"\n      class={clsx(classes, props.class)}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;8DAIaG,KAAmBC,aAC9B;CAAA,IAAAC,IAAAC,EAAA;CAIa,OAJbC,EAAAF,GAAAG,EAAA,EAAA,IAAAS,QAAA;EAAA,OAGWjB,EAAKC,GAASG,EAAMK,KAAK;CAAC,EAAA,GAC7BL,CAAK,GAAA,IAAA,EAAA,GAAAC;AAAA,EAAA,CAAA"}
+{"version":3,"file":"ButtonGroupText.js","names":["splitProps","clsx","classes","ButtonGroupTextProps","ButtonGroupText","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","classes","_tmpl$","ButtonGroupText","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/button-group/ButtonGroupText/ButtonGroupText.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./ButtonGroupText.styles\";\nimport type { ButtonGroupTextProps } from \"./ButtonGroupText.types\";\n\nexport const ButtonGroupText = (props: ButtonGroupTextProps) => {\n  // class / classList 必须摘出来：`class=` 写在 `{...props}` 之前时，\n  // Solid 的 spread 会用 node.className 重设类名，把内置样式整体覆盖掉\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"button-group-text\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;8DAKaI,KAAmBC,MAAgC;CAG9D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAAc,QAAA;IAAA,OAGWxB,EAAKC,GAASI,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/calendar/Calendar/Calendar.d.ts

@@ -1,10 +1,9 @@
 import { JSX } from 'solid-js';
-import { CalendarClassNames, CalendarProps } from './Calendar.types';
-declare const defaultClassNames: Record<keyof CalendarClassNames, string>;
+import { CalendarProps } from './Calendar.types';
 /**
  * 日历组件：react-day-picker 的 SolidJS 移植，覆盖 shadcn Base UI 版本
  * Calendar 中使用到的核心 props（mode/selected/onSelect/month/classNames 等）。
  * 支持 single、multiple、range 三种模式，以及 label/dropdown 两种标题布局。
  */
 export declare function Calendar(props: CalendarProps): JSX.Element;
-export { defaultClassNames as calendarClassNames };
+export { calendarClassNames } from './Calendar.styles';

package/dist/components/calendar/Calendar/Calendar.js

@@ -1,54 +1,22 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import t from "../../button/Button.styles.js";
-import { Select as n } from "../../select/Select/Select.js";
-import { SelectTrigger as r } from "../../select/SelectTrigger/SelectTrigger.js";
-import { SelectValue as i } from "../../select/SelectValue/SelectValue.js";
-import { SelectContent as a } from "../../select/SelectContent/SelectContent.js";
-import { SelectItem as o } from "../../select/SelectItem/SelectItem.js";
-import { addDays as s, addMonths as c, eachDayOfInterval as l, endOfWeek as u, formatMonthYear as d, formatWeekday as f, getFirstDate as p, getISOWeekNumber as m, isAfter as h, isAfterOrSame as g, isBefore as _, isBeforeOrSame as v, isSameDay as y, resolveLocaleCode as b, startOfMonth as x, startOfWeek as S } from "./Calendar.utils.js";
-import { className as C, createComponent as w, delegateEvents as T, effect as E, insert as D, mergeProps as O, setAttribute as k, spread as ee, template as A } from "solid-js/web";
-import { For as j, Show as M, createMemo as N, createSignal as P, mergeProps as te, splitProps as ne } from "solid-js";
-import { ChevronLeft as re, ChevronRight as ie } from "lucide-solid";
+import { addMonths as t, resolveInitialMonth as n, resolveLocaleCode as r, startOfMonth as i } from "./Calendar.utils.js";
+import { buildMonthOptions as a, buildYearOptions as o, canMoveNext as s, canMovePrev as c } from "./Calendar.options.js";
+import { nextSelected as l } from "./Calendar.selection.js";
+import { CalendarMonth as u } from "./CalendarMonth.js";
+import { calendarClassNames as d } from "./Calendar.styles.js";
+import { className as f, createComponent as p, effect as m, insert as h, mergeProps as g, spread as _, template as v } from "solid-js/web";
+import { For as y, createMemo as b, createSignal as x, mergeProps as S, splitProps as C } from "solid-js";
 //#region src/components/calendar/Calendar/Calendar.tsx
-var ae = /*#__PURE__*/ A("<div><button type=button>"), F = /*#__PURE__*/ A("<div>"), I = /*#__PURE__*/ A("<div><div><button type=button aria-label=\"Previous month\"></button><button type=button aria-label=\"Next month\"></button></div><div></div><div><div>"), L = /*#__PURE__*/ A("<span>"), R = /*#__PURE__*/ A("<div data-slot=calendar><div>"), z = {
-	root: "group/calendar w-fit bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
-	months: "relative flex flex-row gap-4",
-	month: "relative flex w-full flex-col gap-4",
-	nav: "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
-	button_previous: "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
-	button_next: "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
-	month_caption: "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
-	dropdowns: "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
-	dropdown_root: "relative rounded-(--cell-radius)",
-	dropdown: "absolute inset-0 bg-popover opacity-0",
-	caption_label: "font-medium select-none text-sm",
-	month_grid: "w-full border-collapse",
-	weekdays: "flex",
-	weekday: "flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none",
-	week: "mt-2 flex w-full",
-	week_number_header: "w-(--cell-size) select-none",
-	week_number: "text-[0.8rem] text-muted-foreground select-none",
-	day: "relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius) [&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
-	outside: "text-muted-foreground aria-selected:text-muted-foreground",
-	disabled: "text-muted-foreground opacity-50",
-	hidden: "invisible",
-	today: "rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none",
-	range_start: "relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted",
-	range_middle: "rounded-none",
-	range_end: "relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted"
-};
-function B(e) {
-	return e.month ?? e.defaultMonth ?? p(e.selected ?? e.defaultSelected) ?? /* @__PURE__ */ new Date();
-}
-function V(p) {
-	let T = te({
+var w = /*#__PURE__*/ v("<div data-slot=calendar><div>");
+function T(v) {
+	let T = S({
 		mode: "single",
 		showOutsideDays: !0,
 		captionLayout: "label",
 		buttonVariant: "ghost",
 		weekStartsOn: 0,
 		numberOfMonths: 1
-	}, p), [A, V] = ne(T, [
+	}, v), [E, D] = C(T, [
 		"mode",
 		"selected",
 		"defaultSelected",
@@ -71,239 +39,96 @@ function V(p) {
 		"classList",
 		"style",
 		"dir"
-	]), [oe, se] = P(T.defaultSelected), H = N(() => T.selected === void 0 ? oe() : T.selected), U = (e) => {
-		T.selected === void 0 && se(e), T.onSelect?.(e);
-	}, [ce, le] = P(x(B(T))), W = N(() => x(T.month ?? ce())), G = (e) => {
-		let t = x(e);
-		T.month === void 0 && le(t), T.onMonthChange?.(t);
-	}, K = (e) => G(c(W(), e)), ue = () => !T.min || h(x(W()), x(T.min)), de = () => !T.max || _(x(W()), x(T.max)), fe = N(() => {
-		let e = Math.max(1, T.numberOfMonths ?? 1);
-		return Array.from({ length: e }, (e, t) => c(W(), t));
-	}), q = N(() => b(T.locale)), pe = (e) => Array.from({ length: 12 }, (e, t) => t).filter((t) => {
-		let n = !!T.min && (e < T.min.getFullYear() || e === T.min.getFullYear() && t < T.min.getMonth()), r = !!T.max && (e > T.max.getFullYear() || e === T.max.getFullYear() && t > T.max.getMonth());
-		return !n && !r;
-	}).map((e) => {
-		let t = new Date(2024, e, 1);
-		return {
-			value: String(e),
-			label: new Intl.DateTimeFormat(q(), { month: "long" }).format(t)
-		};
-	}), me = N(() => {
-		let e = (/* @__PURE__ */ new Date()).getFullYear(), t = T.min ? T.min.getFullYear() : e - 100, n = T.max ? T.max.getFullYear() : e + 100;
-		return Array.from({ length: Math.max(0, n - t + 1) }, (e, n) => t + n);
-	}), J = (t) => e(z[t], T.classNames?.[t]), Y = (e) => T.disabled === !0 ? !0 : typeof T.disabled == "function" ? T.disabled(e) : !!(T.min && _(e, T.min) || T.max && h(e, T.max)), X = (e) => {
-		let t = H();
-		return !!t?.from && y(e, t.from);
-	}, Z = (e) => {
-		let t = H();
-		return !!t?.to && y(e, t.to);
-	}, Q = (e) => {
-		let t = H();
-		return !!t?.from && !!t?.to && h(e, t.from) && _(e, t.to);
-	}, $ = (e) => {
-		let t = H();
-		if (T.mode === "single") return t instanceof Date && y(e, t);
-		if (T.mode === "multiple") return Array.isArray(t) && t.some((t) => y(t, e));
-		let n = t;
-		return !!n && (n.from && y(e, n.from) || n.to && y(e, n.to) || !!n.from && !!n.to && g(e, n.from) && v(e, n.to));
-	}, he = (e) => {
-		if (Y(e)) return;
-		if (T.mode === "single") {
-			let t = H();
-			U(t instanceof Date && y(t, e) ? void 0 : e);
-			return;
-		}
-		if (T.mode === "multiple") {
-			let t = H(), n = Array.isArray(t) ? [...t] : [], r = n.findIndex((t) => y(t, e));
-			r >= 0 ? n.splice(r, 1) : n.push(e), U(n);
-			return;
-		}
-		let t = H();
-		!t?.from || t.from && t.to ? U({ from: e }) : _(e, t.from) ? U({
-			from: e,
-			to: t.from
-		}) : y(e, t.from) ? U({
-			from: e,
-			to: e
-		}) : U({
-			from: t.from,
-			to: e
-		});
-	}, ge = (n, r) => (() => {
-		var i = ae(), a = i.firstChild;
-		return a.$$click = () => he(n), D(a, () => n.getDate()), E((o) => {
-			var s = Y(n), c = $(n) ? "true" : void 0, l = e(J("day"), n.getMonth() !== r.getMonth() && J("outside"), !T.showOutsideDays && n.getMonth() !== r.getMonth() && J("hidden"), y(n, /* @__PURE__ */ new Date()) && J("today"), Y(n) && J("disabled"), X(n) && J("range_start"), Q(n) && J("range_middle"), Z(n) && J("range_end")), u = Y(n), d = $(n), f = n.toLocaleDateString(q()), p = T.mode === "single" && H() instanceof Date && y(n, H()) ? "true" : void 0, m = X(n) ? "true" : void 0, h = Z(n) ? "true" : void 0, g = Q(n) ? "true" : void 0, _ = e(t({ variant: T.buttonVariant }), "relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal", "data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground", "data-[range-end=true]:hover:bg-primary data-[range-end=true]:hover:text-primary-foreground", "data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground", "data-[range-middle=true]:hover:bg-muted data-[range-middle=true]:hover:text-foreground", "data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground", "data-[range-start=true]:hover:bg-primary data-[range-start=true]:hover:text-primary-foreground", "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground", "data-[selected-single=true]:hover:bg-primary data-[selected-single=true]:hover:text-primary-foreground", n.getMonth() !== r.getMonth() && "text-muted-foreground");
-			return s !== o.e && k(i, "aria-disabled", o.e = s), c !== o.t && k(i, "data-selected", o.t = c), l !== o.a && C(i, o.a = l), u !== o.o && (a.disabled = o.o = u), d !== o.i && k(a, "aria-pressed", o.i = d), f !== o.n && k(a, "data-day", o.n = f), p !== o.s && k(a, "data-selected-single", o.s = p), m !== o.h && k(a, "data-range-start", o.h = m), h !== o.r && k(a, "data-range-end", o.r = h), g !== o.d && k(a, "data-range-middle", o.d = g), _ !== o.l && C(a, o.l = _), o;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0,
-			i: void 0,
-			n: void 0,
-			s: void 0,
-			h: void 0,
-			r: void 0,
-			d: void 0,
-			l: void 0
-		}), i;
-	})(), _e = (p) => {
-		let h = x(p), g = s(c(p, 1), -1), _ = S(h, T.weekStartsOn), v = u(g, T.weekStartsOn), y = l(_, v), b = [];
-		for (let e = 0; e < y.length; e += 7) b.push(y.slice(e, e + 7));
-		let O = Array.from({ length: 7 }, (e, t) => f(s(_, t), q()));
-		return (() => {
-			var s = I(), c = s.firstChild, l = c.firstChild, u = l.nextSibling, f = c.nextSibling, h = f.nextSibling, g = h.firstChild;
-			return l.$$click = () => K(-1), D(l, w(re, { class: "size-4" })), u.$$click = () => K(1), D(u, w(ie, { class: "size-4" })), D(f, w(M, {
-				get when() {
-					return T.captionLayout === "dropdown";
-				},
-				get fallback() {
-					return (() => {
-						var e = L();
-						return D(e, () => d(p, q())), E(() => C(e, J("caption_label"))), e;
-					})();
-				},
-				get children() {
-					var t = F();
-					return D(t, w(n, {
-						get value() {
-							return String(p.getMonth());
-						},
-						onValueChange: (e) => {
-							G(new Date(p.getFullYear(), Number(e), 1));
-						},
-						get children() {
-							return [w(r, {
-								variant: "ghost",
-								get class() {
-									return e("h-(--cell-size) rounded-(--cell-radius) px-2 text-sm font-medium", J("dropdown_root"));
-								},
-								get children() {
-									return w(i, {});
-								}
-							}), w(a, {
-								class: "max-h-56",
-								get children() {
-									return w(j, {
-										get each() {
-											return pe(p.getFullYear());
-										},
-										children: (e) => w(o, {
-											get value() {
-												return e.value;
-											},
-											get children() {
-												return e.label;
-											}
-										})
-									});
-								}
-							})];
-						}
-					}), null), D(t, w(n, {
-						get value() {
-							return String(p.getFullYear());
-						},
-						onValueChange: (e) => {
-							G(new Date(Number(e), p.getMonth(), 1));
-						},
-						get children() {
-							return [w(r, {
-								variant: "ghost",
-								get class() {
-									return e("h-(--cell-size) rounded-(--cell-radius) px-2 text-sm font-medium tabular-nums", J("dropdown_root"));
-								},
-								get children() {
-									return w(i, {});
-								}
-							}), w(a, {
-								class: "max-h-56",
-								get children() {
-									return w(j, {
-										get each() {
-											return me();
-										},
-										children: (e) => w(o, {
-											get value() {
-												return String(e);
-											},
-											children: e
-										})
-									});
-								}
-							})];
-						}
-					}), null), E(() => C(t, J("dropdowns"))), t;
-				}
-			})), D(g, w(M, {
-				get when() {
-					return T.showWeekNumber;
-				},
-				get children() {
-					var e = F();
-					return E(() => C(e, J("week_number_header"))), e;
-				}
-			}), null), D(g, w(j, {
-				each: O,
-				children: (e) => (() => {
-					var t = F();
-					return D(t, e), E(() => C(t, J("weekday"))), t;
-				})()
-			}), null), D(h, w(j, {
-				each: b,
-				children: (e) => (() => {
-					var t = F();
-					return D(t, w(M, {
-						get when() {
-							return T.showWeekNumber;
-						},
-						get children() {
-							var t = F();
-							return D(t, () => m(e[0])), E(() => C(t, J("week_number"))), t;
-						}
-					}), null), D(t, w(j, {
-						each: e,
-						children: (e) => ge(e, p)
-					}), null), E(() => C(t, J("week"))), t;
-				})()
-			}), null), E((n) => {
-				var r = J("month"), i = J("nav"), a = !ue(), o = e(t({ variant: T.buttonVariant }), J("button_previous")), d = !de(), p = e(t({ variant: T.buttonVariant }), J("button_next")), m = J("month_caption"), _ = J("month_grid"), v = J("weekdays");
-				return r !== n.e && C(s, n.e = r), i !== n.t && C(c, n.t = i), a !== n.a && (l.disabled = n.a = a), o !== n.o && C(l, n.o = o), d !== n.i && (u.disabled = n.i = d), p !== n.n && C(u, n.n = p), m !== n.s && C(f, n.s = m), _ !== n.h && C(h, n.h = _), v !== n.r && C(g, n.r = v), n;
-			}, {
-				e: void 0,
-				t: void 0,
-				a: void 0,
-				o: void 0,
-				i: void 0,
-				n: void 0,
-				s: void 0,
-				h: void 0,
-				r: void 0
-			}), s;
-		})();
+	]), [O, k] = x(T.defaultSelected), A = b(() => T.selected === void 0 ? O() : T.selected), j = (e) => {
+		T.selected === void 0 && k(e), T.onSelect?.(e);
+	}, [M, N] = x(i(n(T))), P = b(() => i(T.month ?? M())), F = (e) => {
+		let t = i(e);
+		T.month === void 0 && N(t), T.onMonthChange?.(t);
+	}, I = (e) => F(t(P(), e)), L = () => c(P(), T.min), R = () => s(P(), T.max), z = b(() => {
+		let e = Math.max(1, T.numberOfMonths);
+		return Array.from({ length: e }, (e, n) => t(P(), n));
+	}), B = b(() => r(T.locale)), V = (e) => a(e, {
+		min: T.min,
+		max: T.max
+	}, (e) => new Intl.DateTimeFormat(B(), { month: "long" }).format(new Date(2024, e, 1))), H = b(() => o({
+		min: T.min,
+		max: T.max
+	}, (/* @__PURE__ */ new Date()).getFullYear())), U = (t) => e(d[t], T.classNames?.[t]), W = (e) => {
+		j(l(T.mode, A(), e));
 	};
 	return (() => {
-		var t = R(), n = t.firstChild;
-		return ee(t, O({
+		var t = w(), n = t.firstChild;
+		return _(t, g({
 			get class() {
-				return e(J("root"), A.class);
+				return e(U("root"), E.class);
+			},
+			get classList() {
+				return E.classList;
 			},
 			get style() {
-				return A.style;
+				return E.style;
 			},
 			get dir() {
-				return A.dir;
+				return E.dir;
 			}
-		}, V), !1, !0), D(n, w(j, {
+		}, D), !1, !0), h(n, p(y, {
 			get each() {
-				return fe();
+				return z();
 			},
-			children: (e) => _e(e)
-		})), E(() => C(n, J("months"))), t;
+			children: (e) => p(u, {
+				monthDate: e,
+				get canPrev() {
+					return L();
+				},
+				get canNext() {
+					return R();
+				},
+				onMoveMonth: I,
+				get captionLayout() {
+					return T.captionLayout;
+				},
+				get localeCode() {
+					return B();
+				},
+				monthOptions: V,
+				get yearOptions() {
+					return H();
+				},
+				onSelectMonth: F,
+				get showWeekNumber() {
+					return T.showWeekNumber;
+				},
+				get weekStartsOn() {
+					return T.weekStartsOn;
+				},
+				get mode() {
+					return T.mode;
+				},
+				get selected() {
+					return A();
+				},
+				get showOutsideDays() {
+					return T.showOutsideDays;
+				},
+				get buttonVariant() {
+					return T.buttonVariant;
+				},
+				get disabled() {
+					return T.disabled;
+				},
+				get min() {
+					return T.min;
+				},
+				get max() {
+					return T.max;
+				},
+				onSelectDay: W,
+				slotClass: U
+			})
+		})), m(() => f(n, U("months"))), t;
 	})();
 }
-T(["click"]);
 //#endregion
-export { V as Calendar, z as calendarClassNames };
+export { T as Calendar, d as calendarClassNames };
 
 //# sourceMappingURL=Calendar.js.map