@slotted/react 0.1.0-beta.7 → 0.1.0-beta.9

package/dist/number-field-DXk1TAXA.js

@@ -1,342 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-BxQFpOXS.js";
-import { createControllable as a } from "@slotted/core/state";
-import { createContext as o, useCallback as s, useContext as c, useEffect as l, useImperativeHandle as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { numberFieldMessages as ee } from "@slotted/core/i18n";
-import { clamp as te } from "@slotted/core/measure";
-import { STEP_REPEAT_DELAY as ne, STEP_REPEAT_DELAY_COARSE as re, STEP_REPEAT_INTERVAL as ie, createNumberFormat as ae, createScrub as oe, snapToStep as se, stepNumber as ce } from "@slotted/core/number";
-//#region src/number-field/number-field-defaults.tsx
-var _ = o({
-	clamp: "blur",
-	formatOn: "change",
-	size: "md",
-	stepper: "stacked",
-	variant: "outline"
-});
-function v() {
-	return c(_);
-}
-function le({ children: e, ...t }) {
-	let n = v();
-	return /* @__PURE__ */ h(_.Provider, {
-		value: {
-			clamp: t.clamp ?? n.clamp,
-			formatOn: t.formatOn ?? n.formatOn,
-			size: t.size ?? n.size,
-			stepper: t.stepper ?? n.stepper,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/number-field/number-field.tsx
-var ue = o(null);
-function de(e) {
-	return e === 0 ? "keyboard" : "pointer";
-}
-function fe({ "aria-describedby": o, "aria-invalid": c, "aria-required": _, className: le, clamp: fe, defaultValue: y = null, disabled: pe, end: me, form: he, format: b, formatOn: ge, handle: _e, id: x, inputMode: ve, invalid: ye, largeStep: be, locale: xe, max: S, messages: Se, min: C, name: Ce, onBlur: we, onChange: Te, onKeyDown: Ee, onValueChange: De, readOnly: Oe, ref: w, render: ke, size: Ae, smallStep: je, snapToStep: T = !1, start: E, step: D = 1, stepFrom: O, stepper: Me, style: Ne, value: k, variant: Pe, wheel: A = !1, ...Fe }) {
-	let j = i(), M = v(), Ie = r(ee, Se), Le = n(), N = p(null), Re = Ae ?? j?.size ?? M.size, ze = Pe ?? M.variant, P = Me ?? M.stepper, F = fe ?? M.clamp, Be = ge ?? M.formatOn, Ve = xe ?? Le, I = pe ?? j?.disabled, L = Oe ?? j?.readOnly, He = b === void 0 ? "" : JSON.stringify(b), R = f(() => ae({
-		locale: Ve,
-		...b === void 0 ? {} : { options: b }
-	}), [
-		Ve,
-		He,
-		b
-	]), [Ue, We] = m(y), z = k === void 0 ? Ue : k, Ge = ye ?? (F === "none" && z !== null && (C !== void 0 && z < C || S !== void 0 && z > S) || j?.invalid), [B, V] = m(() => R.format(z)), H = be ?? D * 10, Ke = je ?? D / 10, qe = j?.registerControl;
-	l(() => qe?.(), [qe]);
-	let U = s((e, t, n) => {
-		let r = a({
-			controlled: k,
-			initial: z,
-			onRequest: (e) => De?.(e.value, e)
-		}).request(e, t, n);
-		return r && We(e), r;
-	}, [
-		z,
-		De,
-		k
-	]), W = s((e, t) => {
-		V(R.format(t ? e : z));
-	}, [z, R]), Je = s((e, t) => {
-		let n = R.parse(B);
-		n !== null && (n = R.parse(R.format(n)) ?? n, T && (n = se(n, D, C ?? 0)), F !== "none" && (n = te(n, C ?? -Infinity, S ?? Infinity))), W(n, U(n, e, t));
-	}, [
-		R,
-		S,
-		C,
-		U,
-		F,
-		W,
-		T,
-		D,
-		B
-	]), G = s((e, t, n, r, i = R.parse(B)) => {
-		let a = ce({
-			value: i,
-			direction: e,
-			step: t,
-			...C === void 0 ? {} : { min: C },
-			...S === void 0 ? {} : { max: S },
-			...O === void 0 ? {} : { stepFrom: O },
-			snapToStep: T
-		});
-		return W(a, U(a, n, r)), a;
-	}, [
-		R,
-		S,
-		C,
-		U,
-		W,
-		T,
-		O,
-		B
-	]);
-	u(_e, () => ({
-		increment: () => G(1, D, "programmatic", void 0),
-		decrement: () => G(-1, D, "programmatic", void 0)
-	}), [G, D]), l(() => {
-		let e = N.current?.form;
-		if (e == null) return;
-		let t = () => {
-			We(y), V(R.format(y));
-		};
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [y, R]);
-	let Ye = p(B);
-	Ye.current = B, l(() => {
-		k !== void 0 && (Object.is(k, R.parse(Ye.current)) || V(R.format(k)));
-	}, [R, k]), l(() => {
-		let e = N.current;
-		if (e === null) return;
-		let t = (t) => {
-			if (t.defaultPrevented || t.isComposing || t.inputType.startsWith("delete")) return;
-			let n = e.selectionStart ?? e.value.length, r = e.selectionEnd ?? e.value.length, i = e.value.slice(0, n) + (t.data ?? "") + e.value.slice(r);
-			if (!R.isPartial(i)) {
-				t.preventDefault();
-				return;
-			}
-			if (F !== "strict") return;
-			let a = R.parse(i);
-			a !== null && (C !== void 0 && a < C || S !== void 0 && a > S) && t.preventDefault();
-		};
-		return e.addEventListener("beforeinput", t), () => e.removeEventListener("beforeinput", t);
-	}, [
-		R,
-		S,
-		C,
-		F
-	]), l(() => {
-		let e = N.current;
-		if (e === null || !A || I === !0 || L === !0) return;
-		let t = (t) => {
-			document.activeElement === e && t.deltaY !== 0 && (t.preventDefault(), G(t.deltaY < 0 ? 1 : -1, D, "pointer", t));
-		};
-		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
-	}, [
-		G,
-		I,
-		L,
-		D,
-		A
-	]);
-	let K = p(null);
-	d(() => {
-		let e = K.current;
-		if (e === null) return;
-		K.current = null;
-		let t = N.current;
-		t !== null && t.ownerDocument.activeElement === t && t.setSelectionRange(e, e);
-	});
-	let q = p({}), J = s(() => {
-		window.clearTimeout(q.current.delay), window.clearInterval(q.current.interval), q.current = {};
-	}, []);
-	l(() => J, [J]);
-	let Y = R.parse(B), Xe = S !== void 0 && Y !== null && Y >= S, Ze = C !== void 0 && Y !== null && Y <= C, X = I === !0 || L === !0, Qe = (e) => (t) => {
-		if (t.button !== 0) return;
-		t.preventDefault(), N.current?.focus(), G(e, D, de(t.detail), t), J();
-		let n = t.pointerType === "touch" ? re : ne;
-		q.current.delay = window.setTimeout(() => {
-			q.current.interval = window.setInterval(() => {
-				G(e, D, "pointer", void 0);
-			}, ie);
-		}, n);
-	}, [$e, et] = m(!1), Z = p(null), tt = {
-		inert: X,
-		begin: (e, t) => {
-			if (e.button !== 0 || X) return;
-			e.preventDefault(), N.current?.focus(), e.currentTarget.setPointerCapture?.(e.pointerId);
-			let n = N.current;
-			Z.current = {
-				travel: oe({
-					clientX: e.clientX,
-					...t === void 0 ? {} : { sensitivity: t },
-					rtl: n !== null && getComputedStyle(n).direction === "rtl"
-				}),
-				from: R.parse(B)
-			}, et(!0);
-		},
-		drag: (e) => {
-			let t = Z.current;
-			if (t === null) return;
-			let n = t.travel.steps(e.clientX);
-			if (n === 0) return;
-			let r = e.shiftKey ? H : e.altKey ? Ke : D;
-			t.from = G(n > 0 ? 1 : -1, r * Math.abs(n), "pointer", e, t.from);
-		},
-		end: () => {
-			Z.current !== null && (Z.current = null, et(!1));
-		}
-	}, nt = (e) => {
-		if (Ee?.(e), e.defaultPrevented || X) return;
-		let t = e.shiftKey ? H : e.altKey ? Ke : D;
-		switch (e.key) {
-			case "ArrowUp":
-				e.preventDefault(), G(1, t, "keyboard", e);
-				return;
-			case "ArrowDown":
-				e.preventDefault(), G(-1, t, "keyboard", e);
-				return;
-			case "PageUp":
-				e.preventDefault(), G(1, H, "keyboard", e);
-				return;
-			case "PageDown":
-				e.preventDefault(), G(-1, H, "keyboard", e);
-				return;
-			case "Home":
-				if (C === void 0 || e.ctrlKey || e.metaKey) return;
-				e.preventDefault(), W(C, U(C, "keyboard", e));
-				return;
-			case "End":
-				if (S === void 0 || e.ctrlKey || e.metaKey) return;
-				e.preventDefault(), W(S, U(S, "keyboard", e));
-				return;
-			case "Enter":
-				Je("keyboard", e);
-				return;
-		}
-	}, rt = C === void 0 || C < 0 ? "text" : R.maximumFractionDigits > 0 ? "decimal" : "numeric", Q = (n) => {
-		let r = n === 1 ? "increment" : "decrement";
-		return /* @__PURE__ */ h("button", {
-			"aria-controls": x ?? j?.ids.control,
-			"aria-label": Ie(r),
-			"data-part": r,
-			disabled: X || (n === 1 ? Xe : Ze),
-			onLostPointerCapture: J,
-			onPointerCancel: J,
-			onPointerDown: Qe(n),
-			onPointerLeave: J,
-			onPointerUp: J,
-			tabIndex: -1,
-			type: "button",
-			children: /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: P === "split" ? n === 1 ? "plus" : "minus" : "chevron-down" }) })
-		}, r);
-	}, it = /* @__PURE__ */ h("input", {
-		autoComplete: "off",
-		autoCorrect: "off",
-		spellCheck: !1,
-		...Fe,
-		"aria-describedby": [o, j?.describedBy].filter(Boolean).join(" ") || void 0,
-		"aria-invalid": c ?? (Ge === !0 || void 0),
-		"aria-required": _ ?? (j?.required === !0 || void 0),
-		"aria-valuemax": S,
-		"aria-valuemin": C,
-		"aria-valuenow": Y ?? void 0,
-		"aria-valuetext": B === "" ? void 0 : B,
-		"data-part": "input",
-		disabled: I,
-		id: x ?? j?.ids.control,
-		inputMode: ve ?? rt,
-		onBlur: (e) => {
-			we?.(e), Je("blur", e);
-		},
-		onChange: (e) => {
-			Te?.(e);
-			let t = e.currentTarget, n = t.value, r = e.nativeEvent;
-			if (Be !== "change" || r.isComposing) {
-				V(n), U(R.parse(n), "keyboard", e);
-				return;
-			}
-			let i = t.selectionStart ?? n.length, a = r.inputType?.startsWith("delete") === !0 ? R.deleteAcrossSeparator(B, {
-				text: n,
-				caret: i
-			}, r.inputType === "deleteContentForward" ? 1 : -1) : {
-				text: n,
-				caret: i
-			}, o = R.formatWhileTyping(a);
-			t.value !== o.text && (t.value = o.text), t.ownerDocument.activeElement === t && t.setSelectionRange(o.caret, o.caret), V(o.text), K.current = o.caret, U(R.parse(o.text), "keyboard", e);
-		},
-		onKeyDown: nt,
-		readOnly: L,
-		ref: (e) => {
-			N.current = e, typeof w == "function" ? w(e) : w != null && (w.current = e);
-		},
-		role: "spinbutton",
-		type: "text",
-		value: B
-	}), $ = P === "none" ? null : P === "split" ? [Q(-1), Q(1)] : [/* @__PURE__ */ g("span", {
-		"data-part": "stepper",
-		children: [Q(1), Q(-1)]
-	}, "stepper")], at = {
-		children: /* @__PURE__ */ g(ue.Provider, {
-			value: tt,
-			children: [
-				P === "split" ? $?.[0] : null,
-				E === void 0 ? null : /* @__PURE__ */ h("span", {
-					"data-part": "start",
-					children: E
-				}),
-				it,
-				me === void 0 ? null : /* @__PURE__ */ h("span", {
-					"data-part": "end",
-					children: me
-				}),
-				P === "split" ? $?.[1] : $,
-				Ce === void 0 ? null : /* @__PURE__ */ h("input", {
-					form: he,
-					name: Ce,
-					type: "hidden",
-					value: z === null ? "" : String(z)
-				})
-			]
-		}),
-		className: le,
-		style: Ne,
-		...I === !0 ? { "data-disabled": "" } : {},
-		...Ge === !0 ? { "data-invalid": "" } : {},
-		...L === !0 ? { "data-readonly": "" } : {},
-		...$e ? { "data-scrubbing": "" } : {},
-		"data-part": "root",
-		"data-size": Re,
-		"data-stepper": P,
-		"data-ui": "number-field",
-		"data-variant": ze
-	};
-	return ke === void 0 ? /* @__PURE__ */ h("div", { ...at }) : ke(at);
-}
-function y({ "aria-hidden": e = !0, onLostPointerCapture: t, onPointerCancel: n, onPointerDown: r, onPointerMove: i, onPointerUp: a, sensitivity: o, ...s }) {
-	let l = c(ue);
-	if (l === null) throw Error("NumberFieldScrub belongs in the start or end of a NumberField.");
-	let [u, d] = m(!1), f = (e) => (t) => {
-		e?.(t), d(!1), l.end();
-	};
-	return /* @__PURE__ */ h("span", {
-		...s,
-		"aria-hidden": e,
-		"data-part": "scrub",
-		"data-scrubbing": u ? "" : void 0,
-		onLostPointerCapture: f(t),
-		onPointerCancel: f(n),
-		onPointerDown: (e) => {
-			r?.(e), !(e.defaultPrevented || l.inert || e.button !== 0) && (l.begin(e, o), d(!0));
-		},
-		onPointerMove: (e) => {
-			i?.(e), l.drag(e);
-		},
-		onPointerUp: f(a)
-	});
-}
-//#endregion
-export { v as i, y as n, le as r, fe as t };

package/dist/page-QP8Zyz8-.js

@@ -1,167 +0,0 @@
-import { r as e } from "./i18n-DpW8lqJ1.js";
-import { n as t } from "./container-CjxY6rYv.js";
-import { r as n } from "./typography-B2iaigEC.js";
-import { createContext as r, useContext as i, useEffect as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { createPresence as f } from "@slotted/core/presence";
-import { pageMessages as p } from "@slotted/core/i18n";
-//#region src/page/page-defaults.tsx
-var m = r({
-	ground: "sunken",
-	inset: 6,
-	landmark: "main",
-	scroll: "ancestor",
-	width: "wide"
-});
-function h() {
-	return i(m);
-}
-function g({ children: e, ...t }) {
-	let n = h();
-	return /* @__PURE__ */ u(m.Provider, {
-		value: {
-			ground: t.ground ?? n.ground,
-			inset: t.inset ?? n.inset,
-			landmark: t.landmark ?? n.landmark,
-			scroll: t.scroll ?? n.scroll,
-			width: t.width ?? n.width
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/page/page.tsx
-var _ = "--slotted-page-sticky-bottom", v = r(void 0);
-function y() {
-	return i(v);
-}
-var b = typeof document > "u" ? a : o;
-function x({ children: t, className: n, fill: r, footer: i, ground: o, inset: s, landmark: f, loading: m, messages: g, ref: y, render: x, scroll: w, style: T, width: E, ...D }) {
-	let O = h(), k = e(p, g), A = o ?? O.ground, j = s ?? O.inset, M = f ?? O.landmark, N = w ?? O.scroll, P = E ?? O.width, F = {
-		ground: A,
-		inset: j,
-		loading: m === !0,
-		scroll: N,
-		t: k,
-		width: P
-	}, [I, L] = c(null);
-	a(() => {}, [I]), b(() => {
-		if (I === null || typeof ResizeObserver > "u") return;
-		let e = S(I) ?? I.ownerDocument.documentElement, t = new ResizeObserver(() => {
-			let t = I.querySelector(":scope > [data-part=\"footer\"]"), n = N === "self" ? 0 : t?.offsetHeight ?? 0;
-			e.style.setProperty(_, `${n}px`);
-		});
-		t.observe(I);
-		let n = I.querySelector(":scope > [data-part=\"footer\"]");
-		return n !== null && t.observe(n), () => {
-			t.disconnect(), e.style.removeProperty(_);
-		};
-	}, [
-		I,
-		N,
-		i !== void 0
-	]);
-	let R = {
-		...D,
-		children: /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
-			"data-part": "scroll",
-			children: t
-		}), /* @__PURE__ */ u(C, { children: i })] }),
-		className: n,
-		...r === !0 ? { "data-fill": "" } : {},
-		"data-ground": A,
-		...m === !0 ? { "data-loading": "" } : {},
-		"data-part": "root",
-		"data-scroll": N,
-		"data-ui": "page",
-		"data-width": P,
-		style: T
-	}, z = (e) => {
-		L(e), typeof y == "function" ? y(e) : y != null && (y.current = e);
-	}, B = M === "main" ? "main" : "div";
-	return /* @__PURE__ */ u(v.Provider, {
-		value: F,
-		children: x === void 0 ? /* @__PURE__ */ u(B, {
-			...R,
-			ref: z
-		}) : x(R)
-	});
-}
-function S(e) {
-	let t = e.ownerDocument.defaultView, n = e.parentElement;
-	for (; t !== null && n !== null && n !== e.ownerDocument.body;) {
-		let e = t.getComputedStyle(n).overflowY;
-		if (e === "auto" || e === "scroll") return n;
-		n = n.parentElement;
-	}
-	return null;
-}
-function C({ children: e }) {
-	let t = e != null && e !== !1, [n, r] = c(t ? "open" : "unmounted"), i = s(e);
-	t && (i.current = e);
-	let o = s(f({
-		present: t,
-		skipInitialAnimation: !0,
-		onStatusChange: (e) => r(e)
-	}));
-	return a(() => {
-		o.current.sync(t);
-	}, [t]), a(() => {
-		let e = o.current;
-		return () => e.stop();
-	}, []), n === "unmounted" ? null : /* @__PURE__ */ u(w.Provider, {
-		value: {
-			status: n,
-			setNode: o.current.setNode
-		},
-		children: t ? e : i.current
-	});
-}
-var w = r({
-	status: "open",
-	setNode: () => {}
-});
-function T({ children: e, className: r, ref: i, render: a, style: o, ...s }) {
-	let c = y(), l = {
-		...s,
-		...c?.loading ? { "aria-busy": !0 } : {},
-		children: /* @__PURE__ */ u(t, {
-			inset: c?.inset,
-			size: c?.width,
-			children: /* @__PURE__ */ u(n, { children: e })
-		}),
-		className: r,
-		"data-part": "body",
-		style: o
-	};
-	return a === void 0 ? /* @__PURE__ */ u("div", {
-		...l,
-		ref: i
-	}) : a(l);
-}
-function E({ "aria-label": n, children: r, className: a, ref: o, render: s, style: c, ...l }) {
-	let d = y(), f = e(p), m = d?.t ?? f, { setNode: h, status: g } = i(w), _ = {
-		...l,
-		"aria-label": n ?? m("footer"),
-		children: /* @__PURE__ */ u(t, {
-			inset: d?.inset,
-			size: d?.width,
-			children: /* @__PURE__ */ u("div", {
-				"data-part": "actions",
-				children: r
-			})
-		}),
-		className: a,
-		"data-part": "footer",
-		"data-status": g,
-		style: c
-	};
-	return s === void 0 ? /* @__PURE__ */ u("footer", {
-		..._,
-		ref: (e) => {
-			h(e), typeof o == "function" ? o(e) : o != null && (o.current = e);
-		}
-	}) : s(_);
-}
-//#endregion
-export { y as a, _ as i, T as n, g as o, E as r, h as s, x as t };