themelia-react-ui 2.0.3 → 2.0.4

package/dist/{overflow-tab-bar-CWY7Nogn.js → overflow-tab-bar-CrbqMteP.js}

@@ -1,52 +1,53 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-BRhFDwuU.js";
-import { c as n, o as r, s as i } from "./typography-UTnveOEy.js";
-import { t as a } from "./focus-recipes-B653VaLq.js";
-import { t as o } from "./structure-BmisBK-3.js";
-import { i as s } from "./popover.recipes-D3j8R8Yp.js";
-import { n as c } from "./action-menu-CllU52Mm.js";
-import { t as l } from "./interaction-recipes-XR9ZpVYL.js";
-import { t as u } from "./badge-HpFqoqSY.js";
-import { t as d } from "./separator-BDV-Y648.js";
-import { n as f, t as p } from "./page-header-commands-DOb6WsfD.js";
-import { forwardRef as m, useCallback as h, useLayoutEffect 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 { MoreHorizontal as C } from "lucide-react";
+import { t } from "./utils-CF3c95Io.js";
+import { c as n, o as r, s as i } from "./typography-CSyJrh28.js";
+import { n as a, t as o } from "./text.styles-B64My8RZ.js";
+import { t as s } from "./focus-recipes-B653VaLq.js";
+import { t as c } from "./structure-C0V0_Fyf.js";
+import { i as l } from "./popover.recipes-D3j8R8Yp.js";
+import { n as u } from "./action-menu-CHgs8vmj.js";
+import { t as d } from "./interaction-recipes-XR9ZpVYL.js";
+import { t as f } from "./badge-DErMA7ul.js";
+import { t as p } from "./separator-GNfPG-90.js";
+import { n as m, t as h } from "./page-header-commands-DFMlNYzN.js";
+import { forwardRef as g, useCallback as _, useLayoutEffect as v, useMemo as y, useRef as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { MoreHorizontal as T } from "lucide-react";
 //#region src/components/base/navigation/page-header/page-header.tsx
-function w(e) {
+function E(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function T({ eyebrow: e, title: a, description: s, textGap: c = "normal", headingTag: l = "h2", badge: m, badges: h, breadcrumbs: g, leading: _, beforeTitle: v, titlePrefix: y, titleSuffix: C, afterDescription: T, actions: E, primaryAction: D, secondaryActions: O, moreActionsLabel: k = "More actions", renderLink: A, children: j, className: M, contentClassName: N, eyebrowClassName: P, titleClassName: F, titleRowClassName: I, descriptionClassName: L, actionsClassName: R, withSeparator: z = !1 }) {
-	let B = h ?? (m ? [m] : []), V = f(D, O), H = V ? /* @__PURE__ */ S(b, { children: [E, /* @__PURE__ */ x(p, {
-		primaryAction: D,
-		secondaryActions: O,
-		moreActionsLabel: k,
-		renderLink: A
-	})] }) : E;
-	return /* @__PURE__ */ S("header", {
-		className: t("page-heading--component page-header--component", "w-full", M),
+function D({ eyebrow: e, title: s, description: l, textGap: u = "normal", headingTag: d = "h2", titleSize: g = a.subject, badge: _, badges: v, breadcrumbs: y, leading: b, beforeTitle: x, titlePrefix: T, titleSuffix: D, afterDescription: O, actions: k, primaryAction: A, secondaryActions: j, moreActionsLabel: M = "More actions", renderLink: N, children: P, className: F, contentClassName: I, eyebrowClassName: L, titleClassName: R, titleRowClassName: z, descriptionClassName: B, actionsClassName: V, withSeparator: H = !1 }) {
+	let U = v ?? (_ ? [_] : []), W = m(A, j), G = W ? /* @__PURE__ */ w(S, { children: [k, /* @__PURE__ */ C(h, {
+		primaryAction: A,
+		secondaryActions: j,
+		moreActionsLabel: M,
+		renderLink: N
+	})] }) : k;
+	return /* @__PURE__ */ w("header", {
+		className: t("page-heading--component page-header--component", "w-full", F),
 		children: [
-			!!g && /* @__PURE__ */ x("div", {
+			!!y && /* @__PURE__ */ C("div", {
 				className: "mb-space-lg",
-				children: g
+				children: y
 			}),
-			/* @__PURE__ */ S(o, {
+			/* @__PURE__ */ w(c, {
 				direction: "horizontal",
 				gap: "lg",
 				align: "start",
 				wrap: !1,
-				children: [_, /* @__PURE__ */ S(o, {
+				children: [b, /* @__PURE__ */ w(c, {
 					gap: "dense",
-					className: t("page-header--content-row flex-1", N),
+					className: t("page-header--content-row flex-1", I),
 					children: [
-						!!e && (w(e) ? /* @__PURE__ */ x(r, {
+						!!e && (E(e) ? /* @__PURE__ */ C(r, {
 							tag: "div",
-							className: P,
+							className: L,
 							children: e
 						}) : e),
-						v,
-						/* @__PURE__ */ S(o, {
+						x,
+						/* @__PURE__ */ w(c, {
 							direction: {
 								base: "vertical",
 								sm: "horizontal"
@@ -58,77 +59,78 @@ function T({ eyebrow: e, title: a, description: s, textGap: c = "normal", headin
 								sm: !0
 							},
 							className: "page-header--headline-row min-w-0",
-							children: [/* @__PURE__ */ S("div", {
-								className: t("page-header--copy-column page-header--title-row grid min-w-0 w-full flex-1 basis-full items-center gap-x-space-md sm:w-auto sm:basis-64", y ? "grid-cols-[auto_minmax(0,1fr)]" : "grid-cols-[minmax(0,1fr)]", I, c === "normal" ? "gap-y-normal" : "gap-y-dense"),
+							children: [/* @__PURE__ */ w("div", {
+								className: t("page-header--copy-column page-header--title-row grid min-w-0 w-full flex-1 basis-full items-center gap-x-space-md sm:w-auto sm:basis-64", T ? "grid-cols-[auto_minmax(0,1fr)]" : "grid-cols-[minmax(0,1fr)]", z, u === "normal" ? "gap-y-normal" : "gap-y-dense"),
 								children: [
-									!!y && /* @__PURE__ */ x("span", {
+									!!T && /* @__PURE__ */ C("span", {
 										className: "page-header--title-prefix inline-flex shrink-0 items-center self-center",
-										children: y
+										children: T
 									}),
-									/* @__PURE__ */ S(o, {
+									/* @__PURE__ */ w(c, {
 										direction: "horizontal",
 										gap: "md",
 										align: "center",
 										wrap: !0,
 										className: "page-header--title-line min-h-action-sm min-w-0",
 										children: [
-											w(a) ? /* @__PURE__ */ x(i, {
-												tag: l,
-												className: t("page-header--title min-w-0 [overflow-wrap:anywhere] border-0 pb-0", F),
-												children: a
-											}) : a,
-											B.length > 0 && /* @__PURE__ */ x(o, {
+											E(s) ? /* @__PURE__ */ C(i, {
+												tag: d,
+												size: g,
+												className: t("page-header--title min-w-0 [overflow-wrap:anywhere] border-0 pb-0", R),
+												children: s
+											}) : s,
+											U.length > 0 && /* @__PURE__ */ C(c, {
 												direction: "horizontal",
 												gap: "sm",
 												wrap: !0,
 												className: "page-header--badges min-w-0 max-w-full",
-												children: B.map((e, t) => /* @__PURE__ */ x(u, {
+												children: U.map((e, t) => /* @__PURE__ */ C(f, {
 													tone: e.tone ?? "secondary",
 													children: e.label
 												}, e.key ?? t))
 											}),
-											C
+											D
 										]
 									}),
-									(!!s || !!T) && /* @__PURE__ */ S(o, {
+									(!!l || !!O) && /* @__PURE__ */ w(c, {
 										gap: "dense",
-										className: t("page-header--title-block min-w-0", !!y && "col-start-2"),
-										children: [!!s && (w(s) ? /* @__PURE__ */ x(n, {
-											type: "secondary",
-											className: t("page-header--description max-w-2xl [overflow-wrap:anywhere]", L),
-											children: s
-										}) : s), T]
+										className: t("page-header--title-block min-w-0", !!T && "col-start-2"),
+										children: [!!l && (E(l) ? /* @__PURE__ */ C(n, {
+											...o.structuralDescription,
+											className: t("page-header--description max-w-2xl [overflow-wrap:anywhere]", B),
+											children: l
+										}) : l), O]
 									})
 								]
-							}), !!H && /* @__PURE__ */ x(o, {
+							}), !!G && /* @__PURE__ */ C(c, {
 								direction: "horizontal",
 								gap: "md",
-								className: t("page-header--actions max-w-full shrink-0", V && "self-end justify-end sm:self-auto", R),
-								children: H
+								className: t("page-header--actions max-w-full shrink-0", W && "self-end justify-end sm:self-auto", V),
+								children: G
 							})]
 						})
 					]
 				})]
 			}),
-			!!j && /* @__PURE__ */ x("div", {
+			!!P && /* @__PURE__ */ C("div", {
 				className: "mt-space-xl",
-				children: j
+				children: P
 			}),
-			!!z && /* @__PURE__ */ x(d, { className: "mt-space-xl" })
+			!!H && /* @__PURE__ */ C(p, { className: "mt-space-xl" })
 		]
 	});
 }
-T.displayName = "PageHeading";
+D.displayName = "PageHeading";
 //#endregion
 //#region src/components/base/navigation/overflow-tab-bar.tsx
-var E = {
+var O = {
 	more: "More",
 	navigationLabel: "Tab navigation"
-}, D = `${l.nativeButtonReset} inline-flex h-action-sm shrink-0 cursor-pointer items-center gap-space-sm rounded-inner px-control-sm text-sm font-medium whitespace-nowrap no-underline outline-none transition-colors ${a.edge} [&_svg]:size-icon [&_svg]:shrink-0`, O = l.segmentInactive, k = l.segmentActive;
-function A(e) {
+}, k = `${d.nativeButtonReset} inline-flex h-action-sm shrink-0 cursor-pointer items-center gap-space-sm rounded-inner px-control-sm text-sm font-medium whitespace-nowrap no-underline outline-none transition-colors ${s.edge} [&_svg]:size-icon [&_svg]:shrink-0`, A = d.segmentInactive, j = d.segmentActive;
+function M(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function j(e, t, n, r) {
+function N(e, t, n, r) {
 	if (e.reduce((e, t) => e + t, 0) + n * Math.max(0, e.length - 1) <= t) return e.length;
 	let i = 0, a = 0;
 	for (let o of e) {
@@ -138,12 +140,12 @@ function j(e, t, n, r) {
 	}
 	return Math.max(1, a);
 }
-var M = m(function({ items: r, value: i, onValueChange: a, className: o, tabClassName: l, activeTabClassName: d, strings: f, ...p }, m) {
-	let w = e(E, f), T = v(null), M = v(null), N = v(null), [P, F] = y(r.length), I = h((e) => {
-		T.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
+var P = g(function({ items: r, value: i, onValueChange: a, className: o, tabClassName: s, activeTabClassName: c, strings: d, ...p }, m) {
+	let h = e(O, d), g = b(null), E = b(null), D = b(null), [P, F] = x(r.length), I = _((e) => {
+		g.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
 	}, [m]);
-	g(() => {
-		let e = T.current, t = M.current, n = N.current;
+	v(() => {
+		let e = g.current, t = E.current, n = D.current;
 		if (!e || !t || !n) return;
 		let i = () => {
 			let i = getComputedStyle(t), a = (parseFloat(i.paddingLeft) || 0) + (parseFloat(i.paddingRight) || 0), o = e.clientWidth - a;
@@ -152,13 +154,13 @@ var M = m(function({ items: r, value: i, onValueChange: a, className: o, tabClas
 				return;
 			}
 			let s = parseFloat(getComputedStyle(n).columnGap) || 0, c = Array.from(n.querySelectorAll("[data-tab-id]")).map((e) => e.offsetWidth), l = n.querySelector("[data-more-measure]")?.offsetWidth ?? 0;
-			F(j(c, o, s, l));
+			F(N(c, o, s, l));
 		};
 		if (i(), typeof ResizeObserver > "u") return;
 		let a = new ResizeObserver(i);
 		return a.observe(e), () => a.disconnect();
-	}, [r, w.more]);
-	let L = _(() => {
+	}, [r, h.more]);
+	let L = y(() => {
 		if (!i) return r;
 		let e = r.findIndex((e) => e.id === i);
 		if (e < 0 || e < P) return r;
@@ -182,9 +184,9 @@ var M = m(function({ items: r, value: i, onValueChange: a, className: o, tabClas
 		let r = getComputedStyle(e.currentTarget).direction === "rtl" ? "ArrowLeft" : "ArrowRight", i = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : e.key === r ? (n + 1) % t.length : (n - 1 + t.length) % t.length;
 		e.preventDefault(), t[i]?.focus();
 	}, H = (e, r, a) => {
-		let o = e.icon, s = t(D, r ? t(k, d) : O, l), c = /* @__PURE__ */ S(b, { children: [
-			!!o && /* @__PURE__ */ x(o, { "aria-hidden": "true" }),
-			A(e.label) ? /* @__PURE__ */ x(n, {
+		let o = e.icon, l = t(k, r ? t(j, c) : A, s), u = /* @__PURE__ */ w(S, { children: [
+			!!o && /* @__PURE__ */ C(o, { "aria-hidden": "true" }),
+			M(e.label) ? /* @__PURE__ */ C(n, {
 				tag: "span",
 				size: "inherit",
 				weight: "medium",
@@ -192,67 +194,67 @@ var M = m(function({ items: r, value: i, onValueChange: a, className: o, tabClas
 				className: "text-inherit",
 				children: e.label
 			}) : e.label,
-			e.badge !== void 0 && e.badge !== null && e.badge !== !1 && /* @__PURE__ */ x(u, {
+			e.badge !== void 0 && e.badge !== null && e.badge !== !1 && /* @__PURE__ */ C(f, {
 				size: "sm",
 				tone: "secondary",
 				className: "overflow-tab-bar--badge",
 				children: e.badge
 			})
 		] });
-		if (a?.measure) return /* @__PURE__ */ x("span", {
+		if (a?.measure) return /* @__PURE__ */ C("span", {
 			"data-tab-id": e.id,
-			className: t("overflow-tab-bar--measure", s),
-			children: c
+			className: t("overflow-tab-bar--measure", l),
+			children: u
 		}, e.id);
-		let f = {
+		let d = {
 			"data-tab-id": e.id,
 			role: "tab",
 			"aria-selected": r,
 			tabIndex: r || !i ? 0 : -1,
 			onClick: () => B(e),
-			className: t("overflow-tab-bar--tab", s)
+			className: t("overflow-tab-bar--tab", l)
 		};
-		return e.href ? /* @__PURE__ */ x("a", {
+		return e.href ? /* @__PURE__ */ C("a", {
 			href: e.href,
-			...f,
-			children: c
-		}, e.id) : /* @__PURE__ */ x("button", {
+			...d,
+			children: u
+		}, e.id) : /* @__PURE__ */ C("button", {
 			type: "button",
-			...f,
-			children: c
+			...d,
+			children: u
 		}, e.id);
-	}, U = /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(C, { "aria-hidden": "true" }), /* @__PURE__ */ x(n, {
+	}, U = /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(T, { "aria-hidden": "true" }), /* @__PURE__ */ C(n, {
 		tag: "span",
 		size: "inherit",
 		weight: "medium",
 		lineHeight: "tight",
 		className: "text-inherit",
-		children: w.more
+		children: h.more
 	})] });
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ w("div", {
 		ref: I,
 		className: t("overflow-tab-bar--component relative w-full min-w-0 max-w-full", o),
 		...p,
-		children: [/* @__PURE__ */ S("div", {
-			ref: N,
+		children: [/* @__PURE__ */ w("div", {
+			ref: D,
 			"aria-hidden": "true",
 			className: "pointer-events-none invisible fixed left-0 top-0 z-[-1] flex h-0 w-0 items-center gap-space-2xs overflow-hidden",
-			children: [r.map((e) => H(e, !1, { measure: !0 })), /* @__PURE__ */ x("span", {
+			children: [r.map((e) => H(e, !1, { measure: !0 })), /* @__PURE__ */ C("span", {
 				"data-more-measure": "",
-				className: t(D, O),
+				className: t(k, A),
 				children: U
 			})]
-		}), /* @__PURE__ */ S("div", {
-			ref: M,
+		}), /* @__PURE__ */ w("div", {
+			ref: E,
 			className: "overflow-tab-bar--viewport inline-flex max-w-full min-w-0 items-center gap-space-2xs overflow-hidden rounded-inner bg-muted p-space-2xs align-top",
-			children: [/* @__PURE__ */ x("div", {
+			children: [/* @__PURE__ */ C("div", {
 				role: "tablist",
-				"aria-label": w.navigationLabel,
+				"aria-label": h.navigationLabel,
 				"aria-orientation": "horizontal",
 				onKeyDown: V,
 				className: "overflow-tab-bar--tablist flex min-w-0 items-center gap-space-2xs overflow-hidden",
 				children: R.map((e) => H(e, e.id === i))
-			}), z.length > 0 && /* @__PURE__ */ x(c, {
+			}), z.length > 0 && /* @__PURE__ */ C(u, {
 				actions: z.map((e) => ({
 					id: e.id,
 					label: e.label,
@@ -261,22 +263,22 @@ var M = m(function({ items: r, value: i, onValueChange: a, className: o, tabClas
 					onClick: () => B(e)
 				})),
 				align: "end",
-				contentClassName: s.menuMin,
+				contentClassName: l.menuMin,
 				width: "w-auto",
 				closeOnSelect: !0,
 				preserveOrder: !0,
-				renderTrigger: /* @__PURE__ */ x("button", {
+				renderTrigger: /* @__PURE__ */ C("button", {
 					type: "button",
-					"aria-label": w.more,
-					className: t(D, O, "overflow-tab-bar--more"),
+					"aria-label": h.more,
+					className: t(k, A, "overflow-tab-bar--more"),
 					children: U
 				})
 			})]
 		})]
 	});
 });
-M.displayName = "OverflowTabBar";
+P.displayName = "OverflowTabBar";
 //#endregion
-export { E as n, T as r, M as t };
+export { O as n, D as r, P as t };
 
-//# sourceMappingURL=overflow-tab-bar-CWY7Nogn.js.map
+//# sourceMappingURL=overflow-tab-bar-CrbqMteP.js.map

package/dist/overflow-tab-bar-CrbqMteP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-tab-bar-CrbqMteP.js","names":["isSimpleText","_Fragment","_Fragment","Text","DisplayLabel","Heading","headingRoleSizes","copyRoleProps","focusRecipes","Stack","popoverWidthRecipes","ActionMenu","interactionRecipes","Badge","Separator","hasPageHeaderCommands","PageHeaderCommands","Fragment$1","isSimpleText$1","value","PageHeading","resolvedBadges","badges","badge","hasCommands","primaryAction","secondaryActions","actionsRegion","actions","cn","className","breadcrumbs","leading","contentClassName","eyebrow","eyebrowClassName","beforeTitle","titlePrefix","titleRowClassName","textGap","title","headingTag","titleSize","titleClassName","item","index","titleSuffix","description","afterDescription","descriptionClassName","actionsClassName","children","withSeparator","defaultOverflowTabBarStrings","TAB_BUTTON_BASE","TAB_INACTIVE","TAB_ACTIVE","isSimpleText","fitOverflowTabs","widths","sum","width","gap","available","used","count","next","moreWidth","OverflowTabBar","forwardRef","stringsProp","rootProps","strings","useStrings","rootRef","useRef","trackRef","measureRef","visibleCount","setVisibleCount","useState","items","setRootRef","useCallback","node","ref","root","track","measure","compute","trackStyle","inset","tab","observer","orderedItems","useMemo","activeIdx","i","lastVisibleIdx","visibleItems","overflowItems","handleSelect","onValueChange","handleKeyDown","event","tabs","forward","renderTab","Icon","tabClasses","isActive","activeTabClassName","tabClassName","inner","options","shared","moreContent","MoreHorizontal"],"sources":["../src/components/base/navigation/page-header/page-header.tsx","../src/components/base/navigation/overflow-tab-bar.tsx"],"sourcesContent":["/**\n * PageHeading — reusable visual heading block for sections and resources.\n * Higher-level layout components add routing/back behavior around this base\n * visual primitive instead of reimplementing title, description, badge, and\n * action spacing. `primaryAction` and `secondaryActions` describe commands by\n * role; the heading owns their treatment and placement for every header built\n * on it.\n */\nimport type { Key, ReactNode } from 'react';\nimport { DisplayLabel, Heading, Text, type HeadingSize, type HeadingTag } from '../../../typography';\nimport {copyRoleProps, headingRoleSizes} from '../../../typography/text.styles';\nimport { Badge, type BadgeTone } from '../../badge';\nimport { Separator } from '../../display/separator';\nimport { Stack, type TextGap } from '../../structure';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\thasPageHeaderCommands,\n\tPageHeaderCommands,\n\ttype PageHeaderAction,\n\ttype PageHeaderLinkRenderer,\n} from './page-header-commands';\n\nexport interface PageHeadingBadge {\n\tlabel: ReactNode;\n\ttone?: BadgeTone;\n\tkey?: Key;\n}\n\n/**\n * Slot map, top to bottom and outside in:\n *\n * ```text\n * breadcrumbs\n * leading │ eyebrow\n *         │ beforeTitle\n *         │ titlePrefix │ title  badges  titleSuffix │ actions\n *         │             │ description\n *         │             │ afterDescription\n * children\n * ───────────────────────────────────────────  (withSeparator)\n * ```\n */\nexport interface PageHeadingProps {\n\t/** Small label above the title. Plain text is rendered as a `DisplayLabel`. */\n\teyebrow?: ReactNode;\n\t/** The page title. Plain text is rendered as a `Heading`; pass an element to own the markup. */\n\ttitle: ReactNode;\n\t/** Supporting sentence under the title, capped at `max-w-2xl` and aligned to the title's left edge. */\n\tdescription?: ReactNode;\n\t/** Title/description rhythm. Defaults to normal. */\n\ttextGap?: TextGap;\n\t/** Heading level for a plain-text `title`. Default: `'h2'`. Set for correct document outline. */\n\theadingTag?: HeadingTag;\n\t/** Visual title scale, independent of heading level. Defaults to the subject role (`base`). */\n\ttitleSize?: HeadingSize;\n\t/** Convenience for a single badge beside the title. Ignored when `badges` is set. */\n\tbadge?: PageHeadingBadge;\n\t/** Badges beside the title, in order. Takes precedence over `badge`. */\n\tbadges?: PageHeadingBadge[];\n\t/** Breadcrumb trail rendered above the header block. */\n\tbreadcrumbs?: ReactNode;\n\t/** Content to the left of the entire header column — an avatar or back button. Top-aligned. */\n\tleading?: ReactNode;\n\t/** Free slot between the eyebrow and the title row, for a banner or status strip. */\n\tbeforeTitle?: ReactNode;\n\t/**\n\t * Content immediately left of the title, vertically centred on the title\n\t * line alone. Unlike `leading`, the description aligns to the title's left\n\t * edge rather than to this slot, so an icon here never shifts the copy.\n\t */\n\ttitlePrefix?: ReactNode;\n\t/** Content after the title and badges, on the same line. */\n\ttitleSuffix?: ReactNode;\n\t/** Content directly beneath the description, sharing its alignment — a metadata line. */\n\tafterDescription?: ReactNode;\n\t/**\n\t * Independent actions column beside the copy; follows it on narrow widths.\n\t * Holds non-command controls such as a period select; they render before\n\t * the role-based commands.\n\t */\n\tactions?: ReactNode;\n\t/**\n\t * The header's one main command: a solid primary button after the secondary\n\t * commands, visible at every width.\n\t */\n\tprimaryAction?: PageHeaderAction;\n\t/**\n\t * Supporting commands in priority order. The first two render as outline\n\t * buttons before the primary command; the rest, and every destructive\n\t * command, move into the More actions menu, which always closes the row.\n\t * Below `sm`, all secondary commands collapse into that menu.\n\t */\n\tsecondaryActions?: readonly PageHeaderAction[];\n\t/** Accessible name of the More actions menu trigger. Default: `'More actions'`. */\n\tmoreActionsLabel?: string;\n\t/** Renders `href` commands as framework links. Defaults to a native anchor. */\n\trenderLink?: PageHeaderLinkRenderer;\n\t/** Content below the whole header block, above the separator. */\n\tchildren?: ReactNode;\n\t/** Merged onto the `<header>` root. */\n\tclassName?: string;\n\t/** Merged onto the column holding eyebrow, title, and description. */\n\tcontentClassName?: string;\n\t/** Merged onto the eyebrow. Only applies when `eyebrow` is plain text. */\n\teyebrowClassName?: string;\n\t/** Merged onto the title. Only applies when `title` is plain text. */\n\ttitleClassName?: string;\n\t/**\n\t * Merged onto the title row's grid. A `gap-space-md` here sets the\n\t * `titlePrefix`-to-title rhythm without also opening the gap under the title.\n\t */\n\ttitleRowClassName?: string;\n\t/** Merged onto the description. Only applies when `description` is plain text. */\n\tdescriptionClassName?: string;\n\t/** Merged onto the actions cluster. */\n\tactionsClassName?: string;\n\t/**\n\t * Draws a rule beneath the header. Default: `false` — the page rhythm (gap\n\t * between header and body) separates them; opt in where a rule is the design.\n\t */\n\twithSeparator?: boolean;\n}\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nexport function PageHeading({\n\teyebrow,\n\ttitle,\n\tdescription,\n\ttextGap = 'normal',\n\theadingTag = 'h2',\n\ttitleSize = headingRoleSizes.subject,\n\tbadge,\n\tbadges,\n\tbreadcrumbs,\n\tleading,\n\tbeforeTitle,\n\ttitlePrefix,\n\ttitleSuffix,\n\tafterDescription,\n\tactions,\n\tprimaryAction,\n\tsecondaryActions,\n\tmoreActionsLabel = 'More actions',\n\trenderLink,\n\tchildren,\n\tclassName,\n\tcontentClassName,\n\teyebrowClassName,\n\ttitleClassName,\n\ttitleRowClassName,\n\tdescriptionClassName,\n\tactionsClassName,\n\twithSeparator = false,\n}: PageHeadingProps) {\n\tconst resolvedBadges = badges ?? (badge ? [badge] : []);\n\t// Custom `actions` content leads; role-based commands close the region.\n\tconst hasCommands = hasPageHeaderCommands(primaryAction, secondaryActions);\n\tconst actionsRegion = hasCommands ? (\n\t\t<>\n\t\t\t{actions}\n\t\t\t<PageHeaderCommands\n\t\t\t\tprimaryAction={primaryAction}\n\t\t\t\tsecondaryActions={secondaryActions}\n\t\t\t\tmoreActionsLabel={moreActionsLabel}\n\t\t\t\trenderLink={renderLink}\n\t\t\t/>\n\t\t</>\n\t) : actions;\n\n\treturn (\n\t\t<header className={cn('page-heading--component page-header--component', 'w-full', className)}>\n\t\t\t{!!breadcrumbs && <div className=\"mb-space-lg\">{breadcrumbs}</div>}\n\n\t\t\t<Stack direction=\"horizontal\" gap=\"lg\" align=\"start\" wrap={false}>\n\t\t\t\t{leading}\n\t\t\t\t<Stack gap=\"dense\" className={cn('page-header--content-row flex-1', contentClassName)}>\n\t\t\t\t\t{!!eyebrow && (isSimpleText(eyebrow) ? (\n\t\t\t\t\t\t<DisplayLabel tag=\"div\" className={eyebrowClassName}>\n\t\t\t\t\t\t\t{eyebrow}\n\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t) : eyebrow)}\n\t\t\t\t\t{beforeTitle}\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tdirection={{ base: 'vertical', sm: 'horizontal' }}\n\t\t\t\t\t\tgap=\"lg\"\n\t\t\t\t\t\talign=\"start\"\n\t\t\t\t\t\twrap={{ base: false, sm: true }}\n\t\t\t\t\t\tclassName=\"page-header--headline-row min-w-0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* The copy owns its width independently of actions. The inner\n\t\t\t\t\t\t    grid keeps the description aligned after a title prefix. */}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'page-header--copy-column page-header--title-row grid min-w-0 w-full flex-1 basis-full items-center gap-x-space-md sm:w-auto sm:basis-64',\n\t\t\t\t\t\t\t\ttitlePrefix ? 'grid-cols-[auto_minmax(0,1fr)]' : 'grid-cols-[minmax(0,1fr)]',\n\t\t\t\t\t\t\t\ttitleRowClassName,\n\t\t\t\t\t\t\t\ttextGap === 'normal' ? 'gap-y-normal' : 'gap-y-dense',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!titlePrefix && (\n\t\t\t\t\t\t\t\t<span className=\"page-header--title-prefix inline-flex shrink-0 items-center self-center\">\n\t\t\t\t\t\t\t\t\t{titlePrefix}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"md\" align=\"center\" wrap className=\"page-header--title-line min-h-action-sm min-w-0\">\n\t\t\t\t\t\t\t\t{isSimpleText(title) ? (\n\t\t\t\t\t\t\t\t\t<Heading tag={headingTag} size={titleSize} className={cn('page-header--title min-w-0 [overflow-wrap:anywhere] border-0 pb-0', titleClassName)}>\n\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t\t) : title}\n\t\t\t\t\t\t\t\t{resolvedBadges.length > 0 && (\n\t\t\t\t\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"sm\" wrap className=\"page-header--badges min-w-0 max-w-full\">\n\t\t\t\t\t\t\t\t\t\t{resolvedBadges.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<Badge key={item.key ?? index} tone={item.tone ?? 'secondary'}>\n\t\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{titleSuffix}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t{(!!description || !!afterDescription) && (\n\t\t\t\t\t\t\t\t<Stack gap=\"dense\" className={cn('page-header--title-block min-w-0', !!titlePrefix && 'col-start-2')}>\n\t\t\t\t\t\t\t\t\t{!!description && (isSimpleText(description) ? (\n\t\t\t\t\t\t\t\t\t\t<Text {...copyRoleProps.structuralDescription} className={cn('page-header--description max-w-2xl [overflow-wrap:anywhere]', descriptionClassName)}>\n\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) : description)}\n\t\t\t\t\t\t\t\t\t{afterDescription}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!actionsRegion && (\n\t\t\t\t\t\t\t<Stack\n\t\t\t\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\t\t\t\tgap=\"md\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'page-header--actions max-w-full shrink-0',\n\t\t\t\t\t\t\t\t\thasCommands && 'self-end justify-end sm:self-auto',\n\t\t\t\t\t\t\t\t\tactionsClassName,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{actionsRegion}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t</Stack>\n\t\t\t</Stack>\n\n\t\t\t{!!children && <div className=\"mt-space-xl\">{children}</div>}\n\n\t\t\t{!!withSeparator && <Separator className=\"mt-space-xl\" />}\n\t\t</header>\n\t);\n}\n\nPageHeading.displayName = 'PageHeading';\n","/**\n * OverflowTabBar — horizontal tab strip that gracefully degrades on narrow\n * containers. Tabs that would overflow are moved into a trailing \"More\"\n * dropdown so the strip never wraps. Uses a ResizeObserver to recompute on\n * container resize; the active tab is always kept visible by being moved\n * out of the overflow set when needed.\n *\n * The strip shares the segmented-tab recipe of `NavigationTabs` and `Tabs`:\n * a muted track, small action-height tabs with default-size labels, and a\n * lifted card-coloured active tab. Arrow keys, Home and End move focus between\n * tabs; Enter or Space activates the focused tab.\n *\n * Use `NavigationTabs` instead when a fixed route set cannot overflow.\n */\nimport { MoreHorizontal, type LucideIcon } from 'lucide-react';\nimport {\n\tforwardRef,\n\tuseCallback,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\ttype ComponentPropsWithoutRef,\n\ttype KeyboardEvent,\n\ttype ReactNode,\n} from 'react';\n\nimport { ActionMenu } from '../action-menu';\nimport { Badge } from '../badge';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\nimport { popoverWidthRecipes } from '../popover/popover.recipes';\n\nexport interface OverflowTabBarStrings {\n\tmore: string;\n\tnavigationLabel: string;\n}\n\nexport const defaultOverflowTabBarStrings: OverflowTabBarStrings = {\n\tmore: 'More',\n\tnavigationLabel: 'Tab navigation',\n};\n\nexport interface OverflowTabItem {\n\t/** Stable identity for this entry. */\n\tid: string;\n\t/** Display label. */\n\tlabel: ReactNode;\n\t/** Destination for the entry, when it navigates. */\n\thref?: string;\n\t/** Leading glyph. */\n\ticon?: LucideIcon;\n\t/** Chip rendered beside the label. */\n\tbadge?: ReactNode;\n\tonClick?: () => void;\n}\n\nexport interface OverflowTabBarProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n\t/** Entries to render, in order. */\n\titems: OverflowTabItem[];\n\t/** Currently active tab id. */\n\tvalue?: string;\n\t/** Fired with the id of the newly active tab. */\n\tonValueChange?: (id: string) => void;\n\ttabClassName?: string;\n\tactiveTabClassName?: string;\n\t/** Overrides this surface's own copy. */\n\tstrings?: StringsProp<OverflowTabBarStrings>;\n}\n\n// Native buttons and anchors are reset explicitly: the package ships no preflight.\nconst TAB_BUTTON_BASE =\n\t`${interactionRecipes.nativeButtonReset} inline-flex h-action-sm shrink-0 cursor-pointer items-center gap-space-sm rounded-inner px-control-sm text-sm font-medium whitespace-nowrap no-underline outline-none transition-colors ` +\n\t`${focusRecipes.edge} [&_svg]:size-icon [&_svg]:shrink-0`;\nconst TAB_INACTIVE = interactionRecipes.segmentInactive;\nconst TAB_ACTIVE = interactionRecipes.segmentActive;\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** How many tabs fit, reserving room for the \"More\" trigger only when something overflows. */\nexport function fitOverflowTabs(widths: readonly number[], available: number, gap: number, moreWidth: number): number {\n\tconst total = widths.reduce((sum, width) => sum + width, 0) + gap * Math.max(0, widths.length - 1);\n\tif (total <= available) return widths.length;\n\tlet used = 0;\n\tlet count = 0;\n\tfor (const width of widths) {\n\t\tconst next = used + (count > 0 ? gap : 0) + width;\n\t\tif (next + gap + moreWidth > available) break;\n\t\tused = next;\n\t\tcount += 1;\n\t}\n\treturn Math.max(1, count);\n}\n\nexport const OverflowTabBar = forwardRef<HTMLDivElement, OverflowTabBarProps>(function OverflowTabBar({\n\titems,\n\tvalue,\n\tonValueChange,\n\tclassName,\n\ttabClassName,\n\tactiveTabClassName,\n\tstrings: stringsProp,\n\t...rootProps\n}, ref) {\n\tconst strings = useStrings(defaultOverflowTabBarStrings, stringsProp);\n\tconst rootRef = useRef<HTMLDivElement | null>(null);\n\tconst trackRef = useRef<HTMLDivElement | null>(null);\n\tconst measureRef = useRef<HTMLDivElement | null>(null);\n\tconst [visibleCount, setVisibleCount] = useState(items.length);\n\n\tconst setRootRef = useCallback((node: HTMLDivElement | null) => {\n\t\trootRef.current = node;\n\t\tif (typeof ref === 'function') ref(node);\n\t\telse if (ref) ref.current = node;\n\t}, [ref]);\n\n\t// Recompute how many tabs fit when the available width or the items change.\n\tuseLayoutEffect(() => {\n\t\tconst root = rootRef.current;\n\t\tconst track = trackRef.current;\n\t\tconst measure = measureRef.current;\n\t\tif (!root || !track || !measure) return;\n\n\t\tconst compute = () => {\n\t\t\tconst trackStyle = getComputedStyle(track);\n\t\t\tconst inset = (parseFloat(trackStyle.paddingLeft) || 0) + (parseFloat(trackStyle.paddingRight) || 0);\n\t\t\tconst available = root.clientWidth - inset;\n\t\t\tif (available <= 0) {\n\t\t\t\tsetVisibleCount(items.length);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst gap = parseFloat(getComputedStyle(measure).columnGap) || 0;\n\t\t\tconst widths = Array.from(measure.querySelectorAll<HTMLElement>('[data-tab-id]')).map((tab) => tab.offsetWidth);\n\t\t\tconst moreWidth = measure.querySelector<HTMLElement>('[data-more-measure]')?.offsetWidth ?? 0;\n\t\t\tsetVisibleCount(fitOverflowTabs(widths, available, gap, moreWidth));\n\t\t};\n\n\t\tcompute();\n\t\tif (typeof ResizeObserver === 'undefined') return;\n\t\tconst observer = new ResizeObserver(compute);\n\t\tobserver.observe(root);\n\t\treturn () => observer.disconnect();\n\t}, [items, strings.more]);\n\n\t// Ensure the active tab is always visible; if it falls into the overflow set,\n\t// swap it with the last visible tab.\n\tconst orderedItems = useMemo(() => {\n\t\tif (!value) return items;\n\t\tconst activeIdx = items.findIndex((i) => i.id === value);\n\t\tif (activeIdx < 0 || activeIdx < visibleCount) return items;\n\t\tconst next = [...items];\n\t\tconst lastVisibleIdx = Math.max(0, visibleCount - 1);\n\t\t[next[activeIdx], next[lastVisibleIdx]] = [next[lastVisibleIdx], next[activeIdx]];\n\t\treturn next;\n\t}, [items, value, visibleCount]);\n\n\tconst visibleItems = orderedItems.slice(0, visibleCount);\n\tconst overflowItems = orderedItems.slice(visibleCount);\n\n\tconst handleSelect = (item: OverflowTabItem) => {\n\t\tonValueChange?.(item.id);\n\t\titem.onClick?.();\n\t};\n\n\t// Roving focus: arrows, Home and End move between tabs; activation stays on\n\t// Enter/Space so moving focus never navigates a link tab by itself.\n\tconst handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n\t\tif (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n\t\tconst tabs = Array.from(event.currentTarget.querySelectorAll<HTMLElement>('[role=\"tab\"]'));\n\t\tconst index = tabs.indexOf(event.target as HTMLElement);\n\t\tif (index < 0 || tabs.length === 0) return;\n\t\tconst rtl = getComputedStyle(event.currentTarget).direction === 'rtl';\n\t\tconst forward = rtl ? 'ArrowLeft' : 'ArrowRight';\n\t\tconst next = event.key === 'Home'\n\t\t\t? 0\n\t\t\t: event.key === 'End'\n\t\t\t\t? tabs.length - 1\n\t\t\t\t: event.key === forward\n\t\t\t\t\t? (index + 1) % tabs.length\n\t\t\t\t\t: (index - 1 + tabs.length) % tabs.length;\n\t\tevent.preventDefault();\n\t\ttabs[next]?.focus();\n\t};\n\n\tconst renderTab = (item: OverflowTabItem, isActive: boolean, options?: { measure?: boolean }) => {\n\t\tconst Icon = item.icon;\n\t\tconst tabClasses = cn(\n\t\t\tTAB_BUTTON_BASE,\n\t\t\tisActive ? cn(TAB_ACTIVE, activeTabClassName) : TAB_INACTIVE,\n\t\t\ttabClassName,\n\t\t);\n\t\tconst inner = (\n\t\t\t<>\n\t\t\t\t{!!Icon && <Icon aria-hidden=\"true\" />}\n\t\t\t\t{isSimpleText(item.label) ? (\n\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t{item.label}\n\t\t\t\t\t</Text>\n\t\t\t\t) : item.label}\n\t\t\t\t{item.badge !== undefined && item.badge !== null && item.badge !== false && (\n\t\t\t\t\t<Badge size=\"sm\" tone=\"secondary\" className=\"overflow-tab-bar--badge\">\n\t\t\t\t\t\t{item.badge}\n\t\t\t\t\t</Badge>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t\tif (options?.measure) {\n\t\t\treturn (\n\t\t\t\t<span key={item.id} data-tab-id={item.id} className={cn('overflow-tab-bar--measure', tabClasses)}>\n\t\t\t\t\t{inner}\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\t\tconst shared = {\n\t\t\t'data-tab-id': item.id,\n\t\t\trole: 'tab',\n\t\t\t'aria-selected': isActive,\n\t\t\ttabIndex: isActive || !value ? 0 : -1,\n\t\t\tonClick: () => handleSelect(item),\n\t\t\tclassName: cn('overflow-tab-bar--tab', tabClasses),\n\t\t} as const;\n\t\tif (item.href) {\n\t\t\treturn <a key={item.id} href={item.href} {...shared}>{inner}</a>;\n\t\t}\n\t\treturn <button key={item.id} type=\"button\" {...shared}>{inner}</button>;\n\t};\n\n\tconst moreContent = (\n\t\t<>\n\t\t\t<MoreHorizontal aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t{strings.more}\n\t\t\t</Text>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={setRootRef}\n\t\t\tclassName={cn('overflow-tab-bar--component relative w-full min-w-0 max-w-full', className)}\n\t\t\t{...rootProps}\n\t\t>\n\t\t\t{/* Hidden measure row: every tab plus the More trigger at native width,\n\t\t\t    laid out but invisible, so the visible strip never has to guess. */}\n\t\t\t<div\n\t\t\t\tref={measureRef}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"pointer-events-none invisible fixed left-0 top-0 z-[-1] flex h-0 w-0 items-center gap-space-2xs overflow-hidden\"\n\t\t\t>\n\t\t\t\t{items.map((i) => renderTab(i, false, { measure: true }))}\n\t\t\t\t<span data-more-measure=\"\" className={cn(TAB_BUTTON_BASE, TAB_INACTIVE)}>{moreContent}</span>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tref={trackRef}\n\t\t\t\tclassName=\"overflow-tab-bar--viewport inline-flex max-w-full min-w-0 items-center gap-space-2xs overflow-hidden rounded-inner bg-muted p-space-2xs align-top\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\trole=\"tablist\"\n\t\t\t\t\taria-label={strings.navigationLabel}\n\t\t\t\t\taria-orientation=\"horizontal\"\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\tclassName=\"overflow-tab-bar--tablist flex min-w-0 items-center gap-space-2xs overflow-hidden\"\n\t\t\t\t>\n\t\t\t\t\t{visibleItems.map((item) => renderTab(item, item.id === value))}\n\t\t\t\t</div>\n\t\t\t\t{overflowItems.length > 0 && (\n\t\t\t\t\t<ActionMenu\n\t\t\t\t\t\tactions={overflowItems.map((item) => ({\n\t\t\t\t\t\t\tid: item.id,\n\t\t\t\t\t\t\tlabel: item.label,\n\t\t\t\t\t\t\ticon: item.icon,\n\t\t\t\t\t\t\thref: item.href,\n\t\t\t\t\t\t\tonClick: () => handleSelect(item),\n\t\t\t\t\t\t}))}\n\t\t\t\t\t\talign=\"end\"\n\t\t\t\t\t\tcontentClassName={popoverWidthRecipes.menuMin}\n\t\t\t\t\t\twidth=\"w-auto\"\n\t\t\t\t\t\tcloseOnSelect\n\t\t\t\t\t\tpreserveOrder\n\t\t\t\t\t\trenderTrigger={\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\taria-label={strings.more}\n\t\t\t\t\t\t\t\tclassName={cn(TAB_BUTTON_BASE, TAB_INACTIVE, 'overflow-tab-bar--more')}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{moreContent}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nOverflowTabBar.displayName = 'OverflowTabBar';\n"],"mappings":"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"}