@qw-ui/core 0.3.0-next.4 → 0.3.0-next.42

package/dist/calendar-CmpK3stz.js

@@ -0,0 +1,363 @@
+import { createMachine } from "@zag-js/core";
+import { dataAttr } from "@zag-js/dom-query";
+//#region src/calendar/calendar.ts
+const CALENDAR_PARTS = [
+	"root",
+	"header",
+	"previous-trigger",
+	"heading",
+	"next-trigger",
+	"grid",
+	"row",
+	"column-header",
+	"cell",
+	"day"
+];
+const finiteInt = (value) => typeof value === "number" && Number.isInteger(value);
+const utcDate = (year, month, day) => {
+	const date = /* @__PURE__ */ new Date(0);
+	date.setUTCHours(0, 0, 0, 0);
+	date.setUTCFullYear(year, month - 1, day);
+	return date;
+};
+function isValidCalendarDate(value) {
+	if (!value || typeof value !== "object") return false;
+	const date = value;
+	if (!finiteInt(date.year) || !finiteInt(date.month) || !finiteInt(date.day) || date.year < 100 || date.year > 9999 || date.month < 1 || date.month > 12 || date.day < 1) return false;
+	return date.day <= daysInMonth(date.year, date.month);
+}
+function daysInMonth(year, month) {
+	return utcDate(year, month + 1, 0).getUTCDate();
+}
+function toDateKey(date) {
+	return `${String(date.year).padStart(4, "0")}-${String(date.month).padStart(2, "0")}-${String(date.day).padStart(2, "0")}`;
+}
+function compareCalendarDates(a, b) {
+	return toDateKey(a).localeCompare(toDateKey(b));
+}
+function addCalendarDays(date, amount) {
+	const next = utcDate(date.year, date.month, date.day + amount);
+	return {
+		year: next.getUTCFullYear(),
+		month: next.getUTCMonth() + 1,
+		day: next.getUTCDate()
+	};
+}
+function addCalendarMonths(date, amount) {
+	const monthStart = utcDate(date.year, date.month + amount, 1);
+	return {
+		year: monthStart.getUTCFullYear(),
+		month: monthStart.getUTCMonth() + 1,
+		day: Math.min(date.day, daysInMonth(monthStart.getUTCFullYear(), monthStart.getUTCMonth() + 1))
+	};
+}
+const todayUtc = () => {
+	const date = /* @__PURE__ */ new Date();
+	return {
+		year: date.getUTCFullYear(),
+		month: date.getUTCMonth() + 1,
+		day: date.getUTCDate()
+	};
+};
+const clone = (date) => ({ ...date });
+function firstDate(value) {
+	if (isValidCalendarDate(value)) return value;
+	if (Array.isArray(value)) return value.find(isValidCalendarDate) ?? null;
+	if (value && typeof value === "object" && "start" in value) return isValidCalendarDate(value.start) ? value.start : null;
+	return null;
+}
+function normalizeCalendarValue(value, mode) {
+	if (mode === "single") return isValidCalendarDate(value) ? clone(value) : null;
+	if (mode === "multiple") return Array.isArray(value) ? [...new Map(value.filter(isValidCalendarDate).map((date) => [toDateKey(date), clone(date)])).values()].sort(compareCalendarDates) : [];
+	if (!value || Array.isArray(value) || isValidCalendarDate(value) || !("start" in value)) return {
+		start: null,
+		end: null
+	};
+	const start = isValidCalendarDate(value.start) ? clone(value.start) : null, end = isValidCalendarDate(value.end) ? clone(value.end) : null;
+	return start && end && compareCalendarDates(start, end) > 0 ? {
+		start: end,
+		end: start
+	} : {
+		start,
+		end
+	};
+}
+function isCalendarDateDisabled(date, props) {
+	return !!props.min && isValidCalendarDate(props.min) && compareCalendarDates(date, props.min) < 0 || !!props.max && isValidCalendarDate(props.max) && compareCalendarDates(date, props.max) > 0 || !!props.disabledDates?.some((item) => isValidCalendarDate(item) && toDateKey(item) === toDateKey(date));
+}
+function getCalendarMonthDays(view, props, value, focused) {
+	const weekStartsOn = finiteInt(props.weekStartsOn) ? (props.weekStartsOn % 7 + 7) % 7 : 0;
+	const first = {
+		year: view.year,
+		month: view.month,
+		day: 1
+	};
+	const start = addCalendarDays(first, -((utcDate(first.year, first.month, 1).getUTCDay() - weekStartsOn + 7) % 7));
+	const locale = props.locale || "zh-CN", formatter = new Intl.DateTimeFormat(locale, {
+		dateStyle: "full",
+		timeZone: "UTC"
+	});
+	const mode = props.mode ?? "single", normalized = normalizeCalendarValue(value, mode), today = isValidCalendarDate(props.today) ? props.today : todayUtc();
+	return Array.from({ length: 42 }, (_, index) => {
+		const date = addCalendarDays(start, index), key = toDateKey(date);
+		let selected, inRange = false;
+		if (mode === "single") selected = isValidCalendarDate(normalized) && toDateKey(normalized) === key;
+		else if (mode === "multiple") selected = normalized.some((item) => toDateKey(item) === key);
+		else {
+			const range = normalized;
+			selected = !!range.start && toDateKey(range.start) === key || !!range.end && toDateKey(range.end) === key;
+			inRange = !!range.start && !!range.end && compareCalendarDates(date, range.start) >= 0 && compareCalendarDates(date, range.end) <= 0;
+		}
+		return {
+			date,
+			key,
+			day: date.day,
+			label: formatter.format(utcDate(date.year, date.month, date.day)),
+			outside: date.month !== view.month,
+			disabled: isCalendarDateDisabled(date, props),
+			selected,
+			inRange,
+			today: toDateKey(date) === toDateKey(today),
+			focused: toDateKey(date) === toDateKey(focused)
+		};
+	});
+}
+function selectCalendarDate(value, date, mode) {
+	const current = normalizeCalendarValue(value, mode), key = toDateKey(date);
+	if (mode === "single") return clone(date);
+	if (mode === "multiple") {
+		const items = current;
+		return items.some((item) => toDateKey(item) === key) ? items.filter((item) => toDateKey(item) !== key) : [...items, clone(date)].sort(compareCalendarDates);
+	}
+	const range = current;
+	if (!range.start || range.end) return {
+		start: clone(date),
+		end: null
+	};
+	return compareCalendarDates(date, range.start) < 0 ? {
+		start: clone(date),
+		end: clone(range.start)
+	} : {
+		start: clone(range.start),
+		end: clone(date)
+	};
+}
+function createCalendarProps(props) {
+	return {
+		...props,
+		label: props.label?.trim() || "日历",
+		mode: [
+			"single",
+			"multiple",
+			"range"
+		].includes(props.mode) ? props.mode : "single"
+	};
+}
+const calendarMachine = createMachine({
+	props: ({ props }) => createCalendarProps(props),
+	initialState: () => "idle",
+	states: { idle: {} },
+	context: ({ bindable, prop }) => {
+		const mode = prop("mode") ?? "single", seed = firstDate(prop("value") ?? prop("defaultValue") ?? null) ?? (isValidCalendarDate(prop("today")) ? prop("today") : todayUtc());
+		return {
+			value: bindable(() => ({
+				defaultValue: normalizeCalendarValue(prop("defaultValue"), mode),
+				value: prop("value") === void 0 ? void 0 : normalizeCalendarValue(prop("value"), mode),
+				hash: JSON.stringify,
+				onChange: (value) => prop("onValueChange")?.({ value })
+			})),
+			view: bindable(() => ({
+				defaultValue: {
+					...seed,
+					day: 1
+				},
+				hash: toDateKey
+			})),
+			focused: bindable(() => ({
+				defaultValue: seed,
+				hash: toDateKey
+			}))
+		};
+	},
+	on: {
+		SELECT: { actions: ["select"] },
+		FOCUS: { actions: ["focus"] },
+		NAVIGATE: { actions: ["navigate"] },
+		TODAY: { actions: ["today"] }
+	},
+	implementations: { actions: {
+		select({ context, event, prop }) {
+			if (event.type !== "SELECT" || !isValidCalendarDate(event.date) || isCalendarDateDisabled(event.date, {
+				min: prop("min"),
+				max: prop("max"),
+				disabledDates: prop("disabledDates")
+			})) return;
+			context.set("value", selectCalendarDate(context.get("value"), event.date, prop("mode") ?? "single"));
+			context.set("focused", event.date);
+			context.set("view", {
+				...event.date,
+				day: 1
+			});
+		},
+		focus({ context, event }) {
+			if (event.type === "FOCUS" && isValidCalendarDate(event.date)) {
+				context.set("focused", event.date);
+				context.set("view", {
+					...event.date,
+					day: 1
+				});
+			}
+		},
+		navigate({ context, event }) {
+			if (event.type === "NAVIGATE") {
+				const next = addCalendarMonths(context.get("view"), event.months);
+				context.set("view", {
+					...next,
+					day: 1
+				});
+				context.set("focused", next);
+			}
+		},
+		today({ context, prop }) {
+			const date = isValidCalendarDate(prop("today")) ? prop("today") : todayUtc();
+			context.set("view", {
+				...date,
+				day: 1
+			});
+			context.set("focused", date);
+		}
+	} }
+});
+function connectCalendar(service, normalize) {
+	const props = createCalendarProps({
+		label: service.prop("label"),
+		locale: service.prop("locale"),
+		dir: service.prop("dir"),
+		mode: service.prop("mode"),
+		min: service.prop("min"),
+		max: service.prop("max"),
+		disabledDates: service.prop("disabledDates"),
+		weekStartsOn: service.prop("weekStartsOn"),
+		today: service.prop("today")
+	}), view = service.context.get("view"), focused = service.context.get("focused"), value = service.context.get("value");
+	const locale = props.locale || "zh-CN", heading = new Intl.DateTimeFormat(locale, {
+		year: "numeric",
+		month: "long",
+		timeZone: "UTC"
+	}).format(utcDate(view.year, view.month, 1));
+	const start = finiteInt(props.weekStartsOn) ? (props.weekStartsOn % 7 + 7) % 7 : 0, weekdayFormatter = new Intl.DateTimeFormat(locale, {
+		weekday: "short",
+		timeZone: "UTC"
+	});
+	const weekdays = Array.from({ length: 7 }, (_, index) => weekdayFormatter.format(utcDate(2023, 1, 1 + (start + index) % 7))), days = getCalendarMonthDays(view, props, value, focused), weeks = Array.from({ length: 6 }, (_, index) => days.slice(index * 7, index * 7 + 7));
+	const part = (name) => ({
+		"data-scope": "calendar",
+		"data-part": name
+	});
+	const move = (day, key) => {
+		const rtl = props.dir === "rtl", amount = key === "ArrowRight" ? rtl ? -1 : 1 : key === "ArrowLeft" ? rtl ? 1 : -1 : key === "ArrowDown" ? 7 : key === "ArrowUp" ? -7 : 0;
+		if (amount) return addCalendarDays(day.date, amount);
+		const weekday = (utcDate(day.date.year, day.date.month, day.date.day).getUTCDay() - start + 7) % 7;
+		if (key === "Home") return addCalendarDays(day.date, -weekday);
+		if (key === "End") return addCalendarDays(day.date, 6 - weekday);
+		if (key === "PageUp") return addCalendarMonths(day.date, -1);
+		if (key === "PageDown") return addCalendarMonths(day.date, 1);
+		return null;
+	};
+	return {
+		label: props.label,
+		heading,
+		weekdays,
+		weeks,
+		value,
+		focusDate: (date) => service.send({
+			type: "FOCUS",
+			date
+		}),
+		selectDate: (date) => service.send({
+			type: "SELECT",
+			date
+		}),
+		getRootProps: () => normalize.element({
+			...part("root"),
+			dir: props.dir
+		}),
+		getHeaderProps: () => normalize.element(part("header")),
+		getPreviousTriggerProps: () => normalize.button({
+			...part("previous-trigger"),
+			type: "button",
+			"aria-label": "上个月",
+			onClick: () => service.send({
+				type: "NAVIGATE",
+				months: -1
+			})
+		}),
+		getHeadingProps: () => normalize.element({
+			...part("heading"),
+			"aria-live": "polite"
+		}),
+		getNextTriggerProps: () => normalize.button({
+			...part("next-trigger"),
+			type: "button",
+			"aria-label": "下个月",
+			onClick: () => service.send({
+				type: "NAVIGATE",
+				months: 1
+			})
+		}),
+		getGridProps: () => normalize.element({
+			...part("grid"),
+			role: "grid",
+			"aria-label": props.label,
+			"aria-labelledby": void 0
+		}),
+		getRowProps: () => normalize.element({
+			...part("row"),
+			role: "row"
+		}),
+		getColumnHeaderProps: () => normalize.element({
+			...part("column-header"),
+			role: "columnheader"
+		}),
+		getCellProps: (day) => normalize.element({
+			...part("cell"),
+			role: "gridcell",
+			"aria-selected": day.selected || void 0
+		}),
+		getDayProps: (day) => normalize.button({
+			...part("day"),
+			type: "button",
+			tabIndex: day.focused ? 0 : -1,
+			disabled: day.disabled,
+			"aria-label": day.label,
+			"aria-current": day.today ? "date" : void 0,
+			"data-outside": dataAttr(day.outside),
+			"data-selected": dataAttr(day.selected),
+			"data-in-range": dataAttr(day.inRange),
+			"data-today": dataAttr(day.today),
+			onClick: () => service.send({
+				type: "SELECT",
+				date: day.date
+			}),
+			onFocus: () => service.send({
+				type: "FOCUS",
+				date: day.date
+			}),
+			onKeyDown(event) {
+				const next = move(day, event.key);
+				if (!next) return;
+				event.preventDefault();
+				service.send({
+					type: "FOCUS",
+					date: next
+				});
+				queueMicrotask(() => service.scope.getById(`calendar:${service.scope.id}:${toDateKey(next)}`)?.focus());
+			},
+			id: `calendar:${service.scope.id}:${day.key}`
+		})
+	};
+}
+//#endregion
+export { compareCalendarDates as a, daysInMonth as c, isValidCalendarDate as d, normalizeCalendarValue as f, calendarMachine as i, getCalendarMonthDays as l, toDateKey as m, addCalendarDays as n, connectCalendar as o, selectCalendarDate as p, addCalendarMonths as r, createCalendarProps as s, CALENDAR_PARTS as t, isCalendarDateDisabled as u };
+
+//# sourceMappingURL=calendar-CmpK3stz.js.map

