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

package/dist/action-bar-CJgBierN.js

@@ -1,283 +0,0 @@
-import { t as e } from "./button-defaults-DNq_DDJh.js";
-import { n as t, t as n } from "./icon-DjqSEQ-o.js";
-import { _ as r, g as i, n as a, t as o } from "./menu-parts-DS9JEUCt.js";
-import { keyedProps as s } from "@slotted/core/selector-key";
-import { Fragment as c, createContext as l, useCallback as u, useContext as d, useEffect as f, useId as p, useMemo as m, useRef as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { createCollapse as y } from "@slotted/core/overflow";
-import { createPresence as b } from "@slotted/core/presence";
-var x = l({
-	counterpart: () => null,
-	declare: () => void 0,
-	registerActions: () => void 0,
-	registerTrigger: () => void 0,
-	release: () => void 0,
-	surface: []
-});
-function S() {
-	return d(x);
-}
-var C = "data-unit", w = "data-priority", T = "--_stacked", ee = Object.freeze({
-	always: 0,
-	hide: 0,
-	high: 2,
-	low: 1,
-	pinned: 0
-});
-function E(e, t) {
-	return e === void 0 ? t ? "low" : "pinned" : e === "hide" || e === "pinned" || t ? e : "pinned";
-}
-//#endregion
-//#region src/action-bar/action-bar-defaults.tsx
-var D = l({
-	align: "end",
-	size: "md",
-	sticky: !1,
-	variant: "plain"
-});
-function O() {
-	return d(D);
-}
-function k({ children: e, ...t }) {
-	let n = O();
-	return /* @__PURE__ */ _(D.Provider, {
-		value: {
-			align: t.align ?? n.align,
-			size: t.size ?? n.size,
-			sticky: t.sticky ?? n.sticky,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/action-bar/action-bar.tsx
-var A = Object.freeze([]);
-function j(e) {
-	return [...e.children].filter((e) => e instanceof HTMLElement && e.getAttribute("data-part") !== "overflow" && e.getAttribute("data-priority") !== "always");
-}
-function M(e) {
-	return e.getAttribute("data-priority") ?? "pinned";
-}
-function N(e, t) {
-	for (let n = e.nextElementSibling; n !== null && n !== t; n = n.nextElementSibling) if (n.getAttribute("data-part") === "separator") return !0;
-	return !1;
-}
-function P(e, t) {
-	let n = new Set(t), r = [...e.children].filter((e) => e instanceof HTMLElement && e.hasAttribute("data-unit") && (n.has(e) || e.getAttribute("data-priority") === "always"));
-	return r.map((e, t) => {
-		let n = r[t - 1];
-		return {
-			id: e.getAttribute("data-unit") ?? "",
-			separatorBefore: n !== void 0 && N(n, e)
-		};
-	});
-}
-function F(e, t) {
-	return e.length === t.length && e.every((e, n) => e.id === t[n]?.id && e.separatorBefore === t[n]?.separatorBefore);
-}
-function I({ align: t, children: n, className: r, onOverflowChange: i, present: a, ref: o, render: c, size: l, sticky: d, style: p, variant: v, ...S }) {
-	let E = O(), D = h(null), k = h(/* @__PURE__ */ new Map()), N = h([]), I = h(null), [L, R] = g(null), [z, B] = g(null), [V, H] = g(!1), [U, W] = g(A), G = h(i);
-	G.current = i;
-	let te = t ?? E.align, K = l ?? E.size, ne = d ?? E.sticky, re = v ?? E.variant, q = a ?? !0, [J, ie] = g(q ? "open" : "unmounted"), Y = h(null);
-	Y.current ??= b({
-		onStatusChange: ie,
-		present: q,
-		skipInitialAnimation: !0
-	}), f(() => {
-		Y.current?.sync(q);
-	}, [q]), f(() => {
-		let e = Y.current;
-		return () => e?.stop();
-	}, []);
-	let X = u((e) => R(e), []), Z = u((e) => B(e), []), ae = m(() => ({
-		counterpart: (e) => k.current.get(e) ?? null,
-		declare: (e, t) => {
-			k.current.set(e, t);
-		},
-		registerActions: X,
-		registerTrigger: Z,
-		release: (e) => {
-			k.current.delete(e);
-		},
-		surface: U
-	}), [
-		X,
-		Z,
-		U
-	]), Q = u((e) => {
-		if (D.current = e, Y.current?.setNode(e), typeof o == "function") return o(e);
-		o && (o.current = e);
-	}, [o]);
-	if (f(() => {
-		let e = L;
-		if (e === null) return;
-		let t = () => {
-			let t = (e.ownerDocument?.defaultView)?.getComputedStyle(e).getPropertyValue(T).trim() === "1";
-			H((e) => e === t ? e : t);
-		};
-		if (t(), typeof ResizeObserver > "u") return;
-		let n = new ResizeObserver(t);
-		return n.observe(e), () => n.disconnect();
-	}, [L]), f(() => {
-		let e = L;
-		if (e === null || V) return;
-		let t = () => {
-			let t = P(e, N.current);
-			W((e) => F(e, t) ? e : t);
-		}, n = y(e, {
-			collapsible: (e) => M(e) !== "pinned",
-			divides: (e) => e.getAttribute("data-part") === "separator",
-			onChange: (e) => {
-				N.current = e, t(), G.current?.(e.filter((e) => e.hasAttribute(C)).length);
-			},
-			rank: (e) => ee[M(e)],
-			trigger: () => z,
-			triggerAlways: () => e.querySelector(`[${w}='always']`) !== null,
-			units: () => j(e)
-		});
-		I.current = n, t();
-		let r = new MutationObserver(() => {
-			n.refresh(), t();
-		});
-		return r.observe(e, {
-			childList: !0,
-			subtree: !0
-		}), () => {
-			r.disconnect(), n.destroy(), I.current = null, N.current = [], W(A);
-		};
-	}, [
-		L,
-		V,
-		z
-	]), J === "unmounted") return null;
-	let oe = N.current.length, $ = s({
-		role: "group",
-		...S,
-		children: /* @__PURE__ */ _(e, {
-			size: K,
-			children: n
-		}),
-		className: r,
-		"data-align": te,
-		...z === null ? {} : { "data-collapsed": String(oe) },
-		"data-part": "root",
-		"data-size": K,
-		...J === "open" ? {} : { "data-status": J },
-		...ne ? { "data-sticky": "" } : {},
-		"data-ui": "action-bar",
-		"data-variant": re,
-		style: p
-	});
-	return /* @__PURE__ */ _(x.Provider, {
-		value: ae,
-		children: c === void 0 ? /* @__PURE__ */ _("div", {
-			...$,
-			ref: Q
-		}) : c({
-			...$,
-			ref: Q
-		})
-	});
-}
-//#endregion
-//#region src/action-bar/action-bar-overflow.tsx
-function L(e, ...t) {
-	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
-}
-function R(e, t) {
-	return typeof e == "function" ? e(t) : e === void 0 ? `${t} more ${t === 1 ? "action" : "actions"}` : e;
-}
-function z({ align: e, label: l, menuRef: d, ref: f, render: p, side: m, size: g, ...y }) {
-	let b = S(), x = b.surface, { registerTrigger: C } = b, w = h(void 0), T = u((e) => {
-		C(e), L(e, w.current, f);
-	}, [f, C]);
-	return /* @__PURE__ */ v(r, {
-		...e === void 0 ? {} : { align: e },
-		...d === void 0 ? {} : { ref: d },
-		...m === void 0 ? {} : { side: m },
-		...g === void 0 ? {} : { size: g },
-		children: [/* @__PURE__ */ _(a, { render: ({ ref: e, ...r }) => {
-			w.current = e;
-			let i = s({
-				...r,
-				...y,
-				"aria-label": R(l, x.length),
-				children: /* @__PURE__ */ _(n, { children: /* @__PURE__ */ _(t, { name: "ellipsis" }) }),
-				"data-part": "overflow"
-			});
-			return p === void 0 ? /* @__PURE__ */ _("button", {
-				...i,
-				ref: T,
-				type: "button"
-			}) : p({
-				...i,
-				ref: T
-			});
-		} }), /* @__PURE__ */ _(o, { children: x.map((e) => /* @__PURE__ */ v(c, { children: [e.separatorBefore ? /* @__PURE__ */ _(i, {}) : null, b.counterpart(e.id)] }, e.id)) })]
-	});
-}
-//#endregion
-//#region src/action-bar/action-bar-parts.tsx
-function B({ children: e, ref: t, render: n, ...r }) {
-	let i = s({
-		...r,
-		children: e,
-		"data-part": "status"
-	});
-	return n === void 0 ? /* @__PURE__ */ _("div", {
-		...i,
-		ref: t
-	}) : n(i);
-}
-function V({ children: e, ref: t, render: n, ...r }) {
-	let { registerActions: i } = S(), a = u((e) => {
-		if (i(e), typeof t == "function") return t(e);
-		t && (t.current = e);
-	}, [t, i]);
-	f(() => () => i(null), [i]);
-	let o = s({
-		...r,
-		children: e,
-		"data-part": "actions"
-	});
-	return n === void 0 ? /* @__PURE__ */ _("div", {
-		...o,
-		ref: a
-	}) : n({
-		...o,
-		ref: a
-	});
-}
-function H({ children: e, counterpart: t, priority: n, ref: r, render: i, ...a }) {
-	let o = S(), c = p(), l = t != null && t !== !1, u = E(n, l);
-	l && o.declare(c, t);
-	let { release: d } = o;
-	f(() => () => d(c), [c, d]);
-	let m = s({
-		...a,
-		...l ? { [C]: c } : {},
-		...u === "always" ? { hidden: !0 } : {},
-		children: e,
-		"data-part": "action",
-		"data-priority": u
-	});
-	return i === void 0 ? /* @__PURE__ */ _("div", {
-		...m,
-		ref: r
-	}) : i(m);
-}
-function U({ ref: e, render: t, ...n }) {
-	let r = s({
-		"aria-orientation": "vertical",
-		...n,
-		"data-part": "separator",
-		role: "separator"
-	});
-	return t === void 0 ? /* @__PURE__ */ _("div", {
-		...r,
-		ref: e
-	}) : t(r);
-}
-//#endregion
-export { z as a, O as c, B as i, S as l, V as n, I as o, U as r, k as s, H as t };

package/dist/action-sheet-tRrjm7WQ.js

@@ -1,358 +0,0 @@
-import { r as e } from "./i18n-DpW8lqJ1.js";
-/* empty css                 */
-import { c as t, d as n, l as r, o as i, r as a, u as o } from "./drawer-CkpFlKYa.js";
-import { keyedProps as s, withSelectorKey as c } from "@slotted/core/selector-key";
-import { createRovingTabindex as l } from "@slotted/core/focus";
-import { createControllable as u } from "@slotted/core/state";
-import { createContext as d, useCallback as f, useContext as p, useEffect as m, useId as h, useImperativeHandle as g, useMemo as _, useRef as v, useState as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { createTypeahead as C, isPrintable as w } from "@slotted/core/typeahead";
-import { actionSheetMessages as T } from "@slotted/core/i18n";
-//#region src/action-sheet/action-sheet-defaults.tsx
-var E = d({
-	back: "close",
-	closeOnSelect: !0,
-	escape: "close",
-	modal: !0,
-	mount: "active",
-	outsidePress: "close"
-});
-function D() {
-	return p(E);
-}
-function O({ children: e, ...t }) {
-	let n = D();
-	return /* @__PURE__ */ x(E.Provider, {
-		value: {
-			back: t.back ?? n.back,
-			closeOnSelect: t.closeOnSelect ?? n.closeOnSelect,
-			escape: t.escape ?? n.escape,
-			modal: t.modal ?? n.modal,
-			mount: t.mount ?? n.mount,
-			outsidePress: t.outsidePress ?? n.outsidePress
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/action-sheet/action-sheet-entry.ts
-var k = "[data-part='item']", A = (e) => e === null ? [] : [...e.querySelectorAll(k)], j = (e) => e.dataset.disabled === void 0 && e.dataset.loading === void 0;
-function M(e) {
-	let t = A(e.querySelector("[data-part='list']")).filter(j), n = t[0];
-	if (n !== void 0 && n.dataset.tone !== "danger") return n;
-	let r = e.querySelector("[data-part='cancel']");
-	return r === null ? t.find((e) => e.dataset.tone !== "danger") ?? e : r;
-}
-//#endregion
-//#region src/action-sheet/action-sheet.tsx
-var N = d(void 0);
-function P() {
-	let e = p(N);
-	if (e === void 0) throw Error("Every action sheet part must be rendered inside ActionSheet.");
-	return e;
-}
-var F = 2;
-function I({ back: t, children: n, closeOnSelect: r, container: i, defaultOpen: a, escape: s, finalFocus: c, initialFocus: l, messages: d, modal: p, mount: m, onOpenChange: h, open: b, outsidePress: S, ref: C }) {
-	let w = D(), E = e(T, d), [O, k] = y(a ?? !1), A = b ?? O, j = p ?? w.modal, P = v(null), I = v({
-		list: null,
-		panel: null
-	}), L = f((e, t, n, r) => {
-		if (e === A) return !0;
-		let i = !1, a = u({
-			controlled: b,
-			initial: A,
-			onRequest: (e) => {
-				h?.(e.value, {
-					get cancelled() {
-						return e.cancelled;
-					},
-					cancel: () => e.cancel(),
-					previous: e.previous,
-					reason: t,
-					result: n,
-					source: e.source,
-					value: e.value
-				}), i = e.cancelled;
-			}
-		}).request(e, t, r);
-		return !i && (a && k(e), !0);
-	}, [
-		A,
-		h,
-		b
-	]), R = f((e, t) => {
-		L(e, t.reason, void 0, t.source) || t.cancel();
-	}, [L]), z = _(() => l !== !1 && { get current() {
-		let e = P.current?.panel ?? null;
-		return l?.current ?? (e === null ? null : M(e));
-	} }, [l]);
-	g(C, () => ({
-		open: () => void L(!0, "programmatic", void 0, void 0),
-		close: () => void L(!1, "programmatic", void 0, void 0),
-		focus: () => {
-			(I.current.list?.querySelector("[data-part='item'][tabindex='0']") ?? I.current.panel)?.focus();
-		}
-	}), [L]);
-	let B = _(() => ({
-		close: (e, t, n) => void L(!1, e, t, n),
-		closeOnSelect: r ?? w.closeOnSelect,
-		nodes: I.current,
-		t: E
-	}), [
-		r,
-		w,
-		L,
-		E
-	]);
-	return /* @__PURE__ */ x(o, {
-		back: t ?? w.back,
-		container: i,
-		drag: "panel",
-		escape: s ?? w.escape,
-		initialFocus: z,
-		modal: j,
-		mode: "overlay",
-		mount: m ?? w.mount,
-		onOpenChange: R,
-		open: A,
-		outsidePress: S ?? w.outsidePress,
-		ref: P,
-		scrimFrom: j ? 0 : F,
-		side: "bottom",
-		size: "content",
-		...c === void 0 ? {} : { finalFocus: c },
-		children: /* @__PURE__ */ x(N.Provider, {
-			value: B,
-			children: n
-		})
-	});
-}
-//#endregion
-//#region src/action-sheet/action-sheet-parts.tsx
-function L(e, ...t) {
-	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
-}
-function R(e, t) {
-	return (n) => {
-		e?.(n), n.defaultPrevented || t(n);
-	};
-}
-function z(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-var B = (e) => e.dataset.textValue ?? e.querySelector("[data-part='label']")?.textContent?.trim() ?? e.textContent?.trim() ?? "";
-function V({ render: e, ...t }) {
-	return /* @__PURE__ */ x(r, {
-		...t,
-		...e === void 0 ? {} : { render: (t) => e(t) }
-	});
-}
-var H = { "--slotted-drawer-sheet-inline-size": "var(--slotted-action-sheet-inline-size, 32rem)" };
-function U({ children: e, ref: t, render: n, style: r, ...a }) {
-	let o = P();
-	return /* @__PURE__ */ x(i, {
-		...a,
-		ref: (e) => {
-			o.nodes.panel = e, L(e, t);
-		},
-		style: {
-			...H,
-			...r
-		},
-		tabIndex: -1,
-		...n === void 0 ? {} : { render: (e) => n(e) },
-		children: /* @__PURE__ */ x("div", {
-			"data-part": "root",
-			"data-part-root": "",
-			"data-ui": "action-sheet",
-			"data-ui-action-sheet": "",
-			children: e
-		})
-	});
-}
-function W(e) {
-	return /* @__PURE__ */ x("header", {
-		"data-part": "header",
-		"data-part-header": "",
-		...e
-	});
-}
-function G({ ref: e, render: n, ...r }) {
-	return /* @__PURE__ */ x(t, {
-		...r,
-		render: (t) => {
-			let r = {
-				...t,
-				ref: (t) => L(t, e)
-			};
-			return n === void 0 ? /* @__PURE__ */ x("h2", { ...r }) : n(r);
-		}
-	});
-}
-function K({ ref: e, render: t, ...n }) {
-	return /* @__PURE__ */ x(a, {
-		...n,
-		render: (n) => {
-			let r = s({
-				...n,
-				"data-part": "message",
-				ref: (t) => L(t, e)
-			});
-			return t === void 0 ? /* @__PURE__ */ x("p", { ...r }) : t(r);
-		}
-	});
-}
-function q({ onFocus: e, onKeyDown: t, ref: r, ...i }) {
-	let a = P(), { titleId: o } = n(), [s, u] = y(null), d = v(null), f = v(null);
-	m(() => {
-		if (s === null) return;
-		let e = l(s, {
-			includeAriaDisabled: !0,
-			itemSelector: k,
-			orientation: () => "vertical"
-		});
-		d.current = e;
-		let t = C();
-		return f.current = t, () => {
-			e.destroy(), t.destroy(), d.current = null, f.current = null;
-		};
-	}, [s]), m(() => {
-		d.current?.refresh();
-	});
-	let p = o !== "" && i["aria-label"] === void 0;
-	return /* @__PURE__ */ x("div", {
-		"aria-orientation": "vertical",
-		...p ? { "aria-labelledby": o } : {},
-		...c(i, "part", "list"),
-		onFocus: R(e, (e) => {
-			let t = A(s).indexOf(e.target);
-			t !== -1 && d.current?.setActive(t);
-		}),
-		onKeyDown: R(t, (e) => {
-			let t = f.current;
-			if (t === null || e.ctrlKey || e.metaKey || e.altKey || !w(e.key, t.query.length > 0)) return;
-			e.preventDefault();
-			let n = A(s), r = n.indexOf(e.target);
-			n[t.match(e.key, n.map(B), r)]?.focus();
-		}),
-		ref: (e) => {
-			u(e), a.nodes.list = e, L(e, r);
-		},
-		role: "menu"
-	});
-}
-function J(e) {
-	return /* @__PURE__ */ x("div", {
-		"data-part": "group-label",
-		"data-part-group-label": "",
-		...e
-	});
-}
-function Y({ children: e, label: t, ...n }) {
-	let r = `${h()}label`;
-	return /* @__PURE__ */ S("div", {
-		...t === void 0 ? {} : { "aria-labelledby": r },
-		...c(n, "part", "group"),
-		role: "group",
-		children: [t === void 0 ? null : /* @__PURE__ */ x(J, {
-			id: r,
-			children: t
-		}), e]
-	});
-}
-function X(e) {
-	return /* @__PURE__ */ x("hr", {
-		"data-part": "separator",
-		"data-part-separator": "",
-		role: "separator",
-		...e
-	});
-}
-function Z({ children: e, closeOnSelect: t, description: n, disabled: r, icon: i, loading: a, onClick: o, onPointerLeave: c, onPointerMove: l, onSelect: u, ref: d, render: f, textValue: p, tone: m, value: g, ..._ }) {
-	let v = P(), y = `${h()}description`, C = r === !0 || a === !0, w = (e, n) => {
-		if (C) return;
-		let r = !1;
-		u?.({
-			reason: e,
-			source: n,
-			value: g,
-			get defaultPrevented() {
-				return r;
-			},
-			preventDefault: () => {
-				r = !0;
-			}
-		}), !r && (t ?? v.closeOnSelect) && v.close("select", g, n);
-	}, T = s({
-		..._,
-		type: "button",
-		children: /* @__PURE__ */ S(b, { children: [
-			i === void 0 && a !== !0 ? null : /* @__PURE__ */ x("span", {
-				"aria-hidden": "true",
-				"data-part": "icon",
-				"data-part-icon": "",
-				children: a === !0 ? /* @__PURE__ */ x("span", {
-					"data-ui": "spinner",
-					"data-ui-spinner": ""
-				}) : i
-			}),
-			/* @__PURE__ */ x("span", {
-				"data-part": "label",
-				"data-part-label": "",
-				children: e
-			}),
-			n === void 0 ? null : /* @__PURE__ */ x("span", {
-				"data-part": "description",
-				"data-part-description": "",
-				id: y,
-				children: n
-			})
-		] }),
-		...n === void 0 ? {} : { "aria-describedby": y },
-		...C ? { "aria-disabled": !0 } : {},
-		...a === !0 ? {
-			"aria-busy": !0,
-			"data-loading": ""
-		} : {},
-		...r === !0 ? { "data-disabled": "" } : {},
-		...p === void 0 ? {} : { "data-text-value": p },
-		...m === void 0 ? {} : { "data-tone": m },
-		...g === void 0 ? {} : { "data-value": g },
-		"data-part": "item",
-		onClick: R(o, (e) => w(z(e), e.nativeEvent)),
-		onPointerMove: R(l, (e) => {
-			if (e.pointerType === "touch") return;
-			let t = e.currentTarget;
-			t.ownerDocument.activeElement !== t && t.focus({ preventScroll: !0 });
-		}),
-		onPointerLeave: R(c, (e) => {
-			if (e.pointerType === "touch") return;
-			let t = e.currentTarget;
-			t.ownerDocument.activeElement === t && v.nodes.panel?.focus({ preventScroll: !0 });
-		}),
-		ref: (e) => L(e, d),
-		role: "menuitem",
-		tabIndex: -1
-	});
-	return f === void 0 ? /* @__PURE__ */ x("button", { ...T }) : f(T);
-}
-function Q({ children: e, onClick: t, ref: n, render: r, ...i }) {
-	let a = P(), o = s({
-		...i,
-		children: e ?? a.t("cancel"),
-		"data-part": "cancel",
-		onClick: R(t, (e) => a.close("dismiss", void 0, e.nativeEvent)),
-		ref: (e) => L(e, n),
-		type: "button"
-	});
-	return /* @__PURE__ */ x("div", {
-		"data-part": "footer",
-		"data-part-footer": "",
-		children: r === void 0 ? /* @__PURE__ */ x("button", {
-			...o,
-			disabled: !1
-		}) : r(o)
-	});
-}
-//#endregion
-export { W as a, K as c, V as d, I as f, D as h, J as i, X as l, O as m, U as n, Z as o, P as p, Y as r, q as s, Q as t, G as u };