@slotted/react 0.1.0-beta.6 → 0.1.0-beta.8

package/dist/{datetime-field-D2f9u6im.js → datetime-field-Bptwvuip.js}

@@ -60,10 +60,10 @@ var Se = {
 		second: 0
 	}
 };
-function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, calendar: le, className: x, clearable: xe = !1, defaultValue: we, disabled: Te, end: De, firstDayOfWeek: Oe, granularity: ke, hourCycle: Ae, id: je, invalid: Me, isDateUnavailable: Ne, isTimeUnavailable: Pe, locale: Fe, max: C, messages: Ie, maxTime: Le, min: w, minTime: Re, name: ze, onKeyDown: Be, onPaste: Ve, onValueChange: He, readOnly: Ue, ref: We, referenceDateTime: Ge, relative: Ke, render: qe, required: Je, size: Ye, start: Xe, style: Ze, timeZone: Qe, value: T, variant: $e, yearPivot: et, ...tt }) {
-	let E = i(), nt = E?.registerControl;
-	l(() => nt?.(), [nt]);
-	let D = S(), rt = n(), it = r(ee, Ie), O = p(null), at = p(null), ot = u(), st = Fe ?? rt, ct = Qe ?? D.timeZone, k = ke ?? D.granularity, lt = Ae ?? D.hourCycle, ut = le ?? D.calendar, A = Oe ?? D.firstDayOfWeek, j = et ?? D.yearPivot, dt = Ke ?? D.relative, ft = Ye ?? E?.size ?? D.size, pt = $e ?? D.variant, M = Te ?? E?.disabled, N = Ue ?? E?.readOnly, mt = Me ?? E?.invalid, ht = Je ?? E?.required, P = f(() => oe({
+function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, calendar: le, className: x, clearable: xe = !1, defaultValue: we, disabled: Te, end: De, firstDayOfWeek: Oe, granularity: ke, hourCycle: Ae, id: je, invalid: Me, isDateUnavailable: Ne, isTimeUnavailable: Pe, locale: Fe, max: C, messages: Ie, maxTime: Le, min: Re, minTime: ze, name: Be, onKeyDown: Ve, onPaste: He, onValueChange: Ue, readOnly: We, ref: Ge, referenceDateTime: Ke, relative: qe, render: Je, required: Ye, size: Xe, start: Ze, style: Qe, timeZone: $e, value: w, variant: et, yearPivot: tt, ...nt }) {
+	let T = i(), rt = T?.registerControl;
+	l(() => rt?.(), [rt]);
+	let E = S(), it = n(), D = r(ee, Ie), O = p(null), at = p(null), ot = u(), st = Fe ?? it, ct = $e ?? E.timeZone, k = ke ?? E.granularity, lt = Ae ?? E.hourCycle, ut = le ?? E.calendar, A = Oe ?? E.firstDayOfWeek, j = tt ?? E.yearPivot, dt = qe ?? E.relative, ft = Xe ?? T?.size ?? E.size, pt = et ?? E.variant, M = Te ?? T?.disabled, N = We ?? T?.readOnly, mt = Me ?? T?.invalid, ht = Ye ?? T?.required, P = f(() => oe({
 		granularity: k,
 		hourCycle: lt,
 		locale: st,
@@ -77,7 +77,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 		j
 	]), [gt, _t] = m(() => Ce);
 	l(() => _t(he(ct)), [ct]);
-	let F = Ge ?? gt, I = f(() => {
+	let F = Ke ?? gt, I = f(() => {
 		let e = P.toDisplay(F.time.hour);
 		return {
 			...F.date,
@@ -87,18 +87,18 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 			minute: F.time.minute,
 			second: F.time.second
 		};
-	}, [F, P]), [vt, yt] = m(() => y(T ?? we ?? null, P)), [L, R] = m(void 0), [z, B] = m(null), V = p(vt), H = () => V.current;
+	}, [F, P]), [vt, yt] = m(() => y(w ?? we ?? null, P)), [L, R] = m(void 0), [z, B] = m(null), V = p(vt), H = () => V.current;
 	l(() => {
-		T !== void 0 && (pe(v(V.current, P), T) || (V.current = y(T, P), yt(V.current)));
-	}, [P, T]);
+		w !== void 0 && (pe(v(V.current, P), w) || (V.current = y(w, P), yt(V.current)));
+	}, [P, w]);
 	let U = vt, W = v(U, P), bt = ue(U, P), G = f(() => P.pattern.filter((e) => e.type !== "literal").map((e) => e.type), [P]), K = s((e, t, n) => {
 		let r = v(V.current, P);
 		V.current = e, yt(e), e.typing === null && a({
-			controlled: T,
+			controlled: w,
 			initial: r,
 			equals: pe,
 			onRequest: (t) => {
-				He?.(t.value, {
+				Ue?.(t.value, {
 					...t,
 					incomplete: ue(e, P),
 					segments: e
@@ -107,8 +107,8 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 		}).request(v(e, P), t, n);
 	}, [
 		P,
-		He,
-		T
+		Ue,
+		w
 	]), q = s((e) => {
 		R(e), O.current?.querySelector(`[data-part="segment"][data-field="${e}"]`)?.focus();
 	}, []), xt = s(() => {
@@ -118,7 +118,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 		let n = G.indexOf(e) + t, r = G[n];
 		r !== void 0 && q(r);
 	}, [G, q]);
-	d(We, () => ({
+	d(Ge, () => ({
 		focus: () => {
 			let e = G[0];
 			e !== void 0 && q(e);
@@ -160,7 +160,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 	]), Q = (e) => {
 		e.preventDefault(), e.stopPropagation();
 	}, Tt = (e) => (t) => {
-		if (Be?.(t), t.defaultPrevented) return;
+		if (Ve?.(t), t.defaultPrevented) return;
 		let n = O.current !== null && getComputedStyle(O.current).direction === "rtl", r = n ? "ArrowLeft" : "ArrowRight", i = n ? "ArrowRight" : "ArrowLeft";
 		if (t.key === r) {
 			Q(t), J(e, 1);
@@ -212,7 +212,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 			}
 		}
 	}, Et = (e) => {
-		if (Be?.(e), !e.defaultPrevented) {
+		if (Ve?.(e), !e.defaultPrevented) {
 			if (e.key === "Enter") {
 				Q(e), wt(e);
 				let t = G[0];
@@ -222,7 +222,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 			e.key === "Escape" && (Q(e), Ct());
 		}
 	}, Dt = (e) => {
-		if (Ve?.(e), e.defaultPrevented || !Y) return;
+		if (He?.(e), e.defaultPrevented || !Y) return;
 		let t = e.clipboardData.getData("text/plain"), n = P.parse(t);
 		if (n !== null) {
 			e.preventDefault(), K(y(n, P), "keyboard", e);
@@ -242,9 +242,9 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 	}, jt = `${ot}-value`, Mt = W === null ? void 0 : P.describe(W), $ = W === null ? null : se(W.date, {
 		max: C,
 		maxTime: Le,
-		min: w,
-		minTime: Re
-	}), Nt = W !== null && (!de(W, w, C) || $ === null || !me(W.time, $.earliest, $.latest)), Pt = W !== null && (Ne?.(W.date) === !0 || Pe?.(W.time, W.date) === !0), Ft = mt === !0 || Pt || Nt, It = G.every((e) => U[e] === null), Lt = xe && !It && Y && !X, Rt = f(() => {
+		min: Re,
+		minTime: ze
+	}), Nt = W !== null && (!de(W, Re, C) || $ === null || !me(W.time, $.earliest, $.latest)), Pt = W !== null && (Ne?.(W.date) === !0 || Pe?.(W.time, W.date) === !0), Ft = mt === !0 || Pt || Nt, It = G.every((e) => U[e] === null), Lt = xe && !It && Y && !X, Rt = f(() => {
 		let e = [];
 		for (let t of P.pattern) {
 			let n = t.half ?? "date", r = e[e.length - 1];
@@ -255,13 +255,13 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 		}
 		return e;
 	}, [P]), zt = /* @__PURE__ */ _(h, { children: [
-		Xe === void 0 ? null : /* @__PURE__ */ g("span", {
+		Ze === void 0 ? null : /* @__PURE__ */ g("span", {
 			"data-part": "start",
-			children: Xe
+			children: Ze
 		}),
 		X ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("input", {
-			"aria-describedby": [o, E?.describedBy].filter(Boolean).join(" ") || void 0,
-			"aria-label": it("duration"),
+			"aria-describedby": [o, T?.describedBy].filter(Boolean).join(" ") || void 0,
+			"aria-label": D("duration"),
 			"data-part": "duration",
 			onBlur: (e) => wt(e),
 			onChange: (e) => B(e.target.value),
@@ -288,15 +288,15 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 				P.time.format(Z.time)
 			] }) : P.time.format(Z.time)]
 		})] }) : /* @__PURE__ */ g("div", {
-			"aria-describedby": [o, E?.describedBy].filter(Boolean).join(" ") || void 0,
+			"aria-describedby": [o, T?.describedBy].filter(Boolean).join(" ") || void 0,
 			"aria-disabled": M === !0 || void 0,
 			"aria-invalid": Ft ? !0 : void 0,
 			"aria-label": c,
-			"aria-labelledby": c === void 0 ? [ce ?? E?.ids.label, jt].filter(Boolean).join(" ") : void 0,
+			"aria-labelledby": c === void 0 ? [ce ?? T?.ids.label, jt].filter(Boolean).join(" ") : void 0,
 			"aria-readonly": N === !0 || void 0,
 			"aria-required": ht === !0 || void 0,
 			"data-part": "segments",
-			id: je ?? E?.ids.control,
+			id: je ?? T?.ids.control,
 			onPaste: Dt,
 			role: "group",
 			children: Rt.map((e) => /* @__PURE__ */ g("span", {
@@ -317,7 +317,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 						onBlur: Ot,
 						onFocus: () => R(r),
 						onKeyDown: Tt(r),
-						placeholder: t.value,
+						label: D(r),
 						readOnly: N === !0,
 						segments: U,
 						tabIndex: r === (L ?? G[0]) ? 0 : -1
@@ -332,7 +332,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 			children: Mt
 		}),
 		Lt ? /* @__PURE__ */ g("button", {
-			"aria-label": it("clear"),
+			"aria-label": D("clear"),
 			"data-part": "clear",
 			onClick: At,
 			type: "button",
@@ -344,16 +344,16 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 		}),
 		/* @__PURE__ */ g("input", {
 			"data-part": "hidden-input",
-			name: ze,
+			name: Be,
 			readOnly: !0,
 			type: "hidden",
 			value: W === null ? "" : ve(W)
 		})
 	] }), Bt = {
-		...tt,
+		...nt,
 		children: zt,
 		className: x,
-		style: Ze,
+		style: Qe,
 		...M === !0 ? { "data-disabled": "" } : {},
 		...Ft ? { "data-invalid": "" } : {},
 		...N === !0 ? { "data-readonly": "" } : {},
@@ -370,7 +370,7 @@ function we({ "aria-describedby": o, "aria-label": c, "aria-labelledby": ce, cal
 		onMouseDown: kt,
 		ref: O
 	};
-	return qe === void 0 ? /* @__PURE__ */ g("div", { ...Bt }) : qe(Bt);
+	return Je === void 0 ? /* @__PURE__ */ g("div", { ...Bt }) : Je(Bt);
 }
 function Te(e, t, n) {
 	let r = n[e];
@@ -378,7 +378,7 @@ function Te(e, t, n) {
 	let i = n.typing;
 	return i !== null && i.field === e ? String(r).padStart(i.digits, "0") : t.formatValue(r, e);
 }
-function Ee({ disabled: e, field: t, format: n, onBlur: r, onFocus: i, onKeyDown: a, placeholder: o, readOnly: s, segments: c, tabIndex: l }) {
+function Ee({ disabled: e, field: t, format: n, onBlur: r, onFocus: i, onKeyDown: a, label: o, readOnly: s, segments: c, tabIndex: l }) {
 	let u = c[t], d = ce(t, {
 		hourCycle: n.hourCycle,
 		...c.month === null ? {} : { month: c.month },

package/dist/datetime-field.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./datetime-field-D2f9u6im.js";
+import { n as e, r as t, t as n } from "./datetime-field-Bptwvuip.js";
 export { n as DateTimeField, e as DateTimeFieldDefaultsProvider, t as useDateTimeFieldDefaults };

package/dist/{datetime-picker-STqSWMkH.js → datetime-picker-BiarFWN3.js}

@@ -1,8 +1,8 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
-import { t as i } from "./calendar-BZ6PP7Ke.js";
+import { t as i } from "./calendar-xcoBnHpK.js";
 import { b as ee } from "./field-BxQFpOXS.js";
-import { t as te } from "./datetime-field-D2f9u6im.js";
+import { t as te } from "./datetime-field-Bptwvuip.js";
 import { tabbables as ne } from "@slotted/core/focus";
 import { createControllable as re } from "@slotted/core/state";
 import { createContext as ie, useCallback as a, useContext as ae, useEffect as o, useId as oe, useImperativeHandle as se, useLayoutEffect as ce, useMemo as s, useRef as c, useState as l } from "react";

package/dist/datetime-picker.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./datetime-picker-STqSWMkH.js";
+import { i as e, n as t, r as n, t as r } from "./datetime-picker-BiarFWN3.js";
 export { t as DATE_TIME_PICKER_MAX_OPTIONS, r as DateTimePicker, n as DateTimePickerDefaultsProvider, e as useDateTimePickerDefaults };

package/dist/{datetime-range-picker-DQNQwr3K.js → datetime-range-picker--JtLnGQ2.js}

@@ -1,8 +1,8 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
-import { t as i } from "./calendar-BZ6PP7Ke.js";
+import { t as i } from "./calendar-xcoBnHpK.js";
 import { b as a } from "./field-BxQFpOXS.js";
-import { t as o } from "./datetime-field-D2f9u6im.js";
+import { t as o } from "./datetime-field-Bptwvuip.js";
 import { createControllable as s } from "@slotted/core/state";
 import { createContext as c, useCallback as l, useContext as ee, useEffect as u, useId as te, useImperativeHandle as ne, useLayoutEffect as re, useMemo as d, useRef as f, useState as p } from "react";
 import { Fragment as ie, jsx as m, jsxs as h } from "react/jsx-runtime";

package/dist/datetime-range-picker.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./datetime-range-picker-DQNQwr3K.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./datetime-range-picker--JtLnGQ2.js";
 export { n as DATETIME_RANGE_PICKER_MAX_OPTIONS, e as DATETIME_RANGE_PICKER_MONTHS, a as DATETIME_RANGE_PICKER_STEP, c as DateTimeRangePicker, s as DateTimeRangePickerDefaultsProvider, i as DateTimeRangePickerPreset, t as dateTimeRangePickerLengthLabel, o as isSameDateTimeRange, r as useDateTimeRangePickerDefaults };

package/dist/{detail-panel-z6WGleP4.js → detail-panel-ChaIgrw3.js}

@@ -2,8 +2,8 @@ import { r as e } from "./i18n-DpW8lqJ1.js";
 import { n as t } from "./badge-C6rbwVpu.js";
 import { t as n } from "./skeleton-2LSpg84Z.js";
 import { n as r } from "./container-CjxY6rYv.js";
-import { a as i } from "./page-IiYXk1sz.js";
-import { w as a } from "./page-header-Bn4nIGfF.js";
+import { a as i } from "./page-QP8Zyz8-.js";
+import { w as a } from "./page-header-BP_Wt3eS.js";
 import { a as o, l as s, n as c, o as l, s as u, t as d } from "./section-Be7dX9MC.js";
 import { a as f, n as p, o as m, r as h, t as g } from "./tabs-HWmvOKM4.js";
 import { createControllable as _ } from "@slotted/core/state";

package/dist/detail-panel.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 "./detail-panel-z6WGleP4.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./detail-panel-ChaIgrw3.js";
 export { t as DetailPanel, o as DetailPanelBody, r as DetailPanelDefaultsProvider, n as DetailPanelSection, i as DetailPanelTabs, e as useDetailPanel, a as useDetailPanelDefaults };