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

package/dist/entity-picker.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./entity-picker-Dm-y0RNE.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./entity-picker-CPDd73JR.js";
 export { s as CREATE_OPTION, i as ENTITY_PICKER_FALLBACK, e as EntityPicker, o as EntityPickerDefaultsProvider, r as RETRY_OPTION, a as localEntitySource, n as rememberRecent, t as useEntityPickerDefaults };

package/dist/{event-calendar-DYjVwTI6.js → event-calendar-CnF3iIZD.js}

@@ -1,12 +1,12 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, n as r, r as i, t as a } from "./menu-parts-BQej6eU9.js";
+import { _ as n, n as r, r as i, t as a } from "./menu-parts-W58pVNUt.js";
 import { n as o, r as s } from "./i18n-DpW8lqJ1.js";
-import { a as c, c as l, n as u, o as d, r as f, s as p, t as m, u as h } from "./drawer-Dtospdqk.js";
+import { a as c, c as l, n as u, o as d, r as f, s as p, t as m, u as h } from "./drawer-LXM44eso.js";
 import { n as g } from "./progress-indicator-DwvUSFFs.js";
 /* empty css                         */
-import { a as _, c as v, f as ee, i as te, l as ne, o as re, p as ie, r as ae, u as oe } from "./popover-DE22lSpV.js";
-import { n as se, r as y, t as ce } from "./context-menu-DMiHdggw.js";
-import { a as le, t as ue } from "./segmented-control-Cy_5D3Nj.js";
+import { a as _, c as v, f as ee, i as te, l as ne, o as re, p as ie, r as ae, u as oe } from "./popover-Be7JWbGJ.js";
+import { n as se, r as y, t as ce } from "./context-menu-BuST6W94.js";
+import { a as le, t as ue } from "./segmented-control-DmuOGiu6.js";
 import { createContext as de, createElement as fe, useCallback as b, useContext as pe, useEffect as me, useId as he, useImperativeHandle as ge, useLayoutEffect as _e, useMemo as x, useRef as S, useState as C } from "react";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 import { eventCalendarMessages as ve } from "@slotted/core/i18n";

package/dist/event-calendar.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./event-calendar-DYjVwTI6.js";
+import { i as e, n as t, r as n, t as r } from "./event-calendar-CnF3iIZD.js";
 export { t as EVENT_CALENDAR_FALLBACK, r as EventCalendar, n as EventCalendarDefaultsProvider, e as useEventCalendarDefaults };

package/dist/{field-BJh5HI7w.js → field-NJaCxl2h.js}

@@ -2,7 +2,7 @@ import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { r as n } from "./i18n-DpW8lqJ1.js";
 /* empty css               */
 import { t as r } from "./inline-message-C4a-A2mw.js";
-import { a as i, i as a, n as o, o as s, r as c, t as l } from "./tooltip-BggqPDcW.js";
+import { a as i, i as a, n as o, o as s, r as c, t as l } from "./tooltip-DbKTPe_i.js";
 import { Children as u, createContext as d, isValidElement as f, useCallback as p, useContext as m, useEffect as h, useId as g, useMemo as _, useRef as v, useState as y } from "react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 import { fieldMessages as C } from "@slotted/core/i18n";

package/dist/{field-group-BDaspQPh.js → field-group-hAzVa2O9.js}

@@ -1,5 +1,5 @@
 import { r as e } from "./i18n-DpW8lqJ1.js";
-import { d as t, f as n, y as r } from "./field-BJh5HI7w.js";
+import { d as t, f as n, y as r } from "./field-NJaCxl2h.js";
 import { t as i } from "./inline-message-C4a-A2mw.js";
 import { createContext as a, isValidElement as o, useCallback as s, useContext as c, useEffect as l, useId as u, useMemo as d, useState as f } from "react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";

package/dist/field-group.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 "./field-group-BDaspQPh.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./field-group-hAzVa2O9.js";
 export { o as FieldGroup, t as FieldGroupContent, e as FieldGroupDescription, r as FieldGroupError, a as FieldGroupLegend, n as deriveFieldGroupIds, i as useFieldGroup };

package/dist/field.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, i as s, l as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h, v as g, y as _ } from "./field-BJh5HI7w.js";
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, i as s, l as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h, v as g, y as _ } from "./field-NJaCxl2h.js";
 export { d as FIELD_DESCRIBED_ORDER, m as Field, l as FieldAction, f as FieldControl, s as FieldCounter, i as FieldDefaultsProvider, t as FieldDescription, u as FieldError, p as FieldHeader, r as FieldHelp, c as FieldIndicator, h as FieldLabel, o as deriveFieldIds, e as formatFieldCount, g as isFieldCountOver, _ as necessityMark, n as useField, a as useFieldDefaults };