package/dist/calendar-CmpK3stz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-CmpK3stz.js","names":[],"sources":["../src/calendar/calendar.ts"],"sourcesContent":["import { createMachine, type Machine, type Service } from \"@zag-js/core\";\nimport { dataAttr } from \"@zag-js/dom-query\";\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\";\n\nexport const CALENDAR_PARTS = [\"root\", \"header\", \"previous-trigger\", \"heading\", \"next-trigger\", \"grid\", \"row\", \"column-header\", \"cell\", \"day\"] as const;\nexport type CalendarSelectionMode = \"single\" | \"multiple\" | \"range\";\nexport interface CalendarDate { year: number; month: number; day: number }\nexport interface CalendarRange { start: CalendarDate | null; end: CalendarDate | null }\nexport type CalendarValue = CalendarDate | CalendarDate[] | CalendarRange | null;\nexport interface CalendarValueChangeDetails { value: CalendarValue }\nexport interface QwCalendarProps {\n  id?: string; label?: string; locale?: string; dir?: \"ltr\" | \"rtl\"; mode?: CalendarSelectionMode;\n  value?: CalendarValue; defaultValue?: CalendarValue; min?: CalendarDate; max?: CalendarDate;\n  disabledDates?: readonly CalendarDate[]; weekStartsOn?: number; today?: CalendarDate;\n  onValueChange?: (details: CalendarValueChangeDetails) => void;\n}\nconst finiteInt = (value: unknown): value is number => typeof value === \"number\" && Number.isInteger(value);\nconst utcDate = (year: number, month: number, day: number): Date => { const date = new Date(0); date.setUTCHours(0, 0, 0, 0); date.setUTCFullYear(year, month - 1, day); return date; };\nexport function isValidCalendarDate(value: unknown): value is CalendarDate {\n  if (!value || typeof value !== \"object\") return false;\n  const date = value as CalendarDate;\n  if (!finiteInt(date.year) || !finiteInt(date.month) || !finiteInt(date.day) || date.year < 100 || date.year > 9999 || date.month < 1 || date.month > 12 || date.day < 1) return false;\n  return date.day <= daysInMonth(date.year, date.month);\n}\nexport function daysInMonth(year: number, month: number): number { return utcDate(year, month + 1, 0).getUTCDate(); }\nexport function toDateKey(date: CalendarDate): string { return `${String(date.year).padStart(4, \"0\")}-${String(date.month).padStart(2, \"0\")}-${String(date.day).padStart(2, \"0\")}`; }\nexport function compareCalendarDates(a: CalendarDate, b: CalendarDate): number { return toDateKey(a).localeCompare(toDateKey(b)); }\nexport function addCalendarDays(date: CalendarDate, amount: number): CalendarDate {\n  const next = utcDate(date.year, date.month, date.day + amount);\n  return { year: next.getUTCFullYear(), month: next.getUTCMonth() + 1, day: next.getUTCDate() };\n}\nexport function addCalendarMonths(date: CalendarDate, amount: number): CalendarDate {\n  const monthStart = utcDate(date.year, date.month + amount, 1);\n  return { year: monthStart.getUTCFullYear(), month: monthStart.getUTCMonth() + 1, day: Math.min(date.day, daysInMonth(monthStart.getUTCFullYear(), monthStart.getUTCMonth() + 1)) };\n}\nconst todayUtc = (): CalendarDate => { const date = new Date(); return { year: date.getUTCFullYear(), month: date.getUTCMonth() + 1, day: date.getUTCDate() }; };\nconst clone = (date: CalendarDate): CalendarDate => ({ ...date });\nfunction firstDate(value: CalendarValue): CalendarDate | null {\n  if (isValidCalendarDate(value)) return value;\n  if (Array.isArray(value)) return value.find(isValidCalendarDate) ?? null;\n  if (value && typeof value === \"object\" && \"start\" in value) return isValidCalendarDate(value.start) ? value.start : null;\n  return null;\n}\nexport function normalizeCalendarValue(value: CalendarValue | undefined, mode: CalendarSelectionMode): CalendarValue {\n  if (mode === \"single\") return isValidCalendarDate(value) ? clone(value) : null;\n  if (mode === \"multiple\") return Array.isArray(value) ? [...new Map(value.filter(isValidCalendarDate).map((date) => [toDateKey(date), clone(date)])).values()].sort(compareCalendarDates) : [];\n  if (!value || Array.isArray(value) || isValidCalendarDate(value) || !(\"start\" in value)) return { start: null, end: null };\n  const start = isValidCalendarDate(value.start) ? clone(value.start) : null, end = isValidCalendarDate(value.end) ? clone(value.end) : null;\n  return start && end && compareCalendarDates(start, end) > 0 ? { start: end, end: start } : { start, end };\n}\nexport function isCalendarDateDisabled(date: CalendarDate, props: Pick<QwCalendarProps, \"min\" | \"max\" | \"disabledDates\">): boolean {\n  return (!!props.min && isValidCalendarDate(props.min) && compareCalendarDates(date, props.min) < 0) || (!!props.max && isValidCalendarDate(props.max) && compareCalendarDates(date, props.max) > 0) || !!props.disabledDates?.some((item) => isValidCalendarDate(item) && toDateKey(item) === toDateKey(date));\n}\nexport interface CalendarDay { date: CalendarDate; key: string; label: string; day: number; outside: boolean; disabled: boolean; selected: boolean; inRange: boolean; today: boolean; focused: boolean }\nexport function getCalendarMonthDays(view: CalendarDate, props: QwCalendarProps, value: CalendarValue, focused: CalendarDate): CalendarDay[] {\n  const weekStartsOn = finiteInt(props.weekStartsOn) ? ((props.weekStartsOn % 7) + 7) % 7 : 0;\n  const first = { year: view.year, month: view.month, day: 1 }, weekday = utcDate(first.year, first.month, 1).getUTCDay();\n  const start = addCalendarDays(first, -((weekday - weekStartsOn + 7) % 7));\n  const locale = props.locale || \"zh-CN\", formatter = new Intl.DateTimeFormat(locale, { dateStyle: \"full\", timeZone: \"UTC\" });\n  const mode = props.mode ?? \"single\", normalized = normalizeCalendarValue(value, mode), today = isValidCalendarDate(props.today) ? props.today : todayUtc();\n  return Array.from({ length: 42 }, (_, index) => {\n    const date = addCalendarDays(start, index), key = toDateKey(date);\n    let selected: boolean, inRange = false;\n    if (mode === \"single\") selected = isValidCalendarDate(normalized) && toDateKey(normalized) === key;\n    else if (mode === \"multiple\") selected = (normalized as CalendarDate[]).some((item) => toDateKey(item) === key);\n    else { const range = normalized as CalendarRange; selected = (!!range.start && toDateKey(range.start) === key) || (!!range.end && toDateKey(range.end) === key); inRange = !!range.start && !!range.end && compareCalendarDates(date, range.start) >= 0 && compareCalendarDates(date, range.end) <= 0; }\n    return { date, key, day: date.day, label: formatter.format(utcDate(date.year, date.month, date.day)), outside: date.month !== view.month, disabled: isCalendarDateDisabled(date, props), selected, inRange, today: toDateKey(date) === toDateKey(today), focused: toDateKey(date) === toDateKey(focused) };\n  });\n}\nexport function selectCalendarDate(value: CalendarValue, date: CalendarDate, mode: CalendarSelectionMode): CalendarValue {\n  const current = normalizeCalendarValue(value, mode), key = toDateKey(date);\n  if (mode === \"single\") return clone(date);\n  if (mode === \"multiple\") { const items = current as CalendarDate[], exists = items.some((item) => toDateKey(item) === key); return exists ? items.filter((item) => toDateKey(item) !== key) : [...items, clone(date)].sort(compareCalendarDates); }\n  const range = current as CalendarRange;\n  if (!range.start || range.end) return { start: clone(date), end: null };\n  return compareCalendarDates(date, range.start) < 0 ? { start: clone(date), end: clone(range.start) } : { start: clone(range.start), end: clone(date) };\n}\nexport function createCalendarProps(props: QwCalendarProps): QwCalendarProps { return { ...props, label: props.label?.trim() || \"日历\", mode: [\"single\", \"multiple\", \"range\"].includes(props.mode!) ? props.mode : \"single\" }; }\nexport interface QwCalendarSchema { props: QwCalendarProps; context: { value: CalendarValue; view: CalendarDate; focused: CalendarDate }; state: \"idle\"; action: \"select\" | \"focus\" | \"navigate\" | \"today\"; event: { type: \"SELECT\"; date: CalendarDate } | { type: \"FOCUS\"; date: CalendarDate } | { type: \"NAVIGATE\"; months: number } | { type: \"TODAY\" } }\nexport type QwCalendarMachine = Machine<QwCalendarSchema>; export type QwCalendarService = Service<QwCalendarSchema>;\nexport const calendarMachine: QwCalendarMachine = createMachine<QwCalendarSchema>({\n  props: ({ props }) => createCalendarProps(props), initialState: () => \"idle\", states: { idle: {} },\n  context: ({ bindable, prop }) => { const mode = prop(\"mode\") ?? \"single\", seed = firstDate(prop(\"value\") ?? prop(\"defaultValue\") ?? null) ?? (isValidCalendarDate(prop(\"today\")) ? prop(\"today\")! : todayUtc()); return {\n    value: bindable(() => ({ defaultValue: normalizeCalendarValue(prop(\"defaultValue\"), mode), value: prop(\"value\") === undefined ? undefined : normalizeCalendarValue(prop(\"value\"), mode), hash: JSON.stringify, onChange: (value) => prop(\"onValueChange\")?.({ value }) })),\n    view: bindable(() => ({ defaultValue: { ...seed, day: 1 }, hash: toDateKey })), focused: bindable(() => ({ defaultValue: seed, hash: toDateKey })),\n  }; },\n  on: { SELECT: { actions: [\"select\"] }, FOCUS: { actions: [\"focus\"] }, NAVIGATE: { actions: [\"navigate\"] }, TODAY: { actions: [\"today\"] } },\n  implementations: { actions: {\n    select({ context, event, prop }) { if (event.type !== \"SELECT\" || !isValidCalendarDate(event.date) || isCalendarDateDisabled(event.date, { min: prop(\"min\"), max: prop(\"max\"), disabledDates: prop(\"disabledDates\") })) return; context.set(\"value\", selectCalendarDate(context.get(\"value\"), event.date, prop(\"mode\") ?? \"single\")); context.set(\"focused\", event.date); context.set(\"view\", { ...event.date, day: 1 }); },\n    focus({ context, event }) { if (event.type === \"FOCUS\" && isValidCalendarDate(event.date)) { context.set(\"focused\", event.date); context.set(\"view\", { ...event.date, day: 1 }); } },\n    navigate({ context, event }) { if (event.type === \"NAVIGATE\") { const next = addCalendarMonths(context.get(\"view\"), event.months); context.set(\"view\", { ...next, day: 1 }); context.set(\"focused\", next); } },\n    today({ context, prop }) { const date = isValidCalendarDate(prop(\"today\")) ? prop(\"today\")! : todayUtc(); context.set(\"view\", { ...date, day: 1 }); context.set(\"focused\", date); },\n  } },\n});\nexport interface QwCalendarApi<T extends PropTypes = PropTypes> { label: string; heading: string; weekdays: string[]; weeks: CalendarDay[][]; value: CalendarValue; focusDate(date: CalendarDate): void; selectDate(date: CalendarDate): void; getRootProps(): T[\"element\"]; getHeaderProps(): T[\"element\"]; getPreviousTriggerProps(): T[\"button\"]; getHeadingProps(): T[\"element\"]; getNextTriggerProps(): T[\"button\"]; getGridProps(): T[\"element\"]; getRowProps(): T[\"element\"]; getColumnHeaderProps(index: number): T[\"element\"]; getCellProps(day: CalendarDay): T[\"element\"]; getDayProps(day: CalendarDay): T[\"button\"] }\nexport function connectCalendar<T extends PropTypes>(service: QwCalendarService, normalize: NormalizeProps<T>): QwCalendarApi<T> {\n  const props = createCalendarProps({ label: service.prop(\"label\"), locale: service.prop(\"locale\"), dir: service.prop(\"dir\"), mode: service.prop(\"mode\"), min: service.prop(\"min\"), max: service.prop(\"max\"), disabledDates: service.prop(\"disabledDates\"), weekStartsOn: service.prop(\"weekStartsOn\"), today: service.prop(\"today\") }), view = service.context.get(\"view\"), focused = service.context.get(\"focused\"), value = service.context.get(\"value\");\n  const locale = props.locale || \"zh-CN\", heading = new Intl.DateTimeFormat(locale, { year: \"numeric\", month: \"long\", timeZone: \"UTC\" }).format(utcDate(view.year, view.month, 1));\n  const start = finiteInt(props.weekStartsOn) ? ((props.weekStartsOn % 7) + 7) % 7 : 0, weekdayFormatter = new Intl.DateTimeFormat(locale, { weekday: \"short\", timeZone: \"UTC\" });\n  const weekdays = Array.from({ length: 7 }, (_, index) => weekdayFormatter.format(utcDate(2023, 1, 1 + ((start + index) % 7)))), days = getCalendarMonthDays(view, props, value, focused), weeks = Array.from({ length: 6 }, (_, index) => days.slice(index * 7, index * 7 + 7));\n  const part = (name: string) => ({ \"data-scope\": \"calendar\", \"data-part\": name });\n  const move = (day: CalendarDay, key: string) => { const rtl = props.dir === \"rtl\", amount = key === \"ArrowRight\" ? (rtl ? -1 : 1) : key === \"ArrowLeft\" ? (rtl ? 1 : -1) : key === \"ArrowDown\" ? 7 : key === \"ArrowUp\" ? -7 : 0; if (amount) return addCalendarDays(day.date, amount); const weekday = (utcDate(day.date.year, day.date.month, day.date.day).getUTCDay() - start + 7) % 7; if (key === \"Home\") return addCalendarDays(day.date, -weekday); if (key === \"End\") return addCalendarDays(day.date, 6 - weekday); if (key === \"PageUp\") return addCalendarMonths(day.date, -1); if (key === \"PageDown\") return addCalendarMonths(day.date, 1); return null; };\n  return { label: props.label!, heading, weekdays, weeks, value, focusDate: (date) => service.send({ type: \"FOCUS\", date }), selectDate: (date) => service.send({ type: \"SELECT\", date }),\n    getRootProps: () => normalize.element({ ...part(\"root\"), dir: props.dir }), getHeaderProps: () => normalize.element(part(\"header\")), getPreviousTriggerProps: () => normalize.button({ ...part(\"previous-trigger\"), type: \"button\", \"aria-label\": \"上个月\", onClick: () => service.send({ type: \"NAVIGATE\", months: -1 }) }), getHeadingProps: () => normalize.element({ ...part(\"heading\"), \"aria-live\": \"polite\" }), getNextTriggerProps: () => normalize.button({ ...part(\"next-trigger\"), type: \"button\", \"aria-label\": \"下个月\", onClick: () => service.send({ type: \"NAVIGATE\", months: 1 }) }),\n    getGridProps: () => normalize.element({ ...part(\"grid\"), role: \"grid\", \"aria-label\": props.label, \"aria-labelledby\": undefined }), getRowProps: () => normalize.element({ ...part(\"row\"), role: \"row\" }), getColumnHeaderProps: () => normalize.element({ ...part(\"column-header\"), role: \"columnheader\" }), getCellProps: (day) => normalize.element({ ...part(\"cell\"), role: \"gridcell\", \"aria-selected\": day.selected || undefined }),\n    getDayProps: (day) => normalize.button({ ...part(\"day\"), type: \"button\", tabIndex: day.focused ? 0 : -1, disabled: day.disabled, \"aria-label\": day.label, \"aria-current\": day.today ? \"date\" : undefined, \"data-outside\": dataAttr(day.outside), \"data-selected\": dataAttr(day.selected), \"data-in-range\": dataAttr(day.inRange), \"data-today\": dataAttr(day.today), onClick: () => service.send({ type: \"SELECT\", date: day.date }), onFocus: () => service.send({ type: \"FOCUS\", date: day.date }), onKeyDown(event) { const next = move(day, event.key); if (!next) return; event.preventDefault(); service.send({ type: \"FOCUS\", date: next }); queueMicrotask(() => service.scope.getById<HTMLElement>(`calendar:${service.scope.id}:${toDateKey(next)}`)?.focus()); }, id: `calendar:${service.scope.id}:${day.key}` }),\n  };\n}\n"],"mappings":"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"}

