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

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-ClnEleth.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-Dy1A0Wqy.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/description-list-Cc4JYZ-3.js

@@ -0,0 +1,240 @@
+import { n as e, t } from "./icon-DjqSEQ-o.js";
+import { r as n } from "./i18n-DpW8lqJ1.js";
+/* empty css                         */
+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, useId as c, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { descriptionListMessages as m } from "@slotted/core/i18n";
+import { getLiveAnnouncer as h } from "@slotted/core/live-announcer";
+import { writeToClipboard as g } from "@slotted/core/clipboard";
+//#region src/description-list/description-list-defaults.tsx
+var _ = a({});
+function v() {
+	return o(_);
+}
+function y({ children: e, ...t }) {
+	let n = v();
+	return /* @__PURE__ */ f(_.Provider, {
+		value: {
+			columns: t.columns ?? n.columns,
+			layout: t.layout ?? n.layout,
+			termWidth: t.termWidth ?? n.termWidth,
+			variant: t.variant ?? n.variant
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/description-list/description-list.tsx
+var b = a(void 0), x = a(void 0);
+function S() {
+	let e = o(b);
+	if (e === void 0) throw Error("Description list parts must be rendered inside a DescriptionList.");
+	return e;
+}
+function C() {
+	return o(x);
+}
+var w = x.Provider;
+function T({ children: e, columns: t, layout: i, messages: a, render: o, style: s, termWidth: c, variant: l, ...u }) {
+	let d = v(), p = n(m, a), h = {
+		columns: t ?? d.columns ?? 1,
+		layout: i ?? d.layout ?? "row",
+		t: p,
+		variant: l ?? d.variant ?? "plain"
+	}, g = c ?? d.termWidth, _ = r({
+		...u,
+		children: /* @__PURE__ */ f("dl", {
+			"data-part": "list",
+			"data-part-list": "",
+			children: e
+		}),
+		"data-columns": String(h.columns),
+		"data-layout": h.layout,
+		"data-part": "root",
+		"data-ui": "description-list",
+		"data-variant": h.variant,
+		style: g === void 0 ? s : {
+			...s,
+			"--slotted-description-list-term-width": g
+		}
+	});
+	return /* @__PURE__ */ f(b.Provider, {
+		value: h,
+		children: o === void 0 ? /* @__PURE__ */ f("div", { ..._ }) : o(_)
+	});
+}
+//#endregion
+//#region src/description-list/description-list-clipboard.ts
+async function E(e) {
+	return await g(e) !== "refused";
+}
+//#endregion
+//#region src/description-list/description-list-parts.tsx
+var D = 1500;
+function O(e, t) {
+	return e != null && e !== "" ? /* @__PURE__ */ f("span", {
+		"data-part": "placeholder",
+		"data-part-placeholder": "",
+		children: e
+	}) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("span", {
+		"aria-hidden": "true",
+		"data-part": "placeholder",
+		"data-part-placeholder": "",
+		children: "—"
+	}), /* @__PURE__ */ f("span", {
+		"data-ui": "visually-hidden",
+		"data-ui-visually-hidden": "",
+		children: t
+	})] });
+}
+function k(e, t, n) {
+	return !Number.isFinite(t) || t <= 0 || n <= 0 ? !1 : e > t * n + 1;
+}
+function A(e) {
+	let t = e === null ? null : e.ownerDocument.defaultView?.getSelection();
+	if (e === null || t == null) return !1;
+	try {
+		t.removeAllRanges();
+		let n = e.ownerDocument.createRange();
+		return n.selectNodeContents(e), t.addRange(n), !0;
+	} catch {
+		return !1;
+	}
+}
+function j(e, t) {
+	if (e === void 0) return;
+	let n = Math.min(Math.max(Math.trunc(e), 1), t);
+	return n > 1 ? n : void 0;
+}
+function M({ children: e, ref: t, render: n, span: i, ...a }) {
+	let o = S(), s = c(), l = j(i, o.columns), u = r({
+		...a,
+		children: e,
+		"data-part": "item",
+		"data-span": l === void 0 ? void 0 : String(l)
+	});
+	return /* @__PURE__ */ f(w, {
+		value: { termId: `slotted-description-list-${s}` },
+		children: n === void 0 ? /* @__PURE__ */ f("div", {
+			...u,
+			ref: t
+		}) : n(u)
+	});
+}
+function N({ children: e, ref: t, render: n, ...i }) {
+	let a = C(), o = r({
+		...i,
+		children: e,
+		"data-part": "term",
+		id: i.id ?? a?.termId
+	});
+	return n === void 0 ? /* @__PURE__ */ f("dt", {
+		...o,
+		ref: t
+	}) : n(o);
+}
+function P({ children: e, ref: t, render: n, ...i }) {
+	let a = r({
+		...i,
+		children: e,
+		"data-part": "hint"
+	});
+	return n === void 0 ? /* @__PURE__ */ f("span", {
+		...a,
+		ref: t
+	}) : n(a);
+}
+function F({ children: n, clamp: a, copy: o, copyValue: c, defaultRevealed: m, empty: g, onCopy: _, onRevealedChange: v, placeholder: y, ref: b, render: x, revealed: C, style: w, ...T }) {
+	let j = S(), M = l(null), N = l(void 0), [P, F] = u(m ?? !1), [I, L] = u(!1), [R, z] = u(!1), B = C ?? P, V = a === void 0 ? 0 : Math.max(0, Math.trunc(a)), H = V > 0, U = g ?? (n == null || n === "");
+	s(() => () => clearTimeout(N.current), []), s(() => {
+		let e = M.current;
+		if (!H || e === null || typeof ResizeObserver > "u") {
+			z(!1);
+			return;
+		}
+		let t = () => {
+			let t = Number.parseFloat(getComputedStyle(e).lineHeight);
+			z(k(e.scrollHeight, t, V));
+		};
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [H, V]);
+	let W = (e, t, n) => {
+		i({
+			controlled: C,
+			initial: B,
+			onRequest: (e) => v?.(e.value, e)
+		}).request(e, t, n) && F(e);
+	}, G = async (e, t) => {
+		let n = c ?? M.current?.textContent?.trim() ?? "", r = await E(n), i = !1;
+		r ? (L(!0), clearTimeout(N.current), N.current = setTimeout(() => L(!1), D), h().announce(j.t("copied"))) : (i = A(M.current), h().announce(j.t("copyBlocked"))), _?.({
+			copied: r,
+			reason: e,
+			selected: i,
+			source: t,
+			value: n
+		});
+	}, K = l(!1), q = (e) => {
+		(e.key === "Enter" || e.key === " ") && (K.current = !0);
+	}, J = (e, t) => {
+		let n = K.current ? "keyboard" : "pointer";
+		return K.current = !1, t(n, e);
+	}, Y = r({
+		...T,
+		children: /* @__PURE__ */ p(d, { children: [
+			/* @__PURE__ */ f("span", {
+				"data-part": "value",
+				"data-part-value": "",
+				ref: M,
+				children: U ? O(y, j.t("placeholder")) : n
+			}),
+			o === !0 ? /* @__PURE__ */ f("button", {
+				"aria-label": j.t("copy"),
+				"data-complete": I ? "" : void 0,
+				"data-part": "copy",
+				"data-part-copy": "",
+				onClick: (e) => void J(e, G),
+				onKeyDown: q,
+				type: "button",
+				children: /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(e, { name: I ? "check" : "copy" }) })
+			}) : null,
+			H && R ? /* @__PURE__ */ p("button", {
+				"aria-expanded": B,
+				"data-part": "toggle",
+				"data-part-toggle": "",
+				onClick: (e) => void J(e, (e, t) => W(!B, e, t)),
+				onKeyDown: q,
+				type: "button",
+				children: [B ? j.t("collapse") : j.t("reveal"), /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(e, { name: "chevron-down" }) })]
+			}) : null
+		] }),
+		"data-clamp": H ? "" : void 0,
+		"data-part": "description",
+		"data-revealed": H && B ? "" : void 0,
+		style: H ? {
+			...w,
+			"--slotted-description-list-clamp": V
+		} : w
+	});
+	return x === void 0 ? /* @__PURE__ */ f("dd", {
+		...Y,
+		ref: b
+	}) : x(Y);
+}
+function I({ children: e, ref: t, render: n, ...i }) {
+	let a = C(), o = [i["aria-describedby"], a?.termId].filter(Boolean).join(" "), s = r({
+		...i,
+		"aria-describedby": o === "" ? void 0 : o,
+		children: e,
+		"data-part": "action"
+	});
+	return n === void 0 ? /* @__PURE__ */ f("dd", {
+		...s,
+		ref: t
+	}) : n(s);
+}
+//#endregion
+export { M as a, A as c, T as d, S as f, v as h, P as i, j as l, y as m, I as n, N as o, C as p, F as r, k as s, D as t, E as u };

