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

package/dist/multi-select.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./multi-select-B-tuIwAu.js";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "./multi-select-DQ5ds0fX.js";
 export { i as MULTI_SELECT_FALLBACK, c as MultiSelect, r as MultiSelectContent, e as MultiSelectControl, u as MultiSelectDefaultsProvider, l as MultiSelectGroup, a as MultiSelectItem, s as MultiSelectSeparator, o as NARROW_WIDTH, t as useMultiSelect, n as useMultiSelectDefaults };

package/dist/{notification-center-C4pEHJ3h.js → notification-center-C1iWWl5Y.js}

@@ -1,9 +1,9 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
-import { n as i } from "./icon-button-TnvMhK4o.js";
-import { a, i as o, n as s, r as c } from "./tooltip-BggqPDcW.js";
+import { n as i } from "./icon-button-CCWkCDMs.js";
+import { a, i as o, n as s, r as c } from "./tooltip-DbKTPe_i.js";
 import { i as l, t as ee } from "./skeleton-2LSpg84Z.js";
-import { a as u, r as d, t as te } from "./tabs-DQ36APY-.js";
+import { a as u, r as d, t as te } from "./tabs-BtHmjlnM.js";
 import { tabbables as ne } from "@slotted/core/focus";
 import { createControllable as re } from "@slotted/core/state";
 import { createContext as ie, useCallback as f, useContext as ae, useEffect as p, useId as oe, useImperativeHandle as se, useLayoutEffect as ce, useMemo as m, useRef as h, useState as g } from "react";

package/dist/notification-center.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./notification-center-C4pEHJ3h.js";
+import { n as e, r as t, t as n } from "./notification-center-C1iWWl5Y.js";
 export { n as NotificationCenter, e as NotificationCenterDefaultsProvider, t as useNotificationCenterDefaults };

package/dist/{number-field-J_koud1r.js → number-field-BFIAmv-z.js}

@@ -1,6 +1,6 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-BJh5HI7w.js";
+import { b as i } from "./field-NJaCxl2h.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";

package/dist/number-field.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./number-field-J_koud1r.js";
+import { i as e, n as t, r as n, t as r } from "./number-field-BFIAmv-z.js";
 export { r as NumberField, n as NumberFieldDefaultsProvider, t as NumberFieldScrub, e as useNumberFieldDefaults };

package/dist/{otp-input-Bf8JUiVR.js → otp-input-BNQhuKaT.js}