package/dist/card/card.d.ts

@@ -0,0 +1,68 @@
+export declare const CARD_PADDINGS: readonly ["none", "small", "normal"];
+export declare const CARD_HEADING_LEVELS: readonly [2, 3, 4, 5, 6];
+export declare const CARD_MEDIA_POSITIONS: readonly ["before-header", "after-header"];
+export declare const CARD_PARTS: readonly ["header", "heading-group", "title", "description", "custom-header", "actions", "media", "content", "footer"];
+export type CardPadding = (typeof CARD_PADDINGS)[number];
+export type CardHeadingLevel = (typeof CARD_HEADING_LEVELS)[number];
+export type CardMediaPosition = (typeof CARD_MEDIA_POSITIONS)[number];
+export type CardPart = (typeof CARD_PARTS)[number];
+export interface QwCardProps {
+    /** Stable identity; frameworks generate one when omitted. Native SSR requires one. */
+    id?: string;
+    /** Scalar heading; a provided rich header replaces it. */
+    title?: string;
+    description?: string;
+    headingLevel?: CardHeadingLevel;
+    padding?: CardPadding;
+    bordered?: boolean;
+    elevated?: boolean;
+    mediaPosition?: CardMediaPosition;
+    /** Explicit accessible name/description references, overriding generated references. */
+    labelledBy?: string;
+    describedBy?: string;
+}
+export interface CardPresence {
+    header?: boolean;
+    actions?: boolean;
+    media?: boolean;
+    default?: boolean;
+    footer?: boolean;
+}
+export interface ResolvedCardState {
+    id: string;
+    title: string;
+    description: string;
+    headingTag: `h${CardHeadingLevel}`;
+    padding: CardPadding;
+    bordered: boolean;
+    elevated: boolean;
+    mediaPosition: CardMediaPosition;
+    titleId?: string;
+    descriptionId?: string;
+    labelledBy?: string;
+    describedBy?: string;
+    ariaLabel?: string;
+    order: readonly ("header" | "media" | "content" | "footer")[];
+    visible: Readonly<Record<CardPart, boolean>>;
+}
+export declare function resolveCardState(props: QwCardProps, presence?: CardPresence, fallbackId?: string, attributes?: Readonly<Record<string, unknown>>): ResolvedCardState;
+export interface CardRootProps {
+    role: "group";
+    "data-scope": "card";
+    "data-part": "root";
+    "data-padding": CardPadding;
+    "data-media-position": CardMediaPosition;
+    "data-bordered"?: "true";
+    "data-elevated"?: "true";
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    "aria-label"?: string;
+}
+export declare function getCardRootProps(state: ResolvedCardState): CardRootProps;
+export interface CardPartProps {
+    "data-scope": "card";
+    "data-part": CardPart;
+    hidden: boolean;
+    id?: string;
+}
+export declare function getCardPartProps(state: ResolvedCardState, part: CardPart): CardPartProps;

