@slotted/react 0.1.0-beta.4 → 0.1.0-beta.6

package/dist/scroll-area-BriwmvYY.js

@@ -1,111 +0,0 @@
-import { r as e } from "./i18n-DpW8lqJ1.js";
-import { createContext as t, useCallback as n, useContext as r, useImperativeHandle as i, useRef as a, useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { NO_SCROLL_EDGES as c, createScrollEdges as l, scrollEdgeAttributes as u } from "@slotted/core/overflow";
-import { scrollAreaMessages as d } from "@slotted/core/i18n";
-//#region src/scroll-area/scroll-area-defaults.tsx
-var f = t({
-	axis: "block",
-	fade: "both",
-	gutter: "stable",
-	overscroll: "contain",
-	scrollbars: "auto"
-});
-function p() {
-	return r(f);
-}
-function m({ children: e, ...t }) {
-	let n = p();
-	return /* @__PURE__ */ s(f.Provider, {
-		value: {
-			axis: t.axis ?? n.axis,
-			fade: t.fade ?? n.fade,
-			gutter: t.gutter ?? n.gutter,
-			overscroll: t.overscroll ?? n.overscroll,
-			scrollbars: t.scrollbars ?? n.scrollbars
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/scroll-area/scroll-area.tsx
-function h(e, t) {
-	typeof e == "function" ? e(t) : e != null && (e.current = t);
-}
-function g({ axis: t, children: r, className: f, fade: m, gutter: g, labelledBy: _, maxBlockSize: v, maxInlineSize: y, messages: b, onOverflowChange: x, onScrollChange: S, overscroll: C, ref: w, render: T, scrollbars: E, style: D, tabbable: O = !0, viewportProps: k, ...A }) {
-	let j = p(), M = e(d, b), N = t ?? j.axis, P = E ?? j.scrollbars, F = g ?? j.gutter, I = m ?? j.fade, L = C ?? j.overscroll, R = a(null), [z, B] = o(null), V = a(null), [H, U] = o(c), [W, G] = o(!1), K = a(x);
-	K.current = x;
-	let q = n((e) => {
-		if (B(e), h(k?.ref, e), e === null) return;
-		let t = l(e, { onChange: (e) => {
-			U(e), V.current !== null && G(V.current.sideways()), K.current?.(e);
-		} });
-		return V.current = t, U(t.state()), G(t.sideways()), () => {
-			t.destroy(), V.current = null;
-		};
-	}, [k?.ref]);
-	i(w, () => ({
-		get root() {
-			return R.current;
-		},
-		get viewport() {
-			return z;
-		},
-		state: () => V.current?.state() ?? c,
-		position: () => V.current?.position() ?? {
-			block: 0,
-			inline: 0
-		},
-		scrollTo: (e) => V.current?.scrollTo(e),
-		scrollToEdge: (e) => V.current?.scrollToEdge(e),
-		reveal: (e) => V.current?.reveal(e),
-		refresh: () => V.current?.refresh(),
-		focus: () => z?.focus()
-	}), [z]);
-	let J = (e) => {
-		k?.onScroll?.(e), S !== void 0 && V.current !== null && S(V.current.position(), e);
-	}, Y = (H.block.overflowing || H.inline.overflowing) && O, X = { ...k };
-	delete X.onScroll, delete X.ref;
-	let Z = /* @__PURE__ */ s("div", {
-		...X,
-		"data-part": "viewport",
-		onScroll: J,
-		ref: q,
-		...Y ? {
-			role: "region",
-			tabIndex: 0,
-			..._ === void 0 ? { "aria-label": M("label") } : { "aria-labelledby": _ }
-		} : {},
-		children: r
-	}), Q = {
-		...A,
-		className: f,
-		"data-axis": N,
-		"data-fade": I,
-		"data-gutter": F,
-		"data-overscroll": L,
-		"data-part": "root",
-		"data-scrollbars": P,
-		"data-ui": "scroll-area",
-		...W ? { "data-sideways": "" } : {},
-		...u(H),
-		ref: R,
-		style: v === void 0 && y === void 0 ? D : {
-			...v === void 0 ? {} : { maxBlockSize: v },
-			...y === void 0 ? {} : { maxInlineSize: y },
-			...D
-		},
-		children: Z
-	};
-	return T === void 0 ? /* @__PURE__ */ s("div", { ...Q }) : T(Q);
-}
-function _({ render: e, ...t }) {
-	let n = {
-		...t,
-		"data-part": "content"
-	};
-	return e === void 0 ? /* @__PURE__ */ s("div", { ...n }) : e(n);
-}
-g.Content = _;
-//#endregion
-export { m as n, p as r, g as t };

package/dist/time-picker-CRQsMJbQ.js

@@ -1,396 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-NJaCxl2h.js";
-import { t as ee } from "./time-field-DrhiCtUl.js";
-import { createControllable as a } from "@slotted/core/state";
-import { createContext as te, useCallback as o, useContext as ne, useEffect as s, useId as re, useImperativeHandle as ie, useMemo as c, useRef as l, useState as u } from "react";
-import { Fragment as ae, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { createPresence as oe } from "@slotted/core/presence";
-import { createPortalRoot as se } from "@slotted/core/portal";
-import { createDismissableLayer as ce } from "@slotted/core/dismissable-layer";
-import { createPositioner as le } from "@slotted/core/positioner";
-import { createTypeahead as ue, isPrintable as de } from "@slotted/core/typeahead";
-import { createPortal as fe } from "react-dom";
-import { timePickerMessages as pe } from "@slotted/core/i18n";
-import { createTimeFormat as me, hourJump as he, isSameTime as p, isTimeInRange as ge, isTruncated as _e, nearestIndex as ve, nowIn as ye, timeList as be, toISOTime as xe } from "@slotted/core/date";
-//#region src/time-picker/time-picker-defaults.tsx
-var Se = 900, m = 1440, h = te({
-	closeOnSelect: "auto",
-	granularity: "minute",
-	hourCycle: void 0,
-	maxOptions: m,
-	placement: "bottom-start",
-	size: "md",
-	step: 900,
-	timeZone: void 0,
-	unavailableOptions: "disable",
-	variant: "outline"
-});
-function g() {
-	return ne(h);
-}
-function Ce({ children: e, ...t }) {
-	let n = g();
-	return /* @__PURE__ */ d(h.Provider, {
-		value: {
-			closeOnSelect: t.closeOnSelect ?? n.closeOnSelect,
-			granularity: t.granularity ?? n.granularity,
-			hourCycle: t.hourCycle ?? n.hourCycle,
-			maxOptions: t.maxOptions ?? n.maxOptions,
-			placement: t.placement ?? n.placement,
-			size: t.size ?? n.size,
-			step: t.step ?? n.step,
-			timeZone: t.timeZone ?? n.timeZone,
-			unavailableOptions: t.unavailableOptions ?? n.unavailableOptions,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/time-picker/time-picker.tsx
-var we = "(max-width: 480px) and (pointer: coarse)", Te = {
-	hour: 12,
-	minute: 0,
-	second: 0
-};
-function Ee({ className: te, clearable: ne = !1, closeOnSelect: Se, defaultHighlightedValue: m, defaultOpen: h = !1, defaultValue: Ce, disabled: Ee, footer: De, granularity: Oe, highlightedValue: _, hourCycle: ke, invalid: Ae, isTimeUnavailable: v, locale: je, max: y, maxOptions: Me, messages: Ne, min: b, name: Pe, onHighlightedValueChange: Fe, onKeyDown: x, onOpenChange: Ie, onValueChange: Le, open: S, options: Re, placement: ze, presets: Be, readOnly: Ve, ref: He, referenceTime: C, relative: Ue, render: We, renderOption: Ge, required: Ke, size: qe, step: Je, style: Ye, timeZone: Xe, unavailableOptions: Ze, value: w, variant: Qe, ...$e }) {
-	let T = i(), E = g(), et = n(), D = r(pe, Ne), O = l(null), tt = l(null), k = l(null), A = l(null), nt = re(), [j, rt] = u(null), [M, it] = u(null), [at, ot] = u("unmounted"), [st, ct] = u(!1), [lt, ut] = u(!1), [dt, ft] = u(h), N = S ?? dt, [pt, mt] = u(Ce ?? null), P = w ?? pt, F = je ?? et, I = Xe ?? E.timeZone, L = Oe ?? E.granularity, R = ke ?? E.hourCycle, ht = qe ?? T?.size ?? E.size, gt = Qe ?? E.variant, _t = ze ?? E.placement, vt = Se ?? E.closeOnSelect, yt = Je ?? E.step, bt = Me ?? E.maxOptions, xt = Ze ?? E.unavailableOptions, z = Ee ?? T?.disabled, B = Ve ?? T?.readOnly, St = Ke ?? T?.required, V = z !== !0 && B !== !0, H = c(() => me({
-		granularity: L,
-		hourCycle: R,
-		locale: F
-	}), [
-		L,
-		R,
-		F
-	]), [Ct, wt] = u(() => Te);
-	s(() => wt(ye(I)), [I]);
-	let U = C ?? Ct, Tt = P !== null && (!ge(P, b, y) || v?.(P) === !0), Et = Ae ?? (Tt ? !0 : T?.invalid), W = c(() => ({
-		isTimeUnavailable: v,
-		max: y,
-		maxOptions: bt,
-		min: b,
-		options: Re,
-		step: yt
-	}), [
-		v,
-		y,
-		b,
-		Re,
-		bt,
-		yt
-	]), G = c(() => {
-		let e = be(W);
-		return xt === "hide" ? e.filter((e) => !e.unavailable) : e;
-	}, [W, xt]), Dt = c(() => _e(W), [W]), Ot = c(() => G.map((e) => H.format(e.time)), [H, G]), kt = o(() => {
-		if (G.length === 0) return -1;
-		let e = ve(G, P ?? U);
-		if (e >= 0 && G[e]?.unavailable !== !0) return e;
-		let t = G.findIndex((e) => !e.unavailable);
-		return t >= 0 ? t : 0;
-	}, [
-		U,
-		P,
-		G
-	]), [At, jt] = u(m ?? null), K = _ ?? At, q = c(() => K === null ? -1 : G.findIndex((e) => p(e.time, K)), [K, G]), J = o((e, t, n) => {
-		a({
-			controlled: _,
-			initial: K,
-			equals: p,
-			onRequest: (e) => Fe?.(e.value, e)
-		}).request(e, t, n) && jt(e);
-	}, [
-		K,
-		_,
-		Fe
-	]), Y = o((e, t) => {
-		let n = G[Math.max(0, Math.min(G.length - 1, e))];
-		n !== void 0 && J(n.time, "keyboard", t);
-	}, [G, J]), X = o((e, t, n) => {
-		a({
-			controlled: S,
-			initial: N,
-			onRequest: (e) => Ie?.(e.value, e)
-		}).request(e, t, n) && ft(e);
-	}, [
-		N,
-		Ie,
-		S
-	]), Z = o((e, t) => {
-		a({
-			controlled: w,
-			initial: P,
-			equals: p,
-			onRequest: (e) => Le?.(e.value, e)
-		}).request(e, t.reason, t.source) && mt(e);
-	}, [
-		P,
-		Le,
-		w
-	]), Q = l(null);
-	s(() => {
-		let e = oe({
-			present: N,
-			onStatusChange: ot
-		});
-		return Q.current = e, ot(e.status), () => {
-			e.destroy(), Q.current = null;
-		};
-	}, []), s(() => Q.current?.sync(N), [N]), s(() => Q.current?.setNode(j), [j]);
-	let Mt = at !== "unmounted";
-	s(() => {
-		if (!Mt) {
-			it(null);
-			return;
-		}
-		let e = se({
-			origin: k.current,
-			disabled: !1
-		});
-		return it(e.container), () => e.release();
-	}, [Mt]), s(() => {
-		if (typeof window > "u" || typeof window.matchMedia != "function") return;
-		let e = window.matchMedia(we), t = () => ut(e.matches);
-		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []), s(() => {
-		if (j === null || O.current === null || lt) return;
-		let e = !0, t = O.current.querySelector("[data-part=\"control\"]") ?? O.current, [n, r = "center"] = _t.split("-"), i = le(t, j, {
-			align: r,
-			side: n
-		});
-		return i.update().then(() => {
-			e && ct(!0);
-		}), () => {
-			e = !1, i.destroy(), ct(!1);
-		};
-	}, [
-		j,
-		_t,
-		lt
-	]), s(() => {
-		if (j === null || !N) return;
-		let e = k.current === null ? [] : [k.current], t = ce(j, {
-			branches: e,
-			escape: !0,
-			focusOutside: !1,
-			modal: !1,
-			outsidePress: !0,
-			scrollLock: !1,
-			onDismiss: (e) => {
-				X(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source), e.reason === "escape" && k.current?.focus({ preventScroll: !0 });
-			}
-		});
-		return () => t.destroy();
-	}, [
-		N,
-		j,
-		X
-	]), s(() => {
-		if (!N) return;
-		let e = kt();
-		e < 0 || J(G[e]?.time ?? null, "programmatic", void 0);
-	}, [N, G]), s(() => {
-		!N || q < 0 || (A.current?.querySelectorAll("[data-part=\"option\"]")[q])?.scrollIntoView?.({ block: "nearest" });
-	}, [q, N]);
-	let Nt = l(ue({ locale: () => F }));
-	s(() => {
-		let e = Nt.current;
-		return () => e.destroy();
-	}, []), ie(He, () => ({
-		focus: () => tt.current?.focus(),
-		open: () => X(!0, "keyboard", void 0),
-		close: () => X(!1, "keyboard", void 0)
-	}), [X]);
-	let Pt = P === null ? D("choose") : D("change", { time: H.describe(P) }), Ft = vt !== "never", It = o((e, t) => {
-		!e.unavailable && V && (Z(e.time, {
-			reason: "select",
-			source: t
-		}), J(e.time, "pointer", t), Ft && (X(!1, "select", t), k.current?.focus({ preventScroll: !0 })));
-	}, [
-		Ft,
-		V,
-		J,
-		Z,
-		X
-	]), $ = o((e) => {
-		A.current?.querySelectorAll("[data-part=\"option\"]")[e]?.focus();
-	}, []), Lt = o((e) => {
-		let t = q >= 0 ? q : kt();
-		t < 0 || (Y(t, e), requestAnimationFrame(() => $(t)));
-	}, [
-		$,
-		q,
-		Y,
-		kt
-	]), Rt = (e) => {
-		x?.(e), !e.defaultPrevented && V && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), N || X(!0, "keyboard", e), Lt(e));
-	}, zt = (e) => {
-		if (x?.(e), e.defaultPrevented) return;
-		let t = q >= 0 ? q : 0;
-		switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), Y(t + 1, e), $(Math.min(G.length - 1, t + 1));
-				return;
-			case "ArrowUp":
-				e.preventDefault(), Y(t - 1, e), $(Math.max(0, t - 1));
-				return;
-			case "Home":
-				e.preventDefault(), Y(0, e), $(0);
-				return;
-			case "End":
-				e.preventDefault(), Y(G.length - 1, e), $(G.length - 1);
-				return;
-			case "PageDown": {
-				e.preventDefault();
-				let n = he(G, t, 1);
-				Y(n, e), $(n);
-				return;
-			}
-			case "PageUp": {
-				e.preventDefault();
-				let n = he(G, t, -1);
-				Y(n, e), $(n);
-				return;
-			}
-			case "Enter":
-			case " ": {
-				e.preventDefault();
-				let n = G[t];
-				n !== void 0 && It(n, e);
-				return;
-			}
-		}
-		if (de(e.key, Nt.current.query.length > 0)) {
-			let n = Nt.current.match(e.key, Ot, t);
-			if (n < 0) return;
-			e.preventDefault(), Y(n, e), $(n);
-		}
-	}, Bt = (e) => {
-		x?.(e), !e.defaultPrevented && V && e.altKey && e.key === "ArrowDown" && (e.preventDefault(), X(!0, "keyboard", e));
-	}, Vt = Mt ? /* @__PURE__ */ d("div", {
-		"data-part": "positioner",
-		"data-presentation": lt ? "sheet" : "popover",
-		"data-ui": "time-picker",
-		ref: rt,
-		...N ? { "data-open": "" } : {},
-		...st ? { "data-positioned": "" } : {},
-		children: /* @__PURE__ */ f("div", {
-			"aria-label": Pt,
-			"data-part": "content",
-			id: nt,
-			role: "listbox",
-			...Dt ? { "aria-description": D("truncated") } : {},
-			children: [
-				Be === void 0 ? null : /* @__PURE__ */ d("div", {
-					"data-part": "presets",
-					children: Be
-				}),
-				/* @__PURE__ */ d("div", {
-					"data-part": "head",
-					children: /* @__PURE__ */ d("button", {
-						"data-part": "now",
-						onClick: (e) => Z(U, {
-							reason: "select",
-							source: e
-						}),
-						type: "button",
-						children: D("now")
-					})
-				}),
-				G.length === 0 ? /* @__PURE__ */ d("div", {
-					"data-part": "empty",
-					children: D("empty")
-				}) : /* @__PURE__ */ d("div", {
-					"data-part": "list",
-					onKeyDown: zt,
-					ref: A,
-					...Dt ? { "data-truncated": "" } : {},
-					children: G.map((e, t) => {
-						let n = Ot[t] ?? "", r = p(e.time, P), i = t === q;
-						return /* @__PURE__ */ d("div", {
-							"aria-disabled": e.unavailable ? !0 : void 0,
-							"aria-selected": r,
-							"data-part": "option",
-							onClick: (t) => It(e, t),
-							role: "option",
-							tabIndex: i ? 0 : -1,
-							...e.unavailable ? { "data-disabled": "" } : {},
-							...r ? { "data-selected": "" } : {},
-							...i ? { "data-current": "" } : {},
-							children: Ge === void 0 ? n : Ge({
-								current: i,
-								label: n,
-								selected: r,
-								time: e.time,
-								unavailable: e.unavailable
-							})
-						}, xe(e.time));
-					})
-				}),
-				De === void 0 ? null : /* @__PURE__ */ d("div", {
-					"data-part": "footer",
-					children: De
-				})
-			]
-		})
-	}) : null, Ht = /* @__PURE__ */ f(ae, { children: [/* @__PURE__ */ d("div", {
-		"data-part": "control",
-		onKeyDown: Bt,
-		children: /* @__PURE__ */ d(ee, {
-			clearable: ne,
-			disabled: z,
-			end: /* @__PURE__ */ d("button", {
-				"aria-controls": N ? nt : void 0,
-				"aria-expanded": N,
-				"aria-haspopup": "listbox",
-				"aria-label": Pt,
-				"data-part": "trigger",
-				disabled: !V,
-				onClick: (e) => {
-					X(!N, "pointer", e), N || Lt(e);
-				},
-				onKeyDown: Rt,
-				ref: k,
-				type: "button",
-				children: /* @__PURE__ */ d(t, { children: /* @__PURE__ */ d(e, { name: "clock" }) })
-			}),
-			granularity: L,
-			invalid: Et,
-			isTimeUnavailable: v,
-			locale: F,
-			max: y,
-			min: b,
-			name: Pe,
-			onValueChange: (e, t) => Z(e, t),
-			readOnly: B,
-			ref: tt,
-			required: St,
-			size: ht,
-			timeZone: I,
-			value: P,
-			variant: gt,
-			...R === void 0 ? {} : { hourCycle: R },
-			...C === void 0 ? {} : { referenceTime: C },
-			...Ue === void 0 ? {} : { relative: Ue }
-		})
-	}), M === null ? Vt : null] }), Ut = {
-		...$e,
-		children: Ht,
-		className: te,
-		style: Ye,
-		...z === !0 ? { "data-disabled": "" } : {},
-		...Et === !0 ? { "data-invalid": "" } : {},
-		...B === !0 ? { "data-readonly": "" } : {},
-		...St === !0 ? { "data-required": "" } : {},
-		...N ? { "data-open": "" } : {},
-		"data-granularity": L,
-		"data-part": "root",
-		"data-size": ht,
-		"data-ui": "time-picker",
-		"data-variant": gt,
-		ref: O
-	};
-	return /* @__PURE__ */ f(ae, { children: [We === void 0 ? /* @__PURE__ */ d("div", { ...Ut }) : We(Ut), M === null ? null : fe(Vt, M)] });
-}
-//#endregion
-export { g as a, Ce as i, m as n, Se as r, Ee as t };