@neut/ui 0.0.16 → 0.0.18

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

@@ -0,0 +1,50 @@
+import { isAfter as e, isAfterOrSame as t, isBefore as n, isBeforeOrSame as r, isSameDay as i } from "./Calendar.utils.js";
+//#region src/components/calendar/Calendar/Calendar.selection.ts
+function a(e) {
+	if (!(!e || e instanceof Date || Array.isArray(e))) return e;
+}
+function o(e, t) {
+	let n = a(e);
+	return !!n?.from && i(t, n.from);
+}
+function s(e, t) {
+	let n = a(e);
+	return !!n?.to && i(t, n.to);
+}
+function c(t, r) {
+	let i = a(t);
+	return !!i?.from && !!i?.to && e(r, i.from) && n(r, i.to);
+}
+function l(e, n, o) {
+	if (e === "single") return n instanceof Date && i(o, n);
+	if (e === "multiple") return Array.isArray(n) && n.some((e) => i(e, o));
+	let s = a(n);
+	return s ? s.from && i(o, s.from) || s.to && i(o, s.to) ? !0 : !!s.from && !!s.to && t(o, s.from) && r(o, s.to) : !1;
+}
+function u(e, t) {
+	return e instanceof Date && i(e, t) ? void 0 : t;
+}
+function d(e, t) {
+	let n = Array.isArray(e) ? [...e] : [], r = n.findIndex((e) => i(e, t));
+	return r >= 0 ? n.splice(r, 1) : n.push(t), n;
+}
+function f(e, t) {
+	let r = a(e);
+	return !r?.from || r.from && r.to ? { from: t } : n(t, r.from) ? {
+		from: t,
+		to: r.from
+	} : i(t, r.from) ? {
+		from: t,
+		to: t
+	} : {
+		from: r.from,
+		to: t
+	};
+}
+function p(e, t, n) {
+	return e === "single" ? u(t, n) : e === "multiple" ? d(t, n) : f(t, n);
+}
+//#endregion
+export { l as isDateSelected, s as isRangeEnd, c as isRangeMiddle, o as isRangeStart, p as nextSelected };
+
+//# sourceMappingURL=Calendar.selection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.selection.js","names":["asRange","selected","isRangeStart","range","isSameDay","day","isRangeEnd","isRangeMiddle","isAfter","isBefore","isDateSelected","mode","d","isAfterOrSame","isBeforeOrSame","nextSingle","nextMultiple","list","index","nextRange","nextSelected"],"sources":["../../../../src/components/calendar/Calendar/Calendar.selection.ts"],"sourcesContent":["/**\n * Calendar 的选中态算法。\n *\n * 单一职责：在「当前选中值 + 模式 + 日期」上做纯计算——\n * 某个日期是否被选中、是否落在范围区间内、点击后新的选中值是什么。\n * 不持有信号、不渲染，因此 `single` / `multiple` / `range` 三种模式的每个\n * 分支都能独立单测。\n */\n\nimport type {\n  CalendarMode,\n  CalendarSelected,\n  DateRange,\n} from \"./Calendar.types\";\nimport {\n  isAfter,\n  isAfterOrSame,\n  isBefore,\n  isBeforeOrSame,\n  isSameDay,\n} from \"./Calendar.utils\";\n\n/** 把选中值收窄成区间（非区间模式会得到 undefined 字段） */\nfunction asRange(selected: CalendarSelected): DateRange | undefined {\n  if (!selected || selected instanceof Date || Array.isArray(selected)) {\n    return undefined;\n  }\n  return selected;\n}\n\n/** 该日期是否是区间起点 */\nexport function isRangeStart(selected: CalendarSelected, day: Date): boolean {\n  const range = asRange(selected);\n  return !!range?.from && isSameDay(day, range.from);\n}\n\n/** 该日期是否是区间终点 */\nexport function isRangeEnd(selected: CalendarSelected, day: Date): boolean {\n  const range = asRange(selected);\n  return !!range?.to && isSameDay(day, range.to);\n}\n\n/** 该日期是否落在区间内部（不含两端） */\nexport function isRangeMiddle(selected: CalendarSelected, day: Date): boolean {\n  const range = asRange(selected);\n  return (\n    !!range?.from &&\n    !!range?.to &&\n    isAfter(day, range.from) &&\n    isBefore(day, range.to)\n  );\n}\n\n/**\n * 该日期是否「处于选中状态」。\n * 注意 range 模式下区间内部的日期也算选中（用于 `aria-pressed` 与 `data-selected`）。\n */\nexport function isDateSelected(\n  mode: CalendarMode,\n  selected: CalendarSelected,\n  day: Date,\n): boolean {\n  if (mode === \"single\") {\n    return selected instanceof Date && isSameDay(day, selected);\n  }\n  if (mode === \"multiple\") {\n    return Array.isArray(selected) && selected.some((d) => isSameDay(d, day));\n  }\n  const range = asRange(selected);\n  if (!range) return false;\n  if (range.from && isSameDay(day, range.from)) return true;\n  if (range.to && isSameDay(day, range.to)) return true;\n  return (\n    !!range.from &&\n    !!range.to &&\n    isAfterOrSame(day, range.from) &&\n    isBeforeOrSame(day, range.to)\n  );\n}\n\n/** single 模式：再次点击已选日期则取消选中 */\nfunction nextSingle(selected: CalendarSelected, day: Date): CalendarSelected {\n  return selected instanceof Date && isSameDay(selected, day) ? undefined : day;\n}\n\n/** multiple 模式：在数组里切换该日期的存在性（保持原顺序追加） */\nfunction nextMultiple(selected: CalendarSelected, day: Date): CalendarSelected {\n  const list = Array.isArray(selected) ? [...selected] : [];\n  const index = list.findIndex((d) => isSameDay(d, day));\n  if (index >= 0) {\n    list.splice(index, 1);\n  } else {\n    list.push(day);\n  }\n  return list;\n}\n\n/**\n * range 模式：第一次点击设起点，第二次点击形成区间；\n * - 点击早于起点的日期 → 交换成 `{ from: day, to: from }`\n * - 点击与起点同一天 → `{ from: day, to: day }`\n * - 已有完整区间 → 重新开始（只设 from）\n */\nfunction nextRange(selected: CalendarSelected, day: Date): CalendarSelected {\n  const range = asRange(selected);\n  if (!range?.from || (range.from && range.to)) {\n    return { from: day };\n  }\n  if (isBefore(day, range.from)) {\n    return { from: day, to: range.from };\n  }\n  if (isSameDay(day, range.from)) {\n    return { from: day, to: day };\n  }\n  return { from: range.from, to: day };\n}\n\n/**\n * 计算点击某一天之后的新选中值（不判断是否 disabled——调用方负责）。\n */\nexport function nextSelected(\n  mode: CalendarMode,\n  selected: CalendarSelected,\n  day: Date,\n): CalendarSelected {\n  if (mode === \"single\") return nextSingle(selected, day);\n  if (mode === \"multiple\") return nextMultiple(selected, day);\n  return nextRange(selected, day);\n}\n"],"mappings":";;AAuBA,SAASA,EAAQ,GAAmD;CAClE,IAAI,GAACC,KAAYA,aAAoB,QAAQ,MAAM,QAAQA,CAAQ,IAGnE,OAAOA;AACT;AAGA,SAAgBC,EAAa,GAA4B,GAAoB;CAC3E,IAAMC,IAAQH,EAAQC,CAAQ;CAC9B,OAAO,CAAC,CAACE,GAAO,QAAQC,EAAUC,GAAKF,EAAM,IAAI;AACnD;AAGA,SAAgBG,EAAW,GAA4B,GAAoB;CACzE,IAAMH,IAAQH,EAAQC,CAAQ;CAC9B,OAAO,CAAC,CAACE,GAAO,MAAMC,EAAUC,GAAKF,EAAM,EAAE;AAC/C;AAGA,SAAgBI,EAAc,GAA4B,GAAoB;CAC5E,IAAMJ,IAAQH,EAAQC,CAAQ;CAC9B,OACE,CAAC,CAACE,GAAO,QACT,CAAC,CAACA,GAAO,MACTK,EAAQH,GAAKF,EAAM,IAAI,KACvBM,EAASJ,GAAKF,EAAM,EAAE;AAE1B;AAMA,SAAgBO,EACd,GACA,GACA,GACS;CACT,IAAIC,MAAS,UACX,OAAOV,aAAoB,QAAQG,EAAUC,GAAKJ,CAAQ;CAE5D,IAAIU,MAAS,YACX,OAAO,MAAM,QAAQV,CAAQ,KAAKA,EAAS,MAAM,MAAMG,EAAUQ,GAAGP,CAAG,CAAC;CAE1E,IAAMF,IAAQH,EAAQC,CAAQ;CAI9B,OAHKE,IACDA,EAAM,QAAQC,EAAUC,GAAKF,EAAM,IAAI,KACvCA,EAAM,MAAMC,EAAUC,GAAKF,EAAM,EAAE,IAAU,KAE/C,CAAC,CAACA,EAAM,QACR,CAAC,CAACA,EAAM,MACRU,EAAcR,GAAKF,EAAM,IAAI,KAC7BW,EAAeT,GAAKF,EAAM,EAAE,IAPX;AASrB;AAGA,SAASY,EAAW,GAA4B,GAA6B;CAC3E,OAAOd,aAAoB,QAAQG,EAAUH,GAAUI,CAAG,IAAI,KAAA,IAAYA;AAC5E;AAGA,SAASW,EAAa,GAA4B,GAA6B;CAC7E,IAAMC,IAAO,MAAM,QAAQhB,CAAQ,IAAI,CAAC,GAAGA,CAAQ,IAAI,CAAC,GAClDiB,IAAQD,EAAK,WAAW,MAAMb,EAAUQ,GAAGP,CAAG,CAAC;CAMrD,OALIa,KAAS,IACXD,EAAK,OAAOC,GAAO,CAAC,IAEpBD,EAAK,KAAKZ,CAAG,GAERY;AACT;AAQA,SAASE,EAAU,GAA4B,GAA6B;CAC1E,IAAMhB,IAAQH,EAAQC,CAAQ;CAU9B,OATI,CAACE,GAAO,QAASA,EAAM,QAAQA,EAAM,KAChC,EAAE,MAAME,EAAI,IAEjBI,EAASJ,GAAKF,EAAM,IAAI,IACnB;EAAE,MAAME;EAAK,IAAIF,EAAM;CAAK,IAEjCC,EAAUC,GAAKF,EAAM,IAAI,IACpB;EAAE,MAAME;EAAK,IAAIA;CAAI,IAEvB;EAAE,MAAMF,EAAM;EAAM,IAAIE;CAAI;AACrC;AAKA,SAAgBe,EACd,GACA,GACA,GACkB;CAGlB,OAFIT,MAAS,WAAiBI,EAAWd,GAAUI,CAAG,IAClDM,MAAS,aAAmBK,EAAaf,GAAUI,CAAG,IACnDc,EAAUlB,GAAUI,CAAG;AAChC"}

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

