@slotted/react 0.1.0-beta.0 → 0.1.0-beta.10

package/dist/calendar-B3mio8iQ.js

@@ -1,387 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { createControllable as i } from "@slotted/core/state";
-import { createContext as a, useCallback as o, useContext as s, useEffect as c, useId as l, useImperativeHandle as ee, useMemo as u, useRef as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { calendarMessages as te } from "@slotted/core/i18n";
-import { addDays as g, clampDate as _, compareDate as v, createDateFormat as ne, endOfWeek as re, isDateInRange as ie, isSameDate as y, monthGrid as b, plainDate as x, startOfWeek as ae, stepMonth as S, stepYear as C, todayIn as oe, visibleMonths as se, yearPage as w } from "@slotted/core/date";
-//#region src/calendar/calendar-defaults.tsx
-var T = a({
-	calendar: "gregory",
-	firstDayOfWeek: void 0,
-	fixedWeeks: !1,
-	months: 1,
-	outsideDays: void 0,
-	timeZone: void 0,
-	weekNumbers: !1
-});
-function E() {
-	return s(T);
-}
-function ce({ children: e, ...t }) {
-	let n = E();
-	return /* @__PURE__ */ m(T.Provider, {
-		value: {
-			calendar: t.calendar ?? n.calendar,
-			firstDayOfWeek: t.firstDayOfWeek ?? n.firstDayOfWeek,
-			fixedWeeks: t.fixedWeeks ?? n.fixedWeeks,
-			months: t.months ?? n.months,
-			outsideDays: t.outsideDays ?? n.outsideDays,
-			timeZone: t.timeZone ?? n.timeZone,
-			weekNumbers: t.weekNumbers ?? n.weekNumbers
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/calendar/calendar-selection.ts
-function D(e) {
-	return e !== null && !Array.isArray(e) && "start" in e;
-}
-function O(e) {
-	return e === null ? [] : Array.isArray(e) ? e : D(e) ? [e.start, e.end].filter((e) => e !== null) : [e];
-}
-function k(e, t) {
-	if (!D(t)) return null;
-	let { start: n, end: r } = t;
-	return n !== null && y(e, n) ? "start" : r !== null && y(e, r) ? "end" : n === null || r === null ? null : v(e, n) > 0 && v(e, r) < 0 ? "inside" : null;
-}
-function A(e, t) {
-	if (D(t)) {
-		let n = k(e, t);
-		return n === "start" || n === "end";
-	}
-	return O(t).some((t) => y(t, e));
-}
-function le(e, t, n) {
-	if (n === "single") return A(e, t) ? null : e;
-	if (n === "multiple") {
-		let n = O(t), r = n.filter((t) => !y(t, e));
-		return r.length === n.length ? [...n, e].sort(v) : r;
-	}
-	let r = D(t) ? t : {
-		start: null,
-		end: null
-	};
-	return r.start === null || r.end !== null ? {
-		start: e,
-		end: null
-	} : v(e, r.start) < 0 ? {
-		start: e,
-		end: r.start
-	} : {
-		start: r.start,
-		end: e
-	};
-}
-function ue(e, t) {
-	return t === null || !D(e) || e.start === null || e.end !== null ? null : v(t, e.start) < 0 ? {
-		start: t,
-		end: e.start
-	} : {
-		start: e.start,
-		end: t
-	};
-}
-function de(e, t) {
-	if (D(e) || D(t)) return !D(e) || !D(t) ? !1 : y(e.start, t.start) && y(e.end, t.end);
-	let n = O(e), r = O(t);
-	return n.length === r.length && n.every((e, t) => y(e, r[t] ?? null));
-}
-//#endregion
-//#region src/calendar/calendar.tsx
-var fe = {
-	day: 7,
-	month: 4,
-	year: 4
-}, j = 12;
-function pe({ calendar: a, className: s, defaultFocusedDate: v, defaultValue: b, defaultView: T, disabled: ce, firstDayOfWeek: O, fixedWeeks: k, focusedDate: A, invalid: pe, isDateUnavailable: he, locale: ge, max: M, min: N, messages: _e, months: ve, onFocusedDateChange: ye, onKeyDown: be, onPreviewChange: xe, onValueChange: Se, onViewChange: Ce, outsideDays: we, readOnly: Te, ref: Ee, render: De, selectionMode: Oe = "single", style: ke, timeZone: Ae, value: P, view: F, weekNumbers: je, ...Me }) {
-	let I = E(), Ne = n(), Pe = r(te, _e), L = d(null), Fe = l(), Ie = ge ?? Ne, Le = O ?? I.firstDayOfWeek, Re = Ae ?? I.timeZone, R = Math.max(1, ve ?? I.months), ze = je ?? I.weekNumbers, Be = k ?? I.fixedWeeks, Ve = we ?? I.outsideDays ?? (R > 1 ? "hidden" : "shown"), He = a ?? I.calendar, z = ce !== !0 && Te !== !0, B = u(() => ne({
-		locale: Ie,
-		firstDayOfWeek: Le
-	}), [Le, Ie]), [V, Ue] = f(null);
-	c(() => Ue(oe(Re)), [Re]);
-	let [We, Ge] = f(b ?? null), H = P ?? We, U = b ?? P ?? null, Ke = U === null ? null : Array.isArray(U) ? U[0] ?? null : "start" in U ? U.start : U, qe = v !== void 0 || A !== void 0 || Ke !== null, W = v ?? A ?? Ke ?? x(2026, 1, 1), [Je, Ye] = f(W), G = A ?? Je, K = d(!1), [Xe, Ze] = f(T ?? "day"), q = F ?? Xe, [Qe, $e] = f(null), J = Oe === "range" && z ? ue(H, Qe ?? G) : null, Y = J === null ? null : D(H) && H.start !== null && y(J.start, H.start) ? J.end : J.start, et = d(null);
-	c(() => {
-		y(et.current, Y) || (et.current = Y, xe?.(Y));
-	}, [xe, Y]);
-	let [X, tt] = f(() => ({
-		year: W.year,
-		month: W.month
-	})), nt = o((e, t) => {
-		let n = t.year * 12 + (t.month - 1), r = e.year * 12 + (e.month - 1);
-		if (r >= n && r < n + R) return t;
-		let i = n + Math.floor((r - n) / R) * R;
-		return {
-			year: Math.floor(i / 12),
-			month: i % 12 + 1
-		};
-	}, [R]);
-	c(() => {
-		if (V === null || qe) return;
-		let e = _(V, N, M);
-		Ye((t) => y(t, W) ? e : t), tt((t) => t.year === W.year && t.month === W.month ? {
-			year: e.year,
-			month: e.month
-		} : t);
-	}, [V]);
-	let rt = o((e, t, n) => {
-		i({
-			controlled: P,
-			initial: H,
-			equals: de,
-			onRequest: (e) => Se?.(e.value, e)
-		}).request(e, t, n) && Ge(e);
-	}, [
-		H,
-		Se,
-		P
-	]), Z = o((e, t, n) => {
-		let r = _(e, N, M), a = i({
-			controlled: A,
-			initial: G,
-			equals: (e, t) => y(e, t),
-			onRequest: (e) => ye?.(e.value, e)
-		});
-		K.current = t === "keyboard", a.request(r, t, n) && Ye(r);
-	}, [
-		G,
-		A,
-		M,
-		N,
-		ye
-	]);
-	c(() => {
-		tt((e) => nt(G, e));
-	}, [G, nt]);
-	let Q = o((e) => {
-		F === void 0 && Ze(e), Ce?.(e);
-	}, [Ce, F]);
-	c(() => {
-		if (!K.current) return;
-		let e = L.current, t = e?.querySelector("[data-part=\"cell\"]:not([data-outside-month]) [data-part=\"day\"][tabindex=\"0\"]");
-		if (t == null) {
-			e?.querySelector("[data-part=\"day\"][tabindex=\"0\"]") ?? (K.current = !1);
-			return;
-		}
-		K.current = !1, t.focus();
-	}), ee(Ee, () => ({
-		focus: () => {
-			L.current?.querySelector("[data-part=\"day\"][tabindex=\"0\"]")?.focus();
-		},
-		focusDate: (e) => Z(e, "keyboard", void 0)
-	}), [Z]);
-	let it = o((e) => !ie(e, N, M) || he?.(e) === !0, [
-		he,
-		M,
-		N
-	]), at = (e, t, n) => {
-		z && !it(e) && (rt(le(e, H, Oe), t, n), Z(e, t, n));
-	}, ot = (e) => {
-		if (be?.(e), e.defaultPrevented) return;
-		let t = L.current !== null && getComputedStyle(L.current).direction === "rtl", n = t ? "ArrowLeft" : "ArrowRight", r = t ? "ArrowRight" : "ArrowLeft", i = () => {
-			e.preventDefault(), e.stopPropagation();
-		}, a = (t) => {
-			i(), Z(t, "keyboard", e);
-		};
-		switch (e.key) {
-			case n: return a(g(G, 1));
-			case r: return a(g(G, -1));
-			case "ArrowUp": return a(g(G, -7));
-			case "ArrowDown": return a(g(G, 7));
-			case "Home": return a(ae(G, B.firstDayOfWeek));
-			case "End": return a(re(G, B.firstDayOfWeek));
-			case "PageUp": return a(e.shiftKey ? C(G, -1).date : S(G, -1).date);
-			case "PageDown": return a(e.shiftKey ? C(G, 1).date : S(G, 1).date);
-			case "Enter":
-			case " ":
-				i(), at(G, "keyboard", e);
-				return;
-			case "Escape":
-				if (q === "day") return;
-				i(), Q(q === "year" ? "month" : "day");
-				return;
-			default: return;
-		}
-	}, st = (e) => (t) => {
-		if (q === "day") {
-			Z(S(G, e * R).date, "pointer", t);
-			return;
-		}
-		Z(q === "month" ? C(G, e).date : C(G, e * j).date, "pointer", t);
-	}, $ = x(X.year, X.month, 1), ct = q === "day" ? R === 1 ? B.monthYear($) : `${B.monthYear($, "short")} – ${B.monthYear(S($, R - 1).date, "short")}` : q === "month" ? String(G.year) : `${String(w(G.year, j)[0] ?? G.year)} – ${String(w(G.year, j).at(-1) ?? G.year)}`, lt = q === "day" ? /* @__PURE__ */ m("div", {
-		"data-part": "grids",
-		children: se(X, R).map((e) => /* @__PURE__ */ m(me, {
-			editable: z,
-			firstDayOfWeek: B.firstDayOfWeek,
-			fixedWeeks: Be,
-			focused: G,
-			format: B,
-			headingId: Fe,
-			month: e,
-			onHover: $e,
-			onSelect: at,
-			outsideDays: Ve,
-			pending: J,
-			today: V,
-			unavailable: it,
-			value: H,
-			weekNumbers: ze
-		}, `${String(e.year)}-${String(e.month)}`))
-	}) : q === "month" ? /* @__PURE__ */ m("div", {
-		"data-part": "months",
-		children: B.monthNames("short").map((e, t) => /* @__PURE__ */ m("button", {
-			"data-part": "period",
-			onClick: (e) => {
-				Z({
-					...G,
-					month: t + 1,
-					day: 1
-				}, "pointer", e), Q("day");
-			},
-			type: "button",
-			...G.month === t + 1 ? {
-				"aria-selected": !0,
-				"data-selected": ""
-			} : {},
-			children: e
-		}, e))
-	}) : /* @__PURE__ */ m("div", {
-		"data-part": "years",
-		children: w(G.year, j).map((e) => /* @__PURE__ */ m("button", {
-			"data-part": "period",
-			onClick: (t) => {
-				Z({
-					...G,
-					year: e,
-					day: 1
-				}, "pointer", t), Q("month");
-			},
-			type: "button",
-			...G.year === e ? {
-				"aria-selected": !0,
-				"data-selected": ""
-			} : {},
-			children: e
-		}, e))
-	}), ut = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
-		"data-part": "header",
-		children: [
-			/* @__PURE__ */ m("button", {
-				"aria-label": Pe("previous"),
-				"data-part": "previous",
-				disabled: !z,
-				onClick: st(-1),
-				type: "button",
-				children: /* @__PURE__ */ m(t, {
-					directional: !0,
-					children: /* @__PURE__ */ m(e, { name: "chevron-right" })
-				})
-			}),
-			/* @__PURE__ */ h("button", {
-				"aria-live": "polite",
-				"data-part": "heading",
-				disabled: !z || q === "year",
-				id: Fe,
-				onClick: () => Q(q === "day" ? "month" : "year"),
-				type: "button",
-				children: [ct, q === "year" ? null : /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: "chevron-down" }) })]
-			}),
-			/* @__PURE__ */ m("button", {
-				"aria-label": Pe("next"),
-				"data-part": "next",
-				disabled: !z,
-				onClick: st(1),
-				type: "button",
-				children: /* @__PURE__ */ m(t, {
-					directional: !0,
-					children: /* @__PURE__ */ m(e, { name: "chevron-right" })
-				})
-			})
-		]
-	}), lt] }), dt = {
-		...Me,
-		children: ut,
-		className: s,
-		onKeyDown: ot,
-		style: ke,
-		...ce === !0 ? { "data-disabled": "" } : {},
-		...pe === !0 ? { "data-invalid": "" } : {},
-		...Te === !0 ? { "data-readonly": "" } : {},
-		...ze ? { "data-week-numbers": "" } : {},
-		...R > 1 ? { "data-months": String(R) } : {},
-		"data-calendar": He,
-		"data-columns": String(fe[q]),
-		"data-part": "root",
-		"data-ui": "calendar",
-		"data-view": q,
-		ref: L
-	};
-	return De === void 0 ? /* @__PURE__ */ m("div", { ...dt }) : De(dt);
-}
-function me({ editable: e, firstDayOfWeek: t, fixedWeeks: n, focused: r, format: i, headingId: a, month: o, onHover: s, onSelect: c, outsideDays: l, pending: ee, today: u, unavailable: d, value: f, weekNumbers: p }) {
-	let te = b({
-		...o,
-		firstDayOfWeek: t,
-		fixedWeeks: n
-	}), g = i.monthYear(x(o.year, o.month, 1)), _ = i.weekdayNames("long"), v = i.weekdayNames("narrow");
-	return /* @__PURE__ */ h("table", {
-		"aria-labelledby": a,
-		"data-part": "grid",
-		role: "grid",
-		children: [
-			/* @__PURE__ */ m("caption", {
-				"data-part": "grid-caption",
-				children: g
-			}),
-			/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", {
-				"data-part": "week-headers",
-				children: [p ? /* @__PURE__ */ m("th", {
-					"aria-hidden": "true",
-					"data-part": "week-number"
-				}) : null, v.map((e, t) => /* @__PURE__ */ m("th", {
-					abbr: _[t],
-					"data-part": "week-header",
-					scope: "col",
-					children: e
-				}, _[t]))]
-			}) }),
-			/* @__PURE__ */ m("tbody", { children: te.map((t) => /* @__PURE__ */ h("tr", {
-				"data-part": "week",
-				children: [p ? /* @__PURE__ */ m("th", {
-					"data-part": "week-number",
-					scope: "row",
-					children: t.weekNumber
-				}) : null, t.days.map((t) => {
-					let n = t.outsideMonth, i = n && l === "hidden", a = d(t.date) || n && l === "shown", o = A(t.date, f), p = k(t.date, ee ?? f), h = ee !== null && p !== null && !o, te = y(t.date, r);
-					return /* @__PURE__ */ m("td", {
-						"data-part": "cell",
-						...n ? { "data-outside-month": "" } : {},
-						...!i && d(t.date) ? { "data-unavailable": "" } : {},
-						...!i && o ? { "data-selected": "" } : {},
-						...!i && p === "start" ? { "data-range-start": "" } : {},
-						...!i && p === "end" ? { "data-range-end": "" } : {},
-						...!i && p === "inside" ? { "data-in-range": "" } : {},
-						...!i && h ? { "data-preview": "" } : {},
-						children: i ? null : /* @__PURE__ */ m("span", {
-							"aria-disabled": a ? !0 : void 0,
-							"aria-selected": o ? !0 : void 0,
-							"data-part": "day",
-							...u !== null && y(t.date, u) ? { "data-today": "" } : {},
-							onClick: (e) => {
-								a || c(t.date, "pointer", e);
-							},
-							onPointerEnter: () => s(t.date),
-							onPointerLeave: () => s(null),
-							role: "button",
-							tabIndex: te && e ? 0 : -1,
-							children: t.date.day
-						})
-					}, `${String(t.date.month)}-${String(t.date.day)}`);
-				})]
-			}, t.weekNumber)) })
-		]
-	});
-}
-//#endregion
-export { A as a, ce as c, de as i, E as l, O as n, le as o, D as r, k as s, pe as t };

