@jfrader/ui 0.1.2 → 0.2.0

package/dist/combobox-Dq3V88Zt.js

@@ -1,302 +0,0 @@
-'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { n as t, t as n } from "./use-controlled-state-CVXDa-qM.js";
-import { t as r } from "./renderable-DzcIj1Lo.js";
-import { a as i, c as a, d as o, f as s, l as c, o as l, r as u, s as d, t as f, u as p } from "./collection-registry-1l9f3XJZ.js";
-import { t as m } from "./use-overlay-floating-efeqppiw.js";
-import { t as h } from "./text-field-DDPqQu29.js";
-import { createContext as g, forwardRef as _, useCallback as v, useContext as y, useId as ee, useLayoutEffect as b, useMemo as x, useRef as S, useState as C } from "react";
-import { vars as w } from "@jfrader/tokens/vars";
-import { jsx as T, jsxs as E } from "@emotion/react/jsx-runtime";
-import { FloatingList as D, FloatingPortal as O, useDismiss as te, useInteractions as k, useListNavigation as A, useMergeRefs as j } from "@floating-ui/react";
-//#region src/components/combobox/combobox.tsx
-var M = "bottom-start", N = "✓", P = "No results", F = (e, t) => e.toLocaleLowerCase().includes(t.toLocaleLowerCase()), I = g(null), L = g(!1);
-function R(e) {
-	let t = y(I);
-	if (!t) throw Error(`Combobox.${e} must be rendered inside <Combobox>.`);
-	return t;
-}
-function z(e) {
-	let t = R(e);
-	if (!y(L)) throw Error(`Combobox.${e} must be rendered inside <Combobox.List>.`);
-	return t;
-}
-var B = e({ "&[hidden]": { display: "none" } }), V = e({
-	paddingBlock: w.space[1],
-	paddingInline: w.space[2],
-	fontSize: w.textSize.sm,
-	color: w.color.textMuted
-});
-function H({ value: e, defaultValue: r, onValueChange: a, open: o, defaultOpen: s = !1, onOpenChange: c, name: l, filter: u = F, onInputChange: d, children: f }) {
-	let p = ee(), [h, g] = C(`${p}-listbox`), [_, y] = C(!1), [b = null, w] = n(e, r ?? null, a), [D = !1, O] = n(o, s, c), [j, N] = C(null), [P, L] = C(""), [R, z] = i(), [B, V] = C(null), H = S([]), U = S(null), W = t(d), G = v((e, t) => t === "" || u(e, t), [u]), { valuesByIndex: K, skippedIndices: q, matchCount: J } = x(() => {
-		let e = [], t = /* @__PURE__ */ new Set(), n = 0;
-		return R.forEach((r, i) => {
-			if (r.index === -1) return;
-			e[r.index] = i;
-			let a = G(r.label, P);
-			a && (n += 1), (r.disabled || !a) && t.add(r.index);
-		}), {
-			valuesByIndex: e,
-			skippedIndices: t,
-			matchCount: n
-		};
-	}, [
-		R,
-		P,
-		G
-	]), { refs: Y, floatingStyles: X, context: Z } = m({
-		open: D,
-		placement: M,
-		onOpenChange: (e) => O(e)
-	}), ne = te(Z, {
-		escapeKey: !0,
-		outsidePress: !0
-	}), re = A(Z, {
-		listRef: H,
-		activeIndex: j,
-		onNavigate: N,
-		virtual: !0,
-		loop: !0,
-		disabledIndices: (e) => q.has(e)
-	}), { getReferenceProps: Q, getFloatingProps: $, getItemProps: ie } = k([ne, re]), ae = x(() => {
-		let e = (e) => {
-			w(e), O(!1), U.current?.commitLabel(R.get(e)?.label ?? "");
-		};
-		return {
-			baseId: p,
-			listId: h,
-			setListId: g,
-			setInputDisabled: y,
-			open: D,
-			selectedValue: b,
-			activeIndex: j,
-			options: R,
-			matchCount: J,
-			inputLabelling: B,
-			inputHandleRef: U,
-			refs: Y,
-			floatingStyles: X,
-			elementsRef: H,
-			getReferenceProps: Q,
-			getFloatingProps: $,
-			getItemProps: ie,
-			onInputChange: W,
-			isVisible: (e) => G(e, P),
-			findMatches: (e) => {
-				let t = 0, n = null, r = null;
-				return R.forEach((i) => {
-					i.index !== -1 && G(i.label, e) && (t += 1, !i.disabled && ((n === null || i.index < n) && (n = i.index), (r === null || i.index > r) && (r = i.index)));
-				}), {
-					count: t,
-					first: n,
-					last: r
-				};
-			},
-			setQuery: L,
-			setActiveIndex: N,
-			selectValue: e,
-			selectIndex: (t) => {
-				let n = K[t];
-				n === void 0 || q.has(t) || e(n);
-			},
-			clearValue: () => w(null),
-			requestOpenChange: O,
-			registration: z,
-			setInputLabelling: V
-		};
-	}, [
-		p,
-		h,
-		D,
-		b,
-		j,
-		R,
-		P,
-		J,
-		B,
-		Y,
-		X,
-		Q,
-		$,
-		ie,
-		W,
-		G,
-		K,
-		q,
-		w,
-		O,
-		z
-	]);
-	return /* @__PURE__ */ E(I.Provider, {
-		value: ae,
-		children: [f, l !== void 0 && /* @__PURE__ */ T("input", {
-			type: "hidden",
-			name: l,
-			value: b ?? "",
-			disabled: _
-		})]
-	});
-}
-var U = _(function({ inputValue: e, defaultInputValue: t, label: i, description: a, error: o, size: s, slotProps: c, className: l, id: u, onChange: d, onKeyDown: f, onBlur: p, disabled: m = !1, ...g }, _) {
-	let { listId: v, open: y, selectedValue: x, activeIndex: S, options: w, inputHandleRef: E, refs: D, getReferenceProps: O, onInputChange: te, findMatches: k, setQuery: A, setActiveIndex: M, selectIndex: N, clearValue: P, requestOpenChange: F, setInputLabelling: I, setInputDisabled: L } = R("Input"), z = j([D.setReference, _]), B = ee(), V = u ?? B, H = `${V}-label`, U = r(i), W = g["aria-labelledby"], G = g["aria-label"], [K, q] = C(t), [J, Y] = C(() => (e ?? t) !== void 0), X = x === null ? void 0 : w.get(x)?.label, Z = e ?? (J ? K ?? "" : X ?? K ?? ""), [, ne] = n(Z, void 0, te), re = (t) => {
-		ne(t), e === void 0 && q(t);
-	}, Q = e !== void 0 || J ? Z : "", $ = (e) => {
-		Y(!1), re(e);
-	};
-	b(() => {
-		A(Q);
-	}, [Q, A]), b(() => (L(m), () => L(!1)), [m, L]), b(() => (E.current = { commitLabel: $ }, () => {
-		E.current = null;
-	})), b(() => (I(W !== void 0 || !U ? {
-		labelledBy: W,
-		label: G
-	} : { labelledBy: H }), () => I(null)), [
-		W,
-		G,
-		U,
-		H,
-		I
-	]);
-	let ie = (t) => {
-		d?.(t);
-		let n = t.currentTarget.value;
-		Y(!0), re(n), n === "" && P();
-		let r = e ?? n;
-		if (r === "") {
-			M(null), F(!1);
-			return;
-		}
-		let i = k(r);
-		M(i.first), i.count > 0 && F(!0);
-	}, ae = (e) => {
-		if (f?.(e), !e.defaultPrevented) {
-			if (e.key === "Escape") J && X !== void 0 && $(X);
-			else if (y) {
-				if (e.key === "Enter" && S !== null) e.preventDefault(), N(S);
-				else if (e.key === "Home" || e.key === "End") {
-					let t = k(Q), n = e.key === "Home" ? t.first : t.last;
-					if (n === null) return;
-					e.preventDefault(), M(n);
-				}
-			}
-		}
-	}, oe = (e) => {
-		p?.(e), y && F(!1);
-	};
-	return /* @__PURE__ */ T(h, {
-		...O({
-			...g,
-			onKeyDown: ae,
-			onBlur: oe
-		}),
-		ref: z,
-		id: V,
-		label: U ? /* @__PURE__ */ T("span", {
-			id: H,
-			children: i
-		}) : i,
-		description: a,
-		error: o,
-		size: s,
-		slotProps: c,
-		className: l,
-		value: Z,
-		disabled: m,
-		onChange: ie,
-		role: "combobox",
-		autoComplete: "off",
-		"aria-autocomplete": "list",
-		"aria-expanded": y,
-		"aria-controls": y ? v : void 0,
-		"data-state": y ? "open" : "closed",
-		"data-ui": "combobox-input"
-	});
-}), W = _(function({ id: e, style: t, onMouseDown: n, children: r, ...i }, a) {
-	let { baseId: c, setListId: l, open: u, inputLabelling: d, refs: f, floatingStyles: p, elementsRef: m, getFloatingProps: h } = R("List"), g = e ?? `${c}-listbox`;
-	b(() => (l(g), () => l(`${c}-listbox`)), [
-		c,
-		g,
-		l
-	]);
-	let _ = j([u ? f.setFloating : null, a]), v = i["aria-labelledby"] !== void 0 || i["aria-label"] !== void 0 ? {} : d?.labelledBy === void 0 ? { "aria-label": d?.label } : { "aria-labelledby": d.labelledBy }, y = (e) => {
-		n?.(e), e.preventDefault();
-	};
-	return /* @__PURE__ */ T(O, { children: /* @__PURE__ */ T("div", {
-		...h({
-			id: g,
-			...v,
-			...i,
-			onMouseDown: y
-		}),
-		ref: _,
-		role: "listbox",
-		hidden: !u,
-		"data-state": u ? "open" : "closed",
-		"data-ui": "combobox-list",
-		style: {
-			...t,
-			...p
-		},
-		css: [s, o],
-		children: /* @__PURE__ */ T(D, {
-			elementsRef: m,
-			children: /* @__PURE__ */ T(L.Provider, {
-				value: !0,
-				children: r
-			})
-		})
-	}) });
-}), G = _(function({ value: e, disabled: t = !1, onClick: n, children: r, ...i }, o) {
-	let { baseId: s, selectedValue: m, activeIndex: h, options: g, isVisible: _, getItemProps: v, selectValue: y, registration: ee } = z("Item"), b = S(null), { ref: x, index: C } = u(e, ee, b, (e, n) => ({
-		index: e,
-		label: n,
-		disabled: t
-	})), w = j([x, o]), D = g.get(e)?.label, O = D !== void 0 && !_(D), te = C !== -1 && h === C, k = m === e, A = (r) => {
-		n?.(r), !(t || r.defaultPrevented) && y(e);
-	};
-	return /* @__PURE__ */ E("div", {
-		...v({
-			id: f(s, e),
-			...i,
-			onClick: A
-		}),
-		ref: w,
-		role: "option",
-		hidden: O,
-		"aria-selected": k,
-		"aria-disabled": t || void 0,
-		"data-active": te || void 0,
-		"data-ui": "combobox-item",
-		css: [
-			d,
-			l,
-			c,
-			B
-		],
-		children: [/* @__PURE__ */ T("span", {
-			ref: b,
-			css: p,
-			children: r
-		}), k && /* @__PURE__ */ T("span", {
-			"aria-hidden": "true",
-			css: a,
-			children: N
-		})]
-	});
-}), K = _(function({ children: e, ...t }, n) {
-	let { matchCount: i } = z("Empty");
-	return i > 0 ? null : /* @__PURE__ */ T("div", {
-		...t,
-		ref: n,
-		"data-ui": "combobox-empty",
-		css: V,
-		children: r(e) ? e : P
-	});
-}), q = Object.assign(H, {
-	Input: U,
-	List: W,
-	Item: G,
-	Empty: K
-});
-//#endregion
-export { q as t };