package/dist/description-list.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "./description-list-IYLnFgHT.js";
+import { a as e, c as t, d as n, f as r, h as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "./description-list-Cc4JYZ-3.js";
 export { p as COPIED_FOR, n as DescriptionList, c as DescriptionListAction, s as DescriptionListDefaultsProvider, d as DescriptionListDescription, a as DescriptionListHint, e as DescriptionListItem, l as DescriptionListTerm, m as copyToClipboard, f as overflowsClamp, t as selectValue, o as spanWithin, r as useDescriptionList, i as useDescriptionListDefaults, u as useDescriptionListItem };

package/dist/{detail-panel-qOJiNuzr.js → detail-panel-BI_wHSoz.js}

@@ -1,18 +1,19 @@
 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-kQgLctsA.js";
-import { w as a } from "./page-header-CWEBfMGq.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-DQ36APY-.js";
-import { createControllable as _ } from "@slotted/core/state";
-import { createContext as v, useCallback as y, useContext as b, useEffect as x, useImperativeHandle as S, useMemo as C, useRef as w, useState as T } from "react";
+import { n as t } from "./badge-pgYVOnZO.js";
+import { t as n } from "./skeleton-DyOwgYmF.js";
+import { n as r } from "./container-WoYiHo50.js";
+import { a as i } from "./page-CfjGviUA.js";
+import { w as a } from "./page-header-w_PFLnLG.js";
+import { a as o, c as s, n as c, o as l, t as u, u as d } from "./section-DY8yPm11.js";
+import { a as f, n as p, o as m, r as h, t as g } from "./tabs-DjEpS9uq.js";
+import { keyedProps as _ } from "@slotted/core/selector-key";
+import { createControllable as v } from "@slotted/core/state";
+import { createContext as y, useCallback as b, useContext as x, useEffect as S, useImperativeHandle as C, useMemo as ee, useRef as w, useState as T } from "react";
 import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
 import { detailPanelMessages as k } from "@slotted/core/i18n";
 import { findScrollParent as A } from "@slotted/core/sticky-header";
 //#region src/detail-panel/detail-panel-defaults.tsx
-var j = v({
+var j = y({
 	aside: "end",
 	layout: "stacked",
 	level: "2",
@@ -21,7 +22,7 @@ var j = v({
 	size: "md"
 });
 function M() {
-	return b(j);
+	return x(j);
 }
 function N({ children: e, ...t }) {
 	let n = M();
@@ -39,23 +40,23 @@ function N({ children: e, ...t }) {
 }
 //#endregion
 //#region src/detail-panel/detail-panel.tsx
-var P = v(void 0);
+var P = y(void 0);
 function F() {
-	let e = b(P);
+	let e = x(P);
 	if (e === void 0) throw Error("A DetailPanel part must be rendered inside DetailPanel.");
 	return e;
 }
 var I = ":scope > [data-ui=\"page-header\"] [data-part=\"heading\"]";
-function ee(e) {
+function te(e) {
 	return [...e].sort((e, t) => {
 		if (e.element === null || t.element === null) return 0;
 		let n = e.element.compareDocumentPosition(t.element);
 		return n & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
 	});
 }
-function te({ "aria-label": t, "aria-labelledby": n, aside: o, children: s, className: c, defaultSection: l, footer: u, layout: d, level: f, loading: p, messages: m, mount: h, onSectionChange: g, recordKey: v, ref: b, render: E, scroll: j, section: N, size: F, status: te, style: ne, ...L }) {
-	let R = M(), z = i(), B = o ?? R.aside, V = d ?? R.layout, H = f ?? R.level, U = h ?? R.mount, W = j ?? R.scroll, G = F ?? R.size, re = te ?? "ready", K = p === !0, ie = e(k, m), [q, ae] = T(null), [oe, se] = T(void 0), [J, ce] = T(() => /* @__PURE__ */ new Map()), [le, ue] = T(void 0), [de, fe] = T(l), pe = N ?? de, me = C(() => ee(J.values()), [J]), Y = pe ?? (V === "tabs" ? me[0]?.name : void 0), he = w(/* @__PURE__ */ new Set());
-	Y !== void 0 && he.current.add(Y);
+function ne({ "aria-label": t, "aria-labelledby": n, aside: o, children: s, className: c, defaultSection: l, footer: u, layout: d, level: f, loading: p, messages: m, mount: h, onSectionChange: g, recordKey: y, ref: x, render: E, scroll: j, section: N, size: F, status: ne, style: L, ...re }) {
+	let R = M(), z = i(), B = o ?? R.aside, V = d ?? R.layout, H = f ?? R.level, ie = h ?? R.mount, U = j ?? R.scroll, W = F ?? R.size, ae = ne ?? "ready", G = p === !0, oe = e(k, m), [K, se] = T(null), [q, ce] = T(void 0), [J, le] = T(() => /* @__PURE__ */ new Map()), [ue, de] = T(void 0), [fe, pe] = T(l), me = N ?? fe, he = ee(() => te(J.values()), [J]), Y = me ?? (V === "tabs" ? he[0]?.name : void 0), ge = w(/* @__PURE__ */ new Set());
+	Y !== void 0 && ge.current.add(Y);
 	let X = w({
 		current: Y,
 		onSectionChange: g,
@@ -66,98 +67,99 @@ function te({ "aria-label": t, "aria-labelledby": n, aside: o, children: s, clas
 		onSectionChange: g,
 		section: N
 	};
-	let Z = y((e, t, n) => {
+	let Z = b((e, t, n) => {
 		if (e === X.current.current) return;
-		let r = !1, i = _({
+		let r = !1, i = v({
 			controlled: X.current.section,
 			initial: X.current.current,
 			onRequest: (e) => {
 				X.current.onSectionChange?.(e.value, e), r = e.cancelled;
 			}
 		}).request(e, t, n);
-		r || i && fe(e);
-	}, []), ge = y((e) => (ce((t) => new Map(t).set(e.name, e)), () => {
-		ce((t) => {
+		r || i && pe(e);
+	}, []), _e = b((e) => (le((t) => new Map(t).set(e.name, e)), () => {
+		le((t) => {
 			if (t.get(e.name) !== e) return t;
 			let n = new Map(t);
 			return n.delete(e.name), n;
 		});
-	}), []), _e = y((e) => {
-		ue(() => e);
+	}), []), ve = b((e) => {
+		de(() => e);
 	}, []);
-	x(() => {
-		if (q === null || t !== void 0 || n !== void 0) return;
-		let e = q.querySelector(I);
-		se(e?.id || void 0);
+	S(() => {
+		if (K === null || t !== void 0 || n !== void 0) return;
+		let e = K.querySelector(I);
+		ce(e?.id || void 0);
 	}, [
-		q,
+		K,
 		t,
 		n,
-		v,
-		K
+		y,
+		G
 	]);
-	let Q = y(() => {
-		let e = q?.querySelector(I);
+	let Q = b(() => {
+		let e = K?.querySelector(I);
 		e && (e.hasAttribute("tabindex") || e.setAttribute("tabindex", "-1"), e.focus({ preventScroll: !0 }));
-	}, [q]), ve = y(() => q === null ? null : W === "self" ? q : A(q), [q, W]), ye = w(v);
-	x(() => {
-		if (ye.current === v || (ye.current = v, q === null)) return;
-		let e = q.ownerDocument.activeElement;
-		e !== null && q.contains(e) && (ve()?.scrollTo({ top: 0 }), Q());
+	}, [K]), ye = b(() => K === null ? null : U === "self" ? K : A(K), [K, U]), be = w(y);
+	S(() => {
+		if (be.current === y || (be.current = y, K === null)) return;
+		let e = K.ownerDocument.activeElement;
+		e !== null && K.contains(e) && (ye()?.scrollTo({ top: 0 }), Q());
 	}, [
-		v,
-		q,
-		ve,
+		y,
+		K,
+		ye,
 		Q
 	]);
 	let $ = w(void 0);
-	x(() => {
+	S(() => {
 		V === "stacked" && Y !== void 0 && $.current !== Y && ($.current = Y, J.get(Y)?.element?.scrollIntoView({ block: "start" }));
 	}, [
 		Y,
 		J,
 		V
-	]), S(b, () => ({
+	]), C(x, () => ({
 		get element() {
-			return q;
+			return K;
 		},
 		focus: Q,
 		scrollToSection: (e) => {
 			$.current = void 0, Z(e, "programmatic", void 0);
 		}
 	}), [
-		q,
+		K,
 		Q,
 		Z
 	]);
-	let be = {
+	let xe = {
 		aside: B,
-		attachIdentify: _e,
+		attachIdentify: ve,
 		current: Y,
-		identify: le,
+		identify: ue,
 		layout: V,
 		level: H,
-		loading: K,
-		mount: U,
-		register: ge,
-		sections: me,
-		seen: (e) => he.current.has(e),
+		loading: G,
+		mount: ie,
+		register: _e,
+		sections: he,
+		seen: (e) => ge.current.has(e),
 		select: Z,
-		size: G,
-		status: re,
-		t: ie
-	}, xe = {
-		...L,
-		...t === void 0 ? n === void 0 ? oe === void 0 ? K ? { "aria-label": ie("loading") } : {} : { "aria-labelledby": oe } : { "aria-labelledby": n } : { "aria-label": t },
-		...K ? {
+		size: W,
+		status: ae,
+		t: oe
+	}, Se = _({
+		...re,
+		...t === void 0 ? n === void 0 ? q === void 0 ? G ? { "aria-label": oe("loading") } : {} : { "aria-labelledby": q } : { "aria-labelledby": n } : { "aria-label": t },
+		...G ? {
 			"aria-busy": !0,
 			"data-loading": ""
 		} : {},
 		children: /* @__PURE__ */ O(a, {
 			level: H,
-			size: G,
+			size: W,
 			children: [s, u != null && u !== !1 ? /* @__PURE__ */ D("footer", {
 				"data-part": "footer",
+				"data-part-footer": "",
 				children: /* @__PURE__ */ D(r, {
 					inset: z?.inset,
 					size: z?.width,
@@ -167,77 +169,82 @@ function te({ "aria-label": t, "aria-labelledby": n, aside: o, children: s, clas
 		}),
 		className: c,
 		"data-aside": B,
-		...v === void 0 ? {} : { "data-key": String(v) },
+		...y === void 0 ? {} : { "data-key": String(y) },
 		"data-layout": V,
 		"data-level": H,
-		"data-mount": U,
+		"data-mount": ie,
 		"data-part": "root",
-		"data-scroll": W,
-		"data-size": G,
-		"data-status": re,
+		"data-scroll": U,
+		"data-size": W,
+		"data-status": ae,
 		"data-ui": "detail-panel",
-		style: ne
-	};
+		style: L
+	});
 	return /* @__PURE__ */ D(P.Provider, {
-		value: be,
+		value: xe,
 		children: E === void 0 ? /* @__PURE__ */ D("article", {
-			...xe,
-			ref: ae
+			...Se,
+			ref: se
 		}) : E({
-			...xe,
-			ref: ae
+			...Se,
+			ref: se
 		})
 	});
 }
 //#endregion
 //#region src/detail-panel/detail-panel-parts.tsx
-var ne = 3, L = 4;
+var L = 3, re = 4;
 function R({ aside: e, banner: t, children: a, className: o, message: s, ref: c, render: l, style: u, ...d }) {
-	let f = F(), p = i(), m = f.status === "ready", h = f.aside !== "none" && (e !== void 0 || f.loading), g = {
+	let f = F(), p = i(), m = f.status === "ready", h = f.aside !== "none" && (e !== void 0 || f.loading), g = _({
 		...d,
 		children: /* @__PURE__ */ O(r, {
 			inset: p?.inset,
 			size: p?.width,
 			children: [t != null && t !== !1 ? /* @__PURE__ */ D("div", {
 				"data-part": "banner",
+				"data-part-banner": "",
 				children: t
 			}) : null, m ? /* @__PURE__ */ O("div", {
 				"data-part": "columns",
+				"data-part-columns": "",
 				children: [/* @__PURE__ */ D("div", {
 					"data-part": "main",
+					"data-part-main": "",
 					children: a
 				}), h ? /* @__PURE__ */ D("aside", {
 					"data-part": "aside",
+					"data-part-aside": "",
 					"aria-label": f.t("aside"),
 					children: f.loading ? /* @__PURE__ */ D(n, {
-						lines: L,
+						lines: re,
 						inlineSize: "60%"
 					}) : e
 				}) : null]
 			}) : /* @__PURE__ */ D("div", {
 				"data-part": "message",
+				"data-part-message": "",
 				children: s
 			})]
 		}),
 		className: o,
 		"data-part": "body",
 		style: u
-	};
+	});
 	return l === void 0 ? /* @__PURE__ */ D("div", {
 		...g,
 		ref: c
 	}) : l(g);
 }
-function z({ actions: e, children: r, className: i, count: a, disabled: f, label: p, name: m, ref: h, render: g, style: _, ...v }) {
-	let b = F(), S = w(null), C = y((e) => {
-		S.current = e, typeof h == "function" ? h(e) : h && (h.current = e);
-	}, [h]), { register: T } = b;
-	x(() => T({
+function z({ actions: e, children: r, className: i, count: a, disabled: f, label: p, name: m, ref: h, render: g, style: v, ...y }) {
+	let x = F(), C = w(null), ee = b((e) => {
+		C.current = e, typeof h == "function" ? h(e) : h && (h.current = e);
+	}, [h]), { register: T } = x;
+	S(() => T({
 		name: m,
 		label: p,
 		count: a,
 		disabled: f,
-		element: S.current
+		element: C.current
 	}), [
 		T,
 		m,
@@ -245,25 +252,26 @@ function z({ actions: e, children: r, className: i, count: a, disabled: f, label
 		a,
 		f
 	]);
-	let k = b.current === m, A = b.layout === "tabs", j = A ? b.identify?.(m) : void 0, M = !A || b.mount === "eager" || k || b.mount === "lazy" && b.seen(m), N = a === void 0 ? null : /* @__PURE__ */ D(t, {
+	let k = x.current === m, A = x.layout === "tabs", j = A ? x.identify?.(m) : void 0, M = !A || x.mount === "eager" || k || x.mount === "lazy" && x.seen(m), N = a === void 0 ? null : /* @__PURE__ */ D(t, {
 		count: a,
 		shape: "pill",
 		size: "sm",
 		tone: "secondary",
 		variant: "soft"
-	}), P = b.loading ? /* @__PURE__ */ D(n, { lines: ne }) : null, I = {
-		...v,
+	}), P = x.loading ? /* @__PURE__ */ D(n, { lines: L }) : null, I = _({
+		...y,
 		...j === void 0 ? {} : {
 			"aria-labelledby": j.tabId,
 			id: j.panelId
 		},
 		children: A ? /* @__PURE__ */ O(E, { children: [e != null && e !== !1 ? /* @__PURE__ */ D("div", {
 			"data-part": "section-actions",
+			"data-part-section-actions": "",
 			children: e
-		}) : null, M ? P ?? r : null] }) : /* @__PURE__ */ O(s, {
-			level: String(Math.min(Number(b.level) + 1, 6)),
-			size: b.size,
-			children: [/* @__PURE__ */ O(o, { children: [/* @__PURE__ */ D(u, { children: /* @__PURE__ */ O(l, { children: [p, N === null ? null : /* @__PURE__ */ O(E, { children: [" ", N] })] }) }), e != null && e !== !1 ? /* @__PURE__ */ D(d, { children: e }) : null] }), /* @__PURE__ */ D(c, { children: P ?? r })]
+		}) : null, M ? P ?? r : null] }) : /* @__PURE__ */ O(d, {
+			level: String(Math.min(Number(x.level) + 1, 6)),
+			size: x.size,
+			children: [/* @__PURE__ */ O(o, { children: [/* @__PURE__ */ D(s, { children: /* @__PURE__ */ O(l, { children: [p, N === null ? null : /* @__PURE__ */ O(E, { children: [" ", N] })] }) }), e != null && e !== !1 ? /* @__PURE__ */ D(u, { children: e }) : null] }), /* @__PURE__ */ D(c, { children: P ?? r })]
 		}),
 		className: i,
 		...k ? { "data-current": "" } : {},
@@ -274,18 +282,18 @@ function z({ actions: e, children: r, className: i, count: a, disabled: f, label
 			role: "tabpanel",
 			tabIndex: 0
 		} : {},
-		style: _
-	};
+		style: v
+	});
 	return g === void 0 ? /* @__PURE__ */ D("div", {
 		...I,
-		ref: C
+		ref: ee
 	}) : g(I);
 }
 function B() {
 	let e = m(), t = F(), n = w(e.identify);
 	n.current = e.identify;
 	let { attachIdentify: r } = t;
-	return x(() => (r((e) => n.current(e)), () => r(void 0)), [r]), null;
+	return S(() => (r((e) => n.current(e)), () => r(void 0)), [r]), null;
 }
 function V({ children: e, label: n }) {
 	let r = F();
@@ -316,4 +324,4 @@ function V({ children: e, label: n }) {
 	}) : null;
 }
 //#endregion
-export { F as a, te as i, z as n, N as o, V as r, M as s, R as t };
+export { F as a, ne as i, z as n, N as o, V as r, M as s, R as t };

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