@@ -0,0 +1,8 @@
+import { CalendarClassNames } from './Calendar.types';
+/**
+ * 各插槽的默认 Tailwind 类名。与 shadcn 的 `calendar.tsx` 对齐，
+ * 调用方可用 `classNames` 按 key 覆盖（见 `Calendar.tsx` 的 slotClass）。
+ */
+export declare const calendarClassNames: Record<keyof CalendarClassNames, string>;
+/** 兼容旧命名（对外公开的是 calendarClassNames） */
+export { calendarClassNames as defaultClassNames };

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

@@ -0,0 +1,32 @@
+//#region src/components/calendar/Calendar/Calendar.styles.ts
+var e = {
+	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"
+};
+//#endregion
+export { e as calendarClassNames, e as defaultClassNames };
+
+//# sourceMappingURL=Calendar.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.styles.js","names":["calendarClassNames"],"sources":["../../../../src/components/calendar/Calendar/Calendar.styles.ts"],"sourcesContent":["import type { CalendarClassNames } from \"./Calendar.types\";\n\n/**\n * 各插槽的默认 Tailwind 类名。与 shadcn 的 `calendar.tsx` 对齐，\n * 调用方可用 `classNames` 按 key 覆盖（见 `Calendar.tsx` 的 slotClass）。\n */\nexport const calendarClassNames: Record<keyof CalendarClassNames, string> = {\n  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\",\n  months: \"relative flex flex-row gap-4\",\n  month: \"relative flex w-full flex-col gap-4\",\n  nav: \"absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1\",\n  button_previous:\n    \"size-(--cell-size) p-0 select-none aria-disabled:opacity-50\",\n  button_next: \"size-(--cell-size) p-0 select-none aria-disabled:opacity-50\",\n  month_caption:\n    \"flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)\",\n  dropdowns:\n    \"flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium\",\n  dropdown_root: \"relative rounded-(--cell-radius)\",\n  dropdown: \"absolute inset-0 bg-popover opacity-0\",\n  caption_label: \"font-medium select-none text-sm\",\n  month_grid: \"w-full border-collapse\",\n  weekdays: \"flex\",\n  weekday:\n    \"flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none\",\n  week: \"mt-2 flex w-full\",\n  week_number_header: \"w-(--cell-size) select-none\",\n  week_number: \"text-[0.8rem] text-muted-foreground select-none\",\n  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)\",\n  outside: \"text-muted-foreground aria-selected:text-muted-foreground\",\n  disabled: \"text-muted-foreground opacity-50\",\n  hidden: \"invisible\",\n  today:\n    \"rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none\",\n  range_start:\n    \"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\",\n  range_middle: \"rounded-none\",\n  range_end:\n    \"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\",\n};\n\n/** 兼容旧命名（对外公开的是 calendarClassNames） */\nexport { calendarClassNames as defaultClassNames };\n"],"mappings":";AAMA,IAAaA,IAA+D;CAC1E,MAAM;CACN,QAAQ;CACR,OAAO;CACP,KAAK;CACL,iBACE;CACF,aAAa;CACb,eACE;CACF,WACE;CACF,eAAe;CACf,UAAU;CACV,eAAe;CACf,YAAY;CACZ,UAAU;CACV,SACE;CACF,MAAM;CACN,oBAAoB;CACpB,aAAa;CACb,KAAK;CACL,SAAS;CACT,UAAU;CACV,QAAQ;CACR,OACE;CACF,aACE;CACF,cAAc;CACd,WACE;AACJ"}

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

