@jfrader/ui 0.4.0 → 0.5.0

package/dist/calendar-C9Yad_-w.js

@@ -1,394 +0,0 @@
-'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n } from "./focus-ring-BK5W5_NY.js";
-import { n as r, t as i } from "./media-D_eA_I-e.js";
-import { t as a } from "./use-controlled-state-CVXDa-qM.js";
-import { createContext 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,
-	[r]: { 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": { ...n }
-}), 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": { ...n },
-	[i]: { "&[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 q(e) {
-	let t = new Intl.Locale(e), n = t.getWeekInfo?.() ?? t.weekInfo;
-	return n ? n.firstDay % 7 : j;
-}
-var J = {
-	calendar: "gregory",
-	timeZone: "UTC"
-};
-function te(e) {
-	return {
-		month: new Intl.DateTimeFormat(e, {
-			...J,
-			month: "long",
-			year: "numeric"
-		}),
-		day: new Intl.DateTimeFormat(e, {
-			...J,
-			day: "numeric"
-		}),
-		date: new Intl.DateTimeFormat(e, {
-			...J,
-			dateStyle: "long"
-		}),
-		weekdayShort: new Intl.DateTimeFormat(e, {
-			...J,
-			weekday: "short"
-		}),
-		weekdayLong: new Intl.DateTimeFormat(e, {
-			...J,
-			weekday: "long"
-		})
-	};
-}
-var ne = () => typeof navigator > "u" ? void 0 : navigator.language, Y = (e) => (t) => V(t, e), X = (e) => (t, { shiftKey: n }) => H(t, n ? e * A : e), Z = {
-	ArrowDown: Y(7),
-	ArrowUp: Y(-7),
-	Home: (e, { firstDayOfWeek: t }) => V(e, -K(e, t)),
-	End: (e, { firstDayOfWeek: t }) => V(e, 6 - K(e, t)),
-	PageUp: X(-1),
-	PageDown: X(1)
-}, re = {
-	ltr: {
-		...Z,
-		ArrowRight: Y(1),
-		ArrowLeft: Y(-1)
-	},
-	rtl: {
-		...Z,
-		ArrowRight: Y(-1),
-		ArrowLeft: Y(1)
-	}
-}, Q = o(null);
-function $(e) {
-	let t = s(Q);
-	if (!t) throw Error(`Calendar.${e} must be rendered inside <Calendar>.`);
-	return t;
-}
-var ie = "‹", ae = "›";
-function oe({ ref: e, value: n, defaultValue: r, onValueChange: i, visibleMonth: o, defaultVisibleMonth: s, onVisibleMonthChange: c, min: u, max: d, locale: p, firstDayOfWeek: h, className: _, sx: y, ...b }) {
-	let x = `${l()}-label`, S = /* @__PURE__ */ new Date(), C = I(P(S.getFullYear(), S.getMonth(), S.getDate())), w = f(() => new Intl.DateTimeFormat(p ?? ne(), J).resolvedOptions().locale, [p]), T = f(() => te(w), [w]), E = f(() => q(w), [w]), D = h ?? E, [O, k] = a(n, r, i), A = n ?? r, [j, M] = a(o, s ?? z(L(A) ? A : C), c), N = R(j) ? j : z(C), F = L(u) ? u : void 0, B = L(d) ? d : void 0, [V, H] = m(null), [U, W] = m(!1), G = f(() => ({
-		value: O,
-		visibleMonth: N,
-		today: C,
-		min: F,
-		max: B,
-		firstDayOfWeek: D,
-		formatters: T,
-		focus: V,
-		setFocus: H,
-		requestValue: k,
-		requestVisibleMonth: M,
-		labelId: x,
-		hasHeader: U,
-		setHasHeader: W
-	}), [
-		O,
-		N,
-		C,
-		F,
-		B,
-		D,
-		T,
-		V,
-		k,
-		M,
-		x,
-		U
-	]);
-	return /* @__PURE__ */ g(Q.Provider, {
-		value: G,
-		children: /* @__PURE__ */ g(t, {
-			className: _,
-			styles: v,
-			sx: y,
-			children: (t) => /* @__PURE__ */ g("div", {
-				...b,
-				ref: e,
-				"data-ui": "calendar",
-				className: t
-			})
-		})
-	});
-}
-oe.displayName = "Calendar";
-function se({ ref: e, className: n, sx: r, ...i }) {
-	let { visibleMonth: a, min: o, max: s, formatters: c, requestVisibleMonth: l, labelId: u, setHasHeader: f } = $("Header");
-	d(() => (f(!0), () => f(!1)), [f]);
-	let p = U(a, -1), m = U(a, 1), h = o !== void 0 && W(p) < o, v = s !== void 0 && B(m) > s, x = (e) => c.month.format(F(B(e)));
-	return /* @__PURE__ */ g(t, {
-		className: n,
-		styles: y,
-		sx: r,
-		children: (t) => /* @__PURE__ */ _("div", {
-			...i,
-			ref: e,
-			"data-ui": "calendar-header",
-			className: t,
-			children: [
-				/* @__PURE__ */ g("button", {
-					type: "button",
-					"data-ui": "calendar-previous",
-					"aria-label": x(p),
-					"aria-disabled": h || void 0,
-					onClick: () => {
-						h || l(p);
-					},
-					css: S,
-					children: /* @__PURE__ */ g("span", {
-						"aria-hidden": "true",
-						css: C,
-						children: ie
-					})
-				}),
-				/* @__PURE__ */ g("span", {
-					id: u,
-					"aria-live": "polite",
-					"aria-atomic": "true",
-					"data-ui": "calendar-label",
-					css: b,
-					children: x(a)
-				}),
-				/* @__PURE__ */ g("button", {
-					type: "button",
-					"data-ui": "calendar-next",
-					"aria-label": x(m),
-					"aria-disabled": v || void 0,
-					onClick: () => {
-						v || l(m);
-					},
-					css: S,
-					children: /* @__PURE__ */ g("span", {
-						"aria-hidden": "true",
-						css: C,
-						children: ae
-					})
-				})
-			]
-		})
-	});
-}
-se.displayName = "Calendar.Header";
-function ce({ date: e, isTabStop: t }) {
-	let { value: n, today: r, min: i, max: a, formatters: o, setFocus: s, requestValue: c } = $("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)
-		})
-	});
-}
-function le({ ref: e, onKeyDown: n, "aria-labelledby": r, "aria-label": i, className: a, sx: o, ...s }) {
-	let { value: l, visibleMonth: d, today: f, min: m, max: h, firstDayOfWeek: v, formatters: y, focus: b, setFocus: x, requestVisibleMonth: S, labelId: C, hasHeader: D } = $("Grid"), O = p(null);
-	u(e, () => O.current, []);
-	let k = p(!1), A = B(d), j = F(W(d)).getUTCDate(), N = Array.from({ length: j }, (e, t) => V(A, t)), P = (e) => e !== void 0 && N.includes(e) && G(e, m, h), I = [
-		b?.date,
-		b?.fallback,
-		l,
-		f
-	].find(P) ?? N.find((e) => G(e, m, h)), L = [...Array(K(A, v)).fill(null), ...N], R = Array.from({ length: Math.ceil(L.length / 7) }, (e, t) => Array.from({ length: 7 }, (e, n) => L[t * 7 + n] ?? null)), H = Array.from({ length: 7 }, (e, t) => F(V(M, (v + t) % 7)));
-	c(() => {
-		k.current && (k.current = !1, O.current?.querySelector(`[data-date="${I}"]`)?.focus());
-	});
-	let U = (e) => {
-		n?.(e);
-		let t = O.current;
-		if (e.defaultPrevented || !t) return;
-		let r = e.target.dataset.date;
-		if (!P(r)) return;
-		let i = re[getComputedStyle(t).direction === "rtl" ? "rtl" : "ltr"][e.key];
-		if (!i) return;
-		e.preventDefault();
-		let a = ee(i(r, {
-			firstDayOfWeek: v,
-			shiftKey: e.shiftKey
-		}), m, h);
-		a !== r && (x({
-			date: a,
-			fallback: r
-		}), k.current = !0, z(a) !== d && S(z(a)));
-	}, q = [r, D ? C : void 0].filter(Boolean).join(" ") || void 0, J = y.month.format(F(A));
-	return /* @__PURE__ */ g(t, {
-		className: a,
-		styles: w,
-		sx: o,
-		children: (e) => /* @__PURE__ */ _("table", {
-			...s,
-			ref: O,
-			role: "grid",
-			"aria-labelledby": q,
-			"aria-label": q === void 0 ? i ?? J : i,
-			"data-ui": "calendar-grid",
-			onKeyDown: U,
-			className: e,
-			children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ g("tr", {
-				role: "row",
-				children: H.map((e) => /* @__PURE__ */ g("th", {
-					role: "columnheader",
-					scope: "col",
-					abbr: y.weekdayLong.format(e),
-					css: T,
-					children: y.weekdayShort.format(e)
-				}, e.getUTCDay()))
-			}) }), /* @__PURE__ */ g("tbody", { children: R.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 === I
-				}, e))
-			}, t)) })]
-		})
-	});
-}
-le.displayName = "Calendar.Grid";
-var ue = Object.assign(oe, {
-	Header: se,
-	Grid: le
-});
-//#endregion
-export { ue as t };