package/dist/card-CpVu8PyZ.js

@@ -1,102 +0,0 @@
-import { createContext as e, useContext as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/card/card-defaults.tsx
-var r = e({
-	fill: "outline",
-	orientation: "vertical",
-	size: "md"
-});
-function i() {
-	return t(r);
-}
-function a({ children: e, ...t }) {
-	let a = i();
-	return /* @__PURE__ */ n(r.Provider, {
-		value: {
-			fill: t.fill ?? a.fill,
-			orientation: t.orientation ?? a.orientation,
-			size: t.size ?? a.size
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/card/card.tsx
-function o({ disabled: e = !1, fill: t, orientation: r, render: a, selected: o = !1, size: s, ...c }) {
-	let l = i(), u = {
-		...c,
-		...e ? { "data-disabled": "" } : {},
-		...o ? { "data-selected": "" } : {},
-		"data-fill": t ?? l.fill,
-		"data-orientation": r ?? l.orientation,
-		"data-part": "root",
-		"data-size": s ?? l.size,
-		"data-ui": "card"
-	};
-	return a === void 0 ? /* @__PURE__ */ n("div", { ...u }) : a(u);
-}
-//#endregion
-//#region src/card/card-actions.tsx
-function s({ render: e, ...t }) {
-	let r = {
-		...t,
-		"data-part": "actions"
-	};
-	return e === void 0 ? /* @__PURE__ */ n("div", { ...r }) : e(r);
-}
-//#endregion
-//#region src/card/card-body.tsx
-function c({ render: e, ...t }) {
-	let r = {
-		...t,
-		"data-part": "body"
-	};
-	return e === void 0 ? /* @__PURE__ */ n("div", { ...r }) : e(r);
-}
-//#endregion
-//#region src/card/card-footer.tsx
-function l({ render: e, ...t }) {
-	let r = {
-		...t,
-		"data-part": "footer"
-	};
-	return e === void 0 ? /* @__PURE__ */ n("div", { ...r }) : e(r);
-}
-//#endregion
-//#region src/card/card-header.tsx
-function u({ render: e, ...t }) {
-	let r = {
-		...t,
-		"data-part": "header"
-	};
-	return e === void 0 ? /* @__PURE__ */ n("div", { ...r }) : e(r);
-}
-//#endregion
-//#region src/card/card-link.tsx
-function d({ render: e, ...t }) {
-	let r = {
-		...t,
-		"data-part": "link"
-	};
-	return e === void 0 ? /* @__PURE__ */ n("a", { ...r }) : e(r);
-}
-//#endregion
-//#region src/card/card-media.tsx
-function f({ render: e, ...t }) {
-	let r = {
-		...t,
-		"data-part": "media"
-	};
-	return e === void 0 ? /* @__PURE__ */ n("div", { ...r }) : e(r);
-}
-//#endregion
-//#region src/card/card-selection.tsx
-function p({ render: e, ...t }) {
-	let r = {
-		...t,
-		"data-part": "selection"
-	};
-	return e === void 0 ? /* @__PURE__ */ n("span", { ...r }) : e(r);
-}
-//#endregion
-export { l as a, o as c, u as i, a as l, f as n, c as o, d as r, s, p as t, i as u };