package/dist/{filter-bar-Bh7cbqDE.js → filter-bar-D_xDcAp2.js}

@@ -1,18 +1,18 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, a as r, c as i, d as a, h as o, m as s, n as c, t as l, u } from "./menu-parts-BQej6eU9.js";
+import { _ as n, a as r, c as i, d as a, h as o, m as s, n as c, t as l, u } from "./menu-parts-W58pVNUt.js";
 import { r as d } from "./i18n-DpW8lqJ1.js";
-import { a as f, c as p, i as m, n as h, o as g, t as ee, u as te } from "./drawer-Dtospdqk.js";
-import { n as _, t as v } from "./icon-button-TnvMhK4o.js";
-import { t as ne } from "./text-field-BktZbmzD.js";
-import { a as re, d as ie, f as ae, l as oe, p as se, r as ce } from "./popover-DE22lSpV.js";
+import { a as f, c as p, i as m, n as h, o as g, t as ee, u as te } from "./drawer-LXM44eso.js";
+import { n as _, t as v } from "./icon-button-CCWkCDMs.js";
+import { t as ne } from "./text-field-DLfIZ0fk.js";
+import { a as re, d as ie, f as ae, l as oe, p as se, r as ce } from "./popover-Be7JWbGJ.js";
 import { n as le } from "./kbd-eFSWTKxN.js";
-import { t as ue } from "./date-picker-DQ5SIhdA.js";
-import { t as de } from "./datetime-picker-0F0kDW-8.js";
-import { a as fe, i as pe, n as me, s as he } from "./multi-select-B-tuIwAu.js";
-import { t as ge } from "./number-field-J_koud1r.js";
-import { a as _e, t as y } from "./segmented-control-Cy_5D3Nj.js";
-import { c as ve, i as ye, n as be, o as xe, s as Se } from "./select-hRFp8nCj.js";
-import { t as b } from "./time-picker-DuT1tf5-.js";
+import { t as ue } from "./date-picker-4X-_2ltN.js";
+import { t as de } from "./datetime-picker-HDVlUhzy.js";
+import { a as fe, i as pe, n as me, s as he } from "./multi-select-DQ5ds0fX.js";
+import { t as ge } from "./number-field-BFIAmv-z.js";
+import { a as _e, t as y } from "./segmented-control-DmuOGiu6.js";
+import { c as ve, i as ye, n as be, o as xe, s as Se } from "./select-DOFqPy26.js";
+import { t as b } from "./time-picker-CRQsMJbQ.js";
 import { createRemovalFocus as Ce, createRovingTabindex as we } from "@slotted/core/focus";
 import { createControllable as Te } from "@slotted/core/state";
 import { Fragment as x, createContext as Ee, useCallback as De, useContext as Oe, useEffect as S, useId as ke, useImperativeHandle as Ae, useLayoutEffect as je, useMemo as Me, useRef as C, useState as w } from "react";
