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

package/dist/filter-bar.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./filter-bar-G50WdRac.js";
+import { i as e, n as t, r as n, t as r } from "./filter-bar-BRuCz79-.js";
 export { r as FILTER_BAR_FALLBACK, t as FilterBar, n as FilterBarDefaultsProvider, e as useFilterBarDefaults };

package/dist/{form-CDq04WDY.js → form-DEcJ7tHf.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./i18n-DpW8lqJ1.js";
+import { r as e } from "./i18n-D7xXDd8-.js";
 import { keyedProps as t } from "@slotted/core/selector-key";
 import { createControllable as n } from "@slotted/core/state";
 import { createContext as r, useCallback as i, useContext as a, useEffect as o, useId as ee, useImperativeHandle as te, useMemo as s, useRef as c, useState as l } from "react";

package/dist/form.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./form-CDq04WDY.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "./form-DEcJ7tHf.js";
 export { n as Form, i as FormActions, a as FormDefaultsProvider, t as FormSummary, e as useFormDefaults, r as useFormState };

package/dist/{fullscreen-6GW4naDP.js → fullscreen-BwweNj3-.js}

@@ -1,5 +1,5 @@
-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 { keyedProps as r } from "@slotted/core/selector-key";
 import { createControllable as i } from "@slotted/core/state";
 import { createContext as a, useContext as o, useEffect as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
@@ -32,9 +32,9 @@ function y({ children: e, ...t }) {
 function b(e) {
 	return e === null ? null : e instanceof HTMLElement ? e : e.current;
 }
-function x(e, { fullscreen: t, defaultFullscreen: r = !1, onFullscreenChange: a, onFullscreenError: o, mode: d, navigationUI: f, messages: p } = {}) {
-	let _ = v(), y = n(m, p), [x, S] = u(r), [C, w] = u(null), [T, E] = u(null), [D, O] = u(!1), k = i({
-		controlled: t,
+function x(t, { fullscreen: n, defaultFullscreen: r = !1, onFullscreenChange: a, onFullscreenError: o, mode: d, navigationUI: f, messages: p } = {}) {
+	let _ = v(), y = e(m, p), [x, S] = u(r), [C, w] = u(null), [T, E] = u(null), [D, O] = u(!1), k = i({
+		controlled: n,
 		initial: x,
 		onRequest: (e) => a?.(e.value, e)
 	}), A = l(null), j = l(!1), M = l({
@@ -73,14 +73,14 @@ function x(e, { fullscreen: t, defaultFullscreen: r = !1, onFullscreenChange: a,
 		}
 	});
 	return c(() => {
-		let t = b(e);
-		if (!t) return;
-		O(g(t.ownerDocument));
-		let n = h(t, F());
+		let e = b(t);
+		if (!e) return;
+		O(g(e.ownerDocument));
+		let n = h(e, F());
 		return A.current = n, () => {
 			A.current = null, n.destroy();
 		};
-	}, [e]), s(() => {
+	}, [t]), s(() => {
 		A.current?.update(F());
 	}), s(() => {
 		let e = A.current;
@@ -93,7 +93,7 @@ function x(e, { fullscreen: t, defaultFullscreen: r = !1, onFullscreenChange: a,
 	}, [
 		k.value,
 		C,
-		e
+		t
 	]), {
 		fullscreen: k.value,
 		mode: C,
@@ -154,13 +154,13 @@ function D(e) {
 	return e.detail === 0 ? "keyboard" : "pointer";
 }
 function O({ children: i, className: a, disabled: o = !1, icon: s, iconOnly: c = !1, onClick: l, ref: u, render: h, size: g, style: _, target: y, type: b = "button", variant: x, ...S }) {
-	let w = v(), T = C(), E = y ?? T, O = E?.fullscreen ?? !1, k = typeof i == "function" ? i(O) : i, A = typeof s == "function" ? s(O) : s, j = n(m), M = E?.t ?? j, N = r({
+	let w = v(), T = C(), E = y ?? T, O = E?.fullscreen ?? !1, k = typeof i == "function" ? i(O) : i, A = typeof s == "function" ? s(O) : s, j = e(m), M = E?.t ?? j, N = r({
 		...S,
 		children: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("span", {
 			"aria-hidden": "true",
 			"data-part": "icon",
 			"data-part-icon": "",
-			children: A ?? /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(e, { name: O ? "minimize" : "maximize" }) })
+			children: A ?? /* @__PURE__ */ f(n, { children: /* @__PURE__ */ f(t, { name: O ? "minimize" : "maximize" }) })
 		}), /* @__PURE__ */ f("span", {
 			"data-part": "label",
 			"data-part-label": "",

package/dist/fullscreen.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 "./fullscreen-6GW4naDP.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./fullscreen-BwweNj3-.js";
 export { o as Fullscreen, n as FullscreenContent, r as FullscreenDefaultsProvider, i as FullscreenTrigger, e as useFullscreen, t as useFullscreenContext, a as useFullscreenDefaults };

package/dist/{hover-card-aadyPXzF.js → hover-card-BWcU37Yp.js}

@@ -1,4 +1,4 @@
-import { a as e, f as t, l as n, n as r, p as i } from "./popover-D1krYeP-.js";
+import { a as e, f as t, l as n, n as r, p as i } from "./popover-C7NpEzq6.js";
 import { keyedProps as a } from "@slotted/core/selector-key";
 import { tabbables as o } from "@slotted/core/focus";
 import { createControllable as s } from "@slotted/core/state";

package/dist/hover-card.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 "./hover-card-aadyPXzF.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./hover-card-BWcU37Yp.js";
 export { e as HOVER_CARD_FALLBACK, o as HoverCard, n as HoverCardContent, r as HoverCardDefaultsProvider, i as HoverCardTrigger, t as useHoverCard, a as useHoverCardDefaults };

package/dist/{i18n-DpW8lqJ1.js → i18n-D7xXDd8-.js}

@@ -44,11 +44,18 @@ function f() {
 	return t(c).translator;
 }
 function p(e, t) {
-	let r = f();
-	return n(() => r.family(e, t), [
-		r,
+	let i = f(), a = r(t);
+	a.current = t;
+	let o = t === void 0 ? "" : JSON.stringify(Object.entries(t).map(([e, t]) => [e, typeof t == "function" ? null : t]));
+	return n(() => {
+		let t = a.current;
+		if (t === void 0) return i.family(e);
+		let n = Object.fromEntries(Object.entries(t).map(([e, t]) => [e, typeof t == "function" ? (...t) => a.current[e](...t) : t]));
+		return i.family(e, n);
+	}, [
+		i,
 		e,
-		t
+		o
 	]);
 }
 //#endregion

package/dist/i18n.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./i18n-DpW8lqJ1.js";
+import { i as e, n as t, r as n, t as r } from "./i18n-D7xXDd8-.js";
 export { r as SlottedProvider, t as useLocale, n as useMessages, e as useTranslator };

package/dist/{icon-button-CRB218_z.js → icon-button-DbSZKGT4.js}

@@ -1,27 +1,28 @@
 import { n as e } from "./button-defaults-DNq_DDJh.js";
-import { r as t } from "./i18n-DpW8lqJ1.js";
+import { r as t } from "./i18n-D7xXDd8-.js";
 /* empty css                 */
+import { t as n } from "./spinner-ring-DyfaYloA.js";
 /* empty css                */
-import { keyedProps as n, selectorKeyProps as r } from "@slotted/core/selector-key";
-import { createControllable as i } from "@slotted/core/state";
-import { useEffect as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { buttonMessages as u } from "@slotted/core/i18n";
+import { keyedProps as r, selectorKeyProps as i } from "@slotted/core/selector-key";
+import { createControllable as a } from "@slotted/core/state";
+import { useEffect as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { buttonMessages as d } from "@slotted/core/i18n";
 //#region src/button/button-content.tsx
-function d({ children: e, end: t, indicator: n, start: r }) {
+function f({ children: e, end: t, indicator: n, start: r }) {
 	let i = n != null, a = i && r !== void 0, o = i && !a && t !== void 0;
-	return /* @__PURE__ */ l(s, { children: [
-		r === void 0 ? null : /* @__PURE__ */ l("span", {
+	return /* @__PURE__ */ u(c, { children: [
+		r === void 0 ? null : /* @__PURE__ */ u("span", {
 			"data-part": "start",
 			"data-part-start": "",
 			children: [r, a ? n : null]
 		}),
-		/* @__PURE__ */ c("span", {
+		/* @__PURE__ */ l("span", {
 			"data-part": "label",
 			"data-part-label": "",
 			children: e
 		}),
-		t === void 0 ? null : /* @__PURE__ */ l("span", {
+		t === void 0 ? null : /* @__PURE__ */ u("span", {
 			"data-part": "end",
 			"data-part-end": "",
 			children: [t, o ? n : null]
@@ -31,28 +32,28 @@ function d({ children: e, end: t, indicator: n, start: r }) {
 }
 //#endregion
 //#region src/button/button.constants.ts
-var f = {
+var p = {
 	tone: "accent",
 	variant: "solid",
 	size: "md"
-}, p = f, m = {
+}, m = p, h = {
 	tone: "secondary",
 	variant: "ghost",
 	size: "md",
 	shape: "square"
-}, h = {
+}, g = {
 	tone: "secondary",
 	variant: "outline",
 	size: "md"
 };
 //#endregion
 //#region src/button/button-root.ts
-function g(e) {
+function _(e) {
 	return {
 		"data-ui": "button",
-		...r("ui", "button"),
+		...i("ui", "button"),
 		"data-part": "root",
-		...r("part", "root"),
+		...i("part", "root"),
 		"data-tone": e.tone,
 		"data-variant": e.variant,
 		"data-size": e.size,
@@ -64,7 +65,7 @@ function g(e) {
 		"data-pressed": e.pressed ? "" : void 0
 	};
 }
-function _(t, n) {
+function v(t, n) {
 	let r = e();
 	return {
 		tone: t.tone ?? r.tone ?? n.tone,
@@ -72,22 +73,22 @@ function _(t, n) {
 		size: t.size ?? r.size ?? n.size
 	};
 }
-function v(e) {
+function y(e) {
 	e.preventDefault(), e.stopPropagation(), e.nativeEvent.stopImmediatePropagation?.();
 }
-function y({ disabled: e = !1, focusableWhenDisabled: t = !1, loading: n = !1 }) {
+function b({ disabled: e = !1, focusableWhenDisabled: t = !1, loading: n = !1 }) {
 	return {
 		refuses: e || n,
 		nativelyDisabled: e && !t,
 		ariaDisabled: e && t || n || void 0
 	};
 }
-function b(e) {
+function x(e) {
 	return e.detail === 0 ? "keyboard" : "pointer";
 }
-function x({ loading: e = !1, loadingDelay: t = 0 }) {
-	let [n, r] = o(!1);
-	return a(() => {
+function S({ loading: e = !1, loadingDelay: t = 0 }) {
+	let [n, r] = s(!1);
+	return o(() => {
 		if (!e || t <= 0) {
 			r(!1);
 			return;
@@ -96,102 +97,103 @@ function x({ loading: e = !1, loadingDelay: t = 0 }) {
 		return () => clearTimeout(n);
 	}, [e, t]), e && (t <= 0 || n);
 }
-function S({ defaultPressed: e = !1, onPressedChange: t, pressed: n }) {
-	let [r, a] = o(e), s = i({
+function C({ defaultPressed: e = !1, onPressedChange: t, pressed: n }) {
+	let [r, i] = s(e), o = a({
 		controlled: n,
 		initial: r,
 		onRequest: (e) => t?.(e.value, e)
 	});
 	return {
-		pressed: s.value,
+		pressed: o.value,
 		requestToggle(e) {
-			let t = !s.value;
-			s.request(t, b(e), e) && a(t);
+			let t = !o.value;
+			o.request(t, x(e), e) && i(t);
 		}
 	};
 }
-function C({ defaultPressed: e, pressed: t }) {
+function w({ defaultPressed: e, pressed: t }) {
 	return t !== void 0 || e !== void 0;
 }
 //#endregion
 //#region src/button/button-indicator.tsx
-function w({ label: e }) {
-	return /* @__PURE__ */ c("span", {
+function T({ label: e }) {
+	return /* @__PURE__ */ l("span", {
 		"aria-label": e,
 		"data-part": "indicator",
 		"data-part-indicator": "",
 		"data-ui": "spinner",
 		"data-ui-spinner": "",
-		role: "progressbar"
+		role: "progressbar",
+		children: n
 	});
 }
 //#endregion
 //#region src/button/button.tsx
-function T({ children: e, disabled: r = !1, end: i, focusableWhenDisabled: a = !1, fullWidth: o = !1, justify: s = "center", loading: l = !1, loadingDelay: p = 0, messages: m, onClick: h, onClickCapture: b, render: S, size: C, start: T, tone: E, type: D = "button", variant: O, ...k }) {
-	let A = _({
+function E({ children: e, disabled: n = !1, end: i, focusableWhenDisabled: a = !1, fullWidth: o = !1, justify: s = "center", loading: c = !1, loadingDelay: u = 0, messages: m, onClick: h, onClickCapture: g, render: x, size: C, start: w, tone: E, type: D = "button", variant: O, ...k }) {
+	let A = v({
 		size: C,
 		tone: E,
 		variant: O
-	}, f), j = y({
-		disabled: r,
+	}, p), j = b({
+		disabled: n,
 		focusableWhenDisabled: a,
-		loading: l
-	}), M = x({
-		loading: l,
-		loadingDelay: p
-	}), N = t(u, m), P = n({
+		loading: c
+	}), M = S({
+		loading: c,
+		loadingDelay: u
+	}), N = t(d, m), P = r({
 		...k,
-		...g({
-			disabled: r,
+		..._({
+			disabled: n,
 			fullWidth: o,
 			justify: s,
-			loading: l,
+			loading: c,
 			...A
 		}),
 		"aria-disabled": j.ariaDisabled,
-		children: /* @__PURE__ */ c(d, {
+		children: /* @__PURE__ */ l(f, {
 			end: i,
-			indicator: M ? /* @__PURE__ */ c(w, { label: N("loading") }) : null,
-			start: T,
+			indicator: M ? /* @__PURE__ */ l(T, { label: N("loading") }) : null,
+			start: w,
 			children: e
 		}),
 		disabled: j.nativelyDisabled,
 		onClick: (e) => {
-			if (j.refuses) return v(e);
+			if (j.refuses) return y(e);
 			h?.(e);
 		},
 		onClickCapture: (e) => {
-			if (j.refuses) return v(e);
-			b?.(e);
+			if (j.refuses) return y(e);
+			g?.(e);
 		},
 		type: D
 	});
-	return S === void 0 ? /* @__PURE__ */ c("button", { ...P }) : S(P);
+	return x === void 0 ? /* @__PURE__ */ l("button", { ...P }) : x(P);
 }
 //#endregion
 //#region src/button/icon-button.tsx
-function E({ children: e, defaultPressed: r, disabled: i = !1, focusableWhenDisabled: a = !1, loading: o = !1, loadingDelay: s = 0, messages: d, onClick: f, onClickCapture: p, onPressedChange: h, pressed: b, render: T, shape: E = m.shape, size: D, tone: O, type: k = "button", variant: A, ...j }) {
-	let M = _({
+function D({ children: e, defaultPressed: n, disabled: i = !1, focusableWhenDisabled: a = !1, loading: o = !1, loadingDelay: s = 0, messages: c, onClick: f, onClickCapture: p, onPressedChange: m, pressed: g, render: x, shape: E = h.shape, size: D, tone: O, type: k = "button", variant: A, ...j }) {
+	let M = v({
 		size: D,
 		tone: O,
 		variant: A
-	}, m), N = y({
+	}, h), N = b({
 		disabled: i,
 		focusableWhenDisabled: a,
 		loading: o
-	}), P = x({
+	}), P = S({
 		loading: o,
 		loadingDelay: s
-	}), F = t(u, d), I = C({
-		defaultPressed: r,
-		pressed: b
-	}), L = S({
-		defaultPressed: r,
-		onPressedChange: h,
-		pressed: b
-	}), R = n({
+	}), F = t(d, c), I = w({
+		defaultPressed: n,
+		pressed: g
+	}), L = C({
+		defaultPressed: n,
+		onPressedChange: m,
+		pressed: g
+	}), R = r({
 		...j,
-		...g({
+		..._({
 			disabled: i,
 			loading: o,
 			pressed: I ? L.pressed : void 0,
@@ -200,23 +202,23 @@ function E({ children: e, defaultPressed: r, disabled: i = !1, focusableWhenDisa
 		}),
 		"aria-disabled": N.ariaDisabled,
 		"aria-pressed": I ? L.pressed : void 0,
-		children: /* @__PURE__ */ l("span", {
+		children: /* @__PURE__ */ u("span", {
 			"data-part": "icon",
 			"data-part-icon": "",
-			children: [e, P ? /* @__PURE__ */ c(w, { label: F("loading") }) : null]
+			children: [e, P ? /* @__PURE__ */ l(T, { label: F("loading") }) : null]
 		}),
 		disabled: N.nativelyDisabled,
 		onClick: (e) => {
-			if (N.refuses) return v(e);
+			if (N.refuses) return y(e);
 			f?.(e), I && !e.defaultPrevented && L.requestToggle(e);
 		},
 		onClickCapture: (e) => {
-			if (N.refuses) return v(e);
+			if (N.refuses) return y(e);
 			p?.(e);
 		},
 		type: k
 	});
-	return T === void 0 ? /* @__PURE__ */ c("button", { ...R }) : T(R);
+	return x === void 0 ? /* @__PURE__ */ l("button", { ...R }) : x(R);
 }
 //#endregion
-export { y as a, x as c, h as d, d as f, v as i, S as l, T as n, g as o, w as r, _ as s, E as t, p as u };
+export { b as a, S as c, g as d, f, y as i, C as l, E as n, _ as o, T as r, v as s, D as t, m as u };