package/dist/card/index.d.ts

@@ -0,0 +1,2 @@
+export { CARD_PADDINGS, CARD_HEADING_LEVELS, CARD_MEDIA_POSITIONS, CARD_PARTS, resolveCardState, getCardRootProps, getCardPartProps } from "./card.js";
+export type { CardPadding, CardHeadingLevel, CardMediaPosition, CardPart, QwCardProps, CardPresence, ResolvedCardState, CardRootProps, CardPartProps } from "./card.js";

package/dist/card/index.js

@@ -0,0 +1,2 @@
+import { a as getCardPartProps, i as CARD_PARTS, n as CARD_MEDIA_POSITIONS, o as getCardRootProps, r as CARD_PADDINGS, s as resolveCardState, t as CARD_HEADING_LEVELS } from "../card-DRtWa6Cr.js";
+export { CARD_HEADING_LEVELS, CARD_MEDIA_POSITIONS, CARD_PADDINGS, CARD_PARTS, getCardPartProps, getCardRootProps, resolveCardState };

package/dist/card-DRtWa6Cr.js

@@ -0,0 +1,107 @@
+//#region src/card/card.ts
+const CARD_PADDINGS = [
+	"none",
+	"small",
+	"normal"
+];
+const CARD_HEADING_LEVELS = [
+	2,
+	3,
+	4,
+	5,
+	6
+];
+const CARD_MEDIA_POSITIONS = ["before-header", "after-header"];
+const CARD_PARTS = [
+	"header",
+	"heading-group",
+	"title",
+	"description",
+	"custom-header",
+	"actions",
+	"media",
+	"content",
+	"footer"
+];
+const text = (value) => typeof value === "string" && value.trim() ? value.trim() : void 0;
+/** UTF-16 encoding keeps references safe even for whitespace or lone-surrogate caller ids. */
+function identityPrefix(id) {
+	return `qw-card-${id.split("").map((char) => char.charCodeAt(0).toString(16).padStart(4, "0")).join("")}`;
+}
+function resolveCardState(props, presence = {}, fallbackId, attributes = {}) {
+	const id = text(props.id) ? props.id : fallbackId;
+	if (!text(id)) throw new TypeError("Card requires a non-empty stable id");
+	const richHeader = !!presence.header;
+	const showTitle = !richHeader && !!text(props.title), showDescription = !richHeader && !!text(props.description);
+	const prefix = identityPrefix(id);
+	const titleId = showTitle ? `${prefix}-title` : void 0, descriptionId = showDescription ? `${prefix}-description` : void 0;
+	const ariaLabel = text(attributes["aria-label"]);
+	const labelledBy = text(props.labelledBy) ?? text(attributes["aria-labelledby"]) ?? (ariaLabel ? void 0 : titleId);
+	const describedBy = text(props.describedBy) ?? text(attributes["aria-describedby"]) ?? descriptionId;
+	const headingLevel = CARD_HEADING_LEVELS.includes(props.headingLevel) ? props.headingLevel : 3;
+	const padding = CARD_PADDINGS.includes(props.padding) ? props.padding : "normal";
+	const mediaPosition = CARD_MEDIA_POSITIONS.includes(props.mediaPosition) ? props.mediaPosition : "before-header";
+	return {
+		id,
+		title: props.title ?? "",
+		description: props.description ?? "",
+		headingTag: `h${headingLevel}`,
+		padding,
+		bordered: props.bordered ?? true,
+		elevated: props.elevated ?? false,
+		mediaPosition,
+		titleId,
+		descriptionId,
+		labelledBy,
+		describedBy,
+		ariaLabel,
+		order: mediaPosition === "before-header" ? [
+			"media",
+			"header",
+			"content",
+			"footer"
+		] : [
+			"header",
+			"media",
+			"content",
+			"footer"
+		],
+		visible: {
+			header: richHeader || showTitle || showDescription || !!presence.actions,
+			"heading-group": showTitle || showDescription,
+			title: showTitle,
+			description: showDescription,
+			"custom-header": richHeader,
+			actions: !!presence.actions,
+			media: !!presence.media,
+			content: !!presence.default,
+			footer: !!presence.footer
+		}
+	};
+}
+function getCardRootProps(state) {
+	return {
+		role: "group",
+		"data-scope": "card",
+		"data-part": "root",
+		"data-padding": state.padding,
+		"data-media-position": state.mediaPosition,
+		...state.bordered ? { "data-bordered": "true" } : {},
+		...state.elevated ? { "data-elevated": "true" } : {},
+		"aria-labelledby": state.labelledBy,
+		"aria-describedby": state.describedBy,
+		"aria-label": state.ariaLabel
+	};
+}
+function getCardPartProps(state, part) {
+	return {
+		"data-scope": "card",
+		"data-part": part,
+		hidden: !state.visible[part],
+		...part === "title" ? { id: state.titleId } : part === "description" ? { id: state.descriptionId } : {}
+	};
+}
+//#endregion
+export { getCardPartProps as a, CARD_PARTS as i, CARD_MEDIA_POSITIONS as n, getCardRootProps as o, CARD_PADDINGS as r, resolveCardState as s, CARD_HEADING_LEVELS as t };
+
+//# sourceMappingURL=card-DRtWa6Cr.js.map