@@ -1,4 +1,4 @@
-import { CalendarSelected } from './Calendar.types';
+import { CalendarProps, CalendarSelected } from './Calendar.types';
 export declare function toDateOnly(date: Date): Date;
 export declare function startOfMonth(date: Date): Date;
 export declare function addMonths(date: Date, amount: number): Date;
@@ -19,3 +19,5 @@ export declare function formatWeekday(date: Date, locale?: string): string;
 export declare function formatMonthYear(date: Date, locale?: string): string;
 export declare function formatMonthShort(date: Date, locale?: string): string;
 export declare function getISOWeekNumber(date: Date): number;
+/** 初始展示月份：受控 month > defaultMonth > 选中日期 > 今天 */
+export declare function resolveInitialMonth(props: Pick<CalendarProps, "month" | "defaultMonth" | "selected" | "defaultSelected">): Date;

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

@@ -62,7 +62,10 @@ function g(e) {
 	let r = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
 	return Math.ceil(((t.getTime() - r.getTime()) / 864e5 + 1) / 7);
 }
+function _(e) {
+	return e.month ?? e.defaultMonth ?? p(e.selected ?? e.defaultSelected) ?? /* @__PURE__ */ new Date();
+}
 //#endregion
-export { r as addDays, n as addMonths, d as eachDayOfInterval, u as endOfWeek, h as formatMonthYear, m as formatWeekday, p as getFirstDate, g as getISOWeekNumber, o as isAfter, c as isAfterOrSame, a as isBefore, s as isBeforeOrSame, i as isSameDay, f as resolveLocaleCode, t as startOfMonth, l as startOfWeek, e as toDateOnly };
+export { r as addDays, n as addMonths, d as eachDayOfInterval, u as endOfWeek, h as formatMonthYear, m as formatWeekday, p as getFirstDate, g as getISOWeekNumber, o as isAfter, c as isAfterOrSame, a as isBefore, s as isBeforeOrSame, i as isSameDay, _ as resolveInitialMonth, f as resolveLocaleCode, t as startOfMonth, l as startOfWeek, e as toDateOnly };
 
 //# sourceMappingURL=Calendar.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.utils.js","names":["toDateOnly","date","startOfMonth","addMonths","amount","addDays","isSameDay","a","b","isBefore","isAfter","isBeforeOrSame","isAfterOrSame","startOfWeek","day","weekStartsOn","endOfWeek","eachDayOfInterval","days","current","start","last","end","resolveLocaleCode","locale","getFirstDate","selected","formatWeekday","formatMonthYear","getISOWeekNumber","d","dayNum","yearStart"],"sources":["../../../../src/components/calendar/Calendar/Calendar.utils.ts"],"sourcesContent":["import type { CalendarSelected } from \"./Calendar.types\";\n\nexport function toDateOnly(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\nexport function startOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function addMonths(date: Date, amount: number): Date {\n  return new Date(date.getFullYear(), date.getMonth() + amount, 1);\n}\n\nexport function addDays(date: Date, amount: number): Date {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);\n}\n\nexport function isSameDay(a: Date, b: Date): boolean {\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\nexport function isBefore(a: Date, b: Date): boolean {\n  return toDateOnly(a).getTime() < toDateOnly(b).getTime();\n}\n\nexport function isAfter(a: Date, b: Date): boolean {\n  return toDateOnly(a).getTime() > toDateOnly(b).getTime();\n}\n\nexport function isBeforeOrSame(a: Date, b: Date): boolean {\n  return toDateOnly(a).getTime() <= toDateOnly(b).getTime();\n}\n\nexport function isAfterOrSame(a: Date, b: Date): boolean {\n  return toDateOnly(a).getTime() >= toDateOnly(b).getTime();\n}\n\nexport function startOfWeek(date: Date, weekStartsOn = 0): Date {\n  const day = toDateOnly(date);\n  const diff = (day.getDay() - weekStartsOn + 7) % 7;\n  return addDays(day, -diff);\n}\n\nexport function endOfWeek(date: Date, weekStartsOn = 0): Date {\n  return addDays(startOfWeek(date, weekStartsOn), 6);\n}\n\nexport function eachDayOfInterval(start: Date, end: Date): Date[] {\n  const days: Date[] = [];\n  let current = toDateOnly(start);\n  const last = toDateOnly(end);\n  while (current.getTime() <= last.getTime()) {\n    days.push(current);\n    current = addDays(current, 1);\n  }\n  return days;\n}\n\nexport function resolveLocaleCode(\n  locale?: string | { code?: string },\n): string | undefined {\n  if (!locale) return undefined;\n  return typeof locale === \"string\" ? locale : locale.code;\n}\n\nexport function getFirstDate(selected: CalendarSelected): Date | undefined {\n  if (selected instanceof Date) return selected;\n  if (Array.isArray(selected)) return selected[0];\n  if (selected?.from) return selected.from;\n  if (selected?.to) return selected.to;\n  return undefined;\n}\n\nexport function formatWeekday(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, { weekday: \"short\" }).format(date);\n}\n\nexport function formatMonthYear(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    month: \"long\",\n    year: \"numeric\",\n  }).format(date);\n}\n\nexport function formatMonthShort(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, { month: \"short\" }).format(date);\n}\n\nexport function getISOWeekNumber(date: Date): number {\n  const d = new Date(\n    Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()),\n  );\n  const dayNum = d.getUTCDay() || 7;\n  d.setUTCDate(d.getUTCDate() + 4 - dayNum);\n  const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));\n  return Math.ceil(((d.getTime() - yearStart.getTime()) / 86400000 + 1) / 7);\n}\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.utils.js","names":["toDateOnly","date","startOfMonth","addMonths","amount","addDays","isSameDay","a","b","isBefore","isAfter","isBeforeOrSame","isAfterOrSame","startOfWeek","day","weekStartsOn","endOfWeek","eachDayOfInterval","days","current","start","last","end","resolveLocaleCode","locale","getFirstDate","selected","formatWeekday","formatMonthYear","getISOWeekNumber","d","dayNum","yearStart","resolveInitialMonth","props"],"sources":["../../../../src/components/calendar/Calendar/Calendar.utils.ts"],"sourcesContent":["import type { CalendarProps, CalendarSelected } from \"./Calendar.types\";\n\nexport function toDateOnly(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\nexport function startOfMonth(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function addMonths(date: Date, amount: number): Date {\n  return new Date(date.getFullYear(), date.getMonth() + amount, 1);\n}\n\nexport function addDays(date: Date, amount: number): Date {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);\n}\n\nexport function isSameDay(a: Date, b: Date): boolean {\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\nexport function isBefore(a: Date, b: Date): boolean {\n  return toDateOnly(a).getTime() < toDateOnly(b).getTime();\n}\n\nexport function isAfter(a: Date, b: Date): boolean {\n  return toDateOnly(a).getTime() > toDateOnly(b).getTime();\n}\n\nexport function isBeforeOrSame(a: Date, b: Date): boolean {\n  return toDateOnly(a).getTime() <= toDateOnly(b).getTime();\n}\n\nexport function isAfterOrSame(a: Date, b: Date): boolean {\n  return toDateOnly(a).getTime() >= toDateOnly(b).getTime();\n}\n\nexport function startOfWeek(date: Date, weekStartsOn = 0): Date {\n  const day = toDateOnly(date);\n  const diff = (day.getDay() - weekStartsOn + 7) % 7;\n  return addDays(day, -diff);\n}\n\nexport function endOfWeek(date: Date, weekStartsOn = 0): Date {\n  return addDays(startOfWeek(date, weekStartsOn), 6);\n}\n\nexport function eachDayOfInterval(start: Date, end: Date): Date[] {\n  const days: Date[] = [];\n  let current = toDateOnly(start);\n  const last = toDateOnly(end);\n  while (current.getTime() <= last.getTime()) {\n    days.push(current);\n    current = addDays(current, 1);\n  }\n  return days;\n}\n\nexport function resolveLocaleCode(\n  locale?: string | { code?: string },\n): string | undefined {\n  if (!locale) return undefined;\n  return typeof locale === \"string\" ? locale : locale.code;\n}\n\nexport function getFirstDate(selected: CalendarSelected): Date | undefined {\n  if (selected instanceof Date) return selected;\n  if (Array.isArray(selected)) return selected[0];\n  if (selected?.from) return selected.from;\n  if (selected?.to) return selected.to;\n  return undefined;\n}\n\nexport function formatWeekday(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, { weekday: \"short\" }).format(date);\n}\n\nexport function formatMonthYear(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    month: \"long\",\n    year: \"numeric\",\n  }).format(date);\n}\n\nexport function formatMonthShort(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, { month: \"short\" }).format(date);\n}\n\nexport function getISOWeekNumber(date: Date): number {\n  const d = new Date(\n    Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()),\n  );\n  const dayNum = d.getUTCDay() || 7;\n  d.setUTCDate(d.getUTCDate() + 4 - dayNum);\n  const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));\n  return Math.ceil(((d.getTime() - yearStart.getTime()) / 86400000 + 1) / 7);\n}\n\n/** 初始展示月份：受控 month > defaultMonth > 选中日期 > 今天 */\nexport function resolveInitialMonth(\n  props: Pick<\n    CalendarProps,\n    \"month\" | \"defaultMonth\" | \"selected\" | \"defaultSelected\"\n  >,\n): Date {\n  return (\n    props.month ??\n    props.defaultMonth ??\n    getFirstDate(props.selected ?? props.defaultSelected) ??\n    new Date()\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+import { ButtonVariant } from '../../button/Button.types';