package/dist/collection-registry-BTYi6zGh.js

@@ -1,98 +0,0 @@
-'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
-import { t } from "./part-id-D0zksy32.js";
-import { useCallback as n, useLayoutEffect as r, useMemo as i, useState as a } from "react";
-import { vars as o } from "@jfrader/tokens/vars";
-import { useListItem as s } from "@floating-ui/react";
-//#region src/styling/listbox-style.ts
-var c = e({
-	boxSizing: "border-box",
-	display: "flex",
-	flexDirection: "column",
-	backgroundColor: o.color.surfaceRaised,
-	border: `1px solid ${o.color.border}`,
-	borderRadius: o.radius.md,
-	boxShadow: o.shadow.overlay,
-	padding: o.space[1],
-	minInlineSize: "180px",
-	maxInlineSize: "min(320px, calc(100vw - 32px))",
-	color: o.color.text,
-	fontFamily: o.font.sans,
-	lineHeight: o.lineHeight.base
-}), l = e({
-	maxBlockSize: "280px",
-	overflow: "auto",
-	"&[hidden]": { display: "none" }
-}), u = e({
-	boxSizing: "border-box",
-	display: "flex",
-	alignItems: "center",
-	inlineSize: "100%",
-	minBlockSize: "32px",
-	flexShrink: 0,
-	borderRadius: o.radius.sm,
-	paddingBlock: o.space[1],
-	paddingInline: o.space[2],
-	fontSize: o.textSize.sm,
-	color: o.color.text,
-	cursor: "pointer",
-	userSelect: "none",
-	transitionProperty: "background-color",
-	transitionDuration: o.motion.duration.fast,
-	transitionTimingFunction: o.motion.easeStandard,
-	"&[data-active]": {
-		outline: `2px solid ${o.color.focusRing}`,
-		outlineOffset: "-2px"
-	},
-	"@media (prefers-reduced-motion: reduce)": { transitionDuration: "0s" }
-}), d = e({
-	"&:hover:not([aria-disabled=\"true\"]), &[data-active]:not([aria-disabled=\"true\"])": { backgroundColor: o.color.surfaceHover },
-	"&[aria-disabled=\"true\"]": {
-		opacity: .55,
-		cursor: "not-allowed"
-	}
-}), f = e({
-	gap: o.space[2],
-	"&[aria-selected=\"true\"]": { fontWeight: o.fontWeight.medium }
-}), p = e({
-	flex: 1,
-	minInlineSize: 0
-}), m = e({ color: o.color.accentText }), h = (e, t) => e !== void 0 && Object.keys(t).every((n) => e[n] === t[n]), g = (e, n) => `${t(e, "opt", n)}-item`;
-function _() {
-	let [e, t] = a(() => /* @__PURE__ */ new Map()), r = n((e, n) => t((t) => h(t.get(e), n) ? t : new Map(t).set(e, n)), []), o = n((e) => t((t) => {
-		if (!t.has(e)) return t;
-		let n = new Map(t);
-		return n.delete(e), n;
-	}), []);
-	return [e, i(() => ({
-		register: r,
-		unregister: o
-	}), [r, o])];
-}
-function v(e) {
-	return s(e);
-}
-function y(e, t, n) {
-	r(() => {
-		if (t && e !== -1) return n.add(e), () => {
-			n.delete(e);
-		};
-	}, [
-		t,
-		e,
-		n
-	]);
-}
-function b(e, t, n, i, a) {
-	let o = v(), { index: s } = o;
-	return r(() => {
-		let r = n.current?.textContent ?? "";
-		if (t.register(e, i(s, r)), a === void 0 || s === -1) return;
-		let { labelsRef: o, include: c } = a;
-		return o.current[s] = c ? r : null, () => {
-			o.current[s] = null;
-		};
-	}), r(() => () => t.unregister(e), [e, t]), o;
-}
-//#endregion
-export { _ as a, m as c, l as d, c as f, v as i, f as l, y as n, d as o, b as r, u as s, g as t, p as u };