package/dist/card-DRtWa6Cr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-DRtWa6Cr.js","names":[],"sources":["../src/card/card.ts"],"sourcesContent":["export const CARD_PADDINGS = [\"none\", \"small\", \"normal\"] as const;\nexport const CARD_HEADING_LEVELS = [2, 3, 4, 5, 6] as const;\nexport const CARD_MEDIA_POSITIONS = [\"before-header\", \"after-header\"] as const;\nexport const CARD_PARTS = [\"header\", \"heading-group\", \"title\", \"description\", \"custom-header\", \"actions\", \"media\", \"content\", \"footer\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\nexport type CardHeadingLevel = (typeof CARD_HEADING_LEVELS)[number];\nexport type CardMediaPosition = (typeof CARD_MEDIA_POSITIONS)[number];\nexport type CardPart = (typeof CARD_PARTS)[number];\nexport interface QwCardProps {\n  /** Stable identity; frameworks generate one when omitted. Native SSR requires one. */\n  id?: string;\n  /** Scalar heading; a provided rich header replaces it. */\n  title?: string;\n  description?: string;\n  headingLevel?: CardHeadingLevel;\n  padding?: CardPadding;\n  bordered?: boolean;\n  elevated?: boolean;\n  mediaPosition?: CardMediaPosition;\n  /** Explicit accessible name/description references, overriding generated references. */\n  labelledBy?: string;\n  describedBy?: string;\n}\nexport interface CardPresence { header?: boolean; actions?: boolean; media?: boolean; default?: boolean; footer?: boolean }\nexport interface ResolvedCardState {\n  id: string; title: string; description: string;\n  headingTag: `h${CardHeadingLevel}`; padding: CardPadding; bordered: boolean; elevated: boolean; mediaPosition: CardMediaPosition;\n  titleId?: string; descriptionId?: string; labelledBy?: string; describedBy?: string; ariaLabel?: string;\n  order: readonly (\"header\" | \"media\" | \"content\" | \"footer\")[];\n  visible: Readonly<Record<CardPart, boolean>>;\n}\nconst text = (value: unknown): string | undefined => typeof value === \"string\" && value.trim() ? value.trim() : undefined;\n/** UTF-16 encoding keeps references safe even for whitespace or lone-surrogate caller ids. */\nfunction identityPrefix(id: string): string { return `qw-card-${id.split(\"\").map(char => char.charCodeAt(0).toString(16).padStart(4, \"0\")).join(\"\")}`; }\nexport function resolveCardState(props: QwCardProps, presence: CardPresence = {}, fallbackId?: string, attributes: Readonly<Record<string, unknown>> = {}): ResolvedCardState {\n  const id = text(props.id) ? props.id! : fallbackId;\n  if (!text(id)) throw new TypeError(\"Card requires a non-empty stable id\");\n  const richHeader = !!presence.header;\n  const showTitle = !richHeader && !!text(props.title), showDescription = !richHeader && !!text(props.description);\n  const prefix = identityPrefix(id!);\n  const titleId = showTitle ? `${prefix}-title` : undefined, descriptionId = showDescription ? `${prefix}-description` : undefined;\n  const ariaLabel = text(attributes[\"aria-label\"]);\n  const labelledBy = text(props.labelledBy) ?? text(attributes[\"aria-labelledby\"]) ?? (ariaLabel ? undefined : titleId);\n  const describedBy = text(props.describedBy) ?? text(attributes[\"aria-describedby\"]) ?? descriptionId;\n  const headingLevel = CARD_HEADING_LEVELS.includes(props.headingLevel!) ? props.headingLevel! : 3;\n  const padding = CARD_PADDINGS.includes(props.padding!) ? props.padding! : \"normal\";\n  const mediaPosition = CARD_MEDIA_POSITIONS.includes(props.mediaPosition!) ? props.mediaPosition! : \"before-header\";\n  return {\n    id: id!, title: props.title ?? \"\", description: props.description ?? \"\", headingTag: `h${headingLevel}`,\n    padding, bordered: props.bordered ?? true, elevated: props.elevated ?? false, mediaPosition,\n    titleId, descriptionId, labelledBy, describedBy, ariaLabel,\n    order: mediaPosition === \"before-header\" ? [\"media\", \"header\", \"content\", \"footer\"] : [\"header\", \"media\", \"content\", \"footer\"],\n    visible: {\n      header: richHeader || showTitle || showDescription || !!presence.actions,\n      \"heading-group\": showTitle || showDescription, title: showTitle, description: showDescription,\n      \"custom-header\": richHeader, actions: !!presence.actions, media: !!presence.media, content: !!presence.default, footer: !!presence.footer,\n    },\n  };\n}\nexport interface CardRootProps {\n  role: \"group\"; \"data-scope\": \"card\"; \"data-part\": \"root\"; \"data-padding\": CardPadding; \"data-media-position\": CardMediaPosition;\n  \"data-bordered\"?: \"true\"; \"data-elevated\"?: \"true\";\n  \"aria-labelledby\"?: string; \"aria-describedby\"?: string; \"aria-label\"?: string;\n}\nexport function getCardRootProps(state: ResolvedCardState): CardRootProps {\n  return { role: \"group\", \"data-scope\": \"card\", \"data-part\": \"root\", \"data-padding\": state.padding, \"data-media-position\": state.mediaPosition,\n    ...(state.bordered ? { \"data-bordered\": \"true\" as const } : {}), ...(state.elevated ? { \"data-elevated\": \"true\" as const } : {}),\n    \"aria-labelledby\": state.labelledBy, \"aria-describedby\": state.describedBy, \"aria-label\": state.ariaLabel,\n  };\n}\nexport interface CardPartProps { \"data-scope\": \"card\"; \"data-part\": CardPart; hidden: boolean; id?: string }\nexport function getCardPartProps(state: ResolvedCardState, part: CardPart): CardPartProps {\n  return { \"data-scope\": \"card\", \"data-part\": part, hidden: !state.visible[part],\n    ...(part === \"title\" ? { id: state.titleId } : part === \"description\" ? { id: state.descriptionId } : {}),\n  };\n}\n"],"mappings":"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"}