@jfrader/ui 0.0.0-stage → 0.1.1

package/dist/breadcrumbs-5MCZ_Jr3.js

@@ -0,0 +1,125 @@
+import { t as e } from "./css-CW_HG55W.js";
+import { n as t } from "./focus-ring-qOS3rPlM.js";
+import { n } from "./media-8K3xDAxM.js";
+import { createContext as r, forwardRef as i, useCallback as a, useContext as o, useId as s, useImperativeHandle as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { vars as p } from "@jfrader/tokens/vars";
+import { jsx as m, jsxs as h } from "@emotion/react/jsx-runtime";
+//#region src/components/breadcrumbs/breadcrumbs.tsx
+var g = r(null);
+function _(e) {
+	let t = o(g);
+	if (!t) throw Error(`Breadcrumbs.${e} must be rendered inside <Breadcrumbs>.`);
+	return t;
+}
+var v = ([, e], [, t]) => e.node.compareDocumentPosition(t.node) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1, y = e({
+	display: "flex",
+	flexWrap: "wrap",
+	alignItems: "center",
+	gap: p.space[2],
+	margin: 0,
+	padding: 0,
+	listStyle: "none",
+	fontFamily: p.font.sans,
+	fontSize: p.textSize.sm,
+	lineHeight: p.lineHeight.tight
+}), b = e({
+	display: "inline-flex",
+	alignItems: "center",
+	gap: p.space[2],
+	color: p.color.textMuted,
+	"&:first-of-type > [data-ui=\"breadcrumbs-separator\"]": { display: "none" }
+}), x = e({ display: "inline-flex" }), S = e({
+	display: "inline-flex",
+	alignItems: "center",
+	gap: p.space[1],
+	minBlockSize: "24px",
+	borderRadius: p.radius.sm,
+	color: "inherit",
+	"& svg": {
+		inlineSize: "1em",
+		blockSize: "1em",
+		flexShrink: 0
+	},
+	"&[aria-current=\"page\"]": {
+		color: p.color.text,
+		fontWeight: p.fontWeight.medium
+	}
+}), C = e({
+	textDecoration: "underline",
+	textDecorationColor: "transparent",
+	textUnderlineOffset: "0.2em",
+	transitionProperty: "color, text-decoration-color",
+	transitionDuration: p.motion.duration.fast,
+	transitionTimingFunction: p.motion.easeStandard,
+	"&:hover": {
+		color: p.color.text,
+		textDecorationColor: "currentColor"
+	},
+	"&:focus-visible": { ...t },
+	[n]: { transitionDuration: "0s" }
+}), w = i(function({ label: e = "Breadcrumb", separator: t = "/", children: n, ...r }, i) {
+	let o = d(/* @__PURE__ */ new Map()), [s, c] = f(null), l = d(null), p = a(() => {
+		let e = Array.from(o.current).sort(v), t = e.some(([, e]) => e.current === !0) ? null : e.at(-1)?.[0] ?? null;
+		l.current !== t && (l.current = t, c(t));
+	}, []), h = a((e, t) => {
+		o.current.set(e, t), p();
+	}, [p]), _ = a((e) => {
+		o.current.delete(e), p();
+	}, [p]), b = u(() => ({
+		separator: t,
+		autoCurrentId: s,
+		register: h,
+		unregister: _
+	}), [
+		t,
+		s,
+		h,
+		_
+	]);
+	return /* @__PURE__ */ m(g.Provider, {
+		value: b,
+		children: /* @__PURE__ */ m("nav", {
+			...r,
+			ref: i,
+			"aria-label": e,
+			"data-ui": "breadcrumbs",
+			children: /* @__PURE__ */ m("ol", {
+				css: y,
+				children: n
+			})
+		})
+	});
+}), T = i(function({ href: e, current: t, children: n, ...r }, i) {
+	let { separator: a, autoCurrentId: o, register: u, unregister: f } = _("Item"), p = s(), g = d(null);
+	c(i, () => g.current, []), l(() => {
+		let e = g.current;
+		e && u(p, {
+			node: e,
+			current: t
+		});
+	}), l(() => () => f(p), [p, f]);
+	let v = t ?? o === p ? "page" : void 0;
+	return /* @__PURE__ */ h("li", {
+		...r,
+		ref: g,
+		"data-ui": "breadcrumbs-item",
+		css: b,
+		children: [/* @__PURE__ */ m("span", {
+			"aria-hidden": "true",
+			"data-ui": "breadcrumbs-separator",
+			css: x,
+			children: a
+		}), e === void 0 ? /* @__PURE__ */ m("span", {
+			"aria-current": v,
+			css: S,
+			children: n
+		}) : /* @__PURE__ */ m("a", {
+			href: e,
+			"aria-current": v,
+			css: [S, C],
+			children: n
+		})]
+	});
+}), E = Object.assign(w, { Item: T });
+//#endregion
+export { E as t };

package/dist/breadcrumbs.js

@@ -0,0 +1 @@
+export { t as Breadcrumbs } from "./breadcrumbs-5MCZ_Jr3.js";

package/dist/button-qy-50NPd.js

@@ -0,0 +1,187 @@
+import { t as e } from "./css-CW_HG55W.js";
+import { n as t } from "./focus-ring-qOS3rPlM.js";
+import { n } from "./media-8K3xDAxM.js";
+import { t as r } from "./icon-wrapper-BKo4FI-O.js";
+import { n as i, t as a } from "./loading-ring-CTpT-IrT.js";
+import { forwardRef as o } from "react";
+import { vars as s } from "@jfrader/tokens/vars";
+import { Fragment as c, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useMergeRefs as d } from "@floating-ui/react";
+//#region src/components/button/button.tsx
+var f = "&:hover:not(:disabled):not([aria-disabled=\"true\"])", p = e({
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	gap: s.space[2],
+	border: "1px solid transparent",
+	borderRadius: s.radius.md,
+	fontFamily: s.font.sans,
+	fontWeight: s.fontWeight.medium,
+	lineHeight: s.lineHeight.tight,
+	letterSpacing: "-0.011em",
+	whiteSpace: "nowrap",
+	cursor: "pointer",
+	transitionProperty: "background-color, border-color, color",
+	transitionDuration: s.motion.duration.fast,
+	transitionTimingFunction: s.motion.easeStandard,
+	"&:focus-visible": { ...t },
+	"&:disabled, &[aria-disabled=\"true\"]": {
+		cursor: "not-allowed",
+		opacity: .55
+	},
+	[n]: { transitionDuration: "0s" }
+}), m = {
+	sm: e({
+		blockSize: "32px",
+		paddingInline: s.space[3],
+		fontSize: s.textSize.sm
+	}),
+	md: e({
+		blockSize: "40px",
+		paddingInline: s.space[4],
+		fontSize: s.textSize.sm
+	}),
+	lg: e({
+		blockSize: "48px",
+		paddingInline: s.space[5],
+		fontSize: s.textSize.md
+	})
+}, h = {
+	solid: {
+		accent: e({
+			backgroundColor: s.color.accent,
+			color: s.color.accentContrast,
+			[f]: { backgroundColor: s.color.accentHover }
+		}),
+		danger: e({
+			backgroundColor: s.color.danger,
+			color: s.color.dangerContrast,
+			[f]: { backgroundColor: s.color.dangerHover }
+		}),
+		neutral: e({
+			backgroundColor: s.color.surfaceRaised,
+			color: s.color.text,
+			borderColor: s.color.border,
+			[f]: { backgroundColor: s.color.surfaceHover }
+		})
+	},
+	soft: {
+		accent: e({
+			backgroundColor: s.color.accentSoft,
+			color: s.color.accentText,
+			[f]: { backgroundColor: s.color.accentSoftHover }
+		}),
+		danger: e({
+			backgroundColor: s.color.dangerSoft,
+			color: s.color.dangerText,
+			[f]: { backgroundColor: s.color.dangerSoftHover }
+		}),
+		neutral: e({
+			backgroundColor: s.color.surfaceHover,
+			color: s.color.text,
+			[f]: { backgroundColor: s.color.surfaceRaised }
+		})
+	},
+	outline: {
+		accent: e({
+			backgroundColor: "transparent",
+			borderColor: s.color.accentBorder,
+			color: s.color.accentText,
+			[f]: { backgroundColor: s.color.accentSoft }
+		}),
+		danger: e({
+			backgroundColor: "transparent",
+			borderColor: s.color.dangerBorder,
+			color: s.color.dangerText,
+			[f]: { backgroundColor: s.color.dangerSoft }
+		}),
+		neutral: e({
+			backgroundColor: "transparent",
+			borderColor: s.color.borderStrong,
+			color: s.color.text,
+			[f]: { backgroundColor: s.color.surfaceHover }
+		})
+	},
+	ghost: {
+		accent: e({
+			backgroundColor: "transparent",
+			color: s.color.accentText,
+			[f]: { backgroundColor: s.color.accentSoft }
+		}),
+		danger: e({
+			backgroundColor: "transparent",
+			color: s.color.dangerText,
+			[f]: { backgroundColor: s.color.dangerSoft }
+		}),
+		neutral: e({
+			backgroundColor: "transparent",
+			color: s.color.textMuted,
+			[f]: {
+				backgroundColor: s.color.surfaceHover,
+				color: s.color.text
+			}
+		})
+	}
+}, g = e({
+	boxSizing: "border-box",
+	textDecoration: "none"
+}), _ = e({
+	...a,
+	inlineSize: "1em",
+	blockSize: "1em",
+	[n]: { animation: `${i} 1.2s ease-in-out infinite alternate` }
+}), v = o(function({ variant: e = "solid", tone: t = "neutral", size: n = "md", loading: i = !1, startIcon: a, endIcon: o, type: s, children: f, onClick: v, css: y, render: b, ...x }, S) {
+	let { "data-ui": C, ...w } = x, T = b && C !== void 0 ? `${C} button` : "button", E = d([S]), D = w["aria-disabled"], O = i || D === !0 || D === "true" || b !== void 0 && w.disabled === !0, k = v, A = (e) => {
+		O ? e.preventDefault() : k?.(e);
+	}, j = i ? /* @__PURE__ */ l("span", { css: _ }) : a, M = /* @__PURE__ */ u(c, { children: [
+		j != null && /* @__PURE__ */ l("span", {
+			css: r,
+			"aria-hidden": !0,
+			children: j
+		}),
+		f,
+		o != null && /* @__PURE__ */ l("span", {
+			css: r,
+			"aria-hidden": !0,
+			children: o
+		})
+	] });
+	if (b) {
+		let { disabled: r, ...a } = w;
+		return b({
+			...a,
+			ref: E,
+			type: s,
+			"data-ui": T,
+			"aria-busy": i ? !0 : w["aria-busy"],
+			"aria-disabled": O ? !0 : D,
+			onClick: A,
+			css: [
+				p,
+				g,
+				m[n],
+				h[e][t],
+				y
+			],
+			children: M
+		});
+	}
+	return /* @__PURE__ */ l("button", {
+		...w,
+		ref: S,
+		type: s ?? "button",
+		"data-ui": T,
+		"aria-busy": i ? !0 : w["aria-busy"],
+		"aria-disabled": O ? !0 : D,
+		onClick: A,
+		css: [
+			p,
+			m[n],
+			h[e][t],
+			y
+		],
+		children: M
+	});
+});
+//#endregion
+export { v as t };

package/dist/button.js

@@ -0,0 +1 @@
+export { t as Button } from "./button-qy-50NPd.js";

package/dist/calendar-DcCAiN3b.js

@@ -0,0 +1,372 @@
+import { t as e } from "./css-CW_HG55W.js";
+import { n as t } from "./focus-ring-qOS3rPlM.js";
+import { n, t as r } from "./media-8K3xDAxM.js";
+import { t as i } from "./use-controlled-state-DQXkiTQI.js";
+import { createContext as a, forwardRef as o, useContext as s, useEffect as c, useId as l, useImperativeHandle as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { vars as h } from "@jfrader/tokens/vars";
+import { jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";
+//#region src/components/calendar/calendar.styles.ts
+var v = e({
+	display: "inline-flex",
+	flexDirection: "column",
+	gap: h.space[2],
+	fontFamily: h.font.sans,
+	color: h.color.text
+}), y = e({
+	display: "flex",
+	alignItems: "center",
+	gap: h.space[2]
+}), b = e({
+	flex: 1,
+	textAlign: "center",
+	fontSize: h.textSize.sm,
+	fontWeight: h.fontWeight.semibold
+}), x = {
+	transitionDuration: h.motion.duration.fast,
+	transitionTimingFunction: h.motion.easeStandard,
+	[n]: { transitionDuration: "0s" }
+}, S = e({
+	appearance: "none",
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	inlineSize: "32px",
+	blockSize: "32px",
+	padding: 0,
+	border: `1px solid ${h.color.borderControl}`,
+	borderRadius: h.radius.sm,
+	backgroundColor: "transparent",
+	font: "inherit",
+	fontSize: h.textSize.lg,
+	lineHeight: 1,
+	color: h.color.text,
+	cursor: "pointer",
+	transitionProperty: "background-color",
+	...x,
+	"&:hover:not([aria-disabled=\"true\"])": { backgroundColor: h.color.surfaceHover },
+	"&[aria-disabled=\"true\"]": {
+		opacity: .55,
+		cursor: "not-allowed"
+	},
+	"&:focus-visible": { ...t }
+}), C = e({
+	display: "inline-block",
+	"&:dir(rtl)": { transform: "scaleX(-1)" }
+}), w = e({
+	borderCollapse: "separate",
+	borderSpacing: h.space[1],
+	marginInline: `calc(-1 * ${h.space[1]})`
+}), T = e({
+	paddingBlock: h.space[1],
+	fontSize: h.textSize.xs,
+	fontWeight: h.fontWeight.medium,
+	color: h.color.textMuted,
+	textAlign: "center"
+}), E = e({ padding: 0 }), D = e({
+	appearance: "none",
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	inlineSize: "36px",
+	blockSize: "36px",
+	padding: 0,
+	border: "1px solid transparent",
+	borderRadius: h.radius.sm,
+	backgroundColor: "transparent",
+	font: "inherit",
+	fontSize: h.textSize.sm,
+	fontVariantNumeric: "tabular-nums",
+	color: h.color.text,
+	cursor: "pointer",
+	transitionProperty: "background-color, border-color, color",
+	...x,
+	"&:hover:not(:disabled):not([data-selected])": { backgroundColor: h.color.surfaceHover },
+	"&[data-today]": {
+		borderColor: h.color.borderControl,
+		fontWeight: h.fontWeight.semibold
+	},
+	"&[data-selected]": {
+		backgroundColor: h.color.accent,
+		borderColor: h.color.accent,
+		color: h.color.accentContrast,
+		fontWeight: h.fontWeight.semibold
+	},
+	"&[data-selected]:hover": { backgroundColor: h.color.accentHover },
+	"&:disabled": {
+		opacity: .55,
+		cursor: "not-allowed",
+		textDecoration: "line-through"
+	},
+	"&:focus-visible": { ...t },
+	[r]: { "&[data-selected]": {
+		forcedColorAdjust: "none",
+		backgroundColor: "Highlight",
+		borderColor: "Highlight",
+		color: "HighlightText"
+	} }
+}), O = /^\d{4}-\d{2}-\d{2}$/, k = /^\d{4}-\d{2}$/, A = 12, j = 0, M = "2026-01-04", N = (e, t) => String(e).padStart(t, "0");
+function P(e, t, n) {
+	let r = new Date(Date.UTC(0, 0, 1));
+	return r.setUTCFullYear(e, t, n), r;
+}
+function F(e) {
+	let [t = NaN, n = NaN, r = 1] = e.split("-").map(Number);
+	return P(t, n - 1, r);
+}
+var I = (e) => `${N(e.getUTCFullYear(), 4)}-${N(e.getUTCMonth() + 1, 2)}-${N(e.getUTCDate(), 2)}`, L = (e) => e !== void 0 && O.test(e) && I(F(e)) === e, R = (e) => e !== void 0 && k.test(e) && L(`${e}-01`), z = (e) => e.slice(0, 7), B = (e) => `${e}-01`;
+function V(e, t) {
+	let n = F(e);
+	return I(P(n.getUTCFullYear(), n.getUTCMonth(), n.getUTCDate() + t));
+}
+function H(e, t) {
+	let n = F(e), r = P(n.getUTCFullYear(), n.getUTCMonth() + t, 1), i = P(r.getUTCFullYear(), r.getUTCMonth() + 1, 0).getUTCDate();
+	return I(P(r.getUTCFullYear(), r.getUTCMonth(), Math.min(n.getUTCDate(), i)));
+}
+var U = (e, t) => z(H(B(e), t)), W = (e) => V(B(U(e, 1)), -1), G = (e, t, n) => (t === void 0 || e >= t) && (n === void 0 || e <= n);
+function ee(e, t, n) {
+	return t !== void 0 && e < t ? t : n !== void 0 && e > n ? n : e;
+}
+var K = (e, t) => (F(e).getUTCDay() - t + 7) % 7;
+function te(e) {
+	let t = new Intl.Locale(e), n = t.getWeekInfo?.() ?? t.weekInfo;
+	return n ? n.firstDay % 7 : j;
+}
+var q = {
+	calendar: "gregory",
+	timeZone: "UTC"
+};
+function ne(e) {
+	return {
+		month: new Intl.DateTimeFormat(e, {
+			...q,
+			month: "long",
+			year: "numeric"
+		}),
+		day: new Intl.DateTimeFormat(e, {
+			...q,
+			day: "numeric"
+		}),
+		date: new Intl.DateTimeFormat(e, {
+			...q,
+			dateStyle: "long"
+		}),
+		weekdayShort: new Intl.DateTimeFormat(e, {
+			...q,
+			weekday: "short"
+		}),
+		weekdayLong: new Intl.DateTimeFormat(e, {
+			...q,
+			weekday: "long"
+		})
+	};
+}
+var re = () => typeof navigator > "u" ? void 0 : navigator.language, J = (e) => (t) => V(t, e), Y = (e) => (t, { shiftKey: n }) => H(t, n ? e * A : e), X = {
+	ArrowDown: J(7),
+	ArrowUp: J(-7),
+	Home: (e, { firstDayOfWeek: t }) => V(e, -K(e, t)),
+	End: (e, { firstDayOfWeek: t }) => V(e, 6 - K(e, t)),
+	PageUp: Y(-1),
+	PageDown: Y(1)
+}, ie = {
+	ltr: {
+		...X,
+		ArrowRight: J(1),
+		ArrowLeft: J(-1)
+	},
+	rtl: {
+		...X,
+		ArrowRight: J(-1),
+		ArrowLeft: J(1)
+	}
+}, Z = a(null);
+function Q(e) {
+	let t = s(Z);
+	if (!t) throw Error(`Calendar.${e} must be rendered inside <Calendar>.`);
+	return t;
+}
+var $ = "‹", ae = "›", oe = o(function({ value: e, defaultValue: t, onValueChange: n, visibleMonth: r, defaultVisibleMonth: a, onVisibleMonthChange: o, min: s, max: c, locale: u, firstDayOfWeek: d, ...p }, h) {
+	let _ = `${l()}-label`, y = /* @__PURE__ */ new Date(), b = I(P(y.getFullYear(), y.getMonth(), y.getDate())), x = f(() => new Intl.DateTimeFormat(u ?? re(), q).resolvedOptions().locale, [u]), S = f(() => ne(x), [x]), C = f(() => te(x), [x]), w = d ?? C, [T, E] = i(e, t, n), D = e ?? t, [O, k] = i(r, a ?? z(L(D) ? D : b), o), A = R(O) ? O : z(b), j = L(s) ? s : void 0, M = L(c) ? c : void 0, [N, F] = m(null), [B, V] = m(!1), H = f(() => ({
+		value: T,
+		visibleMonth: A,
+		today: b,
+		min: j,
+		max: M,
+		firstDayOfWeek: w,
+		formatters: S,
+		focus: N,
+		setFocus: F,
+		requestValue: E,
+		requestVisibleMonth: k,
+		labelId: _,
+		hasHeader: B,
+		setHasHeader: V
+	}), [
+		T,
+		A,
+		b,
+		j,
+		M,
+		w,
+		S,
+		N,
+		E,
+		k,
+		_,
+		B
+	]);
+	return /* @__PURE__ */ g(Z.Provider, {
+		value: H,
+		children: /* @__PURE__ */ g("div", {
+			...p,
+			ref: h,
+			"data-ui": "calendar",
+			css: v
+		})
+	});
+}), se = o(function(e, t) {
+	let { visibleMonth: n, min: r, max: i, formatters: a, requestVisibleMonth: o, labelId: s, setHasHeader: c } = Q("Header");
+	d(() => (c(!0), () => c(!1)), [c]);
+	let l = U(n, -1), u = U(n, 1), f = r !== void 0 && W(l) < r, p = i !== void 0 && B(u) > i, m = (e) => a.month.format(F(B(e)));
+	return /* @__PURE__ */ _("div", {
+		...e,
+		ref: t,
+		"data-ui": "calendar-header",
+		css: y,
+		children: [
+			/* @__PURE__ */ g("button", {
+				type: "button",
+				"data-ui": "calendar-previous",
+				"aria-label": m(l),
+				"aria-disabled": f || void 0,
+				onClick: () => {
+					f || o(l);
+				},
+				css: S,
+				children: /* @__PURE__ */ g("span", {
+					"aria-hidden": "true",
+					css: C,
+					children: $
+				})
+			}),
+			/* @__PURE__ */ g("span", {
+				id: s,
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				"data-ui": "calendar-label",
+				css: b,
+				children: m(n)
+			}),
+			/* @__PURE__ */ g("button", {
+				type: "button",
+				"data-ui": "calendar-next",
+				"aria-label": m(u),
+				"aria-disabled": p || void 0,
+				onClick: () => {
+					p || o(u);
+				},
+				css: S,
+				children: /* @__PURE__ */ g("span", {
+					"aria-hidden": "true",
+					css: C,
+					children: ae
+				})
+			})
+		]
+	});
+});
+function ce({ date: e, isTabStop: t }) {
+	let { value: n, today: r, min: i, max: a, formatters: o, setFocus: s, requestValue: c } = Q("Grid"), l = n === e, u = r === e, d = F(e);
+	return /* @__PURE__ */ g("td", {
+		role: "gridcell",
+		"aria-selected": l || void 0,
+		css: E,
+		children: /* @__PURE__ */ g("button", {
+			type: "button",
+			"data-ui": "calendar-day",
+			"data-date": e,
+			"data-today": u || void 0,
+			"data-selected": l || void 0,
+			"aria-current": u ? "date" : void 0,
+			"aria-label": o.date.format(d),
+			tabIndex: t ? 0 : -1,
+			disabled: !G(e, i, a),
+			onFocus: () => s({
+				date: e,
+				fallback: e
+			}),
+			onClick: () => {
+				s({
+					date: e,
+					fallback: e
+				}), c(e);
+			},
+			css: D,
+			children: o.day.format(d)
+		})
+	});
+}
+var le = o(function({ onKeyDown: e, "aria-labelledby": t, "aria-label": n, ...r }, i) {
+	let { value: a, visibleMonth: o, today: s, min: l, max: d, firstDayOfWeek: f, formatters: m, focus: h, setFocus: v, requestVisibleMonth: y, labelId: b, hasHeader: x } = Q("Grid"), S = p(null);
+	u(i, () => S.current, []);
+	let C = p(!1), D = B(o), O = F(W(o)).getUTCDate(), k = Array.from({ length: O }, (e, t) => V(D, t)), A = (e) => e !== void 0 && k.includes(e) && G(e, l, d), j = [
+		h?.date,
+		h?.fallback,
+		a,
+		s
+	].find(A) ?? k.find((e) => G(e, l, d)), N = [...Array(K(D, f)).fill(null), ...k], P = Array.from({ length: Math.ceil(N.length / 7) }, (e, t) => Array.from({ length: 7 }, (e, n) => N[t * 7 + n] ?? null)), I = Array.from({ length: 7 }, (e, t) => F(V(M, (f + t) % 7)));
+	c(() => {
+		C.current && (C.current = !1, S.current?.querySelector(`[data-date="${j}"]`)?.focus());
+	});
+	let L = (t) => {
+		e?.(t);
+		let n = S.current;
+		if (t.defaultPrevented || !n) return;
+		let r = t.target.dataset.date;
+		if (!A(r)) return;
+		let i = ie[getComputedStyle(n).direction === "rtl" ? "rtl" : "ltr"][t.key];
+		if (!i) return;
+		t.preventDefault();
+		let a = ee(i(r, {
+			firstDayOfWeek: f,
+			shiftKey: t.shiftKey
+		}), l, d);
+		a !== r && (v({
+			date: a,
+			fallback: r
+		}), C.current = !0, z(a) !== o && y(z(a)));
+	}, R = [t, x ? b : void 0].filter(Boolean).join(" ") || void 0, H = m.month.format(F(D));
+	return /* @__PURE__ */ _("table", {
+		...r,
+		ref: S,
+		role: "grid",
+		"aria-labelledby": R,
+		"aria-label": R === void 0 ? n ?? H : n,
+		"data-ui": "calendar-grid",
+		onKeyDown: L,
+		css: w,
+		children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ g("tr", {
+			role: "row",
+			children: I.map((e) => /* @__PURE__ */ g("th", {
+				role: "columnheader",
+				scope: "col",
+				abbr: m.weekdayLong.format(e),
+				css: T,
+				children: m.weekdayShort.format(e)
+			}, e.getUTCDay()))
+		}) }), /* @__PURE__ */ g("tbody", { children: P.map((e, t) => /* @__PURE__ */ g("tr", {
+			role: "row",
+			children: e.map((e, t) => e === null ? /* @__PURE__ */ g("td", {
+				role: "gridcell",
+				css: E
+			}, `empty-${t}`) : /* @__PURE__ */ g(ce, {
+				date: e,
+				isTabStop: e === j
+			}, e))
+		}, t)) })]
+	});
+}), ue = Object.assign(oe, {
+	Header: se,
+	Grid: le
+});
+//#endregion
+export { ue as t };

package/dist/calendar.js

@@ -0,0 +1 @@
+export { t as Calendar } from "./calendar-DcCAiN3b.js";