package/dist/container-xUEIoZzj.js

@@ -1,35 +0,0 @@
-'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { n as t } from "./layout-style-7ZTOiWGR.js";
-import { forwardRef as n } from "react";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-//#region src/components/container/container.tsx
-var i = {
-	sm: "640px",
-	md: "768px",
-	lg: "1024px",
-	xl: "1280px"
-}, a = e({
-	boxSizing: "border-box",
-	inlineSize: "100%",
-	marginInline: "auto"
-}), o = {
-	sm: e({ maxInlineSize: i.sm }),
-	md: e({ maxInlineSize: i.md }),
-	lg: e({ maxInlineSize: i.lg }),
-	xl: e({ maxInlineSize: i.xl })
-}, s = t("paddingInline"), c = n(function({ size: e = "lg", paddingInline: t = "md", ...n }, i) {
-	return /* @__PURE__ */ r("div", {
-		...n,
-		ref: i,
-		"data-ui": "container",
-		"data-size": e,
-		css: [
-			a,
-			o[e],
-			s[t]
-		]
-	});
-});
-//#endregion
-export { c as t };

package/dist/date-picker-DrHJMt2p.js

@@ -1,240 +0,0 @@
-'use client';
-import { t as e } from "./css-Cgj6sCHn.js";
-import { t } from "./use-controlled-state-CVXDa-qM.js";
-import { t as n } from "./renderable-DzcIj1Lo.js";
-import { t as r } from "./calendar-DUgS0xmp.js";
-import { n as i } from "./surface-DZ4d-2aL.js";
-import { t as a } from "./use-overlay-floating-efeqppiw.js";
-import { t as o } from "./text-field-DDPqQu29.js";
-import { createContext as s, forwardRef as c, useContext as l, useEffect as u, useId as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { vars as g } from "@jfrader/tokens/vars";
-import { jsx as _, jsxs as v } from "@emotion/react/jsx-runtime";
-import { FloatingFocusManager as y, FloatingPortal as b, useClick as x, useDismiss as S, useInteractions as C, useMergeRefs as w, useRole as T } from "@floating-ui/react";
-//#region src/components/date-picker/date-picker.tsx
-var E = "bottom-start", D = /* @__PURE__ */ new Set(["Enter", "ArrowDown"]), O = " ", k = "[data-ui=\"calendar-day\"][tabindex=\"0\"]", A = "[data-ui=\"calendar-day\"]", j = /^\d{4}-\d{2}-\d{2}$/, M = {
-	calendar: "gregory",
-	timeZone: "UTC",
-	dateStyle: "medium"
-}, N = s(null);
-function P(e) {
-	let t = l(N);
-	if (!t) throw Error(`DatePicker.${e} must be rendered inside <DatePicker>.`);
-	return t;
-}
-var F = (e, t) => String(e).padStart(t, "0"), I = (e, t, n) => `${F(e, 4)}-${F(t, 2)}-${F(n, 2)}`;
-function L(e) {
-	if (e === void 0 || !j.test(e)) return;
-	let [t = NaN, n = NaN, r = NaN] = e.split("-").map(Number), i = new Date(Date.UTC(0, 0, 1));
-	return i.setUTCFullYear(t, n - 1, r), I(i.getUTCFullYear(), i.getUTCMonth() + 1, i.getUTCDate()) === e ? i : void 0;
-}
-var R = (e) => L(e) ? e : void 0;
-function ee(e, t, n) {
-	return t !== void 0 && e < t ? t : n !== void 0 && e > n ? n : e;
-}
-function te() {
-	let e = /* @__PURE__ */ new Date();
-	return I(e.getFullYear(), e.getMonth() + 1, e.getDate());
-}
-var ne = () => typeof navigator > "u" ? void 0 : navigator.language;
-function re(e, t) {
-	let n = new Intl.DisplayNames(t, { type: "dateTimeField" });
-	return e.formatToParts(/* @__PURE__ */ new Date(0)).map((e) => e.type === "literal" ? e.value : n.of(e.type) ?? e.value).join("");
-}
-function z(e) {
-	let t = e?.querySelector(k) ?? null;
-	return t?.focus({ preventScroll: !0 }), t;
-}
-var B = e({
-	cursor: "pointer",
-	"&:disabled": { cursor: "not-allowed" }
-}), V = e({
-	...i,
-	borderRadius: g.radius.md,
-	boxShadow: g.shadow.overlay,
-	padding: g.space[3]
-});
-function H({ value: e, defaultValue: n, onValueChange: r, open: i, defaultOpen: o = !1, onOpenChange: s, min: c, max: l, locale: d, firstDayOfWeek: f, disabled: g = !1, name: y, placeholder: b, children: w }) {
-	let [D, O] = t(e, n, r), [k = !1, A] = t(i, o, s), [j, P] = h(!1), F = g || j, I = k && !F, [z, B] = h(null), V = m(null), H = m(!1), U = p(() => new Intl.DateTimeFormat(d ?? ne()).resolvedOptions().locale, [d]), W = p(() => new Intl.DateTimeFormat(U, M), [U]), G = p(() => re(W, U), [W, U]), K = L(D), q = K ? W.format(K) : "", J = R(c), Y = R(l), X = ee(R(D) ?? te(), J, Y).slice(0, 7), { refs: Z, floatingStyles: Q, context: $ } = a({
-		open: I,
-		placement: E,
-		onOpenChange: (e, t, n) => {
-			F && e || (e || (H.current = n === "escape-key"), A(e));
-		}
-	});
-	u(() => {
-		F && (H.current = !1, k && A(!1));
-	}, [
-		F,
-		k,
-		A
-	]), u(() => {
-		!F && !I && H.current && (H.current = !1, Z.domReference.current?.focus());
-	}, [
-		F,
-		I,
-		Z
-	]);
-	let ie = x($, {
-		enabled: !F,
-		keyboardHandlers: !1
-	}), ae = S($, {
-		escapeKey: !0,
-		outsidePress: !0
-	}), oe = T($, { role: "dialog" }), { getReferenceProps: se, getFloatingProps: ce } = C([
-		ie,
-		ae,
-		oe
-	]), le = p(() => ({
-		open: I,
-		disabled: F,
-		value: D,
-		displayValue: q,
-		placeholder: b ?? G,
-		initialMonth: X,
-		min: J,
-		max: Y,
-		locale: U,
-		firstDayOfWeek: f,
-		inputLabelling: z,
-		gridRef: V,
-		refs: Z,
-		floatingContext: $,
-		floatingStyles: Q,
-		getReferenceProps: se,
-		getFloatingProps: ce,
-		requestOpenChange: (e) => {
-			F && e || A(e);
-		},
-		selectDate: (e) => {
-			F || (O(e), H.current = !0, A(!1));
-		},
-		setInputLabelling: B,
-		setInputDisabled: P
-	}), [
-		I,
-		F,
-		D,
-		q,
-		b,
-		G,
-		X,
-		J,
-		Y,
-		U,
-		f,
-		z,
-		Z,
-		$,
-		Q,
-		se,
-		ce,
-		A,
-		O
-	]);
-	return /* @__PURE__ */ v(N.Provider, {
-		value: le,
-		children: [w, y !== void 0 && /* @__PURE__ */ _("input", {
-			type: "hidden",
-			name: y,
-			value: D ?? "",
-			disabled: F
-		})]
-	});
-}
-var U = c(function({ label: e, id: t, disabled: r, slotProps: i, onKeyDown: a, onKeyUp: s, ...c }, l) {
-	let { open: u, disabled: p, displayValue: m, placeholder: h, gridRef: g, refs: v, getReferenceProps: y, requestOpenChange: b, setInputLabelling: x, setInputDisabled: S } = P("Input"), C = w([v.setReference, l]), T = d(), E = t ?? T, k = `${E}-label`, A = n(e), j = c["aria-labelledby"], M = c["aria-label"], N = M ?? (typeof e == "string" ? e : void 0), F = p || r === !0;
-	f(() => (S(r === !0), () => S(!1)), [r, S]), f(() => (x(j === void 0 ? M === void 0 ? typeof e == "string" ? { label: e } : { labelledBy: A ? k : void 0 } : { label: M } : { labelledBy: j }), () => x(null)), [
-		j,
-		M,
-		e,
-		A,
-		k,
-		x
-	]);
-	let I = () => {
-		F || (u ? z(g.current) : b(!0));
-	}, L = (e) => {
-		a?.(e), !(e.defaultPrevented || F) && (e.key === O ? e.preventDefault() : D.has(e.key) && (e.preventDefault(), I()));
-	}, R = (e) => {
-		s?.(e), !(e.defaultPrevented || F || e.key !== O) && I();
-	};
-	return /* @__PURE__ */ _(o, {
-		...y({
-			...c,
-			onKeyDown: L,
-			onKeyUp: R
-		}),
-		ref: C,
-		id: E,
-		label: A ? /* @__PURE__ */ _("span", {
-			id: k,
-			children: e
-		}) : e,
-		slotProps: {
-			...i,
-			control: {
-				...i?.control,
-				css: [B, i?.control?.css]
-			}
-		},
-		value: m,
-		placeholder: h,
-		disabled: F,
-		readOnly: !0,
-		role: "combobox",
-		"aria-label": N,
-		"aria-autocomplete": "none",
-		"data-state": u ? "open" : "closed",
-		"data-ui": "date-picker-input"
-	});
-}), W = c(function({ style: e, ...t }, n) {
-	let { open: i, value: a, initialMonth: o, min: s, max: c, locale: l, firstDayOfWeek: u, inputLabelling: d, gridRef: f, refs: p, floatingContext: h, floatingStyles: g, getFloatingProps: x, selectDate: S } = P("Popup"), C = w([p.setFloating, n]), T = m(null), E = w([(e) => {
-		f.current = e, T.current = z(e);
-	}]);
-	if (!i) return null;
-	let D = t["aria-labelledby"] !== void 0 || t["aria-label"] !== void 0 ? {} : d?.labelledBy === void 0 ? { "aria-label": d?.label } : { "aria-labelledby": d.labelledBy }, O = (e) => {
-		let t = e.target.closest(A);
-		if (t?.disabled) return;
-		let n = t?.dataset.date;
-		n !== void 0 && S(n);
-	}, k = (e) => {
-		e.target.closest(A)?.disabled && e.preventDefault();
-	};
-	return /* @__PURE__ */ _(b, { children: /* @__PURE__ */ _(y, {
-		context: h,
-		modal: !1,
-		initialFocus: T,
-		returnFocus: !1,
-		children: /* @__PURE__ */ _("div", {
-			...x({
-				...D,
-				...t
-			}),
-			ref: C,
-			"data-ui": "date-picker-popup",
-			style: {
-				...e,
-				...g
-			},
-			css: V,
-			children: /* @__PURE__ */ v(r, {
-				value: a ?? "",
-				defaultVisibleMonth: o,
-				min: s,
-				max: c,
-				locale: l,
-				firstDayOfWeek: u,
-				children: [/* @__PURE__ */ _(r.Header, {}), /* @__PURE__ */ _(r.Grid, {
-					ref: E,
-					onClick: O,
-					onPointerDownCapture: k
-				})]
-			})
-		})
-	}) });
-}), G = Object.assign(H, {
-	Input: U,
-	Popup: W
-});
-//#endregion
-export { G as t };