@jfrader/ui 0.1.2 → 0.3.0

package/dist/accordion-C3YbYFBi.js

@@ -1,169 +0,0 @@
-'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { t } from "./disclosure-caret-C5T3fcl6.js";
-import { t as n } from "./focus-ring-BK5W5_NY.js";
-import { n as r } from "./media-D_eA_I-e.js";
-import { n as i } from "./roving-focus-CYlo_Kf8.js";
-import { t as a } from "./use-controlled-state-CVXDa-qM.js";
-import { createContext as o, forwardRef as s, useContext as c, useId as l, useMemo as u } from "react";
-import { vars as d } from "@jfrader/tokens/vars";
-import { jsx as f } from "@emotion/react/jsx-runtime";
-//#region src/components/accordion/accordion.tsx
-var p = o(null), m = o(null);
-function h(e) {
-	let t = c(p);
-	if (!t) throw Error(`Accordion.${e} must be rendered inside <Accordion>.`);
-	return t;
-}
-function g(e) {
-	let t = c(m);
-	if (!t) throw Error(`Accordion.${e} must be rendered inside <Accordion.Item>.`);
-	return t;
-}
-var _ = "", v = {
-	itemSelector: "[data-ui=\"accordion-trigger\"]:not([disabled])",
-	ownerSelector: "[data-ui=\"accordion\"]"
-}, y = (e, t) => {
-	if (t === "multiple" && Array.isArray(e)) return e;
-	let n = Array.isArray(e) ? e[0] : e;
-	return n === void 0 || n === _ ? [] : [n];
-}, b = e({
-	borderBlockEnd: `1px solid ${d.color.border}`,
-	"&:first-of-type": { borderBlockStart: `1px solid ${d.color.border}` }
-}), x = e({
-	margin: 0,
-	font: "inherit"
-}), S = e({
-	appearance: "none",
-	display: "flex",
-	alignItems: "center",
-	justifyContent: "space-between",
-	gap: d.space[3],
-	inlineSize: "100%",
-	border: 0,
-	background: "transparent",
-	cursor: "pointer",
-	paddingBlock: d.space[3],
-	paddingInline: d.space[4],
-	font: "inherit",
-	fontSize: d.textSize.sm,
-	fontWeight: d.fontWeight.medium,
-	color: d.color.text,
-	textAlign: "start",
-	transitionProperty: "background-color",
-	transitionDuration: d.motion.duration.fast,
-	transitionTimingFunction: d.motion.easeStandard,
-	"&::after": { ...t },
-	"&[aria-expanded=\"true\"]::after": { transform: "rotate(90deg)" },
-	"&[aria-expanded=\"true\"]:dir(rtl)::after": { transform: "rotate(-90deg)" },
-	"&:hover:not(:disabled):not([aria-disabled=\"true\"])": { backgroundColor: d.color.surfaceHover },
-	"&[aria-disabled=\"true\"]": { cursor: "default" },
-	"&:disabled": {
-		opacity: .55,
-		cursor: "not-allowed"
-	},
-	"&:focus-visible": { ...n },
-	[r]: {
-		transitionDuration: "0s",
-		"&::after": { transitionDuration: "0s" }
-	}
-}), C = e({
-	paddingBlock: d.space[3],
-	paddingInline: d.space[4],
-	color: d.color.textMuted,
-	lineHeight: d.lineHeight.relaxed,
-	"&[hidden]": { display: "none" }
-}), w = s(function({ value: e, defaultValue: t, onValueChange: n, type: r = "single", collapsible: o = !0, onKeyDown: s, ...c }, l) {
-	let [d, m] = a(e, t, n), h = u(() => {
-		let e = y(d, r), t = o || e.length > 1;
-		return {
-			openValues: e,
-			toggle: (n) => {
-				let i = e.includes(n);
-				(!i || t) && m(r === "multiple" ? i ? e.filter((e) => e !== n) : [...e, n] : i ? _ : n);
-			},
-			canCollapse: t
-		};
-	}, [
-		d,
-		m,
-		r,
-		o
-	]), g = (e) => {
-		s?.(e), !e.defaultPrevented && i(e, e.currentTarget, "vertical", v);
-	};
-	return /* @__PURE__ */ f(p.Provider, {
-		value: h,
-		children: /* @__PURE__ */ f("div", {
-			...c,
-			ref: l,
-			"data-ui": "accordion",
-			onKeyDown: g
-		})
-	});
-}), T = s(function({ value: e, disabled: t = !1, ...n }, r) {
-	let { openValues: i } = h("Item"), a = l(), o = i.includes(e), s = u(() => ({
-		value: e,
-		disabled: t,
-		expanded: o,
-		triggerId: `${a}-trigger`,
-		panelId: `${a}-panel`
-	}), [
-		e,
-		t,
-		o,
-		a
-	]);
-	return /* @__PURE__ */ f(m.Provider, {
-		value: s,
-		children: /* @__PURE__ */ f("div", {
-			...n,
-			ref: r,
-			"data-ui": "accordion-item",
-			"data-state": o ? "open" : "closed",
-			"data-disabled": t ? "" : void 0,
-			css: b
-		})
-	});
-}), E = s(function({ onClick: e, disabled: t, ...n }, r) {
-	let { toggle: i, canCollapse: a } = h("Trigger"), { value: o, disabled: s, expanded: c, triggerId: l, panelId: u } = g("Trigger"), d = c && !a, p = (t) => {
-		e?.(t), !t.defaultPrevented && i(o);
-	};
-	return /* @__PURE__ */ f("h3", {
-		"data-ui": "accordion-heading",
-		css: x,
-		children: /* @__PURE__ */ f("button", {
-			...n,
-			ref: r,
-			type: "button",
-			id: l,
-			"data-ui": "accordion-trigger",
-			"data-state": c ? "open" : "closed",
-			"aria-expanded": c,
-			"aria-controls": u,
-			"aria-disabled": d || void 0,
-			disabled: s || t,
-			onClick: p,
-			css: S
-		})
-	});
-}), D = s(function({ "aria-labelledby": e, ...t }, n) {
-	let { expanded: r, triggerId: i, panelId: a } = g("Panel"), o = [e, i].filter(Boolean).join(" ");
-	return /* @__PURE__ */ f("div", {
-		...t,
-		ref: n,
-		role: "region",
-		id: a,
-		"aria-labelledby": o,
-		hidden: !r,
-		"data-ui": "accordion-panel",
-		"data-state": r ? "open" : "closed",
-		css: C
-	});
-}), O = Object.assign(w, {
-	Item: T,
-	Trigger: E,
-	Panel: D
-});
-//#endregion
-export { O as t };

package/dist/breadcrumbs-CQaviWRc.js

@@ -1,126 +0,0 @@
-'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { n as t } from "./focus-ring-BK5W5_NY.js";
-import { n } from "./media-D_eA_I-e.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/calendar-DUgS0xmp.js

@@ -1,373 +0,0 @@
-'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { n as t } from "./focus-ring-BK5W5_NY.js";
-import { n, t as r } from "./media-D_eA_I-e.js";
-import { t as i } from "./use-controlled-state-CVXDa-qM.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 };