@slotted/react 0.1.0-beta.3 → 0.1.0-beta.5

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-DQ5ds0fX.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-B8z6ApgW.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-Sz54IziY.js → notification-center-CGEEHcRA.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-CCWkCDMs.js";
-import { a, i as o, n as s, r as c } from "./tooltip-DbKTPe_i.js";
+import { a, i as o, n as s, r as c } from "./tooltip-CgjIROUy.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-HWmvOKM4.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-Sz54IziY.js";
+import { n as e, r as t, t as n } from "./notification-center-CGEEHcRA.js";
 export { n as NotificationCenter, e as NotificationCenterDefaultsProvider, t as useNotificationCenterDefaults };

package/dist/{number-field-BFIAmv-z.js → number-field-DXk1TAXA.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-NJaCxl2h.js";
+import { b as i } from "./field-BxQFpOXS.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-BFIAmv-z.js";
+import { i as e, n as t, r as n, t as r } from "./number-field-DXk1TAXA.js";
 export { r as NumberField, n as NumberFieldDefaultsProvider, t as NumberFieldScrub, e as useNumberFieldDefaults };

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

@@ -1,4 +1,4 @@
-import { b as e } from "./field-NJaCxl2h.js";
+import { b as e } from "./field-BxQFpOXS.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-BNQhuKaT.js";
+import { n as e, r as t, t as n } from "./otp-input-CI-kdNgx.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 };