+import { CalendarClassNames, CalendarMode, CalendarSelected } from './Calendar.types';
+export interface CalendarDayProps {
+    day: Date;
+    /** 该天所属的展示月份（用于判断 outside/hidden） */
+    monthDate: Date;
+    mode: CalendarMode;
+    selected: CalendarSelected;
+    showOutsideDays: boolean;
+    /** 缺省时用 Button 的默认变体 */
+    buttonVariant?: ButtonVariant;
+    /** 缺省时用运行环境的默认区域 */
+    localeCode?: string;
+    disabled?: boolean | ((date: Date) => boolean);
+    min?: Date;
+    max?: Date;
+    /** 按插槽 key 取最终类名（默认值 + 调用方覆盖） */
+    slotClass: (key: keyof CalendarClassNames) => string;
+    onSelect: (day: Date) => void;
+}
+/**
+ * 日历里的一格：根据 mode / selected / 边界推导出它自己的选中、区间与禁用状态，
+ * 并落成 `data-*`（下游样式依赖）+ 一个原生按钮。
+ *
+ * 状态推导全部复用 `Calendar.options` / `Calendar.selection` 的纯函数，
+ * 因此这一格不持有任何跨天的共享状态。
+ */
+export declare function CalendarDay(props: CalendarDayProps): import('solid-js').JSX.Element;

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

