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

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-YaxhhH9y.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-BvlJIEtz.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/{navigation-menu-parts-B64gKl8B.js → navigation-menu-parts-CEW4fgCo.js}

@@ -1,12 +1,12 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
+import { r as e } from "./i18n-D7xXDd8-.js";
+import { n as t, t as n } from "./icon-DjqSEQ-o.js";
 import { definedProps as r, keyedProps as i, withSelectorKey as a } from "@slotted/core/selector-key";
 import { createControllable as o } from "@slotted/core/state";
 import { createContext as s, useCallback as c, useContext as l, useEffect as u, useId as d, useImperativeHandle as f, useLayoutEffect as p, useMemo as m, useReducer as h, useRef as g, useState as _ } from "react";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 import { createPresence as x } from "@slotted/core/presence";
-import { createDismissableLayer as ee } from "@slotted/core/dismissable-layer";
-import { navigationMenuMessages as S } from "@slotted/core/i18n";
+import { navigationMenuMessages as ee } from "@slotted/core/i18n";
+import { createDismissableLayer as S } from "@slotted/core/dismissable-layer";
 import { createHoverIntent as te, focusTarget as C, measureViewport as ne, motionBetween as w, writeGeometry as re } from "@slotted/core/navigation-menu";
 //#region src/navigation-menu/navigation-menu-defaults.tsx
 var T = {
@@ -48,8 +48,8 @@ function A() {
 	return e;
 }
 var j = ":scope > [data-part=\"list\"] > [data-part=\"item\"]";
-function oe({ arrow: e, children: t, className: r, closeDelay: a, closeOnSelect: s, defaultValue: d, messages: h, onBlur: x, onKeyDown: T, onPointerEnter: E, onPointerLeave: ie, onValueChange: A, openDelay: oe, orientation: M, ref: se, render: N, size: P, style: ce, value: F, ...I }) {
-	let L = D(), R = l(O), le = l(k), z = R !== void 0 && le, ue = n(S, h), B = e ?? L.arrow, V = a ?? L.closeDelay, H = s ?? L.closeOnSelect, U = oe ?? L.openDelay, W = M ?? (z ? "vertical" : "horizontal"), de = P ?? L.size, [fe, pe] = _(d ?? null), G = F === void 0 ? fe : F, [K, me] = _(null), [he, ge] = _(!1), [_e, ve] = _(!1), q = g(/* @__PURE__ */ new Map()), ye = c((e, t) => (q.current.set(e, t), () => {
+function oe({ arrow: t, children: n, className: r, closeDelay: a, closeOnSelect: s, defaultValue: d, messages: h, onBlur: x, onKeyDown: T, onPointerEnter: E, onPointerLeave: ie, onValueChange: A, openDelay: oe, orientation: M, ref: se, render: N, size: P, style: ce, value: F, ...I }) {
+	let L = D(), R = l(O), le = l(k), z = R !== void 0 && le, ue = e(ee, h), B = t ?? L.arrow, V = a ?? L.closeDelay, H = s ?? L.closeOnSelect, U = oe ?? L.openDelay, W = M ?? (z ? "vertical" : "horizontal"), de = P ?? L.size, [fe, pe] = _(d ?? null), G = F === void 0 ? fe : F, [K, me] = _(null), [he, ge] = _(!1), [_e, ve] = _(!1), q = g(/* @__PURE__ */ new Map()), ye = c((e, t) => (q.current.set(e, t), () => {
 		q.current.get(e) === t && q.current.delete(e);
 	}), []), J = c(() => {
 		let e = Y.current.currentValue, t = e === null ? void 0 : q.current.get(e);
@@ -133,7 +133,7 @@ function oe({ arrow: e, children: t, className: r, closeDelay: a, closeOnSelect:
 		K
 	]), u(() => {
 		if (K === null || G === null || z) return;
-		let e = J(), t = ee(K, {
+		let e = J(), t = S(K, {
 			...e !== null && !K.contains(e) ? { branches: [e] } : {},
 			escape: !0,
 			focusOutside: !1,
@@ -232,7 +232,7 @@ function oe({ arrow: e, children: t, className: r, closeDelay: a, closeOnSelect:
 	}), Ne = i({
 		...I,
 		...z ? {} : { "aria-label": I["aria-label"] ?? ue("navigation") },
-		children: /* @__PURE__ */ b(v, { children: [t, Me] }),
+		children: /* @__PURE__ */ b(v, { children: [n, Me] }),
 		className: r,
 		...z ? { "data-nested": "" } : {},
 		"data-orientation": W,
@@ -333,7 +333,7 @@ function F({ children: e, disabled: t = !1, ref: n, render: r, value: a, ...o })
 		}) : r(w)
 	});
 }
-function I({ children: n, disabled: r, onClick: i, onPointerEnter: o, ref: s, ...c }) {
+function I({ children: e, disabled: r, onClick: i, onPointerEnter: o, ref: s, ...c }) {
 	let l = A(), u = P(), d = r ?? u.disabled, f = l.orientation === "vertical", p = (e) => {
 		i?.(e), !(e.defaultPrevented || d) && l.request(u.open ? null : u.value, se(e), e.nativeEvent);
 	}, m = (e) => {
@@ -350,13 +350,13 @@ function I({ children: n, disabled: r, onClick: i, onPointerEnter: o, ref: s, ..
 		onClick: p,
 		onPointerEnter: m,
 		ref: (e) => M(e, u.setTrigger, s),
-		children: [n, /* @__PURE__ */ y("span", {
+		children: [e, /* @__PURE__ */ y("span", {
 			"aria-hidden": "true",
 			"data-part": "indicator",
 			"data-part-indicator": "",
-			children: /* @__PURE__ */ y(t, {
+			children: /* @__PURE__ */ y(n, {
 				directional: f,
-				children: /* @__PURE__ */ y(e, { name: f ? "chevron-right" : "chevron-down" })
+				children: /* @__PURE__ */ y(t, { name: f ? "chevron-right" : "chevron-down" })
 			})
 		})]
 	});

package/dist/navigation-menu.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "./navigation-menu-parts-B64gKl8B.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "./navigation-menu-parts-CEW4fgCo.js";
 export { a as NAVIGATION_MENU_FALLBACK, l as NavigationMenu, h as NavigationMenuContent, e as NavigationMenuDefaultsProvider, u as NavigationMenuDescription, p as NavigationMenuFooter, s as NavigationMenuGroup, t as NavigationMenuGroupLabel, d as NavigationMenuIcon, m as NavigationMenuItem, n as NavigationMenuLabel, c as NavigationMenuLink, g as NavigationMenuLinks, r as NavigationMenuList, i as NavigationMenuTrigger, o as useNavigationMenu, _ as useNavigationMenuDefaults, f as useNavigationMenuItem };

package/dist/{notification-center-Ci-OLWTO.js → notification-center-BQO0Ey3h.js}

@@ -1,8 +1,8 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { n as i } from "./icon-button-CRB218_z.js";
+import { n as e, r as t } from "./i18n-D7xXDd8-.js";
+import { n, t as r } from "./icon-DjqSEQ-o.js";
+import { n as i } from "./icon-button-DbSZKGT4.js";
 import { a, i as o, n as s, r as c } from "./tooltip-DrFiRlH8.js";
-import { i as l, t as ee } from "./skeleton-DyOwgYmF.js";
+import { i as l, t as ee } from "./skeleton-DeEOmm1y.js";
 import { a as u, r as d, t as te } from "./tabs-DjEpS9uq.js";
 import { keyedProps as ne } from "@slotted/core/selector-key";
 import { tabbables as re } from "@slotted/core/focus";
@@ -93,39 +93,39 @@ function ye(e, t) {
 	}
 	return n;
 }
-function be({ context: n, item: r, position: i }) {
-	let a = r.tone ?? "accent", o = n.ids(r.key), s = me(r.time, {
-		format: n.timeFormat,
-		locale: n.locale,
-		now: n.now,
-		timeZone: n.timeZone
+function be({ context: e, item: t, position: i }) {
+	let a = t.tone ?? "accent", o = e.ids(t.key), s = me(t.time, {
+		format: e.timeFormat,
+		locale: e.locale,
+		now: e.now,
+		timeZone: e.timeZone
 	}), c = {
 		ids: o,
 		position: i,
 		time: s,
 		tone: a
-	}, l = E(r.description), ee = n.renderItem === void 0 ? /* @__PURE__ */ y(_, { children: [
-		r.href === void 0 ? /* @__PURE__ */ v("span", {
+	}, l = E(t.description), ee = e.renderItem === void 0 ? /* @__PURE__ */ y(_, { children: [
+		t.href === void 0 ? /* @__PURE__ */ v("span", {
 			"data-part": "title",
 			"data-part-title": "",
 			id: o.title,
-			children: r.title
+			children: t.title
 		}) : /* @__PURE__ */ v("a", {
 			"data-part": "title",
 			"data-part-title": "",
-			href: r.href,
+			href: t.href,
 			id: o.title,
-			onClick: (e) => {
-				let t = w(T(e), e);
-				n.onOpen?.(r.key, t), t.cancelled && e.preventDefault();
+			onClick: (n) => {
+				let r = w(T(n), n);
+				e.onOpen?.(t.key, r), r.cancelled && n.preventDefault();
 			},
-			children: r.title
+			children: t.title
 		}),
 		l ? /* @__PURE__ */ v("p", {
 			"data-part": "description",
 			"data-part-description": "",
 			id: o.description,
-			children: r.description
+			children: t.description
 		}) : null,
 		/* @__PURE__ */ v("time", {
 			"data-part": "time",
@@ -134,31 +134,31 @@ function be({ context: n, item: r, position: i }) {
 			...s.title === null ? {} : { title: s.title },
 			children: s.text
 		}),
-		E(r.actions) ? /* @__PURE__ */ v("div", {
+		E(t.actions) ? /* @__PURE__ */ v("div", {
 			"data-part": "actions",
 			"data-part-actions": "",
-			children: r.actions
+			children: t.actions
 		}) : null
-	] }) : n.renderItem(r, c), u = n.controls === "both" || n.controls === "read", d = n.controls === "both" || n.controls === "dismiss";
+	] }) : e.renderItem(t, c), u = e.controls === "both" || e.controls === "read", d = e.controls === "both" || e.controls === "dismiss";
 	return /* @__PURE__ */ y("article", {
 		"aria-describedby": l ? o.description : void 0,
 		"aria-labelledby": o.title,
 		"aria-posinset": i,
-		"aria-setsize": n.setSize,
-		"data-key": r.key,
+		"aria-setsize": e.setSize,
+		"data-key": t.key,
 		"data-part": "item",
 		"data-part-item": "",
-		...r.read ? { "data-read": "" } : {},
+		...t.read ? { "data-read": "" } : {},
 		"data-tone": a,
 		tabIndex: 0,
 		children: [
-			E(r.visual) || r.tone !== void 0 ? /* @__PURE__ */ v("span", {
+			E(t.visual) || t.tone !== void 0 ? /* @__PURE__ */ v("span", {
 				"data-part": "visual",
 				"data-part-visual": "",
-				"data-tone": r.tone,
-				children: E(r.visual) ? r.visual : /* @__PURE__ */ v(t, {
+				"data-tone": t.tone,
+				children: E(t.visual) ? t.visual : /* @__PURE__ */ v(r, {
 					"data-tone-glyph": "",
-					children: /* @__PURE__ */ v(e, { name: C[a] })
+					children: /* @__PURE__ */ v(n, { name: C[a] })
 				})
 			}) : null,
 			/* @__PURE__ */ v("div", {
@@ -172,22 +172,22 @@ function be({ context: n, item: r, position: i }) {
 				children: [u ? /* @__PURE__ */ v(ge, {
 					"data-part": "read-toggle",
 					"data-part-read-toggle": "",
-					onClick: (e) => n.onRead([r.key], !r.read, T(e), e),
-					text: r.read ? n.t("markUnread") : n.t("markRead"),
-					children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: r.read ? "dot" : "check" }) })
+					onClick: (n) => e.onRead([t.key], !t.read, T(n), n),
+					text: t.read ? e.t("markUnread") : e.t("markRead"),
+					children: /* @__PURE__ */ v(r, { children: /* @__PURE__ */ v(n, { name: t.read ? "dot" : "check" }) })
 				}) : null, d ? /* @__PURE__ */ v(ge, {
 					"data-part": "dismiss",
 					"data-part-dismiss": "",
-					onClick: (e) => n.onRemove?.(r.key, w(T(e), e)),
-					text: n.t("dismiss"),
-					children: /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "x" }) })
+					onClick: (n) => e.onRemove?.(t.key, w(T(n), n)),
+					text: e.t("dismiss"),
+					children: /* @__PURE__ */ v(r, { children: /* @__PURE__ */ v(n, { name: "x" }) })
 				}) : null]
 			}) : null
 		]
 	});
 }
-function xe({ actions: e, "aria-label": t, "aria-labelledby": a, arrivals: o, className: s, controls: c, count: ae, defaultView: oe, empty: me, footer: b, groupBy: S, growing: ge, items: C, level: xe, loading: D = !1, locale: Se, messages: Ce, now: we, onKeyDown: Te, onLoadMore: O, onOpen: Ee, onReadChange: De, onRemove: Oe, onReveal: ke, onUnreadChange: Ae, onViewChange: je, ref: Me, render: Ne, renderItem: Pe, size: Fe, style: Ie, timeFormat: Le, timeZone: Re, view: k, views: ze, ...Be }) {
-	let A = x(), j = `slotted-notification-center-${se()}`, M = `${j}-title`, Ve = `${j}-feed`, He = o ?? A.arrivals, Ue = c ?? A.controls, N = ge ?? A.growing, We = xe ?? A.level, Ge = n(), Ke = Se ?? Ge, qe = Fe ?? A.size, Je = Le ?? A.timeFormat, Ye = Re ?? A.timeZone, P = r(ue, Ce), [F, Xe] = g(null), I = h(null), L = h(null), R = h(null), Ze = () => [...I.current?.querySelectorAll("article[data-part=\"item\"]") ?? []], z = m(() => C.filter((e) => !e.read).length, [C]), B = m(() => ze ?? [{
+function xe({ actions: n, "aria-label": r, "aria-labelledby": a, arrivals: o, className: s, controls: c, count: ae, defaultView: oe, empty: me, footer: b, groupBy: S, growing: ge, items: C, level: xe, loading: D = !1, locale: Se, messages: Ce, now: we, onKeyDown: Te, onLoadMore: O, onOpen: Ee, onReadChange: De, onRemove: Oe, onReveal: ke, onUnreadChange: Ae, onViewChange: je, ref: Me, render: Ne, renderItem: Pe, size: Fe, style: Ie, timeFormat: Le, timeZone: Re, view: k, views: ze, ...Be }) {
+	let A = x(), j = `slotted-notification-center-${se()}`, M = `${j}-title`, Ve = `${j}-feed`, He = o ?? A.arrivals, Ue = c ?? A.controls, N = ge ?? A.growing, We = xe ?? A.level, Ge = e(), Ke = Se ?? Ge, qe = Fe ?? A.size, Je = Le ?? A.timeFormat, Ye = Re ?? A.timeZone, P = t(ue, Ce), [F, Xe] = g(null), I = h(null), L = h(null), R = h(null), Ze = () => [...I.current?.querySelectorAll("article[data-part=\"item\"]") ?? []], z = m(() => C.filter((e) => !e.read).length, [C]), B = m(() => ze ?? [{
 		label: P("all"),
 		value: "all"
 	}, {
@@ -412,7 +412,7 @@ function xe({ actions: e, "aria-label": t, "aria-labelledby": a, arrivals: o, cl
 		ref: R
 	}), ft = !$ && Q.length === 0, pt = ne({
 		...Be,
-		...t === void 0 ? { "aria-labelledby": a ?? M } : { "aria-label": t },
+		...r === void 0 ? { "aria-labelledby": a ?? M } : { "aria-label": r },
 		children: /* @__PURE__ */ y(_, { children: [
 			/* @__PURE__ */ y("div", {
 				"data-part": "header",
@@ -436,10 +436,10 @@ function xe({ actions: e, "aria-label": t, "aria-labelledby": a, arrivals: o, cl
 							children: P("markAll")
 						})
 					}),
-					E(e) ? /* @__PURE__ */ v("div", {
+					E(n) ? /* @__PURE__ */ v("div", {
 						"data-part": "actions",
 						"data-part-actions": "",
-						children: e
+						children: n
 					}) : null
 				]
 			}),

package/dist/notification-center.js

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

package/dist/{number-field-BYQmPyM-.js → number-field-D1MqT8_A.js}

@@ -1,6 +1,6 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-CzSGs7wo.js";
+import { n as e, r as t } from "./i18n-D7xXDd8-.js";
+import { n, t as r } from "./icon-DjqSEQ-o.js";
+import { b as i } from "./field-tnEZiRLg.js";
 import { keyedProps as a, selectorKeyProps as o, withSelectorKey as ee } from "@slotted/core/selector-key";
 import { createControllable as te } from "@slotted/core/state";
 import { createContext as s, createElement as c, useCallback as l, useContext as u, useEffect as d, useImperativeHandle as ne, useLayoutEffect as re, useMemo as ie, useRef as f, useState as p } from "react";
@@ -39,7 +39,7 @@ function _e(e) {
 	return e === 0 ? "keyboard" : "pointer";
 }
 function ve({ "aria-describedby": s, "aria-invalid": u, "aria-required": h, className: he, clamp: ve, defaultValue: _ = null, disabled: ye, end: v, form: be, format: y, formatOn: xe, handle: Se, id: Ce, inputMode: we, invalid: Te, largeStep: Ee, locale: De, max: b, messages: Oe, min: x, name: ke, onBlur: Ae, onChange: je, onKeyDown: Me, onValueChange: Ne, readOnly: Pe, ref: S, render: Fe, size: Ie, smallStep: Le, snapToStep: C = !1, start: w, step: T = 1, stepFrom: E, stepper: Re, style: ze, value: D, variant: Be, wheel: Ve = !1, ...He }) {
-	let O = i(), k = g(), Ue = r(oe, Oe), We = n(), A = f(null), Ge = Ie ?? O?.size ?? k.size, Ke = Be ?? k.variant, j = Re ?? k.stepper, M = ve ?? k.clamp, qe = xe ?? k.formatOn, Je = De ?? We, N = ye ?? O?.disabled, P = Pe ?? O?.readOnly, Ye = y === void 0 ? "" : JSON.stringify(y), F = ie(() => de({
+	let O = i(), k = g(), Ue = t(oe, Oe), We = e(), A = f(null), Ge = Ie ?? O?.size ?? k.size, Ke = Be ?? k.variant, j = Re ?? k.stepper, M = ve ?? k.clamp, qe = xe ?? k.formatOn, Je = De ?? We, N = ye ?? O?.disabled, P = Pe ?? O?.readOnly, Ye = y === void 0 ? "" : JSON.stringify(y), F = ie(() => de({
 		locale: Je,
 		...y === void 0 ? {} : { options: y }
 	}), [
@@ -218,23 +218,23 @@ function ve({ "aria-describedby": s, "aria-invalid": u, "aria-required": h, clas
 				$e("keyboard", e);
 				return;
 		}
-	}, st = x === void 0 || x < 0 ? "text" : F.maximumFractionDigits > 0 ? "decimal" : "numeric", Q = (n) => {
-		let r = n === 1 ? "increment" : "decrement";
+	}, st = x === void 0 || x < 0 ? "text" : F.maximumFractionDigits > 0 ? "decimal" : "numeric", Q = (e) => {
+		let t = e === 1 ? "increment" : "decrement";
 		return /* @__PURE__ */ c("button", {
 			"aria-controls": Ce ?? O?.ids.control,
-			"aria-label": Ue(r),
-			"data-part": r,
-			...o("part", r),
-			disabled: X || (n === 1 ? et : tt),
-			key: r,
+			"aria-label": Ue(t),
+			"data-part": t,
+			...o("part", t),
+			disabled: X || (e === 1 ? et : tt),
+			key: t,
 			onLostPointerCapture: J,
 			onPointerCancel: J,
-			onPointerDown: nt(n),
+			onPointerDown: nt(e),
 			onPointerLeave: J,
 			onPointerUp: J,
 			tabIndex: -1,
 			type: "button"
-		}, /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: j === "split" ? n === 1 ? "plus" : "minus" : "chevron-down" }) }));
+		}, /* @__PURE__ */ m(r, { children: /* @__PURE__ */ m(n, { name: j === "split" ? e === 1 ? "plus" : "minus" : "chevron-down" }) }));
 	}, ct = /* @__PURE__ */ m("input", {
 		autoComplete: "off",
 		autoCorrect: "off",

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-BYQmPyM-.js";
+import { i as e, n as t, r as n, t as r } from "./number-field-D1MqT8_A.js";
 export { r as NumberField, n as NumberFieldDefaultsProvider, t as NumberFieldScrub, e as useNumberFieldDefaults };

package/dist/{otp-input-BKO0WPZc.js → otp-input-Cub9H9Di.js}

@@ -1,4 +1,4 @@
-import { b as e } from "./field-CzSGs7wo.js";
+import { b as e } from "./field-tnEZiRLg.js";
 import { keyedProps as t, withSelectorKey as n } from "@slotted/core/selector-key";
 import { createControllable as r } from "@slotted/core/state";
 import { createContext as i, useContext as a, useEffect as o, useRef as s, useState as c } from "react";

package/dist/otp-input.js

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

package/dist/{page-CfjGviUA.js → page-CwYmBoZQ.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./i18n-DpW8lqJ1.js";
+import { r as e } from "./i18n-D7xXDd8-.js";
 import { n as t } from "./container-WoYiHo50.js";
 import { r as n } from "./typography-BESqb4C0.js";
 import { keyedProps as r } from "@slotted/core/selector-key";