@@ -1,4 +1,4 @@
-import { b as e } from "./field-BJh5HI7w.js";
+import { b as e } from "./field-NJaCxl2h.js";
 import { createControllable as t } from "@slotted/core/state";
 import { createContext as n, useContext as r, useEffect as i, useRef as a, useState as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/otp-input.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./otp-input-Bf8JUiVR.js";
+import { n as e, r as t, t as n } from "./otp-input-BNQhuKaT.js";
 export { n as OtpInput, e as OtpInputDefaultsProvider, t as useOtpInputDefaults };

package/dist/{page-kQgLctsA.js → page-IiYXk1sz.js}

@@ -36,55 +36,55 @@ function y() {
 	return i(v);
 }
 var b = typeof document > "u" ? a : o;
-function x({ children: t, className: n, fill: r, footer: i, ground: a, inset: o, landmark: s, loading: f, messages: m, ref: g, render: y, scroll: x, style: w, width: T, ...E }) {
-	let D = h(), O = e(p, m), k = a ?? D.ground, A = o ?? D.inset, j = s ?? D.landmark, M = x ?? D.scroll, N = T ?? D.width, P = {
-		ground: k,
-		inset: A,
-		loading: f === !0,
-		scroll: M,
-		t: O,
-		width: N
-	}, [F, I] = c(null);
-	b(() => {
-		if (F === null || typeof ResizeObserver > "u") return;
-		let e = S(F) ?? F.ownerDocument.documentElement, t = new ResizeObserver(() => {
-			let t = F.querySelector(":scope > [data-part=\"footer\"]"), n = M === "self" ? 0 : t?.offsetHeight ?? 0;
+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(F);
-		let n = F.querySelector(":scope > [data-part=\"footer\"]");
+		t.observe(I);
+		let n = I.querySelector(":scope > [data-part=\"footer\"]");
 		return n !== null && t.observe(n), () => {
 			t.disconnect(), e.style.removeProperty(_);
 		};
 	}, [
-		F,
-		M,
+		I,
+		N,
 		i !== void 0
 	]);
-	let L = {
-		...E,
+	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": k,
-		...f === !0 ? { "data-loading": "" } : {},
+		"data-ground": A,
+		...m === !0 ? { "data-loading": "" } : {},
 		"data-part": "root",
-		"data-scroll": M,
+		"data-scroll": N,
 		"data-ui": "page",
-		"data-width": N,
-		style: w
-	}, R = (e) => {
-		I(e), typeof g == "function" ? g(e) : g != null && (g.current = e);
-	}, z = j === "main" ? "main" : "div";
+		"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: P,
-		children: y === void 0 ? /* @__PURE__ */ u(z, {
-			...L,
-			ref: R
-		}) : y(L)
+		value: F,
+		children: x === void 0 ? /* @__PURE__ */ u(B, {
+			...R,
+			ref: z
+		}) : x(R)
 	});
 }
 function S(e) {

package/dist/{page-header-CWEBfMGq.js → page-header-Bn4nIGfF.js}

@@ -3,7 +3,7 @@ import { r as n } from "./i18n-DpW8lqJ1.js";
 import { n as r, o as i } from "./progress-indicator-DwvUSFFs.js";
 import { t as a } from "./skeleton-2LSpg84Z.js";
 import { n as o } from "./container-CjxY6rYv.js";
-import { a as s } from "./page-kQgLctsA.js";
+import { a as s } from "./page-IiYXk1sz.js";
 import { createControllable as c } from "@slotted/core/state";
 import { createContext as l, useContext as u, useEffect as d, useId as f, useImperativeHandle as p, useLayoutEffect as m, useRef as h, useState as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";

package/dist/page-header.js

@@ -1,2 +1,2 @@
-import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./page-header-CWEBfMGq.js";
+import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./page-header-Bn4nIGfF.js";
 export { t as PageHeader, y as PageHeaderActions, m as PageHeaderArea, _ as PageHeaderBack, d as PageHeaderBreadcrumbs, i as PageHeaderContent, h as PageHeaderControls, S as PageHeaderDefaultsProvider, v as PageHeaderDescription, o as PageHeaderFigure, f as PageHeaderHeading, b as PageHeaderMarks, s as PageHeaderNav, c as PageHeaderNavigation, g as PageHeaderPin, p as PageHeaderProgress, u as PageHeaderSubheading, l as PageHeaderTabs, r as PageHeaderTitle, x as PageHeaderTitleArea, w as PageHeaderTitleRow, a as PageHeaderToggle, C as PageHeaderVisual, e as usePageHeader, n as usePageHeaderDefaults };

package/dist/page.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./page-kQgLctsA.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./page-IiYXk1sz.js";
 export { o as Page, n as PageBody, r as PageDefaultsProvider, i as PageFooter, t as STICKY_BOTTOM_PROPERTY, e as usePage, a as usePageDefaults };

package/dist/popover-Be7JWbGJ.js

@@ -0,0 +1,475 @@
+import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { r as n } from "./i18n-DpW8lqJ1.js";
+import { createControllable as r } from "@slotted/core/state";
+import { Children as i, createContext as a, isValidElement as o, useCallback as s, useContext as c, useEffect as l, useId as u, useImperativeHandle as d, useLayoutEffect as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { createPresence as v } from "@slotted/core/presence";
+import { createPortalRoot as y, setPortalContainer as b } from "@slotted/core/portal";
+import { createDismissableLayer as x } from "@slotted/core/dismissable-layer";
+import { createPositioner as S } from "@slotted/core/positioner";
+import { createPortal as C } from "react-dom";
+import { popoverMessages as w } from "@slotted/core/i18n";
+//#region src/popover/popover-defaults.tsx
+var T = {
+	align: "center",
+	alignOffset: 0,
+	arrow: !0,
+	arrowPadding: 12,
+	autoFocus: !0,
+	closeOnEscape: !0,
+	closeOnOutsidePress: !0,
+	collisionPadding: 8,
+	flip: !0,
+	hideWhenDetached: !1,
+	mount: "active",
+	portal: !0,
+	shift: !0,
+	side: "bottom",
+	sideOffset: 0,
+	size: "md",
+	strategy: "absolute",
+	width: "auto"
+}, E = a(T);
+function D() {
+	return c(E);
+}
+function O({ children: e, container: t, ...n }) {
+	let r = {
+		...D(),
+		...k(n)
+	};
+	return l(() => {
+		if (t !== void 0) return b(t), () => b(null);
+	}, [t]), /* @__PURE__ */ g(E.Provider, {
+		value: r,
+		children: e
+	});
+}
+function k(e) {
+	let t = Object.entries(e).filter(([, e]) => e !== void 0);
+	return Object.fromEntries(t);
+}
+//#endregion
+//#region src/popover/popover.tsx
+var A = a(void 0), j = a({ current: void 0 });
+function ee() {
+	return c(j);
+}
+function M() {
+	let e = c(A);
+	if (e === void 0) throw Error("Every Popover part has to be inside a Popover.");
+	return e;
+}
+function N({ align: e, alignOffset: t, arrow: i, arrowPadding: a, autoFocus: o, children: c, closeOnEscape: l, closeOnOutsidePress: f, collisionPadding: h, defaultOpen: _, disabled: v, finalFocus: y, flip: b, hideWhenDetached: x, initialFocus: S, messages: C, mount: T, onOpenChange: E, open: O, portal: k, ref: ee, shift: M, side: N, sideOffset: P, size: F, strategy: I, width: L }) {
+	let R = D(), z = n(w, C), B = u(), [V, H] = m(_ ?? !1), [U, W] = m(null), [G, K] = m(null), [q, J] = m(null), [Y, X] = m(null), [Z, te] = m(!1), [ne, re] = m(!1), ie = p(void 0), ae = v === !0, Q = (O ?? V) && !ae, oe = p(Q);
+	Q && (oe.current = !0);
+	let se = p({
+		current: Q,
+		onOpenChange: E,
+		open: O
+	});
+	se.current = {
+		current: Q,
+		onOpenChange: E,
+		open: O
+	};
+	let $ = s((e, t, n) => {
+		let i = se.current;
+		if (e === i.current) return;
+		let a = !1, o = r({
+			controlled: i.open,
+			initial: i.current,
+			onRequest: (e) => {
+				a = e.cancelled, i.onOpenChange?.(e.value, e);
+			}
+		}).request(e, t, n);
+		a || o && H(e);
+	}, []);
+	d(ee, () => ({
+		close: () => $(!1, "programmatic"),
+		open: () => $(!0, "programmatic"),
+		reposition: () => ie.current?.()
+	}), [$]);
+	let ce = {
+		align: e ?? R.align,
+		alignOffset: t ?? R.alignOffset,
+		anchorNode: G,
+		arrowNode: q,
+		arrowPadding: a ?? R.arrowPadding,
+		autoFocus: o ?? R.autoFocus,
+		closeOnEscape: l ?? R.closeOnEscape,
+		closeOnOutsidePress: f ?? R.closeOnOutsidePress,
+		collisionPadding: h ?? R.collisionPadding,
+		contentId: `${B}panel`,
+		contentNode: Y,
+		descriptionId: `${B}description`,
+		disabled: ae,
+		finalFocus: y,
+		flip: b ?? R.flip,
+		hasDescription: ne,
+		hasTitle: Z,
+		hideWhenDetached: x ?? R.hideWhenDetached,
+		initialFocus: S,
+		mount: T ?? R.mount,
+		open: Q,
+		portal: k ?? R.portal,
+		seen: oe.current,
+		setAnchorNode: K,
+		setArrowNode: J,
+		setContentNode: X,
+		setHasDescription: re,
+		setHasTitle: te,
+		setTriggerNode: W,
+		shift: M ?? R.shift,
+		showArrow: i ?? R.arrow,
+		side: N ?? R.side,
+		sideOffset: P ?? R.sideOffset,
+		size: F ?? R.size,
+		strategy: I ?? R.strategy,
+		t: z,
+		titleId: `${B}title`,
+		toggle: $,
+		triggerNode: U,
+		width: L ?? R.width
+	};
+	return /* @__PURE__ */ g(A.Provider, {
+		value: ce,
+		children: /* @__PURE__ */ g(j.Provider, {
+			value: ie,
+			children: c
+		})
+	});
+}
+//#endregion
+//#region src/popover/popover-parts.tsx
+function P(e, t) {
+	return (n) => {
+		e?.(n), n.defaultPrevented || t(n);
+	};
+}
+function F(e, ...t) {
+	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
+}
+function I(e, t) {
+	return e === void 0 ? null : typeof e == "string" ? t?.querySelector(e) ?? null : e instanceof Element ? e : e.current ?? null;
+}
+function L(e, t, n, r) {
+	if (n === "center" || r === "anchor" && (t === "top" || t === "bottom")) return 0;
+	let i = Number.parseFloat(e.ownerDocument.defaultView?.getComputedStyle(e).paddingTop ?? "") || 0;
+	return n === "start" ? -i : i;
+}
+function R({ children: e, ref: t, render: n, ...r }) {
+	let i = M(), a = (e) => {
+		i.toggle(!i.open, e.detail === 0 ? "keyboard" : "pointer", e.nativeEvent);
+	}, o = {
+		...r,
+		children: e,
+		...i.contentNode === null ? {} : { "aria-controls": i.contentId },
+		"aria-expanded": i.open,
+		"aria-haspopup": "dialog",
+		...i.open ? { "data-open": "" } : {},
+		onClick: P(r.onClick, a)
+	}, c = s((e) => {
+		i.setTriggerNode(e), F(e, t);
+	}, [t, i.setTriggerNode]);
+	return n === void 0 ? /* @__PURE__ */ g("button", {
+		type: "button",
+		...o,
+		ref: c
+	}) : n({
+		...o,
+		ref: c
+	});
+}
+function z({ children: e, ref: t, render: n, ...r }) {
+	let i = M(), a = s((e) => {
+		i.setAnchorNode(e), F(e, t);
+	}, [t, i.setAnchorNode]), o = {
+		...r,
+		children: e
+	};
+	return n === void 0 ? /* @__PURE__ */ g("div", {
+		...o,
+		ref: a
+	}) : n({
+		...o,
+		ref: a
+	});
+}
+function B({ children: e, ref: t, render: n, ...r }) {
+	let i = M(), a = ee(), [o, c] = m(null), [u, d] = m(null), [f, b] = m("unmounted"), [w, T] = m(!1), E = p(null), D = p(i);
+	D.current = i, l(() => {
+		let e = v({
+			present: D.current.open,
+			onStatusChange: b
+		});
+		return E.current = e, b(e.status), () => {
+			e.destroy(), E.current = null;
+		};
+	}, []), l(() => {
+		E.current?.sync(i.open);
+	}, [i.open]), l(() => {
+		E.current?.setNode(o);
+	}, [o]);
+	let O = i.mount === "eager" || i.mount === "lazy" && i.seen || f !== "unmounted";
+	l(() => {
+		if (!O) {
+			d(null);
+			return;
+		}
+		let e = y({
+			origin: i.anchorNode ?? i.triggerNode,
+			disabled: !i.portal
+		});
+		return d(e.container), () => e.release();
+	}, [
+		O,
+		i.anchorNode,
+		i.portal,
+		i.triggerNode
+	]);
+	let { align: k, alignOffset: A, arrowNode: j, arrowPadding: N, collisionPadding: P, flip: R, hideWhenDetached: z, shift: B, side: V, sideOffset: H, strategy: U, width: W } = i, G = i.anchorNode ?? i.triggerNode;
+	l(() => {
+		if (o === null || G === null) return;
+		let e = !0, t = S(G, o, {
+			align: k,
+			alignOffset: A + L(o, V, k, W),
+			boundaryPadding: P,
+			flip: R,
+			hideWhenDetached: z,
+			matchWidth: W === "anchor",
+			shift: B,
+			side: V,
+			sideOffset: H,
+			strategy: U,
+			...j ? {
+				arrow: j,
+				arrowPadding: N
+			} : {}
+		});
+		return a.current = () => void t.update(), t.update().then(() => {
+			e && T(!0);
+		}), () => {
+			e = !1, a.current = void 0, t.destroy(), T(!1);
+		};
+	}, [
+		k,
+		A,
+		G,
+		j,
+		N,
+		P,
+		R,
+		z,
+		o,
+		a,
+		B,
+		V,
+		H,
+		U,
+		W
+	]), l(() => {
+		if (o === null || !i.open) return;
+		let e = [i.triggerNode, i.anchorNode].filter((e) => e !== null), t = x(o, {
+			escape: i.closeOnEscape,
+			focusOutside: !1,
+			modal: !1,
+			outsidePress: i.closeOnOutsidePress,
+			scrollLock: !1,
+			...e.length > 0 ? { branches: e } : {},
+			onDismiss: (e) => {
+				D.current.toggle(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source);
+			}
+		});
+		return () => t.destroy();
+	}, [
+		o,
+		i.anchorNode,
+		i.closeOnEscape,
+		i.closeOnOutsidePress,
+		i.open,
+		i.triggerNode
+	]);
+	let K = p(!1);
+	l(() => {
+		let { autoFocus: e, contentNode: t, finalFocus: n, initialFocus: r, open: i, triggerNode: a } = D.current;
+		if (i && w && !K.current) {
+			if (K.current = !0, !e) return;
+			(I(r, t) ?? t)?.focus();
+			return;
+		}
+		if (!i && K.current) {
+			K.current = !1;
+			let e = o?.ownerDocument.activeElement ?? null;
+			if (o !== null && e !== null && !o.contains(e)) return;
+			(I(n, t) ?? a)?.focus();
+		}
+	}, [
+		o,
+		i.open,
+		w
+	]);
+	let q = () => {
+		let { toggle: e, triggerNode: t } = D.current;
+		e(!1, "keyboard"), t?.focus();
+	}, J = s((e) => {
+		c(e), F(e, t);
+	}, [t]);
+	if (!O || i.portal && u === null) return null;
+	let Y = /* @__PURE__ */ g("span", {
+		"aria-hidden": "true",
+		"data-part": "focus-guard",
+		onFocus: q,
+		tabIndex: 0
+	}), X = {
+		...r,
+		children: /* @__PURE__ */ _(h, { children: [
+			Y,
+			e,
+			Y
+		] }),
+		"data-align": k,
+		...i.open && w ? { "data-open": "" } : {},
+		"data-part": "root",
+		"data-size": i.size,
+		"data-ui": "popover",
+		"data-width": i.width
+	}, Z = n === void 0 ? /* @__PURE__ */ g("div", {
+		...X,
+		ref: J
+	}) : n({
+		...X,
+		ref: J
+	});
+	return u === null ? Z : C(Z, u);
+}
+function V({ children: e, ref: t, render: n, ...r }) {
+	let i = M(), a = s((e) => {
+		i.setContentNode(e), F(e, t);
+	}, [t, i.setContentNode]), o = {
+		...r,
+		children: e,
+		...i.hasTitle ? { "aria-labelledby": i.titleId } : {},
+		...i.hasDescription ? { "aria-describedby": i.descriptionId } : {},
+		"data-part": "content",
+		id: i.contentId,
+		role: r.role ?? "dialog",
+		tabIndex: -1
+	};
+	return n === void 0 ? /* @__PURE__ */ g("div", {
+		...o,
+		ref: a
+	}) : n({
+		...o,
+		ref: a
+	});
+}
+function H({ children: e, ref: t, render: n, ...r }) {
+	let i = {
+		...r,
+		children: e,
+		"data-part": "header"
+	};
+	return n === void 0 ? /* @__PURE__ */ g("div", {
+		...i,
+		ref: t
+	}) : n(i);
+}
+function U({ children: e, ref: t, render: n, ...r }) {
+	let i = M(), { setHasTitle: a } = i;
+	l(() => (a(!0), () => a(!1)), [a]);
+	let o = {
+		...r,
+		children: e,
+		"data-part": "title",
+		id: i.titleId
+	};
+	return n === void 0 ? /* @__PURE__ */ g("div", {
+		...o,
+		ref: t
+	}) : n(o);
+}
+function W({ children: e, ref: t, render: n, ...r }) {
+	let i = M(), { setHasDescription: a } = i;
+	l(() => (a(!0), () => a(!1)), [a]);
+	let o = {
+		...r,
+		children: e,
+		"data-part": "description",
+		id: i.descriptionId
+	};
+	return n === void 0 ? /* @__PURE__ */ g("p", {
+		...o,
+		ref: t
+	}) : n(o);
+}
+function G({ children: e, ref: t, render: n, ...r }) {
+	let i = {
+		...r,
+		children: e,
+		"data-part": "body"
+	};
+	return n === void 0 ? /* @__PURE__ */ g("div", {
+		...i,
+		ref: t
+	}) : n(i);
+}
+function K({ children: e, ref: t, render: n, ...r }) {
+	let i = {
+		...r,
+		children: e,
+		"data-part": "footer"
+	};
+	return n === void 0 ? /* @__PURE__ */ g("div", {
+		...i,
+		ref: t
+	}) : n(i);
+}
+function q({ children: n, ref: r, render: i, ...a }) {
+	let o = M(), c = p(null), [l, u] = m(null);
+	f(() => {
+		c.current !== null && u((c.current.textContent ?? "").trim() !== "");
+	});
+	let d = l ?? J(n), h = (e) => {
+		o.toggle(!1, "dismiss", e.nativeEvent);
+	}, _ = s((e) => {
+		c.current = e, F(e, r);
+	}, [r]), v = {
+		...a,
+		"aria-label": a["aria-label"] ?? (d ? void 0 : o.t("close")),
+		children: n ?? /* @__PURE__ */ g(t, {
+			size: "sm",
+			children: /* @__PURE__ */ g(e, { name: "x" })
+		}),
+		"data-part": "close",
+		onClick: P(a.onClick, h)
+	};
+	return i === void 0 ? /* @__PURE__ */ g("button", {
+		type: "button",
+		...v,
+		ref: _
+	}) : i({
+		...v,
+		ref: _
+	});
+}
+function J(e) {
+	return i.toArray(e).some((e) => typeof e == "string" || typeof e == "number" ? String(e).trim() !== "" : o(e) && J(e.props.children));
+}
+function Y({ ref: e, render: t, ...n }) {
+	let r = M(), i = s((t) => {
+		r.setArrowNode(t), F(t, e);
+	}, [e, r.setArrowNode]);
+	if (!r.showArrow) return null;
+	let a = {
+		...n,
+		"aria-hidden": !0,
+		"data-part": "arrow"
+	};
+	return t === void 0 ? /* @__PURE__ */ g("div", {
+		...a,
+		ref: i
+	}) : t(a);
+}
+//#endregion
+export { V as a, H as c, R as d, N as f, D as g, O as h, q as i, B as l, T as m, Y as n, W as o, M as p, G as r, K as s, z as t, U as u };

package/dist/popover.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "./popover-DE22lSpV.js";
+import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "./popover-Be7JWbGJ.js";
 export { c as POPOVER_FALLBACK, r as Popover, m as PopoverAnchor, l as PopoverArrow, f as PopoverBody, o as PopoverClose, e as PopoverContent, a as PopoverDefaultsProvider, u as PopoverDescription, p as PopoverFooter, t as PopoverHeader, s as PopoverLayer, h as PopoverTitle, n as PopoverTrigger, d as usePopover, i as usePopoverDefaults };

package/dist/press-selection-DjOllE2B.js

@@ -0,0 +1,29 @@
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { flushSync as r } from "react-dom";
+//#region src/press-selection/press-selection.ts
+function i(i) {
+	let [a, o] = n(null), s = t(0), c = t({
+		frame: 0,
+		task: void 0
+	}), l = a !== null && !Object.is(i, a.from);
+	return e(() => {
+		l && o(null);
+	}, [l]), e(() => () => {
+		cancelAnimationFrame(c.current.frame), clearTimeout(c.current.task);
+	}, []), {
+		selected: a === null || l ? i : a.value,
+		select: (e, t) => {
+			let n = ++s.current;
+			cancelAnimationFrame(c.current.frame), clearTimeout(c.current.task), r(() => o({
+				value: e,
+				from: i
+			})), c.current.frame = requestAnimationFrame(() => {
+				c.current.task = setTimeout(() => {
+					n === s.current && t();
+				}, 0);
+			});
+		}
+	};
+}
+//#endregion
+export { i as t };

package/dist/press-selection.js

@@ -0,0 +1,2 @@
+import { t as e } from "./press-selection-DjOllE2B.js";
+export { e as usePressSelection };

package/dist/{prompt-composer-B7MMcER0.js → prompt-composer-BxpdkTpZ.js}

@@ -1,7 +1,7 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { r as n } from "./i18n-DpW8lqJ1.js";
 /* empty css                 */
-import { b as r } from "./field-BJh5HI7w.js";
+import { b as r } from "./field-NJaCxl2h.js";
 import { createControllable as i } from "@slotted/core/state";
 import { createContext as a, useContext as o, useEffect as s, useRef as c, useState as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";