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

package/dist/{page-header-w_PFLnLG.js → page-header-CMxCQqu_.js}

@@ -1,9 +1,9 @@
-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 { n as r, o as i } from "./progress-indicator-D0acshNn.js";
-import { t as a } from "./skeleton-DyOwgYmF.js";
+import { t as a } from "./skeleton-DeEOmm1y.js";
 import { n as o } from "./container-WoYiHo50.js";
-import { a as s } from "./page-CfjGviUA.js";
+import { a as s } from "./page-CwYmBoZQ.js";
 import { definedProps as c, keyedProps as l } from "@slotted/core/selector-key";
 import { createControllable as u } from "@slotted/core/state";
 import { createContext as d, useContext as f, useEffect as p, useId as m, useImperativeHandle as h, useLayoutEffect as g, useRef as _, useState as v } from "react";
@@ -14,6 +14,7 @@ import { createStickyHeader as te } from "@slotted/core/sticky-header";
 var S = d({
 	collapse: "scroll",
 	level: "1",
+	material: !1,
 	size: "md",
 	variant: "band"
 });
@@ -26,6 +27,7 @@ function w({ children: e, ...t }) {
 		value: {
 			collapse: t.collapse ?? n.collapse,
 			level: t.level ?? n.level,
+			material: t.material ?? n.material,
 			size: t.size ?? n.size,
 			variant: t.variant ?? n.variant
 		},
@@ -34,44 +36,44 @@ function w({ children: e, ...t }) {
 }
 //#endregion
 //#region src/page-header/page-header.tsx
-var ne = d(void 0);
-function T() {
-	let e = f(ne);
+var T = d(void 0);
+function E() {
+	let e = f(T);
 	if (e === void 0) throw Error("A PageHeader part must be rendered inside PageHeader.");
 	return e;
 }
-var E = typeof document > "u" ? p : g;
-function re(e) {
+var D = typeof document > "u" ? p : g;
+function ne(e) {
 	let t = e.closest("[data-ui=\"page\"]");
 	return t === null || !t.hasAttribute("data-fill") ? null : t.querySelector(":scope > [data-part=\"scroll\"] > [data-part=\"body\"]");
 }
-function ie({ children: e, className: t, collapse: r, defaultExpanded: i, defaultPinned: a, expanded: c, level: d, loading: f, messages: g, onExpandedChange: y, onPinnedChange: x, pinned: S, ref: w, render: T, size: ie, style: D, variant: O, ...k }) {
-	let A = C(), j = s(), M = m(), N = r ?? A.collapse, P = d ?? A.level, F = ie ?? A.size, I = O ?? A.variant, L = n(ee, g), [R, ae] = v(i ?? !0), [oe, se] = v(a ?? !1), z = c ?? R, B = S ?? oe, [V, H] = v(!1), [U, W] = v(!1), [G, K] = v(!1), [ce, le] = v(!1), [ue, de] = v(!1), [q, fe] = v(null), J = _(null), Y = _({
-		collapse: N,
-		expanded: z,
-		pinned: B
+function O({ children: t, className: n, collapse: r, defaultExpanded: i, defaultPinned: a, expanded: c, level: d, loading: f, material: g, messages: y, onExpandedChange: x, onPinnedChange: S, pinned: w, ref: E, render: O, size: k, style: A, variant: re, ...j }) {
+	let M = C(), N = s(), P = m(), F = r ?? M.collapse, I = d ?? M.level, L = g ?? M.material, R = k ?? M.size, z = re ?? M.variant, ie = e(ee, y), [ae, oe] = v(i ?? !0), [se, ce] = v(a ?? !1), B = c ?? ae, V = w ?? se, [H, U] = v(!1), [W, G] = v(!1), [K, le] = v(!1), [ue, de] = v(!1), [fe, pe] = v(!1), [q, me] = v(null), J = _(null), Y = _({
+		collapse: F,
+		expanded: B,
+		pinned: V
 	});
 	Y.current = {
-		collapse: N,
-		expanded: z,
-		pinned: B
+		collapse: F,
+		expanded: B,
+		pinned: V
 	};
 	let X = _({
-		onExpandedChange: y,
-		onPinnedChange: x
+		onExpandedChange: x,
+		onPinnedChange: S
 	});
 	X.current = {
-		onExpandedChange: y,
-		onPinnedChange: x
+		onExpandedChange: x,
+		onPinnedChange: S
 	};
-	let Z = _("programmatic"), pe = _(z);
-	E(() => {
-		pe.current !== z && (pe.current = z, J.current?.expandedChanged(z, Z.current), Z.current = "programmatic");
-	}, [z]);
-	let me = _(B);
-	E(() => {
-		me.current !== B && (me.current = B, J.current?.pinnedChanged(B));
+	let Z = _("programmatic"), he = _(B);
+	D(() => {
+		he.current !== B && (he.current = B, J.current?.expandedChanged(B, Z.current), Z.current = "programmatic");
 	}, [B]);
+	let ge = _(V);
+	D(() => {
+		ge.current !== V && (ge.current = V, J.current?.pinnedChanged(V));
+	}, [V]);
 	function Q(e, t, n, r) {
 		if (e === Y.current.expanded) return;
 		let i = !1, a = u({
@@ -81,25 +83,25 @@ function ie({ children: e, className: t, collapse: r, defaultExpanded: i, defaul
 				X.current.onExpandedChange?.(e.value, e), i = e.cancelled;
 			}
 		}).request(e, t, n);
-		i || (Z.current = r, a && (Y.current.expanded = e, ae(e)));
+		i || (Z.current = r, a && (Y.current.expanded = e, oe(e)));
 	}
 	function $(e, t, n) {
 		if (e === Y.current.pinned) return;
 		let r = !1, i = u({
-			controlled: S,
+			controlled: w,
 			initial: Y.current.pinned,
 			onRequest: (e) => {
 				X.current.onPinnedChange?.(e.value, e), r = e.cancelled;
 			}
 		}).request(e, t, n);
-		r || (i && (Y.current.pinned = e, se(e)), e && !Y.current.expanded && Q(!0, "programmatic", n, "pin"));
+		r || (i && (Y.current.pinned = e, ce(e)), e && !Y.current.expanded && Q(!0, "programmatic", n, "pin"));
 	}
-	let he = (e, t, n) => {
+	let _e = (e, t, n) => {
 		!e && Y.current.pinned && $(!1, "programmatic", n), Q(e, t, n, t === "programmatic" ? "programmatic" : "control");
-	}, ge = (e, t, n) => {
+	}, ve = (e, t, n) => {
 		$(e, t, n);
 	};
-	h(w, () => ({
+	h(E, () => ({
 		element: q,
 		expand: () => Q(!0, "programmatic", void 0, "programmatic"),
 		collapse: () => {
@@ -110,8 +112,8 @@ function ie({ children: e, className: t, collapse: r, defaultExpanded: i, defaul
 	}), [
 		q,
 		c,
-		S
-	]), E(() => {
+		w
+	]), D(() => {
 		if (q === null) return;
 		let e = (e) => q.querySelector(`:scope > * > [data-part="${e}"]`), t = te({
 			root: q,
@@ -122,84 +124,85 @@ function ie({ children: e, className: t, collapse: r, defaultExpanded: i, defaul
 				e("tabs")
 			].filter((e) => e !== null),
 			state: () => Y.current,
-			onScrolled: H,
-			onRevealed: W,
+			onScrolled: U,
+			onRevealed: G,
 			onScrollRequest: (e) => Q(e, "scroll", void 0, "scroll"),
-			onTall: K,
-			onCompact: le,
-			onStuck: de,
+			onTall: le,
+			onCompact: de,
+			onStuck: pe,
 			onPinRequest: (e) => $(e, "programmatic", void 0),
-			contained: () => re(q)
+			contained: () => ne(q)
 		});
 		return J.current = t, () => {
 			t.destroy(), J.current = null;
 		};
-	}, [q, N]), p(() => {
+	}, [q, F]), p(() => {
 		J.current?.refresh();
 	});
-	let _e = {
-		collapse: N,
-		expanded: z,
+	let ye = {
+		collapse: F,
+		expanded: B,
 		ids: {
-			areaId: `${M}area`,
-			headingId: `${M}heading`
+			areaId: `${P}area`,
+			headingId: `${P}heading`
 		},
-		level: P,
+		level: I,
 		loading: f === !0,
-		t: L,
-		pinned: B,
-		revealed: U,
-		scrolled: V,
-		size: F,
-		setExpanded: he,
-		setPinned: ge
-	}, ve = l({
-		...k,
+		t: ie,
+		pinned: V,
+		revealed: W,
+		scrolled: H,
+		size: R,
+		setExpanded: _e,
+		setPinned: ve
+	}, be = l({
+		...j,
 		...f === !0 ? { "aria-busy": !0 } : {},
 		children: /* @__PURE__ */ b(o, {
-			inset: j?.inset,
-			size: j?.width ?? "content",
-			children: e
+			inset: N?.inset,
+			size: N?.width ?? "content",
+			children: t
 		}),
-		className: t,
-		"data-collapse": N,
-		...z ? { "data-expanded": "" } : {},
-		"data-level": P,
+		className: n,
+		"data-collapse": F,
+		...B ? { "data-expanded": "" } : {},
+		"data-level": I,
 		...f === !0 ? { "data-loading": "" } : {},
+		...L ? { "data-material": "" } : {},
 		"data-part": "root",
-		...U ? { "data-revealed": "" } : {},
-		...V ? { "data-scrolled": "" } : {},
-		...G ? { "data-tall": "" } : {},
-		...ce ? { "data-compact": "" } : {},
-		"data-size": F,
-		...ue ? { "data-stuck": "" } : {},
+		...W ? { "data-revealed": "" } : {},
+		...H ? { "data-scrolled": "" } : {},
+		...K ? { "data-tall": "" } : {},
+		...ue ? { "data-compact": "" } : {},
+		"data-size": R,
+		...fe ? { "data-stuck": "" } : {},
 		"data-ui": "page-header",
-		"data-variant": I,
-		style: D
+		"data-variant": z,
+		style: A
 	});
-	return /* @__PURE__ */ b(ne.Provider, {
-		value: _e,
-		children: T === void 0 ? /* @__PURE__ */ b("header", {
-			...ve,
-			ref: fe
-		}) : T(ve)
+	return /* @__PURE__ */ b(T.Provider, {
+		value: ye,
+		children: O === void 0 ? /* @__PURE__ */ b("header", {
+			...be,
+			ref: me
+		}) : O(be)
 	});
 }
 //#endregion
 //#region src/page-header/page-header-parts.tsx
-function D(e) {
+function k(e) {
 	return /* @__PURE__ */ b(a, {
 		lines: e,
 		render: (e) => /* @__PURE__ */ b("span", { ...e })
 	});
 }
-function O(e) {
+function A(e) {
 	return e.detail === 0 ? "keyboard" : "pointer";
 }
-function k(e, t) {
+function re(e, t) {
 	typeof e == "function" ? e(t) : e != null && (e.current = t);
 }
-function A(e, t) {
+function j(e, t) {
 	function n({ children: t, className: n, ref: r, render: i, style: a, ...o }) {
 		let s = l({
 			...o,
@@ -215,9 +218,9 @@ function A(e, t) {
 	}
 	return n.displayName = t, n;
 }
-var j = A("title-area", "PageHeaderTitleArea"), M = A("nav", "PageHeaderNav"), N = A("breadcrumbs", "PageHeaderBreadcrumbs"), P = A("title-row", "PageHeaderTitleRow"), F = A("visual", "PageHeaderVisual"), I = A("title", "PageHeaderTitle"), L = A("marks", "PageHeaderMarks"), R = A("actions", "PageHeaderActions"), ae = A("navigation", "PageHeaderNavigation"), oe = A("figure", "PageHeaderFigure"), se = A("content", "PageHeaderContent"), z = A("tabs", "PageHeaderTabs");
-function B({ delay: e, label: t, minDuration: n, size: a, ...o }) {
-	let s = T(), c = i();
+var M = j("title-area", "PageHeaderTitleArea"), N = j("nav", "PageHeaderNav"), P = j("breadcrumbs", "PageHeaderBreadcrumbs"), F = j("title-row", "PageHeaderTitleRow"), I = j("visual", "PageHeaderVisual"), L = j("title", "PageHeaderTitle"), R = j("marks", "PageHeaderMarks"), z = j("actions", "PageHeaderActions"), ie = j("navigation", "PageHeaderNavigation"), ae = j("figure", "PageHeaderFigure"), oe = j("content", "PageHeaderContent"), se = j("tabs", "PageHeaderTabs");
+function ce({ delay: e, label: t, minDuration: n, size: a, ...o }) {
+	let s = E(), c = i();
 	return /* @__PURE__ */ b("div", {
 		"data-part": "progress",
 		"data-part-progress": "",
@@ -231,13 +234,13 @@ function B({ delay: e, label: t, minDuration: n, size: a, ...o }) {
 		})
 	});
 }
-function V({ children: n, className: r, ref: i, render: a, style: o, ...s }) {
+function B({ children: e, className: r, ref: i, render: a, style: o, ...s }) {
 	let u = l({
 		...s,
-		children: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(t, {
+		children: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(n, {
 			directional: !0,
-			children: /* @__PURE__ */ b(e, { name: "arrow-left" })
-		}), n] }),
+			children: /* @__PURE__ */ b(t, { name: "arrow-left" })
+		}), e] }),
 		className: r,
 		"data-part": "back",
 		style: o
@@ -247,10 +250,10 @@ function V({ children: n, className: r, ref: i, render: a, style: o, ...s }) {
 		ref: i
 	}) : a(c(u));
 }
-function H({ children: e, className: t, ref: n, render: r, style: i, title: a, ...o }) {
-	let { ids: s, level: c, loading: u } = T(), d = typeof e == "string" ? e : void 0, f = l({
+function V({ children: e, className: t, ref: n, render: r, style: i, title: a, ...o }) {
+	let { ids: s, level: c, loading: u } = E(), d = typeof e == "string" ? e : void 0, f = l({
 		...o,
-		children: u ? D(1) : e,
+		children: u ? k(1) : e,
 		className: t,
 		"data-part": "heading",
 		id: s.headingId,
@@ -264,10 +267,10 @@ function H({ children: e, className: t, ref: n, render: r, style: i, title: a, .
 		ref: n
 	});
 }
-function U({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let { loading: o } = T(), s = l({
+function H({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+	let { loading: o } = E(), s = l({
 		...a,
-		children: o ? D(1) : e,
+		children: o ? k(1) : e,
 		className: t,
 		"data-part": "subheading",
 		style: i
@@ -277,10 +280,10 @@ function U({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 		ref: n
 	}) : r(s);
 }
-function W({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let { loading: o } = T(), s = l({
+function U({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+	let { loading: o } = E(), s = l({
 		...a,
-		children: o ? D(2) : e,
+		children: o ? k(2) : e,
 		className: t,
 		"data-part": "description",
 		style: i
@@ -290,8 +293,8 @@ function W({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 		ref: n
 	}) : r(s);
 }
-function G({ "aria-label": e, children: t, className: n, ref: r, render: i, style: a, ...o }) {
-	let { expanded: s, ids: c, scrolled: u, t: d } = T(), [f, m] = v(null), h = !s && !u;
+function W({ "aria-label": e, children: t, className: n, ref: r, render: i, style: a, ...o }) {
+	let { expanded: s, ids: c, scrolled: u, t: d } = E(), [f, m] = v(null), h = !s && !u;
 	p(() => {
 		f !== null && (h ? (f.setAttribute("inert", ""), f.setAttribute("aria-hidden", "true")) : (f.removeAttribute("inert"), f.removeAttribute("aria-hidden")));
 	}, [f, h]);
@@ -308,11 +311,11 @@ function G({ "aria-label": e, children: t, className: n, ref: r, render: i, styl
 	return i === void 0 ? /* @__PURE__ */ b("div", {
 		...g,
 		ref: (e) => {
-			m(e), k(r, e);
+			m(e), re(r, e);
 		}
 	}) : i(g);
 }
-function K({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
+function G({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 	let o = l({
 		...a,
 		children: /* @__PURE__ */ b("div", { children: e }),
@@ -325,17 +328,17 @@ function K({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 		ref: n
 	}) : r(o);
 }
-function ce({ "aria-label": n, children: r, className: i, onClick: a, ref: o, render: s, style: c, ...u }) {
-	let { expanded: d, ids: f, setExpanded: p, t: m } = T(), h = l({
+function K({ "aria-label": e, children: r, className: i, onClick: a, ref: o, render: s, style: c, ...u }) {
+	let { expanded: d, ids: f, setExpanded: p, t: m } = E(), h = l({
 		...u,
 		"aria-controls": f.areaId,
 		"aria-expanded": d,
-		"aria-label": n ?? m(d ? "collapse" : "expand"),
-		children: r ?? /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: "chevron-down" }) }),
+		"aria-label": e ?? m(d ? "collapse" : "expand"),
+		children: r ?? /* @__PURE__ */ b(n, { children: /* @__PURE__ */ b(t, { name: "chevron-down" }) }),
 		className: i,
 		"data-part": "toggle",
 		onClick: (e) => {
-			a?.(e), !e.defaultPrevented && p(!d, O(e), e);
+			a?.(e), !e.defaultPrevented && p(!d, A(e), e);
 		},
 		style: c,
 		type: "button"
@@ -345,17 +348,17 @@ function ce({ "aria-label": n, children: r, className: i, onClick: a, ref: o, re
 		ref: o
 	}) : s(h);
 }
-function le({ "aria-label": n, children: r, className: i, onClick: a, ref: o, render: s, style: c, ...u }) {
-	let { pinned: d, setPinned: f, t: p } = T(), m = l({
+function le({ "aria-label": e, children: r, className: i, onClick: a, ref: o, render: s, style: c, ...u }) {
+	let { pinned: d, setPinned: f, t: p } = E(), m = l({
 		...u,
-		"aria-label": n ?? p(d ? "unpin" : "pin"),
+		"aria-label": e ?? p(d ? "unpin" : "pin"),
 		"aria-pressed": d,
-		children: r ?? /* @__PURE__ */ b(t, { children: /* @__PURE__ */ b(e, { name: d ? "pin-off" : "pin" }) }),
+		children: r ?? /* @__PURE__ */ b(n, { children: /* @__PURE__ */ b(t, { name: d ? "pin-off" : "pin" }) }),
 		className: i,
 		"data-part": "pin",
 		...d ? { "data-pressed": "" } : {},
 		onClick: (e) => {
-			a?.(e), !e.defaultPrevented && f(!d, O(e), e);
+			a?.(e), !e.defaultPrevented && f(!d, A(e), e);
 		},
 		style: c,
 		type: "button"
@@ -366,4 +369,4 @@ function le({ "aria-label": n, children: r, className: i, onClick: a, ref: o, re
 	}) : s(m);
 }
 //#endregion
-export { T as C, ie as S, C as T, I as _, se as a, ce as b, oe as c, M as d, ae as f, z as g, U as h, N as i, H as l, B as m, G as n, K as o, le as p, V as r, W as s, R as t, L as u, j as v, w, F as x, P as y };
+export { E as C, O as S, C as T, L as _, oe as a, K as b, ae as c, N as d, ie as f, se as g, H as h, P as i, V as l, ce as m, W as n, G as o, le as p, B as r, U as s, z as t, R as u, M as v, w, I as x, F as y };

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-w_PFLnLG.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-CMxCQqu_.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-CfjGviUA.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./page-CwYmBoZQ.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/{pagination-Cm9665gb.js → pagination-IEuos7H1.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, selectorKeyProps as i } from "@slotted/core/selector-key";
 import { createControllable as a } from "@slotted/core/state";
 import { createContext as o, useContext as s, useEffect as c, useId as l, useState as u } from "react";
@@ -32,8 +32,8 @@ function C() {
 	if (e === void 0) throw Error("Pagination parts must be rendered inside a Pagination.");
 	return e;
 }
-function w({ boundaryCount: e, children: t, count: i, defaultPage: o, defaultPageSize: s, disabled: l, itemHref: d, live: p, messages: y, loading: x, onPageChange: C, onPageSizeChange: w, page: T, pageSize: E, pageSizeOptions: D, render: O, siblingCount: k, ...A }) {
-	let j = b(), M = n(m, y), [N, P] = u(o ?? 1), [F, I] = u(s ?? j.defaultPageSize ?? 20), L = E ?? F, R = T ?? N, z = i === void 0 ? Infinity : v({
+function w({ boundaryCount: t, children: n, count: i, defaultPage: o, defaultPageSize: s, disabled: l, itemHref: d, live: p, messages: y, loading: x, onPageChange: C, onPageSizeChange: w, page: T, pageSize: E, pageSizeOptions: D, render: O, siblingCount: k, ...A }) {
+	let j = b(), M = e(m, y), [N, P] = u(o ?? 1), [F, I] = u(s ?? j.defaultPageSize ?? 20), L = E ?? F, R = T ?? N, z = i === void 0 ? Infinity : v({
 		count: i,
 		pageSize: L
 	}), B = i === void 0 ? Math.max(1, Math.trunc(R)) : h(R, z), V = l ?? !1, H = x ?? !1, U = V || H, W = (e, t, n) => {
@@ -62,7 +62,7 @@ function w({ boundaryCount: e, children: t, count: i, defaultPage: o, defaultPag
 		goToPage: G,
 		itemHref: d,
 		items: i === void 0 ? [] : _({
-			boundaryCount: e ?? j.boundaryCount ?? 1,
+			boundaryCount: t ?? j.boundaryCount ?? 1,
 			count: i,
 			page: B,
 			pageSize: L,
@@ -109,7 +109,7 @@ function w({ boundaryCount: e, children: t, count: i, defaultPage: o, defaultPag
 		"aria-label": M("label"),
 		...A,
 		"aria-busy": H ? !0 : A["aria-busy"],
-		children: t,
+		children: n,
 		"data-disabled": V ? "" : void 0,
 		"data-loading": H ? "" : void 0,
 		"data-part": "root",
@@ -128,13 +128,13 @@ var T = {
 	next: "chevron-right",
 	last: "chevrons-right"
 };
-function E({ children: n, part: i, target: a, usable: o, label: s, onClick: c, render: l, ref: u, ...d }) {
+function E({ children: e, part: i, target: a, usable: o, label: s, onClick: c, render: l, ref: u, ...d }) {
 	let p = C(), m = p.itemHref?.(a), h = !o, g = r({
 		"aria-label": s,
 		...d,
-		children: n ?? /* @__PURE__ */ f(t, {
+		children: e ?? /* @__PURE__ */ f(n, {
 			directional: !0,
-			children: /* @__PURE__ */ f(e, { name: T[i] })
+			children: /* @__PURE__ */ f(t, { name: T[i] })
 		}),
 		"data-disabled": h && !p.loading ? "" : void 0,
 		"data-loading": p.loading ? "" : void 0,
@@ -267,7 +267,7 @@ function N({ children: e, ref: t, render: n, ...i }) {
 		ref: t
 	}) : n(o);
 }
-function P({ label: n, onChange: i, ref: a, render: o, ...s }) {
+function P({ label: e, onChange: i, ref: a, render: o, ...s }) {
 	let c = C(), u = l(), d = r({
 		...s,
 		children: c.pageSizeOptions.map((e) => /* @__PURE__ */ f("option", {
@@ -289,9 +289,9 @@ function P({ label: n, onChange: i, ref: a, render: o, ...s }) {
 		"data-part": "page-size-label",
 		"data-part-page-size-label": "",
 		children: [
-			n ?? c.t("pageSize"),
+			e ?? c.t("pageSize"),
 			m,
-			/* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(e, { name: "chevron-down" }) })
+			/* @__PURE__ */ f(n, { children: /* @__PURE__ */ f(t, { name: "chevron-down" }) })
 		]
 	});
 }

package/dist/pagination.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 "./pagination-Cm9665gb.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 "./pagination-IEuos7H1.js";
 export { t as Pagination, u as PaginationDefaultsProvider, l as PaginationFirst, a as PaginationItems, s as PaginationLast, r as PaginationNext, e as PaginationPageSize, o as PaginationPrevious, c as PaginationStatus, i as usePagination, n as usePaginationDefaults };

package/dist/{popover-D1krYeP-.js → popover-C7NpEzq6.js}

@@ -1,15 +1,15 @@
-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, selectorKeyProps as i } from "@slotted/core/selector-key";
 import { createControllable as a } from "@slotted/core/state";
 import { Children as o, createContext as s, isValidElement as c, useCallback 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";
 import { createPresence as b } from "@slotted/core/presence";
-import { createPortalRoot as ee, setPortalContainer as x } from "@slotted/core/portal";
+import { popoverMessages as x } from "@slotted/core/i18n";
+import { createPortalRoot as ee, setPortalContainer as S } from "@slotted/core/portal";
 import { createDismissableLayer as te } from "@slotted/core/dismissable-layer";
 import { createPositioner as ne } from "@slotted/core/positioner";
-import { createPortal as S } from "react-dom";
-import { popoverMessages as C } from "@slotted/core/i18n";
+import { createPortal as C } from "react-dom";
 //#region src/popover/popover-defaults.tsx
 var w = {
 	align: "center",
@@ -40,7 +40,7 @@ function D({ children: e, container: t, ...n }) {
 		...O(n)
 	};
 	return d(() => {
-		if (t !== void 0) return x(t), () => x(null);
+		if (t !== void 0) return S(t), () => S(null);
 	}, [t]), /* @__PURE__ */ v(T.Provider, {
 		value: r,
 		children: e
@@ -61,17 +61,17 @@ function j() {
 	if (e === void 0) throw Error("Every Popover part has to be inside a Popover.");
 	return e;
 }
-function M({ align: e, alignOffset: t, arrow: r, arrowPadding: i, autoFocus: o, children: s, closeOnEscape: c, closeOnOutsidePress: u, collisionPadding: d, defaultOpen: m, disabled: _, finalFocus: y, flip: b, hideWhenDetached: ee, initialFocus: x, messages: te, mount: ne, onOpenChange: S, open: w, portal: T, ref: D, shift: O, side: re, sideOffset: j, size: M, strategy: N, width: P }) {
-	let F = E(), ie = n(C, te), I = f(), [L, R] = g(m ?? !1), [z, B] = g(null), [V, H] = g(null), [U, W] = g(null), [G, K] = g(null), [q, J] = g(!1), [ae, Y] = g(!1), X = h(void 0), Z = _ === !0, Q = (w ?? L) && !Z, oe = h(Q);
+function M({ align: t, alignOffset: n, arrow: r, arrowPadding: i, autoFocus: o, children: s, closeOnEscape: c, closeOnOutsidePress: u, collisionPadding: d, defaultOpen: m, disabled: _, finalFocus: y, flip: b, hideWhenDetached: ee, initialFocus: S, messages: te, mount: ne, onOpenChange: C, open: w, portal: T, ref: D, shift: O, side: re, sideOffset: j, size: M, strategy: N, width: P }) {
+	let F = E(), ie = e(x, te), I = f(), [L, R] = g(m ?? !1), [z, B] = g(null), [V, H] = g(null), [U, W] = g(null), [G, K] = g(null), [q, J] = g(!1), [ae, Y] = g(!1), X = h(void 0), Z = _ === !0, Q = (w ?? L) && !Z, oe = h(Q);
 	Q && (oe.current = !0);
 	let se = h({
 		current: Q,
-		onOpenChange: S,
+		onOpenChange: C,
 		open: w
 	});
 	se.current = {
 		current: Q,
-		onOpenChange: S,
+		onOpenChange: C,
 		open: w
 	};
 	let $ = l((e, t, n) => {
@@ -92,8 +92,8 @@ function M({ align: e, alignOffset: t, arrow: r, arrowPadding: i, autoFocus: o,
 		reposition: () => X.current?.()
 	}), [$]);
 	let ce = {
-		align: e ?? F.align,
-		alignOffset: t ?? F.alignOffset,
+		align: t ?? F.align,
+		alignOffset: n ?? F.alignOffset,
 		anchorNode: V,
 		arrowNode: U,
 		arrowPadding: i ?? F.arrowPadding,
@@ -110,7 +110,7 @@ function M({ align: e, alignOffset: t, arrow: r, arrowPadding: i, autoFocus: o,
 		hasDescription: ae,
 		hasTitle: q,
 		hideWhenDetached: ee ?? F.hideWhenDetached,
-		initialFocus: x,
+		initialFocus: S,
 		mount: ne ?? F.mount,
 		open: Q,
 		portal: T ?? F.portal,
@@ -198,7 +198,7 @@ function L({ children: e, ref: t, render: n, ...r }) {
 	});
 }
 function R({ children: e, ref: t, render: n, ...i }) {
-	let a = j(), o = re(), [s, c] = g(null), [u, f] = g(null), [p, x] = g("unmounted"), [C, w] = g(!1), T = h(null), E = h(a);
+	let a = j(), o = re(), [s, c] = g(null), [u, f] = g(null), [p, x] = g("unmounted"), [S, w] = g(!1), T = h(null), E = h(a);
 	E.current = a, d(() => {
 		let e = b({
 			present: E.current.open,
@@ -215,13 +215,13 @@ function R({ children: e, ref: t, render: n, ...i }) {
 	let D = a.mount === "eager" || a.mount === "lazy" && a.seen || a.open || p !== "unmounted";
 	d(() => {
 		let e = a.triggerNode;
-		if (e === null || C) return;
+		if (e === null || S) return;
 		let t = () => w(!0);
 		return e.addEventListener("focusin", t), e.addEventListener("pointerdown", t), () => {
 			e.removeEventListener("focusin", t), e.removeEventListener("pointerdown", t);
 		};
-	}, [a.triggerNode, C]);
-	let O = D || C;
+	}, [a.triggerNode, S]);
+	let O = D || S;
 	m(() => {
 		if (!O) {
 			f(null);
@@ -363,7 +363,7 @@ function R({ children: e, ref: t, render: n, ...i }) {
 		...Z,
 		ref: Y
 	});
-	return u === null ? Q : S(Q, u);
+	return u === null ? Q : C(Q, u);
 }
 function z({ children: e, ref: t, render: n, ...i }) {
 	let a = j(), o = l((e) => {
@@ -450,21 +450,21 @@ function W({ children: e, ref: t, render: n, ...r }) {
 		ref: t
 	}) : n(a);
 }
-function G({ children: n, ref: i, render: a, ...o }) {
+function G({ children: e, ref: i, render: a, ...o }) {
 	let s = j(), c = h(null), [u, d] = g(null);
 	m(() => {
 		c.current !== null && d((c.current.textContent ?? "").trim() !== "");
 	});
-	let f = u ?? K(n), p = (e) => {
+	let f = u ?? K(e), p = (e) => {
 		s.toggle(!1, "dismiss", e.nativeEvent);
 	}, _ = l((e) => {
 		c.current = e, P(e, i);
 	}, [i]), y = r({
 		...o,
 		"aria-label": o["aria-label"] ?? (f ? void 0 : s.t("close")),
-		children: n ?? /* @__PURE__ */ v(t, {
+		children: e ?? /* @__PURE__ */ v(n, {
 			size: "sm",
-			children: /* @__PURE__ */ v(e, { name: "x" })
+			children: /* @__PURE__ */ v(t, { name: "x" })
 		}),
 		"data-part": "close",
 		onClick: N(o.onClick, p)

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-D1krYeP-.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-C7NpEzq6.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 };