@neut/ui 0.0.17 → 0.0.18

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

@@ -0,0 +1,127 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import t from "../../button/Button.styles.js";
+import { addDays as n, addMonths as r, eachDayOfInterval as i, endOfWeek as a, formatWeekday as o, getISOWeekNumber as s, startOfMonth as c, startOfWeek as l } from "./Calendar.utils.js";
+import { chunkIntoWeeks as u } from "./Calendar.options.js";
+import { CalendarDay as d } from "./CalendarDay.js";
+import { CalendarMonthCaption as f } from "./CalendarMonthCaption.js";
+import { className as p, createComponent as m, delegateEvents as h, effect as g, insert as _, template as v } from "solid-js/web";
+import { For as y, Show as b, createMemo as x } from "solid-js";
+import { ChevronLeft as S, ChevronRight as C } from "lucide-solid";
+//#region src/components/calendar/Calendar/CalendarMonth.tsx
+var w = /*#__PURE__*/ v("<div>"), T = /*#__PURE__*/ v("<div><div><button type=button aria-label=\"Previous month\"></button><button type=button aria-label=\"Next month\"></button></div><div><div>");
+function E(h) {
+	let v = x(() => l(c(h.monthDate), h.weekStartsOn)), E = x(() => i(v(), a(n(r(h.monthDate, 1), -1), h.weekStartsOn))), D = x(() => u(E())), O = x(() => Array.from({ length: 7 }, (e, t) => o(n(v(), t), h.localeCode)));
+	return (() => {
+		var n = T(), r = n.firstChild, i = r.firstChild, a = i.nextSibling, o = r.nextSibling, c = o.firstChild;
+		return i.$$click = () => h.onMoveMonth(-1), _(i, m(S, { class: "size-4" })), a.$$click = () => h.onMoveMonth(1), _(a, m(C, { class: "size-4" })), _(n, m(f, {
+			get monthDate() {
+				return h.monthDate;
+			},
+			get captionLayout() {
+				return h.captionLayout;
+			},
+			get localeCode() {
+				return h.localeCode;
+			},
+			get monthOptions() {
+				return h.monthOptions(h.monthDate.getFullYear());
+			},
+			get yearOptions() {
+				return h.yearOptions;
+			},
+			get onSelectMonth() {
+				return h.onSelectMonth;
+			},
+			get slotClass() {
+				return h.slotClass;
+			}
+		}), o), _(c, m(b, {
+			get when() {
+				return h.showWeekNumber;
+			},
+			get children() {
+				var e = w();
+				return g(() => p(e, h.slotClass("week_number_header"))), e;
+			}
+		}), null), _(c, m(y, {
+			get each() {
+				return O();
+			},
+			children: (e) => (() => {
+				var t = w();
+				return _(t, e), g(() => p(t, h.slotClass("weekday"))), t;
+			})()
+		}), null), _(o, m(y, {
+			get each() {
+				return D();
+			},
+			children: (e) => (() => {
+				var t = w();
+				return _(t, m(b, {
+					get when() {
+						return h.showWeekNumber;
+					},
+					get children() {
+						var t = w();
+						return _(t, () => s(e[0])), g(() => p(t, h.slotClass("week_number"))), t;
+					}
+				}), null), _(t, m(y, {
+					each: e,
+					children: (e) => m(d, {
+						day: e,
+						get monthDate() {
+							return h.monthDate;
+						},
+						get mode() {
+							return h.mode;
+						},
+						get selected() {
+							return h.selected;
+						},
+						get showOutsideDays() {
+							return h.showOutsideDays;
+						},
+						get buttonVariant() {
+							return h.buttonVariant;
+						},
+						get localeCode() {
+							return h.localeCode;
+						},
+						get disabled() {
+							return h.disabled;
+						},
+						get min() {
+							return h.min;
+						},
+						get max() {
+							return h.max;
+						},
+						get slotClass() {
+							return h.slotClass;
+						},
+						get onSelect() {
+							return h.onSelectDay;
+						}
+					})
+				}), null), g(() => p(t, h.slotClass("week"))), t;
+			})()
+		}), null), g((s) => {
+			var l = h.slotClass("month"), u = h.slotClass("nav"), d = !h.canPrev, f = e(t({ variant: h.buttonVariant }), h.slotClass("button_previous")), m = !h.canNext, g = e(t({ variant: h.buttonVariant }), h.slotClass("button_next")), _ = h.slotClass("month_grid"), v = h.slotClass("weekdays");
+			return l !== s.e && p(n, s.e = l), u !== s.t && p(r, s.t = u), d !== s.a && (i.disabled = s.a = d), f !== s.o && p(i, s.o = f), m !== s.i && (a.disabled = s.i = m), g !== s.n && p(a, s.n = g), _ !== s.s && p(o, s.s = _), v !== s.h && p(c, s.h = v), s;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0,
+			h: void 0
+		}), n;
+	})();
+}
+h(["click"]);
+//#endregion
+export { E as CalendarMonth };
+
+//# sourceMappingURL=CalendarMonth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonth.js","names":["For","Show","createMemo","ChevronLeft","ChevronRight","buttonVariants","ButtonVariant","clsx","MonthOption","chunkIntoWeeks","CalendarClassNames","CalendarMode","CalendarSelected","CalendarDay","CalendarMonthCaption","addDays","addMonths","eachDayOfInterval","endOfWeek","formatWeekday","getISOWeekNumber","startOfMonth","startOfWeek","CalendarMonthProps","monthDate","Date","canPrev","canNext","onMoveMonth","delta","captionLayout","localeCode","monthOptions","year","yearOptions","onSelectMonth","next","showWeekNumber","weekStartsOn","mode","selected","showOutsideDays","buttonVariant","disabled","date","min","max","onSelectDay","day","slotClass","key","CalendarMonth","props","gridStart","days","weeks","weekdayLabels","Array","from","length","_","index","_el$","_tmpl$2","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","$$click","_$insert","_$createComponent","getFullYear","when","children","_el$7","_tmpl$","_$effect","_$className","each","label","_el$8","week","_el$9","_el$0","onSelect","_p$","_v$","_v$2","_v$3","_v$4","variant","_v$5","_v$6","_v$7","_v$8","e","t","a","o","i","n","s","h","undefined","_$delegateEvents","_$createComponent","_$className","buttonVariants","_$delegateEvents","Button_styles_default","_tmpl$","_tmpl$2","CalendarMonth","gridStart","createMemo","startOfWeek","startOfMonth","props","days","eachDayOfInterval","endOfWeek","addDays","addMonths","weeks","chunkIntoWeeks","weekdayLabels","formatWeekday","index","_el$","_el$2","_el$3","_el$4","_el$5","_el$6","insert","createComponent","ChevronLeft","\"class\"","ChevronRight","CalendarMonthCaption","Show","_el$7","effect","className","For","_el$8","label","_el$9","_el$0","getISOWeekNumber","week","CalendarDay","_v$","_v$2","_v$3","_v$4","clsx","_v$5","_v$6","_v$7","_v$8","_p$","delegateEvents"],"sources":["../../../../src/components/calendar/Calendar/CalendarMonth.tsx"],"sourcesContent":["import { For, Show, createMemo } from \"solid-js\";\nimport { ChevronLeft, ChevronRight } from \"lucide-solid\";\nimport buttonVariants from \"~/components/button/Button.styles\";\nimport type { ButtonVariant } from \"~/components/button/Button.types\";\nimport { clsx } from \"~/utils\";\nimport type { MonthOption } from \"./Calendar.options\";\nimport { chunkIntoWeeks } from \"./Calendar.options\";\nimport type {\n  CalendarClassNames,\n  CalendarMode,\n  CalendarSelected,\n} from \"./Calendar.types\";\nimport { CalendarDay } from \"./CalendarDay\";\nimport { CalendarMonthCaption } from \"./CalendarMonthCaption\";\nimport {\n  addDays,\n  addMonths,\n  eachDayOfInterval,\n  endOfWeek,\n  formatWeekday,\n  getISOWeekNumber,\n  startOfMonth,\n  startOfWeek,\n} from \"./Calendar.utils\";\n\nexport interface CalendarMonthProps {\n  monthDate: Date;\n  /** 是否还能往前/往后翻月（由 Calendar 按 min/max 判定） */\n  canPrev: boolean;\n  canNext: boolean;\n  onMoveMonth: (delta: number) => void;\n  /** 缺省按 label（文本标题）处理 */\n  captionLayout?: \"label\" | \"dropdown\";\n  localeCode?: string;\n  /** 某一年份下可选的月份 */\n  monthOptions: (year: number) => MonthOption[];\n  yearOptions: number[];\n  onSelectMonth: (next: Date) => void;\n  showWeekNumber?: boolean;\n  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  mode: CalendarMode;\n  selected: CalendarSelected;\n  showOutsideDays: boolean;\n  buttonVariant?: ButtonVariant;\n  disabled?: boolean | ((date: Date) => boolean);\n  min?: Date;\n  max?: Date;\n  onSelectDay: (day: Date) => void;\n  slotClass: (key: keyof CalendarClassNames) => string;\n}\n\n/**\n * 一个月份的视图：翻月导航 + 标题（文本或下拉）+ 网格。\n *\n * 网格日期区间、周切分与星期表头都由纯函数算出来，本组件不持有跨月状态；\n * 每一格交给 `CalendarDay`，标题交给 `CalendarMonthCaption`。\n */\nexport function CalendarMonth(props: CalendarMonthProps) {\n  // 网格区间与周切分只依赖 monthDate / weekStartsOn，做一次记忆化即可\n  const gridStart = createMemo(() =>\n    startOfWeek(startOfMonth(props.monthDate), props.weekStartsOn),\n  );\n  const days = createMemo(() =>\n    eachDayOfInterval(\n      gridStart(),\n      endOfWeek(addDays(addMonths(props.monthDate, 1), -1), props.weekStartsOn),\n    ),\n  );\n  const weeks = createMemo(() => chunkIntoWeeks(days()));\n  const weekdayLabels = createMemo(() =>\n    Array.from({ length: 7 }, (_, index) =>\n      formatWeekday(addDays(gridStart(), index), props.localeCode),\n    ),\n  );\n\n  return (\n    <div class={props.slotClass(\"month\")}>\n      <div class={props.slotClass(\"nav\")}>\n        <button\n          type=\"button\"\n          disabled={!props.canPrev}\n          aria-label=\"Previous month\"\n          onClick={() => props.onMoveMonth(-1)}\n          class={clsx(\n            buttonVariants({ variant: props.buttonVariant }),\n            props.slotClass(\"button_previous\"),\n          )}\n        >\n          <ChevronLeft class=\"size-4\" />\n        </button>\n        <button\n          type=\"button\"\n          disabled={!props.canNext}\n          aria-label=\"Next month\"\n          onClick={() => props.onMoveMonth(1)}\n          class={clsx(\n            buttonVariants({ variant: props.buttonVariant }),\n            props.slotClass(\"button_next\"),\n          )}\n        >\n          <ChevronRight class=\"size-4\" />\n        </button>\n      </div>\n\n      <CalendarMonthCaption\n        monthDate={props.monthDate}\n        captionLayout={props.captionLayout}\n        localeCode={props.localeCode}\n        monthOptions={props.monthOptions(props.monthDate.getFullYear())}\n        yearOptions={props.yearOptions}\n        onSelectMonth={props.onSelectMonth}\n        slotClass={props.slotClass}\n      />\n\n      <div class={props.slotClass(\"month_grid\")}>\n        <div class={props.slotClass(\"weekdays\")}>\n          <Show when={props.showWeekNumber}>\n            <div class={props.slotClass(\"week_number_header\")} />\n          </Show>\n          <For each={weekdayLabels()}>\n            {(label) => <div class={props.slotClass(\"weekday\")}>{label}</div>}\n          </For>\n        </div>\n\n        <For each={weeks()}>\n          {(week) => (\n            <div class={props.slotClass(\"week\")}>\n              <Show when={props.showWeekNumber}>\n                <div class={props.slotClass(\"week_number\")}>\n                  {getISOWeekNumber(week[0])}\n                </div>\n              </Show>\n              <For each={week}>\n                {(day) => (\n                  <CalendarDay\n                    day={day}\n                    monthDate={props.monthDate}\n                    mode={props.mode}\n                    selected={props.selected}\n                    showOutsideDays={props.showOutsideDays}\n                    buttonVariant={props.buttonVariant}\n                    localeCode={props.localeCode}\n                    disabled={props.disabled}\n                    min={props.min}\n                    max={props.max}\n                    slotClass={props.slotClass}\n                    onSelect={props.onSelectDay}\n                  />\n                )}\n              </For>\n            </div>\n          )}\n        </For>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+import { MonthOption } from './Calendar.options';
+import { CalendarClassNames } from './Calendar.types';
+export interface CalendarMonthCaptionProps {
+    monthDate: Date;
+    /** 缺省按 label（文本标题）处理 */
+    captionLayout?: "label" | "dropdown";
+    localeCode?: string;
+    /** 当前年份下可选的月份（已按 min/max 过滤并本地化） */
+    monthOptions: MonthOption[];
+    /** 可选年份 */
+    yearOptions: number[];
+    /** 选择新的展示月份（已按所选月份/年份算好具体日期） */
+    onSelectMonth: (next: Date) => void;
+    slotClass: (key: keyof CalendarClassNames) => string;
+}
+/**
+ * 月份标题：`captionLayout="label"` 时是一行文本，
+ * `"dropdown"` 时换成"月 + 年"两个下拉。
+ *
+ * 下拉只负责"用户选了哪个值 → 对应的月份日期"，跨月状态仍由 Calendar 持有。
+ */
+export declare function CalendarMonthCaption(props: CalendarMonthCaptionProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,103 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { formatMonthYear as t } from "./Calendar.utils.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 { className as s, createComponent as c, effect as l, insert as u, template as d } from "solid-js/web";
+import { For as f, Show as p } from "solid-js";
+//#region src/components/calendar/Calendar/CalendarMonthCaption.tsx
+var m = /*#__PURE__*/ d("<div>"), h = /*#__PURE__*/ d("<span>");
+function g(d) {
+	return (() => {
+		var g = m();
+		return u(g, c(p, {
+			get when() {
+				return d.captionLayout === "dropdown";
+			},
+			get fallback() {
+				return (() => {
+					var e = h();
+					return u(e, () => t(d.monthDate, d.localeCode)), l(() => s(e, d.slotClass("caption_label"))), e;
+				})();
+			},
+			get children() {
+				var t = m();
+				return u(t, c(n, {
+					get value() {
+						return String(d.monthDate.getMonth());
+					},
+					onValueChange: (e) => {
+						d.onSelectMonth(new Date(d.monthDate.getFullYear(), Number(e), 1));
+					},
+					get children() {
+						return [c(r, {
+							variant: "ghost",
+							get class() {
+								return e("h-(--cell-size) rounded-(--cell-radius) px-2 text-sm font-medium", d.slotClass("dropdown_root"));
+							},
+							get children() {
+								return c(i, {});
+							}
+						}), c(a, {
+							class: "max-h-56",
+							get children() {
+								return c(f, {
+									get each() {
+										return d.monthOptions;
+									},
+									children: (e) => c(o, {
+										get value() {
+											return e.value;
+										},
+										get children() {
+											return e.label;
+										}
+									})
+								});
+							}
+						})];
+					}
+				}), null), u(t, c(n, {
+					get value() {
+						return String(d.monthDate.getFullYear());
+					},
+					onValueChange: (e) => {
+						d.onSelectMonth(new Date(Number(e), d.monthDate.getMonth(), 1));
+					},
+					get children() {
+						return [c(r, {
+							variant: "ghost",
+							get class() {
+								return e("h-(--cell-size) rounded-(--cell-radius) px-2 text-sm font-medium tabular-nums", d.slotClass("dropdown_root"));
+							},
+							get children() {
+								return c(i, {});
+							}
+						}), c(a, {
+							class: "max-h-56",
+							get children() {
+								return c(f, {
+									get each() {
+										return d.yearOptions;
+									},
+									children: (e) => c(o, {
+										get value() {
+											return String(e);
+										},
+										children: e
+									})
+								});
+							}
+						})];
+					}
+				}), null), l(() => s(t, d.slotClass("dropdowns"))), t;
+			}
+		})), l(() => s(g, d.slotClass("month_caption"))), g;
+	})();
+}
+//#endregion
+export { g as CalendarMonthCaption };
+
+//# sourceMappingURL=CalendarMonthCaption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonthCaption.js","names":["For","Show","Select","SelectContent","SelectItem","SelectTrigger","SelectValue","clsx","MonthOption","CalendarClassNames","formatMonthYear","CalendarMonthCaptionProps","monthDate","Date","captionLayout","localeCode","monthOptions","yearOptions","onSelectMonth","next","slotClass","key","CalendarMonthCaption","props","_el$","_tmpl$","_$insert","_$createComponent","when","fallback","_el$3","_tmpl$2","_$effect","_$className","children","_el$2","value","String","getMonth","onValueChange","getFullYear","Number","variant","class","each","option","label","year","_$createComponent","_$className","_tmpl$","_tmpl$2","CalendarMonthCaption","_el$","insert","createComponent","Show","props","_el$3","formatMonthYear","effect","className","_el$2","Select","value","SelectTrigger","\"class\"","clsx","SelectValue","SelectContent","For","SelectItem","option","year"],"sources":["../../../../src/components/calendar/Calendar/CalendarMonthCaption.tsx"],"sourcesContent":["import { For, Show } from \"solid-js\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"~/components/select\";\nimport { clsx } from \"~/utils\";\nimport type { MonthOption } from \"./Calendar.options\";\nimport type { CalendarClassNames } from \"./Calendar.types\";\nimport { formatMonthYear } from \"./Calendar.utils\";\n\nexport interface CalendarMonthCaptionProps {\n  monthDate: Date;\n  /** 缺省按 label（文本标题）处理 */\n  captionLayout?: \"label\" | \"dropdown\";\n  localeCode?: string;\n  /** 当前年份下可选的月份（已按 min/max 过滤并本地化） */\n  monthOptions: MonthOption[];\n  /** 可选年份 */\n  yearOptions: number[];\n  /** 选择新的展示月份（已按所选月份/年份算好具体日期） */\n  onSelectMonth: (next: Date) => void;\n  slotClass: (key: keyof CalendarClassNames) => string;\n}\n\n/**\n * 月份标题：`captionLayout=\"label\"` 时是一行文本，\n * `\"dropdown\"` 时换成\"月 + 年\"两个下拉。\n *\n * 下拉只负责\"用户选了哪个值 → 对应的月份日期\"，跨月状态仍由 Calendar 持有。\n */\nexport function CalendarMonthCaption(props: CalendarMonthCaptionProps) {\n  return (\n    <div class={props.slotClass(\"month_caption\")}>\n      <Show\n        when={props.captionLayout === \"dropdown\"}\n        fallback={\n          <span class={props.slotClass(\"caption_label\")}>\n            {formatMonthYear(props.monthDate, props.localeCode)}\n          </span>\n        }\n      >\n        <div class={props.slotClass(\"dropdowns\")}>\n          <Select\n            value={String(props.monthDate.getMonth())}\n            onValueChange={(value) => {\n              props.onSelectMonth(\n                new Date(props.monthDate.getFullYear(), Number(value), 1),\n              );\n            }}\n          >\n            <SelectTrigger\n              variant=\"ghost\"\n              class={clsx(\n                \"h-(--cell-size) rounded-(--cell-radius) px-2 text-sm font-medium\",\n                props.slotClass(\"dropdown_root\"),\n              )}\n            >\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent class=\"max-h-56\">\n              <For each={props.monthOptions}>\n                {(option) => (\n                  <SelectItem value={option.value}>{option.label}</SelectItem>\n                )}\n              </For>\n            </SelectContent>\n          </Select>\n\n          <Select\n            value={String(props.monthDate.getFullYear())}\n            onValueChange={(value) => {\n              props.onSelectMonth(\n                new Date(Number(value), props.monthDate.getMonth(), 1),\n              );\n            }}\n          >\n            <SelectTrigger\n              variant=\"ghost\"\n              class={clsx(\n                \"h-(--cell-size) rounded-(--cell-radius) px-2 text-sm font-medium tabular-nums\",\n                props.slotClass(\"dropdown_root\"),\n              )}\n            >\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent class=\"max-h-56\">\n              <For each={props.yearOptions}>\n                {(year) => <SelectItem value={String(year)}>{year}</SelectItem>}\n              </For>\n            </SelectContent>\n          </Select>\n        </div>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAiCA,SAAgBsB,EAAqBC,GAAkC;CACrE,cAAA;EAAA,IAAAC,IAAAC,EAAA;EAC8C,OAD9CC,EAAAF,GAAAG,EAEK1B,GAAI;GAAA,IACH2B,OAAI;IAAA,OAAEL,EAAMT,kBAAkB;GAAU;GAAA,IACxCe,WAAQ;IAAA,cAAA;KAAA,IAAAC,IAAAC,EAAA;KACuC,OADvCL,EAAAI,SAEHpB,EAAgBa,EAAMX,WAAWW,EAAMR,UAAU,CAAC,GAAAiB,QAAAC,EAAAH,GADxCP,EAAMH,UAAU,eAAe,CAAC,CAAA,GAAAU;IAAA,EAAA,CAAA;GAAA;GAAA,IAAAI,WAAA;IAAA,IAAAC,IAAAV,EAAA;IAKP,OALOC,EAAAS,GAAAR,EAM5CzB,GAAM;KAAA,IACLkC,QAAK;MAAA,OAAEC,OAAOd,EAAMX,UAAU0B,SAAS,CAAC;KAAC;KACzCC,gBAAgBH,MAAU;MACxBb,EAAML,cACJ,IAAIL,KAAKU,EAAMX,UAAU4B,YAAY,GAAGC,OAAOL,CAAK,GAAG,CAAC,CAC1D;KACF;KAAC,IAAAF,WAAA;MAAA,OAAA,CAAAP,EAEAtB,GAAa;OACZqC,SAAO;OAAA,IAAAwB,QAAA;QAAA,OACA3D,EACL,oEACAgB,EAAMH,UAAU,eAAe,CACjC;OAAC;OAAA,IAAAc,WAAA;QAAA,OAAAP,EAEArB,GAAW,CAAA,CAAA;OAAA;MAAA,CAAA,GAAAqB,EAEbxB,GAAa;OAAA+D,OAAA;OAAA,IAAAhC,WAAA;QAAA,OAAAP,EACX3B,GAAG;SAAA,IAAC4C,OAAI;UAAA,OAAErB,EAAMP;SAAY;SAAAkB,WACzBW,MAAMlB,EACLvB,GAAU;UAAA,IAACgC,QAAK;WAAA,OAAES,EAAOT;UAAK;UAAA,IAAAF,WAAA;WAAA,OAAGW,EAAOC;UAAK;SAAA,CAAA;QAC/C,CAAA;OAAA;MAAA,CAAA,CAAA;KAAA;IAAA,CAAA,GAAA,IAAA,GAAApB,EAAAS,GAAAR,EAKNzB,GAAM;KAAA,IACLkC,QAAK;MAAA,OAAEC,OAAOd,EAAMX,UAAU4B,YAAY,CAAC;KAAC;KAC5CD,gBAAgBH,MAAU;MACxBb,EAAML,cACJ,IAAIL,KAAK4B,OAAOL,CAAK,GAAGb,EAAMX,UAAU0B,SAAS,GAAG,CAAC,CACvD;KACF;KAAC,IAAAJ,WAAA;MAAA,OAAA,CAAAP,EAEAtB,GAAa;OACZqC,SAAO;OAAA,IAAAwB,QAAA;QAAA,OACA3D,EACL,iFACAgB,EAAMH,UAAU,eAAe,CACjC;OAAC;OAAA,IAAAc,WAAA;QAAA,OAAAP,EAEArB,GAAW,CAAA,CAAA;OAAA;MAAA,CAAA,GAAAqB,EAEbxB,GAAa;OAAA+D,OAAA;OAAA,IAAAhC,WAAA;QAAA,OAAAP,EACX3B,GAAG;SAAA,IAAC4C,OAAI;UAAA,OAAErB,EAAMN;SAAW;SAAAiB,WACxBa,MAAIpB,EAAMvB,GAAU;UAAA,IAACgC,QAAK;WAAA,OAAEC,OAAOU,CAAI;UAAC;UAAAb,UAAGa;SAAI,CAAA;QAAc,CAAA;OAAA;MAAA,CAAA,CAAA;KAAA;IAAA,CAAA,GAAA,IAAA,GAAAf,QAAAC,EAAAE,GA9C3DZ,EAAMH,UAAU,WAAW,CAAC,CAAA,GAAAe;GAAA;EAAA,CAAA,CAAA,GAAAH,QAAAC,EAAAT,GAThCD,EAAMH,UAAU,eAAe,CAAC,CAAA,GAAAI;CAAA,EAAA,CAAA;AA+DhD"}

package/dist/components/calendar/index.js

@@ -1,2 +1,3 @@
-import { Calendar as e, calendarClassNames as t } from "./Calendar/Calendar.js";
-export { e as Calendar, t as calendarClassNames };
+import { calendarClassNames as e } from "./Calendar/Calendar.styles.js";
+import { Calendar as t } from "./Calendar/Calendar.js";
+export { t as Calendar, e as calendarClassNames };

package/dist/components/card/Card/Card.js

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

package/dist/components/card/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["mergeProps","splitProps","classes","clsx","CardProps","Card","props","merged","size","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-size","class","mergeProps","_$mergeProps","classes","mergeProps$1","_tmpl$","Card","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/Card/Card.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport classes from \"~/components/card/Card/Card.styles\";\nimport { clsx } from \"~/utils\";\nimport type { CardProps } from \"./Card.types\";\n\nexport const Card = (props: CardProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n  const [local, others] = splitProps(merged, [\"size\", \"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={local.size}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;iDAKaK,KAAQC,MAAqB;CACxC,IAAMC,IAASP,EAAW,EAAEQ,MAAM,KAAK,GAAYF,CAAK,GAClD,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,cAAA;IAAA,OAGeL,EAAMF;GAAI;GAAA,IAAAwB,QAAA;IAAA,OACd7B,EAAKD,GAASQ,EAAMO,KAAK;GAAC;EAAA,GAC7BN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"Card.js","names":["mergeProps","splitProps","classes","clsx","CardProps","Card","props","merged","size","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-size","class","classList","mergeProps","_$mergeProps","classes","mergeProps$1","_tmpl$","Card","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/Card/Card.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport classes from \"~/components/card/Card/Card.styles\";\nimport { clsx } from \"~/utils\";\nimport type { CardProps } from \"./Card.types\";\n\nexport const Card = (props: CardProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n  const [local, others] = splitProps(merged, [\"size\", \"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={local.size}\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;iDAKaK,KAAQC,MAAqB;CACxC,IAAMC,IAASP,EAAW,EAAEQ,MAAM,KAAK,GAAYF,CAAK,GAClD,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,cAAA;IAAA,OAGeL,EAAMF;GAAI;GAAA,IAAAyB,QAAA;IAAA,OACd9B,EAAKD,GAASQ,EAAMO,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAER,EAAMQ;GAAS;EAAA,GACtBP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/card/CardAction/CardAction.js

@@ -7,9 +7,14 @@ var o = /*#__PURE__*/ i("<div data-slot=card-action>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t, s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

package/dist/components/card/CardAction/CardAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardAction.js","names":["splitProps","clsx","classes","CardActionProps","CardAction","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","classes","_tmpl$","CardAction","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/CardAction/CardAction.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardAction.styles\";\nimport type { CardActionProps } from \"./CardAction.types\";\n\nexport const CardAction = (props: CardActionProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-action\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;wDAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAC0E,OAD1EC,EAAAF,GAAAG,EAAA,EAAA,IAAAa,QAAA;GAAA,OACsCvB,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAAML,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAE5E"}
+{"version":3,"file":"CardAction.js","names":["splitProps","clsx","classes","CardActionProps","CardAction","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","classes","_tmpl$","CardAction","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/CardAction/CardAction.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardAction.styles\";\nimport type { CardActionProps } from \"./CardAction.types\";\n\nexport const CardAction = (props: CardActionProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card-action\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;wDAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKY,OALZC,EAAAF,GAAAG,EAAA;GAAA,IAAAc,QAAA;IAAA,OAGWxB,EAAKC,GAASI,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/card/CardContent/CardContent.js

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

package/dist/components/card/CardContent/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.js","names":["splitProps","clsx","classes","CardContentProps","CardContent","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","classes","_tmpl$","CardContent","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/CardContent/CardContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardContent.styles\";\nimport type { CardContentProps } from \"./CardContent.types\";\n\nexport const CardContent = (props: CardContentProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card-content\"\n      class={clsx(classes, local.class)}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;yDAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIY,OAJZC,EAAAF,GAAAG,EAAA,EAAA,IAAAa,QAAA;GAAA,OAGWvB,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}
+{"version":3,"file":"CardContent.js","names":["splitProps","clsx","classes","CardContentProps","CardContent","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","classes","_tmpl$","CardContent","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/CardContent/CardContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardContent.styles\";\nimport type { CardContentProps } from \"./CardContent.types\";\n\nexport const CardContent = (props: CardContentProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card-content\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;yDAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKY,OALZC,EAAAF,GAAAG,EAAA;GAAA,IAAAc,QAAA;IAAA,OAGWxB,EAAKC,GAASI,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/card/CardDescription/CardDescription.js

@@ -7,9 +7,14 @@ var o = /*#__PURE__*/ i("<div data-slot=card-description>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t, s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

package/dist/components/card/CardDescription/CardDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardDescription.js","names":["splitProps","clsx","classes","CardDescriptionProps","CardDescription","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","classes","_tmpl$","CardDescription","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/CardDescription/CardDescription.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardDescription.styles\";\nimport type { CardDescriptionProps } from \"./CardDescription.types\";\n\nexport const CardDescription = (props: CardDescriptionProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card-description\"\n      class={clsx(classes, local.class)}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;6DAKaI,KAAmBC,MAAgC;CAC9D,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIY,OAJZC,EAAAF,GAAAG,EAAA,EAAA,IAAAa,QAAA;GAAA,OAGWvB,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}
+{"version":3,"file":"CardDescription.js","names":["splitProps","clsx","classes","CardDescriptionProps","CardDescription","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","classes","_tmpl$","CardDescription","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/CardDescription/CardDescription.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardDescription.styles\";\nimport type { CardDescriptionProps } from \"./CardDescription.types\";\n\nexport const CardDescription = (props: CardDescriptionProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card-description\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;6DAKaI,KAAmBC,MAAgC;CAC9D,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKY,OALZC,EAAAF,GAAAG,EAAA;GAAA,IAAAc,QAAA;IAAA,OAGWxB,EAAKC,GAASI,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/card/CardFooter/CardFooter.js

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

package/dist/components/card/CardFooter/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.js","names":["splitProps","clsx","classes","CardFooterProps","CardFooter","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","classes","_tmpl$","CardFooter","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/CardFooter/CardFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardFooter.styles\";\nimport type { CardFooterProps } from \"./CardFooter.types\";\n\nexport const CardFooter = (props: CardFooterProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-footer\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;wDAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAC0E,OAD1EC,EAAAF,GAAAG,EAAA,EAAA,IAAAa,QAAA;GAAA,OACsCvB,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAAML,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAE5E"}
+{"version":3,"file":"CardFooter.js","names":["splitProps","clsx","classes","CardFooterProps","CardFooter","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","classes","_tmpl$","CardFooter","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/CardFooter/CardFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardFooter.styles\";\nimport type { CardFooterProps } from \"./CardFooter.types\";\n\nexport const CardFooter = (props: CardFooterProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card-footer\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;wDAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKY,OALZC,EAAAF,GAAAG,EAAA;GAAA,IAAAc,QAAA;IAAA,OAGWxB,EAAKC,GAASI,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/card/CardHeader/CardHeader.js

@@ -7,9 +7,14 @@ var o = /*#__PURE__*/ i("<div data-slot=card-header>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t, s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

package/dist/components/card/CardHeader/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","names":["splitProps","clsx","classes","CardHeaderProps","CardHeader","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","classes","_tmpl$","CardHeader","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/CardHeader/CardHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardHeader.styles\";\nimport type { CardHeaderProps } from \"./CardHeader.types\";\n\nexport const CardHeader = (props: CardHeaderProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-header\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;wDAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAC0E,OAD1EC,EAAAF,GAAAG,EAAA,EAAA,IAAAa,QAAA;GAAA,OACsCvB,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAAML,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAE5E"}
+{"version":3,"file":"CardHeader.js","names":["splitProps","clsx","classes","CardHeaderProps","CardHeader","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","classes","_tmpl$","CardHeader","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/CardHeader/CardHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardHeader.styles\";\nimport type { CardHeaderProps } from \"./CardHeader.types\";\n\nexport const CardHeader = (props: CardHeaderProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card-header\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;wDAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKY,OALZC,EAAAF,GAAAG,EAAA;GAAA,IAAAc,QAAA;IAAA,OAGWxB,EAAKC,GAASI,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/card/CardTitle/CardTitle.js

@@ -7,9 +7,14 @@ var o = /*#__PURE__*/ i("<div data-slot=card-title>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t, s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

package/dist/components/card/CardTitle/CardTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardTitle.js","names":["splitProps","clsx","classes","CardTitleProps","CardTitle","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","classes","_tmpl$","CardTitle","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/CardTitle/CardTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardTitle.styles\";\nimport type { CardTitleProps } from \"./CardTitle.types\";\n\nexport const CardTitle = (props: CardTitleProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-title\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;uDAKaI,KAAaC,MAA0B;CAClD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EACyE,OADzEC,EAAAF,GAAAG,EAAA,EAAA,IAAAa,QAAA;GAAA,OACqCvB,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAAML,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAE3E"}
+{"version":3,"file":"CardTitle.js","names":["splitProps","clsx","classes","CardTitleProps","CardTitle","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","classes","_tmpl$","CardTitle","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/card/CardTitle/CardTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardTitle.styles\";\nimport type { CardTitleProps } from \"./CardTitle.types\";\n\nexport const CardTitle = (props: CardTitleProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card-title\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;uDAKaI,KAAaC,MAA0B;CAClD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKY,OALZC,EAAAF,GAAAG,EAAA;GAAA,IAAAc,QAAA;IAAA,OAGWxB,EAAKC,GAASI,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/carousel/Carousel/Carousel.context.js

@@ -3,7 +3,7 @@ import { createContext as e, useContext as t } from "solid-js";
 var n = e();
 function r() {
 	let e = t(n);
-	if (!e) throw Error("useCarouselContext must be used within a <Carousel />");
+	if (!e) throw Error("useCarouselContext 必须用在 <Carousel> 内部");
 	return e;
 }
 //#endregion

package/dist/components/carousel/Carousel/Carousel.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.context.js","names":["Accessor","createContext","useContext","Orientation","CarouselContextValue","currentIndex","itemCount","orientation","loop","canScrollPrev","canScrollNext","scrollPrev","scrollNext","scrollTo","index","registerItem","itemSize","setItemSize","size","viewportSize","setViewportSize","CarouselContext","useCarouselContext","context","Error","CarouselContext","createContext","useCarouselContext","context","useContext"],"sources":["../../../../src/components/carousel/Carousel/Carousel.context.tsx"],"sourcesContent":["import { type Accessor, createContext, useContext } from \"solid-js\";\nimport type { Orientation } from \"./Carousel.types\";\n\ninterface CarouselContextValue {\n  currentIndex: Accessor<number>;\n  itemCount: Accessor<number>;\n  orientation: Accessor<Orientation>;\n  loop: Accessor<boolean>;\n  canScrollPrev: Accessor<boolean>;\n  canScrollNext: Accessor<boolean>;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  scrollTo: (index: number) => void;\n  registerItem: () => () => void;\n  itemSize: Accessor<number>;\n  setItemSize: (size: number) => void;\n  /**\n   * viewport（overflow:hidden 容器）的实测像素尺寸。\n   * 由 CarouselContent 的 ResizeObserver 写入，用于派生 visibleCount。\n   */\n  viewportSize: Accessor<number>;\n  setViewportSize: (size: number) => void;\n}\n\nexport const CarouselContext = createContext<CarouselContextValue>();\n\nexport function useCarouselContext() {\n  const context = useContext(CarouselContext);\n  if (!context) {\n    throw new Error(\"useCarouselContext must be used within a <Carousel />\");\n  }\n  return context;\n}\n"],"mappings":";;AAwBA,IAAaqB,IAAkBpB,EAAoC;AAEnE,SAAgBqB,IAAqB;CACnC,IAAMC,IAAUrB,EAAWmB,CAAe;CAC1C,IAAI,CAACE,GACH,MAAUC,MAAM,uDAAuD;CAEzE,OAAOD;AACT"}
+{"version":3,"file":"Carousel.context.js","names":["Accessor","createContext","useContext","Orientation","CarouselContextValue","currentIndex","itemCount","orientation","loop","canScrollPrev","canScrollNext","scrollPrev","scrollNext","scrollTo","index","registerItem","itemSize","setItemSize","size","viewportSize","setViewportSize","CarouselContext","useCarouselContext","context","Error","CarouselContext","createContext","useCarouselContext","context","useContext"],"sources":["../../../../src/components/carousel/Carousel/Carousel.context.tsx"],"sourcesContent":["import { type Accessor, createContext, useContext } from \"solid-js\";\nimport type { Orientation } from \"./Carousel.types\";\n\ninterface CarouselContextValue {\n  currentIndex: Accessor<number>;\n  itemCount: Accessor<number>;\n  orientation: Accessor<Orientation>;\n  loop: Accessor<boolean>;\n  canScrollPrev: Accessor<boolean>;\n  canScrollNext: Accessor<boolean>;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  scrollTo: (index: number) => void;\n  registerItem: () => () => void;\n  itemSize: Accessor<number>;\n  setItemSize: (size: number) => void;\n  /**\n   * viewport（overflow:hidden 容器）的实测像素尺寸。\n   * 由 CarouselContent 的 ResizeObserver 写入，用于派生 visibleCount。\n   */\n  viewportSize: Accessor<number>;\n  setViewportSize: (size: number) => void;\n}\n\nexport const CarouselContext = createContext<CarouselContextValue>();\n\nexport function useCarouselContext() {\n  const context = useContext(CarouselContext);\n  if (!context) {\n    throw new Error(\"useCarouselContext 必须用在 <Carousel> 内部\");\n  }\n  return context;\n}\n"],"mappings":";;AAwBA,IAAaqB,IAAkBpB,EAAoC;AAEnE,SAAgBqB,IAAqB;CACnC,IAAMC,IAAUrB,EAAWmB,CAAe;CAC1C,IAAI,CAACE,GACH,MAAUC,MAAM,uCAAuC;CAEzD,OAAOD;AACT"}

package/dist/components/carousel/Carousel/Carousel.js

@@ -5,31 +5,38 @@ import { useCarousel as r } from "./useCarousel.js";
 import { useKeyboardNavigation as i } from "./useKeyboardNavigation.js";
 import a from "./Carousel.styles.js";
 import { createComponent as o, mergeProps as s, spread as c, template as l, use as u } from "solid-js/web";
-import { splitProps as d } from "solid-js";
+import { createSignal as d, splitProps as f } from "solid-js";
 //#region src/components/carousel/Carousel/Carousel.tsx
-var f = /*#__PURE__*/ l("<section data-slot=carousel aria-roledescription=carousel>"), p = (l) => {
-	let [p, m, h] = d(l, ["class", "aria-label"], [
+var p = /*#__PURE__*/ l("<section data-slot=carousel aria-roledescription=carousel>"), m = (l) => {
+	let [m, h, g] = f(l, ["class", "aria-label"], [
 		"loop",
 		"orientation",
 		"autoPlay",
 		"autoPlayInterval"
-	]), g = r(m), _;
-	return n(m.autoPlay ?? !1, m.autoPlayInterval ?? 3e3, g.scrollNext), i(_, g.orientation, g.scrollPrev, g.scrollNext), o(t.Provider, {
-		value: g,
+	]), _ = r(h), [v, y] = d();
+	return n(h.autoPlay ?? !1, h.autoPlayInterval ?? 3e3, _.scrollNext), i({
+		ref: v,
+		orientation: _.orientation,
+		scrollPrev: _.scrollPrev,
+		scrollNext: _.scrollNext,
+		scrollToStart: () => _.scrollTo(0),
+		scrollToEnd: () => _.scrollTo(Math.max(_.itemCount() - 1, 0))
+	}), o(t.Provider, {
+		value: _,
 		get children() {
-			var t = f(), n = _;
-			return typeof n == "function" ? u(n, t) : _ = t, c(t, s({
+			var t = p();
+			return u((e) => y(e), t), c(t, s({
 				get "aria-label"() {
-					return p["aria-label"] ?? "Carousel";
+					return m["aria-label"] ?? "Carousel";
 				},
 				get class() {
-					return e(a, p.class);
+					return e(a, m.class);
 				}
-			}, h), !1, !1), t;
+			}, g), !1, !1), t;
 		}
 	});
 };
 //#endregion
-export { p as Carousel };
+export { m as Carousel };
 
 //# sourceMappingURL=Carousel.js.map

package/dist/components/carousel/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","names":["splitProps","clsx","CarouselContext","CarouselProps","useAutoPlay","useCarousel","useKeyboardNavigation","classes","Carousel","props","local","options","rest","state","rootRef","HTMLElement","autoPlay","autoPlayInterval","scrollNext","orientation","scrollPrev","_$createComponent","Provider","value","children","_el$","_tmpl$","_ref$","_$use","_$spread","_$mergeProps","aria-label","class","_$createComponent","_$use","_$mergeProps","classes","_tmpl$","Carousel","local","options","rest","splitProps","props","state","useCarousel","rootRef","useAutoPlay","useKeyboardNavigation","createComponent","CarouselContext","_el$","_ref$","use","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/carousel/Carousel/Carousel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { CarouselContext } from \"./Carousel.context\";\nimport type { CarouselProps } from \"./Carousel.types\";\nimport { useAutoPlay } from \"./useAutoPlay\";\nimport { useCarousel } from \"./useCarousel\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport classes from \"./Carousel.styles\";\n\nexport const Carousel = (props: CarouselProps) => {\n  const [local, options, rest] = splitProps(\n    props,\n    [\"class\", \"aria-label\"],\n    [\"loop\", \"orientation\", \"autoPlay\", \"autoPlayInterval\"],\n  );\n\n  const state = useCarousel(options);\n  let rootRef: HTMLElement | undefined;\n\n  useAutoPlay(\n    options.autoPlay ?? false,\n    options.autoPlayInterval ?? 3000,\n    state.scrollNext,\n  );\n\n  useKeyboardNavigation(\n    rootRef,\n    state.orientation,\n    state.scrollPrev,\n    state.scrollNext,\n  );\n\n  return (\n    <CarouselContext.Provider value={state}>\n      <section\n        ref={rootRef}\n        data-slot=\"carousel\"\n        aria-label={local[\"aria-label\"] ?? \"Carousel\"}\n        aria-roledescription=\"carousel\"\n        class={clsx(classes, local.class)}\n        {...rest}\n      />\n    </CarouselContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;uFASaQ,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,GAASC,KAAQZ,EAC7BS,GACA,CAAC,SAAS,YAAY,GACtB;EAAC;EAAQ;EAAe;EAAY;CAAkB,CACxD,GAEMI,IAAQR,EAAYM,CAAO,GAC7BG;CAeJ,OAbAV,EACEO,EAAQK,YAAY,IACpBL,EAAQM,oBAAoB,KAC5BJ,EAAMK,UACR,GAEAZ,EACEQ,GACAD,EAAMM,aACNN,EAAMO,YACNP,EAAMK,UACR,GAEAG,EACGnB,EAAgBoB,UAAQ;EAACC,OAAOV;EAAK,IAAAW,WAAA;GAAA,IAAAC,IAAAC,EAAA,GAAAC,IAE7Bb;GAKG,OALI,OAAAa,KAAA,aAAAC,EAAAD,GAAAF,CAAA,IAAPX,IAAOW,GAAAI,EAAAJ,GAAAK,EAAA;IAAA,IAAA,eAAA;KAAA,OAEApB,EAAM,iBAAiB;IAAU;IAAA,IAAA8C,QAAA;KAAA,OAEtCvD,EAAKM,GAASG,EAAMsB,KAAK;IAAC;GAAA,GAC7BpB,CAAI,GAAA,IAAA,EAAA,GAAAa;EAAA;CAAA,CAAA;AAIhB"}
+{"version":3,"file":"Carousel.js","names":["createSignal","splitProps","clsx","CarouselContext","CarouselProps","useAutoPlay","useCarousel","useKeyboardNavigation","classes","Carousel","props","local","options","rest","state","rootRef","setRootRef","HTMLElement","autoPlay","autoPlayInterval","scrollNext","ref","orientation","scrollPrev","scrollToStart","scrollTo","scrollToEnd","Math","max","itemCount","_$createComponent","Provider","value","children","_el$","_tmpl$","_$use","el","_$spread","_$mergeProps","aria-label","class","_$createComponent","_$mergeProps","classes","_tmpl$","Carousel","local","options","rest","splitProps","props","state","useCarousel","rootRef","setRootRef","createSignal","useAutoPlay","useKeyboardNavigation","createComponent","CarouselContext","_el$","use","el","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/carousel/Carousel/Carousel.tsx"],"sourcesContent":["import { createSignal, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { CarouselContext } from \"./Carousel.context\";\nimport type { CarouselProps } from \"./Carousel.types\";\nimport { useAutoPlay } from \"./useAutoPlay\";\nimport { useCarousel } from \"./useCarousel\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport classes from \"./Carousel.styles\";\n\nexport const Carousel = (props: CarouselProps) => {\n  const [local, options, rest] = splitProps(\n    props,\n    [\"class\", \"aria-label\"],\n    [\"loop\", \"orientation\", \"autoPlay\", \"autoPlayInterval\"],\n  );\n\n  const state = useCarousel(options);\n  // 必须是 signal：ref 回调在挂载时才赋值，若按值传出去，\n  // 键盘监听会拿到 undefined 且永不补挂（键盘导航曾因此完全失效）\n  const [rootRef, setRootRef] = createSignal<HTMLElement | undefined>();\n\n  useAutoPlay(\n    options.autoPlay ?? false,\n    options.autoPlayInterval ?? 3000,\n    state.scrollNext,\n  );\n\n  useKeyboardNavigation({\n    ref: rootRef,\n    orientation: state.orientation,\n    scrollPrev: state.scrollPrev,\n    scrollNext: state.scrollNext,\n    scrollToStart: () => state.scrollTo(0),\n    scrollToEnd: () => state.scrollTo(Math.max(state.itemCount() - 1, 0)),\n  });\n\n  return (\n    <CarouselContext.Provider value={state}>\n      <section\n        ref={(el) => setRootRef(el)}\n        data-slot=\"carousel\"\n        aria-label={local[\"aria-label\"] ?? \"Carousel\"}\n        aria-roledescription=\"carousel\"\n        class={clsx(classes, local.class)}\n        {...rest}\n      />\n    </CarouselContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;uFASaS,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,GAASC,KAAQZ,EAC7BS,GACA,CAAC,SAAS,YAAY,GACtB;EAAC;EAAQ;EAAe;EAAY;CAAkB,CACxD,GAEMI,IAAQR,EAAYM,CAAO,GAG3B,CAACG,GAASC,KAAchB,EAAsC;CAiBpE,OAfAK,EACEO,EAAQM,YAAY,IACpBN,EAAQO,oBAAoB,KAC5BL,EAAMM,UACR,GAEAb,EAAsB;EACpBc,KAAKN;EACLO,aAAaR,EAAMQ;EACnBC,YAAYT,EAAMS;EAClBH,YAAYN,EAAMM;EAClBI,qBAAqBV,EAAMW,SAAS,CAAC;EACrCC,mBAAmBZ,EAAMW,SAASE,KAAKC,IAAId,EAAMe,UAAU,IAAI,GAAG,CAAC,CAAC;CACtE,CAAC,GAEDC,EACG3B,EAAgB4B,UAAQ;EAACC,OAAOlB;EAAK,IAAAmB,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAO1B,OAP0BC,GAE5BC,MAAOrB,EAAWqB,CAAE,GAACH,CAAA,GAAAI,EAAAJ,GAAAK,EAAA;IAAA,IAAA,eAAA;KAAA,OAEf5B,EAAM,iBAAiB;IAAU;IAAA,IAAAuD,QAAA;KAAA,OAEtChE,EAAKM,GAASG,EAAM8B,KAAK;IAAC;GAAA,GAC7B5B,CAAI,GAAA,IAAA,EAAA,GAAAqB;EAAA;CAAA,CAAA;AAIhB"}

package/dist/components/carousel/Carousel/useKeyboardNavigation.d.ts

@@ -1,3 +1,13 @@
 import { Accessor } from 'solid-js';
 import { Orientation } from './Carousel.types';
-export declare function useKeyboardNavigation(ref: HTMLElement | undefined, orientation: Accessor<Orientation>, scrollPrev: () => void, scrollNext: () => void): void;
+export interface KeyboardNavigationOptions {
+    /** 根元素 accessor：必须响应式，否则 ref 回调赋值后监听器不会补挂 */
+    ref: Accessor<HTMLElement | undefined>;
+    orientation: Accessor<Orientation>;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    /** Home / End 跳到第一张 / 最后一张 */
+    scrollToStart: () => void;
+    scrollToEnd: () => void;
+}
+export declare function useKeyboardNavigation(options: KeyboardNavigationOptions): void;