@@ -506,14 +506,14 @@ function xt(e) {
 var B = "--slotted-page-sticky-top", St = typeof document > "u" ? S : je;
 function Ct(e) {
 	let [t, n] = w(!1);
-	return St(() => {
+	return S(() => {
 		let t = e.current;
 		if (!t || typeof ResizeObserver > "u") return;
-		let r = () => {
+		let r = new ResizeObserver(() => {
 			let e = t.getBoundingClientRect().width;
 			n(e > 0 && e < yt(t, z));
-		}, i = new ResizeObserver(r);
-		return i.observe(t), r(), () => i.disconnect();
+		});
+		return r.observe(t), () => r.disconnect();
 	}, []), t;
 }
 function wt() {
@@ -711,13 +711,13 @@ function V({ apply: se, children: ue, chipLimit: de, count: fe, defaultOpen: pe,
 		if (!nt || !e || typeof ResizeObserver > "u") return;
 		let t = e.parentElement, n = e.ownerDocument.defaultView;
 		if (!t || !n) return;
-		let r = t.style.getPropertyValue(B), i = () => r ? t.style.setProperty(B, r) : t.style.removeProperty(B), a = () => {
+		let r = t.style.getPropertyValue(B), i = () => r ? t.style.setProperty(B, r) : t.style.removeProperty(B), a = new ResizeObserver(() => {
 			i();
 			let r = n.getComputedStyle(t).getPropertyValue(B).trim() || "0px", a = e.getBoundingClientRect().height;
 			e.style.setProperty(B, r), t.style.setProperty(B, `calc(${r} + ${a}px)`);
-		}, o = new ResizeObserver(a);
-		return o.observe(e), a(), () => {
-			o.disconnect(), e.style.removeProperty(B), i();
+		});
+		return a.observe(e), () => {
+			a.disconnect(), e.style.removeProperty(B), i();
 		};
 	}, [nt]);
 	let bn = fe === void 0 ? null : st === void 0 ? L("countOnly", { count: fe }) : L("count", {

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-Bh7cbqDE.js";
+import { i as e, n as t, r as n, t as r } from "./filter-bar-D_xDcAp2.js";
 export { r as FILTER_BAR_FALLBACK, t as FilterBar, n as FilterBarDefaultsProvider, e as useFilterBarDefaults };

package/dist/{hover-card-CSDbA6zd.js → hover-card-BJE5dtaQ.js}

@@ -1,4 +1,4 @@
-import { a as e, f as t, l as n, n as r, p as i } from "./popover-DE22lSpV.js";
+import { a as e, f as t, l as n, n as r, p as i } from "./popover-Be7JWbGJ.js";
 import { tabbables as a } from "@slotted/core/focus";
 import { createControllable as o } from "@slotted/core/state";
 import { createContext as s, useCallback as c, useContext as l, useEffect as u, useRef as d, useState as f } from "react";

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-CSDbA6zd.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./hover-card-BJE5dtaQ.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/{icon-button-TnvMhK4o.js → icon-button-CCWkCDMs.js}

@@ -52,6 +52,7 @@ function m(e) {
 		"data-size": e.size,
 		"data-shape": e.shape,
 		"data-full-width": e.fullWidth ? "" : void 0,
+		"data-justify": e.justify,
 		"data-disabled": e.disabled ? "" : void 0,
 		"data-loading": e.loading ? "" : void 0,
 		"data-pressed": e.pressed ? "" : void 0
@@ -118,45 +119,46 @@ function S({ label: e }) {
 }
 //#endregion
 //#region src/button/button.tsx
-function C({ children: e, disabled: n = !1, end: r, focusableWhenDisabled: i = !1, fullWidth: a = !1, loading: s = !1, loadingDelay: d = 0, messages: f, onClick: p, onClickCapture: v, render: b, size: x, start: C, tone: w, type: T = "button", variant: E, ...D }) {
-	let O = h({
-		size: x,
-		tone: w,
-		variant: E
-	}, u), k = _({
+function C({ children: e, disabled: n = !1, end: r, focusableWhenDisabled: i = !1, fullWidth: a = !1, justify: s = "center", loading: d = !1, loadingDelay: f = 0, messages: p, onClick: v, onClickCapture: b, render: x, size: C, start: w, tone: T, type: E = "button", variant: D, ...O }) {
+	let k = h({
+		size: C,
+		tone: T,
+		variant: D
+	}, u), A = _({
 		disabled: n,
 		focusableWhenDisabled: i,
-		loading: s
-	}), A = y({
-		loading: s,
-		loadingDelay: d
-	}), j = t(c, f), M = {
-		...D,
+		loading: d
+	}), j = y({
+		loading: d,
+		loadingDelay: f
+	}), M = t(c, p), N = {
+		...O,
 		...m({
 			disabled: n,
 			fullWidth: a,
-			loading: s,
-			...O
+			justify: s,
+			loading: d,
+			...k
 		}),
-		"aria-disabled": k.ariaDisabled,
+		"aria-disabled": A.ariaDisabled,
 		children: /* @__PURE__ */ o(l, {
 			end: r,
-			indicator: A ? /* @__PURE__ */ o(S, { label: j("loading") }) : null,
-			start: C,
+			indicator: j ? /* @__PURE__ */ o(S, { label: M("loading") }) : null,
+			start: w,
 			children: e
 		}),
-		disabled: k.nativelyDisabled,
+		disabled: A.nativelyDisabled,
 		onClick: (e) => {
-			if (k.refuses) return g(e);
-			p?.(e);
+			if (A.refuses) return g(e);
+			v?.(e);
 		},
 		onClickCapture: (e) => {
-			if (k.refuses) return g(e);
-			v?.(e);
+			if (A.refuses) return g(e);
+			b?.(e);
 		},
-		type: T
+		type: E
 	};
-	return b === void 0 ? /* @__PURE__ */ o("button", { ...M }) : b(M);
+	return x === void 0 ? /* @__PURE__ */ o("button", { ...N }) : x(N);
 }
 //#endregion
 //#region src/button/icon-button.tsx