@@ -0,0 +1,41 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import t from "../../button/Button.styles.js";
+import { isSameDay as n } from "./Calendar.utils.js";
+import { isDayDisabled as r } from "./Calendar.options.js";
+import { isDateSelected as i, isRangeEnd as a, isRangeMiddle as o, isRangeStart as s } from "./Calendar.selection.js";
+import { className as c, delegateEvents as l, effect as u, insert as d, setAttribute as f, template as p } from "solid-js/web";
+//#region src/components/calendar/Calendar/CalendarDay.tsx
+var m = /*#__PURE__*/ p("<div><button type=button>");
+function h(l) {
+	let p = () => r(l.day, {
+		disabled: l.disabled,
+		min: l.min,
+		max: l.max
+	}), h = () => i(l.mode, l.selected, l.day), g = () => l.day.getMonth() !== l.monthDate.getMonth(), _ = () => s(l.selected, l.day), v = () => a(l.selected, l.day), y = () => o(l.selected, l.day), b = () => l.mode === "single" && l.selected instanceof Date && n(l.day, l.selected);
+	return (() => {
+		var r = m(), i = r.firstChild;
+		return i.$$click = () => {
+			p() || l.onSelect(l.day);
+		}, d(i, () => l.day.getDate()), u((a) => {
+			var o = p(), s = h() ? "true" : void 0, u = e(l.slotClass("day"), g() && l.slotClass("outside"), !l.showOutsideDays && g() && l.slotClass("hidden"), n(l.day, /* @__PURE__ */ new Date()) && l.slotClass("today"), p() && l.slotClass("disabled"), _() && l.slotClass("range_start"), y() && l.slotClass("range_middle"), v() && l.slotClass("range_end")), d = p(), m = h(), x = l.day.toLocaleDateString(l.localeCode), S = b() ? "true" : void 0, C = _() ? "true" : void 0, w = v() ? "true" : void 0, T = y() ? "true" : void 0, E = e(t({ variant: l.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", g() && "text-muted-foreground");
+			return o !== a.e && f(r, "aria-disabled", a.e = o), s !== a.t && f(r, "data-selected", a.t = s), u !== a.a && c(r, a.a = u), d !== a.o && (i.disabled = a.o = d), m !== a.i && f(i, "aria-pressed", a.i = m), x !== a.n && f(i, "data-day", a.n = x), S !== a.s && f(i, "data-selected-single", a.s = S), C !== a.h && f(i, "data-range-start", a.h = C), w !== a.r && f(i, "data-range-end", a.r = w), T !== a.d && f(i, "data-range-middle", a.d = T), E !== a.l && c(i, a.l = E), a;
+		}, {
+			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
+		}), r;
+	})();
+}
+l(["click"]);
+//#endregion
+export { h as CalendarDay };
+
+//# sourceMappingURL=CalendarDay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDay.js","names":["buttonVariants","ButtonVariant","clsx","isDayDisabled","isDateSelected","isRangeEnd","isRangeMiddle","isRangeStart","CalendarClassNames","CalendarMode","CalendarSelected","isSameDay","CalendarDayProps","day","Date","monthDate","mode","selected","showOutsideDays","buttonVariant","localeCode","disabled","date","min","max","slotClass","key","onSelect","CalendarDay","props","isDisabled","isSelected","isOutside","getMonth","isRangeStartDay","isRangeEndDay","isRangeMiddleDay","isSingleSelected","_el$","_tmpl$","_el$2","firstChild","$$click","_$insert","getDate","_$effect","_p$","_v$","_v$2","undefined","_v$3","_v$4","_v$5","_v$6","toLocaleDateString","_v$7","_v$8","_v$9","_v$0","_v$1","variant","e","_$setAttribute","t","a","_$className","o","i","n","s","h","r","d","l","_$delegateEvents","buttonVariants","_$setAttribute","_$className","_$delegateEvents","Button_styles_default","_tmpl$","CalendarDay","isDisabled","isDayDisabled","props","isSelected","isDateSelected","isOutside","isRangeStartDay","isRangeStart","isRangeEndDay","isRangeEnd","isRangeMiddleDay","isRangeMiddle","isSingleSelected","isSameDay","_el$","_el$2","insert","effect","_v$","_v$2","_v$3","clsx","_v$4","_v$5","_v$6","_v$7","_v$8","_v$9","_v$0","_v$1","_p$","setAttribute","className","delegateEvents"],"sources":["../../../../src/components/calendar/Calendar/CalendarDay.tsx"],"sourcesContent":["import buttonVariants from \"~/components/button/Button.styles\";\nimport type { ButtonVariant } from \"~/components/button/Button.types\";\nimport { clsx } from \"~/utils\";\nimport { isDayDisabled } from \"./Calendar.options\";\nimport {\n  isDateSelected,\n  isRangeEnd,\n  isRangeMiddle,\n  isRangeStart,\n} from \"./Calendar.selection\";\nimport type {\n  CalendarClassNames,\n  CalendarMode,\n  CalendarSelected,\n} from \"./Calendar.types\";\nimport { isSameDay } from \"./Calendar.utils\";\n\nexport interface CalendarDayProps {\n  day: Date;\n  /** 该天所属的展示月份（用于判断 outside/hidden） */\n  monthDate: Date;\n  mode: CalendarMode;\n  selected: CalendarSelected;\n  showOutsideDays: boolean;\n  /** 缺省时用 Button 的默认变体 */\n  buttonVariant?: ButtonVariant;\n  /** 缺省时用运行环境的默认区域 */\n  localeCode?: string;\n  disabled?: boolean | ((date: Date) => boolean);\n  min?: Date;\n  max?: Date;\n  /** 按插槽 key 取最终类名（默认值 + 调用方覆盖） */\n  slotClass: (key: keyof CalendarClassNames) => string;\n  onSelect: (day: Date) => void;\n}\n\n/**\n * 日历里的一格：根据 mode / selected / 边界推导出它自己的选中、区间与禁用状态，\n * 并落成 `data-*`（下游样式依赖）+ 一个原生按钮。\n *\n * 状态推导全部复用 `Calendar.options` / `Calendar.selection` 的纯函数，\n * 因此这一格不持有任何跨天的共享状态。\n */\nexport function CalendarDay(props: CalendarDayProps) {\n  const isDisabled = () =>\n    isDayDisabled(props.day, {\n      disabled: props.disabled,\n      min: props.min,\n      max: props.max,\n    });\n  const isSelected = () =>\n    isDateSelected(props.mode, props.selected, props.day);\n  const isOutside = () => props.day.getMonth() !== props.monthDate.getMonth();\n  const isRangeStartDay = () => isRangeStart(props.selected, props.day);\n  const isRangeEndDay = () => isRangeEnd(props.selected, props.day);\n  const isRangeMiddleDay = () => isRangeMiddle(props.selected, props.day);\n  const isSingleSelected = () =>\n    props.mode === \"single\" &&\n    props.selected instanceof Date &&\n    isSameDay(props.day, props.selected);\n\n  return (\n    <div\n      aria-disabled={isDisabled()}\n      data-selected={isSelected() ? \"true\" : undefined}\n      class={clsx(\n        props.slotClass(\"day\"),\n        isOutside() && props.slotClass(\"outside\"),\n        !props.showOutsideDays && isOutside() && props.slotClass(\"hidden\"),\n        isSameDay(props.day, new Date()) && props.slotClass(\"today\"),\n        isDisabled() && props.slotClass(\"disabled\"),\n        isRangeStartDay() && props.slotClass(\"range_start\"),\n        isRangeMiddleDay() && props.slotClass(\"range_middle\"),\n        isRangeEndDay() && props.slotClass(\"range_end\"),\n      )}\n    >\n      <button\n        type=\"button\"\n        disabled={isDisabled()}\n        aria-pressed={isSelected()}\n        data-day={props.day.toLocaleDateString(props.localeCode)}\n        data-selected-single={isSingleSelected() ? \"true\" : undefined}\n        data-range-start={isRangeStartDay() ? \"true\" : undefined}\n        data-range-end={isRangeEndDay() ? \"true\" : undefined}\n        data-range-middle={isRangeMiddleDay() ? \"true\" : undefined}\n        onClick={() => {\n          if (!isDisabled()) props.onSelect(props.day);\n        }}\n        class={clsx(\n          buttonVariants({ variant: props.buttonVariant }),\n          \"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\",\n          \"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\",\n          \"data-[range-end=true]:hover:bg-primary data-[range-end=true]:hover:text-primary-foreground\",\n          \"data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground\",\n          \"data-[range-middle=true]:hover:bg-muted data-[range-middle=true]:hover:text-foreground\",\n          \"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\",\n          \"data-[range-start=true]:hover:bg-primary data-[range-start=true]:hover:text-primary-foreground\",\n          \"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground\",\n          \"data-[selected-single=true]:hover:bg-primary data-[selected-single=true]:hover:text-primary-foreground\",\n          isOutside() && \"text-muted-foreground\",\n        )}\n      >\n        {props.day.getDate()}\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+import { ButtonVariant } from '../../button/Button.types';
+import { MonthOption } from './Calendar.options';
+import { CalendarClassNames, CalendarMode, CalendarSelected } from './Calendar.types';
+export interface CalendarMonthProps {
+    monthDate: Date;
+    /** 是否还能往前/往后翻月（由 Calendar 按 min/max 判定） */
+    canPrev: boolean;
+    canNext: boolean;
+    onMoveMonth: (delta: number) => void;
+    /** 缺省按 label（文本标题）处理 */
+    captionLayout?: "label" | "dropdown";
+    localeCode?: string;
+    /** 某一年份下可选的月份 */
+    monthOptions: (year: number) => MonthOption[];
+    yearOptions: number[];
+    onSelectMonth: (next: Date) => void;
+    showWeekNumber?: boolean;
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    mode: CalendarMode;
+    selected: CalendarSelected;
+    showOutsideDays: boolean;
+    buttonVariant?: ButtonVariant;
+    disabled?: boolean | ((date: Date) => boolean);
+    min?: Date;
+    max?: Date;
+    onSelectDay: (day: Date) => void;
+    slotClass: (key: keyof CalendarClassNames) => string;
+}
+/**
+ * 一个月份的视图：翻月导航 + 标题（文本或下拉）+ 网格。
+ *
+ * 网格日期区间、周切分与星期表头都由纯函数算出来，本组件不持有跨月状态；
+ * 每一格交给 `CalendarDay`，标题交给 `CalendarMonthCaption`。
+ */
+export declare function CalendarMonth(props: CalendarMonthProps): import('solid-js').JSX.Element;

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;
 	})();