themelia-react-ui 2.0.5 → 3.0.0

package/dist/tooltip-yjX-Uv-p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-yjX-Uv-p.js","names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","Tooltip","BaseTooltip","TooltipProviderPrimitive","TooltipTriggerPrimitive","TooltipContentPrimitive","useThemePortalContainer","Text","anchoredPositionMethod","portalClassName","motionRecipes","TooltipProvider$1","props","Tooltip","delayDuration","delay","Tooltip$2","TooltipTrigger$1","safeRender","render","_nativeButton","rest","renderProps","state","TooltipContent$1","resolvedContainer","container","cn","className","TooltipDescriptionContext","createContext","SharedTooltipProviderContext","Tooltip$1","hasSharedProvider","useContext","generatedId","useId","descriptionId","setDescriptionId","useState","root","TooltipProvider","TooltipTrigger","TooltipContent","description","content","children"],"sources":["../src/components/ui/tooltip.tsx","../src/components/base/display/tooltip.tsx"],"sourcesContent":["import { anchoredPositionMethod } from '../../lib/anchored-positioning';\nimport { portalClassName } from '../../lib/portal-recipes';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { useThemePortalContainer, type ThemePortalContainer } from '../../lib/theme-scope';\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction TooltipProvider({\n  delay = 0,\n  delayDuration,\n  ...props\n}: TooltipPrimitive.Provider.Props & { delayDuration?: number }) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delay={delayDuration ?? delay}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({ ...props }: TooltipPrimitive.Root.Props) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  render,\n  children,\n  ...props\n}: TooltipPrimitive.Trigger.Props) {\n  const safeRender: TooltipPrimitive.Trigger.Props[\"render\"] = typeof render === \"function\"\n    ? ((renderProps, state) => {\n      const { nativeButton: _nativeButton, ...rest } = renderProps as Record<string, unknown>\n      void _nativeButton\n      return render(rest as typeof renderProps, state)\n    })\n    : render\n\n  return (\n    <TooltipPrimitive.Trigger\n      data-slot=\"tooltip-trigger\"\n      render={safeRender}\n      {...props}\n    >\n      {children}\n    </TooltipPrimitive.Trigger>\n  )\n}\n\nfunction TooltipContent({\n  className,\n  container,\n  side = \"top\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  positionMethod = anchoredPositionMethod,\n  children,\n  ...props\n}: TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"positionMethod\"\n  > & { container?: ThemePortalContainer }) {\n  const resolvedContainer = useThemePortalContainer(container)\n  return (\n    <TooltipPrimitive.Portal container={resolvedContainer} className={portalClassName()}>\n      <TooltipPrimitive.Positioner\n        positionMethod={positionMethod}\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          className={cn(\n          motionRecipes.popup,\n            \"rounded-radius-xs px-space-md py-space-xs text-xs bg-inverse-background text-inverse-foreground z-50 w-fit max-w-xs origin-(--transform-origin)\",\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n","/** Tokenized base wrappers for short, non-interactive contextual help. */\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { createContext, useContext, useId, useLayoutEffect, useState, type ComponentProps } from 'react';\n\nimport {\n\tTooltipContent as TooltipContentPrimitive,\n\tTooltipProvider as TooltipProviderPrimitive,\n\tTooltipTrigger as TooltipTriggerPrimitive,\n} from '../../ui/tooltip';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nexport type TooltipProps = ComponentProps<typeof BaseTooltip.Root>;\nexport type TooltipProviderProps = ComponentProps<typeof TooltipProviderPrimitive>;\nexport type TooltipTriggerProps = ComponentProps<typeof TooltipTriggerPrimitive>;\nexport type TooltipContentProps = ComponentProps<typeof TooltipContentPrimitive>;\n\nconst TooltipDescriptionContext = createContext<{ id: string; setId: (id: string) => void } | undefined>(undefined);\n\nconst SharedTooltipProviderContext = createContext(false);\n\n/** Tooltip state root. It does not render a DOM node. */\nexport function Tooltip(props: TooltipProps) {\n\tconst hasSharedProvider = useContext(SharedTooltipProviderContext);\n\tconst generatedId = useId();\n\tconst [descriptionId, setDescriptionId] = useState(generatedId);\n\tconst root = <TooltipDescriptionContext.Provider value={{ id: descriptionId, setId: setDescriptionId }}><BaseTooltip.Root data-slot=\"tooltip\" {...props} /></TooltipDescriptionContext.Provider>;\n\n\treturn hasSharedProvider ? root : <TooltipProviderPrimitive>{root}</TooltipProviderPrimitive>;\n}\n\n/** Shared delay provider for a group of tooltip roots. Nested Tooltip roots reuse it. */\nexport function TooltipProvider(props: TooltipProviderProps) {\n\treturn (\n\t\t<SharedTooltipProviderContext.Provider value>\n\t\t\t<TooltipProviderPrimitive {...props} />\n\t\t</SharedTooltipProviderContext.Provider>\n\t);\n}\n\n/** Polymorphic tooltip anchor. */\nexport function TooltipTrigger({ className, ...props }: TooltipTriggerProps) {\n\tconst description = useContext(TooltipDescriptionContext);\n\tconst descriptionId = description?.id;\n\treturn (\n\t\t<TooltipTriggerPrimitive\n\t\t\tclassName={cn('tooltip-trigger--component', className)}\n\t\t\t{...props}\n\t\t\taria-describedby={[props['aria-describedby'], descriptionId].filter(Boolean).join(' ') || undefined}\n\t\t/>\n\t);\n}\n\n/** Inverse contextual-help surface with package spacing and typography. */\nexport function TooltipContent({ children, className, ...props }: TooltipContentProps) {\n\tconst description = useContext(TooltipDescriptionContext);\n\tconst descriptionId = props.id ?? description?.id;\n\tconst setDescriptionId = description?.setId;\n\tuseLayoutEffect(() => { if (descriptionId) setDescriptionId?.(descriptionId); }, [descriptionId, setDescriptionId]);\n\tconst isSimpleText = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint';\n\tconst content = isSimpleText ? (\n\t\t\t<Text\n\t\t\t\ttag=\"span\"\n\t\t\t\tsize=\"inherit\"\n\t\t\t\t\n\t\t\t\tlineHeight=\"snug\"\n\t\t\t\tclassName=\"tooltip-content--text text-inherit\"\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Text>\n\t\t) : children;\n\n\treturn (\n\t\t<TooltipContentPrimitive\n\t\t\tid={descriptionId}\n\t\t\trole=\"tooltip\"\n\t\t\tclassName={cn(\n\t\t\t\t// Short labels use compact corners, including Button and sidebar hints.\n\t\t\t\t'tooltip-content--component max-w-xs rounded-radius-xs px-space-md py-space-xs text-xs leading-snug',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{content}\n\t\t</TooltipContentPrimitive>\n\t);\n}\n\nTooltip.displayName = 'Tooltip';\nTooltipProvider.displayName = 'TooltipProvider';\nTooltipTrigger.displayName = 'TooltipTrigger';\nTooltipContent.displayName = 'TooltipContent';\n"],"mappings":"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"}

package/dist/{tree-CzUJHnFs.js → tree-YpkxUG2Z.js}

@@ -1,18 +1,19 @@
 "use client";
-import { v as e } from "./ui-provider-C-74NVLc.js";
-import { t } from "./utils-B6kKb8jB.js";
-import { c as n } from "./typography-BQnine1k.js";
-import { s as r } from "./text.styles-B64My8RZ.js";
-import { t as i } from "./focus-recipes-B653VaLq.js";
-import { t as a } from "./button-S2Cubiiz.js";
-import { n as o } from "./icon-size-B6PVwjbC.js";
-import { t as ee } from "./row-recipes-DL8n7t_b.js";
-import { t as te } from "./collection-content-gDh1v6O4.js";
-import { t as s } from "./interaction-recipes-XR9ZpVYL.js";
-import { n as c, r as ne, t as re } from "./navigation-row-recipes-BGVLvU_O.js";
-import { useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Check as h, ChevronDown as g, ChevronRight as ie } from "lucide-react";
+import { y as e } from "./ui-provider-Bu1S-o96.js";
+import { useStrings as t } from "./lib/strings.js";
+import { t as n } from "./utils-BVbAG2J6.js";
+import { c as r } from "./typography-C0dELqYV.js";
+import { s as i } from "./text.styles-B64My8RZ.js";
+import { t as a } from "./focus-recipes-DSkiUvUp.js";
+import { t as o } from "./button-rd6FiHfQ.js";
+import { n as s } from "./icon-size-B6PVwjbC.js";
+import { t as c } from "./row-recipes-DL8n7t_b.js";
+import { t as ee } from "./collection-content-D7SoDlYd.js";
+import { t as te } from "./interaction-recipes-DmuS1ase.js";
+import { n as l, r as ne, t as u } from "./navigation-row-recipes-BGVLvU_O.js";
+import { 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";
+import { Check as re, ChevronDown as ie, ChevronRight as ae } from "lucide-react";
 //#region src/components/base/tree/hierarchy.ts
 function _(e) {
 	let t = /* @__PURE__ */ new Map();
@@ -30,21 +31,28 @@ function _(e) {
 	}
 	return n(e, [], !1), t;
 }
-function v(e, t) {
+function oe(e, t) {
 	let n = new Set(t);
 	return [...e.values()].filter((e) => e.path.slice(0, -1).every((e) => n.has(e.value)));
 }
-function y(e) {
+function v(e) {
 	return !!(e.hasChildren || e.children?.length);
 }
 //#endregion
+//#region src/components/base/tree/tree.types.ts
+var y = {
+	expand: (e) => `Expand ${e}`,
+	collapse: (e) => `Collapse ${e}`,
+	empty: "No items"
+};
+//#endregion
 //#region src/components/base/tree/tree.tsx
-function b({ items: b, expandedValues: x, defaultExpandedValues: ae = [], onExpandedValuesChange: S, selectedValues: C, defaultSelectedValues: w = [], onSelectedValuesChange: T, selectionMode: E = "single", branchActivation: D = "select", disabled: O = !1, density: k = "compact", rowLayout: A = "line", indent: j, showGuides: oe = !0, empty: se = "No items", strings: M, renderLabel: ce, className: le, onKeyDown: ue, ...de }) {
-	let [N, P] = f(ae), [F, I] = f(w), L = x ?? N, R = C ?? F, z = u(() => _(b), [b]), B = v(z, L).filter((e) => !e.disabled), [V, H] = f(null), U = new Set(B.map((e) => e.node.value)), fe = V === null ? void 0 : z.get(V)?.path.slice(0, -1).reverse().find((e) => U.has(e.value))?.value, W = V !== null && U.has(V) ? V : fe ?? B.find((e) => R.includes(e.node.value))?.node.value ?? B[0]?.node.value, G = d(/* @__PURE__ */ new Map()), K = d(null), q = d({
+function b({ items: b, expandedValues: x, defaultExpandedValues: se = [], onExpandedValuesChange: S, selectedValues: C, defaultSelectedValues: w = [], onSelectedValuesChange: T, selectionMode: E = "single", branchActivation: D = "select", disabled: O = !1, density: k = "compact", rowLayout: A = "line", indent: j, showGuides: ce = !0, empty: le, strings: ue, renderLabel: de, className: fe, onKeyDown: pe, ...me }) {
+	let M = t(y, ue), [N, P] = m(se), [F, I] = m(w), L = x ?? N, R = C ?? F, z = f(() => _(b), [b]), B = oe(z, L).filter((e) => !e.disabled), [V, H] = m(null), U = new Set(B.map((e) => e.node.value)), he = V === null ? void 0 : z.get(V)?.path.slice(0, -1).reverse().find((e) => U.has(e.value))?.value, W = V !== null && U.has(V) ? V : he ?? B.find((e) => R.includes(e.node.value))?.node.value ?? B[0]?.node.value, G = p(/* @__PURE__ */ new Map()), K = p(null), q = p({
 		text: "",
 		time: 0
-	}), { defaultTextSize: pe } = e(), J = c[k], Y = A === "rich";
-	l(() => {
+	}), { defaultTextSize: ge } = e(), J = l[k], Y = A === "rich";
+	d(() => {
 		let e = K.current;
 		!O && W !== void 0 && e && (e === document.activeElement || !e.isConnected && document.activeElement === document.body) && G.current.get(W)?.focus();
 	}, [W, O]);
@@ -58,7 +66,7 @@ function b({ items: b, expandedValues: x, defaultExpandedValues: ae = [], onExpa
 	}
 	function Q(e) {
 		if (O || z.get(e.value)?.disabled) return;
-		if (D === "toggle" && y(e)) {
+		if (D === "toggle" && v(e)) {
 			Z(e);
 			return;
 		}
@@ -66,8 +74,8 @@ function b({ items: b, expandedValues: x, defaultExpandedValues: ae = [], onExpa
 		let t = E === "multiple" ? R.includes(e.value) ? R.filter((t) => t !== e.value) : [...R, e.value] : [e.value];
 		C === void 0 && I(t), T?.(t, e);
 	}
-	function me(e) {
-		if (ue?.(e), e.defaultPrevented || O || e.target.closest("button") || e.target.closest("[role=tree]") !== e.currentTarget) return;
+	function _e(e) {
+		if (pe?.(e), e.defaultPrevented || O || e.target.closest("button") || e.target.closest("[role=tree]") !== e.currentTarget) return;
 		let t = B.findIndex((e) => e.node.value === V), n = z.get(V ?? W ?? "");
 		if (!n) return;
 		let r = getComputedStyle(e.currentTarget).direction === "rtl", i = r ? "ArrowLeft" : "ArrowRight", a = r ? "ArrowRight" : "ArrowLeft";
@@ -75,11 +83,11 @@ function b({ items: b, expandedValues: x, defaultExpandedValues: ae = [], onExpa
 		else if (e.key === "ArrowUp") X(B[Math.max(t - 1, 0)]?.node.value);
 		else if (e.key === "Home") X(B[0]?.node.value);
 		else if (e.key === "End") X(B.at(-1)?.node.value);
-		else if (e.key === i && y(n.node)) L.includes(n.node.value) ? X(n.node.children?.find((e) => !z.get(e.value)?.disabled)?.value) : Z(n.node);
-		else if (e.key === a) y(n.node) && L.includes(n.node.value) ? Z(n.node) : X(n.parent ?? void 0);
+		else if (e.key === i && v(n.node)) L.includes(n.node.value) ? X(n.node.children?.find((e) => !z.get(e.value)?.disabled)?.value) : Z(n.node);
+		else if (e.key === a) v(n.node) && L.includes(n.node.value) ? Z(n.node) : X(n.parent ?? void 0);
 		else if (e.key === "Enter" || e.key === " ") Q(n.node);
 		else if (e.key === "*") {
-			let e = [.../* @__PURE__ */ new Set([...L, ...[...z.values()].filter((e) => e.parent === n.parent && !e.disabled && y(e.node)).map((e) => e.node.value)])];
+			let e = [.../* @__PURE__ */ new Set([...L, ...[...z.values()].filter((e) => e.parent === n.parent && !e.disabled && v(e.node)).map((e) => e.node.value)])];
 			x === void 0 && P(e), S?.(e, n.node);
 		} else if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
 			let n = Date.now();
@@ -89,99 +97,99 @@ function b({ items: b, expandedValues: x, defaultExpandedValues: ae = [], onExpa
 		} else return;
 		e.preventDefault();
 	}
-	function $(e, n) {
-		return e.map((c, l) => {
-			let u = O || !!z.get(c.value)?.disabled, d = y(c), f = L.includes(c.value), _ = R.includes(c.value);
-			return /* @__PURE__ */ m("div", {
-				"data-tree-value": c.value,
+	function $(e, t) {
+		return e.map((r, l) => {
+			let d = O || !!z.get(r.value)?.disabled, f = v(r), p = L.includes(r.value), m = R.includes(r.value);
+			return /* @__PURE__ */ g("div", {
+				"data-tree-value": r.value,
 				className: "tree--branch min-w-0 outline-none [&:focus-visible>.tree--item]:inset-ring [&:focus-visible>.tree--item]:inset-ring-ring [&:focus-visible>.tree--item]:ring-3 [&:focus-visible>.tree--item]:ring-ring/50",
 				ref: (e) => {
-					e ? G.current.set(c.value, e) : G.current.delete(c.value);
+					e ? G.current.set(r.value, e) : G.current.delete(r.value);
 				},
 				role: "treeitem",
-				"aria-label": c.label,
-				"aria-level": n,
+				"aria-label": r.label,
+				"aria-level": t,
 				"aria-posinset": l + 1,
 				"aria-setsize": e.length,
-				title: !Y && typeof c.description == "string" ? c.description : void 0,
-				"aria-description": !Y && typeof c.description == "string" ? c.description : void 0,
-				"aria-expanded": d ? f : void 0,
-				"aria-selected": E !== "none" && !(d && D === "toggle") ? _ : void 0,
-				"aria-disabled": u || void 0,
-				tabIndex: !u && W === c.value ? 0 : -1,
+				title: !Y && typeof r.description == "string" ? r.description : void 0,
+				"aria-description": !Y && typeof r.description == "string" ? r.description : void 0,
+				"aria-expanded": f ? p : void 0,
+				"aria-selected": E !== "none" && !(f && D === "toggle") ? m : void 0,
+				"aria-disabled": d || void 0,
+				tabIndex: !d && W === r.value ? 0 : -1,
 				onFocus: (e) => {
-					e.target === e.currentTarget && (K.current = e.currentTarget, H(c.value));
+					e.target === e.currentTarget && (K.current = e.currentTarget, H(r.value));
 				},
 				onClick: (e) => {
-					!u && e.target.closest("[role=treeitem]") === e.currentTarget && (X(c.value), Q(c));
+					!d && e.target.closest("[role=treeitem]") === e.currentTarget && (X(r.value), Q(r));
 				},
-				children: [/* @__PURE__ */ m("div", {
-					"data-selected": _ || void 0,
-					"data-disabled": u || void 0,
-					className: t(`tree--item flex w-full items-center cursor-default outline-none ${s.rowHover} ${i.edge} data-selected:bg-accent data-selected:hover:bg-accent data-selected:text-accent-foreground data-disabled:opacity-50`, ne, Y ? ee[k] : n === 1 ? J.height : J.childHeight, r[pe ?? "sm"]),
-					children: [/* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ g("div", {
+					"data-selected": m || void 0,
+					"data-disabled": d || void 0,
+					className: n(`tree--item flex w-full items-center cursor-default outline-none ${te.rowHover} ${a.edge} data-selected:bg-accent data-selected:hover:bg-accent data-selected:text-accent-foreground data-disabled:opacity-50`, ne, Y ? c[k] : t === 1 ? J.height : J.childHeight, i[ge ?? "sm"]),
+					children: [/* @__PURE__ */ h("span", {
 						className: "tree--caret relative size-icon-sm shrink-0",
-						children: d && /* @__PURE__ */ p(a, {
+						children: f && /* @__PURE__ */ h(o, {
 							variant: "ghost",
 							size: "icon-xs",
 							className: "tree--disclosure absolute start-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-radius rtl:translate-x-1/2 disabled:opacity-100 aria-disabled:opacity-100",
 							tabIndex: -1,
-							disabled: u,
-							"aria-label": f ? M?.collapse?.(c.label) ?? `Collapse ${c.label}` : M?.expand?.(c.label) ?? `Expand ${c.label}`,
+							disabled: d,
+							"aria-label": p ? M.collapse(r.label) : M.expand(r.label),
 							onClick: (e) => {
-								e.stopPropagation(), X(c.value), Z(c);
+								e.stopPropagation(), X(r.value), Z(r);
 							},
-							children: f ? /* @__PURE__ */ p(g, {
+							children: p ? /* @__PURE__ */ h(ie, {
 								"aria-hidden": "true",
 								className: "size-icon-sm"
-							}) : /* @__PURE__ */ p(ie, {
+							}) : /* @__PURE__ */ h(ae, {
 								"aria-hidden": "true",
 								className: "size-icon-sm rtl:rotate-180"
 							})
 						})
-					}), /* @__PURE__ */ p(te, {
-						label: ce?.(c) ?? c.label,
-						description: Y ? c.description : void 0,
-						leading: c.icon,
-						leadingClassName: o.md,
+					}), /* @__PURE__ */ h(ee, {
+						label: de?.(r) ?? r.label,
+						description: Y ? r.description : void 0,
+						leading: r.icon,
+						leadingClassName: s.md,
 						leadingDecorative: !0,
 						wrap: Y,
 						bodyClassName: Y ? void 0 : "overflow-hidden",
-						trailing: c.trailing != null || _ && E === "multiple" ? /* @__PURE__ */ m("span", {
+						trailing: r.trailing != null || m && E === "multiple" ? /* @__PURE__ */ g("span", {
 							className: "inline-flex shrink-0 items-center gap-space-sm",
-							children: [c.trailing, _ && E === "multiple" && /* @__PURE__ */ p(h, {
+							children: [r.trailing, m && E === "multiple" && /* @__PURE__ */ h(re, {
 								"aria-hidden": "true",
 								className: "size-icon shrink-0"
 							})]
 						}) : void 0
 					})]
-				}), d && f && !!c.children?.length && /* @__PURE__ */ p("div", {
+				}), f && p && !!r.children?.length && /* @__PURE__ */ h("div", {
 					role: "group",
-					className: t("tree--group flex flex-col border-s", re, J.childGap, oe ? "border-border" : "border-transparent"),
+					className: n("tree--group flex flex-col border-s", u, J.childGap, ce ? "border-border" : "border-transparent"),
 					style: j === void 0 ? void 0 : {
 						marginInlineStart: Math.max(0, j) / 2,
 						paddingInlineStart: Math.max(0, j) / 2
 					},
-					children: $(c.children, n + 1)
+					children: $(r.children, t + 1)
 				})]
-			}, c.value);
+			}, r.value);
 		});
 	}
-	return /* @__PURE__ */ p("div", {
-		...de,
+	return /* @__PURE__ */ h("div", {
+		...me,
 		role: "tree",
 		"data-row-layout": A,
 		"aria-multiselectable": E === "multiple" || void 0,
 		"aria-disabled": O || void 0,
-		onKeyDown: me,
-		className: t("tree--component flex min-w-0 flex-col", J.gap, le),
-		children: b.length ? $(b, 1) : /* @__PURE__ */ p(n, {
+		onKeyDown: _e,
+		className: n("tree--component flex min-w-0 flex-col", J.gap, fe),
+		children: b.length ? $(b, 1) : /* @__PURE__ */ h(r, {
 			type: "secondary",
-			children: se
+			children: le ?? M.empty
 		})
 	});
 }
 //#endregion
-export { _ as n, y as r, b as t };
+export { v as i, y as n, _ as r, b as t };
 
-//# sourceMappingURL=tree-CzUJHnFs.js.map
+//# sourceMappingURL=tree-YpkxUG2Z.js.map

package/dist/tree-YpkxUG2Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-YpkxUG2Z.js","names":["DisclosureButton","useTypographyConfig","cn","Text","textSizes","focusRecipes","Button","ICON_DESCENDANT_SIZE_CLASSNAMES","rowBlockPaddingClasses","CollectionContent","interactionRecipes","navigationRowDensityRecipes","navigationRowInlineClasses","navigationChildInsetClasses","indexHierarchy","index","visit","node","nodes","entry","path","disabled","items","visibleHierarchy","open","expanded","isBranch","defaultTreeStrings","label","Tree","stringsProp","props","strings","useStrings","localExpanded","setLocalExpanded","useState","defaultExpandedValues","localSelected","setLocalSelected","defaultSelectedValues","expandedValues","selected","selectedValues","useMemo","visible","focused","setFocused","visibleValues","visibleAncestor","focusValue","refs","useRef","focusedElement","search","recipe","density","rich","rowLayout","previous","focus","value","toggle","next","onExpandedValuesChange","select","branchActivation","selectionMode","onSelectedValuesChange","keyboard","onKeyDown","event","position","rtl","forward","backward","item","now","term","letter","rows","blocked","branch","checked","element","level","defaultTextSize","ChevronDown","ChevronRight","renderLabel","Check","showGuides","indent","className","empty"],"sources":["../src/components/base/tree/hierarchy.ts","../src/components/base/tree/tree.types.ts","../src/components/base/tree/tree.tsx"],"sourcesContent":["import type { TreeNode } from './tree.types';\nexport interface HierarchyEntry<T> { node: TreeNode<T>; parent: string | null; path: TreeNode<T>[]; disabled: boolean }\n/** One canonical traversal for tree focus, cascader paths and local search. */\nexport function indexHierarchy<T>(items: readonly TreeNode<T>[]): Map<string, HierarchyEntry<T>> {\n const index = new Map<string, HierarchyEntry<T>>();\n function visit(nodes: readonly TreeNode<T>[], path: TreeNode<T>[], disabled: boolean) {\n  for (const node of nodes) {\n   if (index.has(node.value)) throw new Error(`Hierarchy values must be unique: ${node.value}`);\n   const entry = { node, parent: path.at(-1)?.value ?? null, path: [...path, node], disabled: disabled || !!node.disabled };\n   index.set(node.value, entry);\n   visit(node.children ?? [], entry.path, entry.disabled);\n  }\n }\n visit(items, [], false);\n return index;\n}\nexport function visibleHierarchy<T>(index: Map<string, HierarchyEntry<T>>, expanded: readonly string[]) {\n const open = new Set(expanded);\n return [...index.values()].filter(entry => entry.path.slice(0, -1).every(node => open.has(node.value)));\n}\nexport function isBranch(node: TreeNode) { return !!(node.hasChildren || node.children?.length); }\n","import type { StringsProp } from '../../../lib/strings';\nimport type { ComponentProps, ReactNode } from 'react';\nimport type { RowDensity } from '../../../lib/row-recipes';\n\n/** Stable values must be unique throughout a hierarchy. */\nexport interface TreeNode<T = unknown> {\n value: string;\n label: string;\n /** Supporting copy in rich rows; plain strings provide a title/description in line rows. */\n description?: ReactNode;\n icon?: ReactNode;\n /** Non-interactive status or metadata, aligned at the end of the row. */\n trailing?: ReactNode;\n children?: readonly TreeNode<T>[];\n /** Declares an unloaded branch. */\n hasChildren?: boolean;\n /** Disables this node and its descendants. */\n disabled?: boolean;\n data?: T;\n}\nexport interface TreeStrings {\n expand: (label: string) => string;\n collapse: (label: string) => string;\n /** Shown when there are no items. The `empty` prop overrides it with any node. */\n empty: string;\n}\nexport const defaultTreeStrings: TreeStrings = {\n expand: (label) => `Expand ${label}`,\n collapse: (label) => `Collapse ${label}`,\n empty: 'No items',\n};\nexport interface TreeProps<T = unknown> extends Omit<ComponentProps<'div'>, 'children' | 'onSelect'> {\n items: readonly TreeNode<T>[];\n expandedValues?: readonly string[];\n defaultExpandedValues?: readonly string[];\n onExpandedValuesChange?: (values: string[], node: TreeNode<T>) => void;\n selectedValues?: readonly string[];\n defaultSelectedValues?: readonly string[];\n onSelectedValuesChange?: (values: string[], node: TreeNode<T>) => void;\n selectionMode?: 'single' | 'multiple' | 'none';\n /** Clicking or pressing Enter/Space on a branch selects it, or toggles its children. */\n branchActivation?: 'select' | 'toggle';\n disabled?: boolean;\n /** Vertical row rhythm. Compact by default; primary text retains the shared size. */\n density?: RowDensity;\n /** Navigation is single-line by default. Rich rows explicitly allow supporting copy and wrapping. */\n rowLayout?: 'line' | 'rich';\n /** Explicit per-level indentation in pixels. Omit to inherit shared spacing. */\n indent?: number;\n /** Decorative guides retain the hierarchy at every nesting level. */\n showGuides?: boolean;\n /** Replaces `strings.empty` with any node. */\n empty?: ReactNode;\n /** Overrides the tree's own copy; merged over `defaultTreeStrings`. */\n strings?: StringsProp<TreeStrings>;\n /** Presentation slot only; interactive content should live outside the tree row. */\n renderLabel?: (node: TreeNode<T>) => ReactNode;\n}\n","import { useLayoutEffect, useMemo, useRef, useState, type KeyboardEvent } from 'react';\nimport { Check, ChevronDown, ChevronRight } from 'lucide-react';\nimport { Button as DisclosureButton } from '../../ui/button';\nimport { CollectionContent } from '../popover/collection-content';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { useTypographyConfig } from '../../../lib/ui-provider';\nimport { textSizes } from '../../typography/text.styles';\nimport { ICON_DESCENDANT_SIZE_CLASSNAMES } from '../display/icon-size';\nimport { navigationChildInsetClasses, navigationRowDensityRecipes, navigationRowInlineClasses } from '../../../lib/navigation-row-recipes';\nimport { rowBlockPaddingClasses } from '../../../lib/row-recipes';\nimport { indexHierarchy, isBranch, visibleHierarchy } from './hierarchy';\nimport { defaultTreeStrings, type TreeNode, type TreeProps } from './tree.types';\nimport { useStrings } from '../../../lib/strings';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\n/** Accessible data-driven hierarchy. Focus moves independently from selection. */\nexport function Tree<T = unknown>({items, expandedValues, defaultExpandedValues = [], onExpandedValuesChange, selectedValues, defaultSelectedValues = [], onSelectedValuesChange, selectionMode = 'single', branchActivation = 'select', disabled = false, density = 'compact', rowLayout = 'line', indent, showGuides = true, empty, strings: stringsProp, renderLabel, className, onKeyDown, ...props}: TreeProps<T>) {\n const strings = useStrings(defaultTreeStrings, stringsProp);\n const [localExpanded, setLocalExpanded] = useState<readonly string[]>(defaultExpandedValues);\n const [localSelected, setLocalSelected] = useState<readonly string[]>(defaultSelectedValues);\n const expanded = expandedValues ?? localExpanded;\n const selected = selectedValues ?? localSelected;\n const index = useMemo(() => indexHierarchy(items), [items]);\n const visible = visibleHierarchy(index, expanded).filter(entry => !entry.disabled);\n const [focused, setFocused] = useState<string | null>(null);\n const visibleValues = new Set(visible.map(entry => entry.node.value));\n const visibleAncestor = focused === null ? undefined : index.get(focused)?.path.slice(0, -1).reverse().find(node => visibleValues.has(node.value))?.value;\n const focusValue = focused !== null && visibleValues.has(focused) ? focused : visibleAncestor ?? visible.find(entry => selected.includes(entry.node.value))?.node.value ?? visible[0]?.node.value;\n const refs = useRef(new Map<string, HTMLDivElement>());\n const focusedElement = useRef<HTMLDivElement | null>(null);\n const search = useRef({ text: '', time: 0 });\n const { defaultTextSize } = useTypographyConfig();\n const recipe = navigationRowDensityRecipes[density];\n const rich = rowLayout === 'rich';\n useLayoutEffect(() => {\n  const previous = focusedElement.current;\n  if (disabled || focusValue === undefined || !previous) return;\n  // Keep focus inside a changing hierarchy, but do not reclaim it from another control.\n  if (previous === document.activeElement || (!previous.isConnected && document.activeElement === document.body)) refs.current.get(focusValue)?.focus();\n }, [focusValue, disabled]);\n function focus(value: string | undefined) { if (value !== undefined) { setFocused(value); refs.current.get(value)?.focus(); } }\n function toggle(node: TreeNode<T>) {\n  if (disabled || index.get(node.value)?.disabled) return;\n  const next = expanded.includes(node.value) ? expanded.filter(value => value !== node.value) : [...expanded, node.value];\n  if (expandedValues === undefined) setLocalExpanded(next);\n  onExpandedValuesChange?.(next, node);\n }\n function select(node: TreeNode<T>) {\n  if (disabled || index.get(node.value)?.disabled) return;\n  if (branchActivation === 'toggle' && isBranch(node)) { toggle(node); return; }\n  if (selectionMode === 'none') return;\n  const next = selectionMode === 'multiple' ? selected.includes(node.value) ? selected.filter(value => value !== node.value) : [...selected, node.value] : [node.value];\n  if (selectedValues === undefined) setLocalSelected(next);\n  onSelectedValuesChange?.(next, node);\n }\n function keyboard(event: KeyboardEvent<HTMLDivElement>) {\n  onKeyDown?.(event);\n  if (event.defaultPrevented || disabled || (event.target as HTMLElement).closest('button') || (event.target as HTMLElement).closest('[role=tree]') !== event.currentTarget) return;\n  const position = visible.findIndex(entry => entry.node.value === focused);\n  const entry = index.get(focused ?? focusValue ?? '');\n  if (!entry) return;\n  const rtl = getComputedStyle(event.currentTarget).direction === 'rtl';\n  const forward = rtl ? 'ArrowLeft' : 'ArrowRight';\n  const backward = rtl ? 'ArrowRight' : 'ArrowLeft';\n  if (event.key === 'ArrowDown') focus(visible[Math.min(position + 1, visible.length - 1)]?.node.value);\n  else if (event.key === 'ArrowUp') focus(visible[Math.max(position - 1, 0)]?.node.value);\n  else if (event.key === 'Home') focus(visible[0]?.node.value);\n  else if (event.key === 'End') focus(visible.at(-1)?.node.value);\n  else if (event.key === forward && isBranch(entry.node)) {\n   if (!expanded.includes(entry.node.value)) toggle(entry.node);\n   else focus(entry.node.children?.find(node => !index.get(node.value)?.disabled)?.value);\n  } else if (event.key === backward) {\n   if (isBranch(entry.node) && expanded.includes(entry.node.value)) toggle(entry.node);\n   else focus(entry.parent ?? undefined);\n  } else if (event.key === 'Enter' || event.key === ' ') select(entry.node);\n  else if (event.key === '*') {\n   const next = [...new Set([...expanded, ...[...index.values()].filter(item => item.parent === entry.parent && !item.disabled && isBranch(item.node)).map(item => item.node.value)])];\n   if (expandedValues === undefined) setLocalExpanded(next);\n   onExpandedValuesChange?.(next, entry.node);\n  } else if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {\n   // oxlint-disable-next-line react/purity -- Runs in the key handler, not during render.\n   const now = Date.now();\n   search.current.text = (now - search.current.time < 500 ? search.current.text : '') + event.key.toLocaleLowerCase();\n   search.current.time = now;\n   const term = [...search.current.text].every(letter => letter === event.key.toLocaleLowerCase()) ? event.key.toLocaleLowerCase() : search.current.text;\n   const rotated = [...visible.slice(position + 1), ...visible.slice(0, position + 1)];\n   focus(rotated.find(item => item.node.label.toLocaleLowerCase().startsWith(term))?.node.value);\n  } else return;\n  event.preventDefault();\n }\n function rows(nodes: readonly TreeNode<T>[], level: number) { return nodes.map((node, position) => {\n  const blocked = disabled || !!index.get(node.value)?.disabled;\n  const branch = isBranch(node);\n  const open = expanded.includes(node.value);\n  const checked = selected.includes(node.value);\n  // oxlint-disable-next-line jsx-a11y/click-events-have-key-events -- Tree's onKeyDown handles keys for the focused treeitem.\n  return <div key={node.value} data-tree-value={node.value} className=\"tree--branch min-w-0 outline-none [&:focus-visible>.tree--item]:inset-ring [&:focus-visible>.tree--item]:inset-ring-ring [&:focus-visible>.tree--item]:ring-3 [&:focus-visible>.tree--item]:ring-ring/50\" ref={element => { if (element) refs.current.set(node.value, element); else refs.current.delete(node.value); }}\n    role=\"treeitem\" aria-label={node.label} aria-level={level} aria-posinset={position + 1} aria-setsize={nodes.length}\n    title={!rich && typeof node.description === 'string' ? node.description : undefined}\n    aria-description={!rich && typeof node.description === 'string' ? node.description : undefined}\n    aria-expanded={branch ? open : undefined} aria-selected={selectionMode !== 'none' && !(branch && branchActivation === 'toggle') ? checked : undefined} aria-disabled={blocked || undefined}\n    tabIndex={!blocked && focusValue === node.value ? 0 : -1}\n    onFocus={event => { if (event.target === event.currentTarget) { focusedElement.current = event.currentTarget; setFocused(node.value); } }}\n    onClick={event => { if (!blocked && (event.target as HTMLElement).closest('[role=treeitem]') === event.currentTarget) { focus(node.value); select(node); } }}>\n   <div data-selected={checked || undefined} data-disabled={blocked || undefined}\n    className={cn(`tree--item flex w-full items-center cursor-default outline-none ${interactionRecipes.rowHover} ${focusRecipes.edge} data-selected:bg-accent data-selected:hover:bg-accent data-selected:text-accent-foreground data-disabled:opacity-50`, navigationRowInlineClasses, rich ? rowBlockPaddingClasses[density] : level === 1 ? recipe.height : recipe.childHeight, textSizes[defaultTextSize ?? 'sm'])}\n    >\n    <span className=\"tree--caret relative size-icon-sm shrink-0\">\n     {branch && <DisclosureButton variant=\"ghost\" size=\"icon-xs\" className=\"tree--disclosure absolute start-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-radius rtl:translate-x-1/2 disabled:opacity-100 aria-disabled:opacity-100\" tabIndex={-1} disabled={blocked} aria-label={open ? strings.collapse(node.label) : strings.expand(node.label)} onClick={event => {event.stopPropagation(); focus(node.value); toggle(node);}}>\n      {open ? <ChevronDown aria-hidden=\"true\" className=\"size-icon-sm\" /> : <ChevronRight aria-hidden=\"true\" className=\"size-icon-sm rtl:rotate-180\" />}\n     </DisclosureButton>}\n    </span>\n    <CollectionContent label={renderLabel?.(node) ?? node.label} description={rich ? node.description : undefined} leading={node.icon} leadingClassName={ICON_DESCENDANT_SIZE_CLASSNAMES.md} leadingDecorative wrap={rich}\n     bodyClassName={rich ? undefined : 'overflow-hidden'}\n     trailing={node.trailing != null || (checked && selectionMode === 'multiple') ? <span className=\"inline-flex shrink-0 items-center gap-space-sm\">{node.trailing}{checked && selectionMode === 'multiple' && <Check aria-hidden=\"true\" className=\"size-icon shrink-0\" />}</span> : undefined} />\n   </div>\n   {branch && open && !!node.children?.length && <div role=\"group\" className={cn('tree--group flex flex-col border-s', navigationChildInsetClasses, recipe.childGap, showGuides ? 'border-border' : 'border-transparent')}\n    style={indent === undefined ? undefined : { marginInlineStart: Math.max(0, indent) / 2, paddingInlineStart: Math.max(0, indent) / 2 }}>{rows(node.children, level + 1)}</div>}\n  </div>;\n }); }\n // oxlint-disable-next-line jsx-a11y/interactive-supports-focus -- Roving tabindex: focus stays on the items and the container handles their keys.\n return <div {...props} role=\"tree\" data-row-layout={rowLayout} aria-multiselectable={selectionMode === 'multiple' || undefined} aria-disabled={disabled || undefined} onKeyDown={keyboard} className={cn('tree--component flex min-w-0 flex-col', recipe.gap, className)}>\n  {items.length ? rows(items, 1) : <Text type=\"secondary\">{empty ?? strings.empty}</Text>}\n </div>;\n}\n"],"mappings":"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"}

package/dist/typography/rich-text.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../rich-text-Dth5E882.js";
+import { t as e } from "../rich-text-Cypm9__d.js";
 export { e as RichText };

package/dist/{typography-BQnine1k.js → typography-C0dELqYV.js}

@@ -1,18 +1,19 @@
 "use client";
-import { S as e, d as t, v as n } from "./ui-provider-C-74NVLc.js";
-import { t as r } from "./utils-B6kKb8jB.js";
+import { C as e, f as t, y as n } from "./ui-provider-Bu1S-o96.js";
+import { t as r } from "./utils-BVbAG2J6.js";
 import { a as i, c as a, n as o, r as s } from "./text.styles-B64My8RZ.js";
-import { t as c } from "./focus-recipes-B653VaLq.js";
+import { t as c } from "./focus-recipes-DSkiUvUp.js";
 import { createContext as l, forwardRef as u, useContext as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useRender as m } from "@base-ui/react/use-render";
 //#region src/components/typography/running-text.ts
-var m = l(!1);
-function h() {
-	return d(m);
+var h = l(!1);
+function g() {
+	return d(h);
 }
 //#endregion
 //#region src/components/typography/text.tsx
-var g = u(function({ content: e, children: t, type: i = "main", size: o, weight: s, align: c, lineHeight: l, numeric: u, invert: d = !1, tag: p = "p", className: h, ...g }, _) {
+var _ = u(function({ content: e, children: t, type: i = "main", size: o, weight: s, align: c, lineHeight: l, numeric: u, invert: d = !1, tag: p = "p", className: m, ...g }, _) {
 	let { defaultTextSize: v } = n(), y = t ?? e;
 	return y == null || y === "" ? null : /* @__PURE__ */ f(p, {
 		"data-typography": "text",
@@ -25,8 +26,8 @@ var g = u(function({ content: e, children: t, type: i = "main", size: o, weight:
 			align: c,
 			lineHeight: l,
 			numeric: u
-		}), h),
-		children: /* @__PURE__ */ f(m.Provider, {
+		}), m),
+		children: /* @__PURE__ */ f(h.Provider, {
 			value: !0,
 			children: y
 		})
@@ -34,19 +35,20 @@ var g = u(function({ content: e, children: t, type: i = "main", size: o, weight:
 });
 //#endregion
 //#region src/components/typography/heading.tsx
-function _({ tag: e = "h3", size: t = o.subject, subHeading: n, subHeadingClassName: a, subHeadingSize: c, containerClassName: l, align: u = "left", divider: d = !1, className: h, children: _, ref: v, ...y }) {
+function v({ tag: e = "h3", size: t = o.subject, subHeading: n, subHeadingClassName: a, subHeadingSize: c, containerClassName: l, align: u = "left", divider: d = !1, className: m, children: g, ref: v, ...y }) {
+	let b = e;
 	return /* @__PURE__ */ p("div", {
 		className: r("heading--component flex min-w-0 flex-col gap-dense", i[u], l),
-		children: [_ != null && /* @__PURE__ */ f(e, {
+		children: [g != null && /* @__PURE__ */ f(b, {
 			...y,
 			ref: v,
 			"data-typography": "heading",
-			className: r("heading--title m-0 font-heading", s[t], "font-semibold text-foreground text-balance break-words", i[u], d && "border-b border-border pb-space-md", h),
-			children: /* @__PURE__ */ f(m.Provider, {
+			className: r("heading--title m-0 font-heading", s[t], "font-semibold text-foreground text-balance break-words", i[u], d && "border-b border-border pb-space-md", m),
+			children: /* @__PURE__ */ f(h.Provider, {
 				value: !0,
-				children: _
+				children: g
 			})
-		}), n != null && /* @__PURE__ */ f(g, {
+		}), n != null && /* @__PURE__ */ f(_, {
 			type: "secondary",
 			size: c,
 			align: u,
@@ -57,8 +59,8 @@ function _({ tag: e = "h3", size: t = o.subject, subHeading: n, subHeadingClassN
 }
 //#endregion
 //#region src/components/typography/display-label.tsx
-function v({ tag: e = "span", tone: t = "default", className: n, ...i }) {
-	return /* @__PURE__ */ f(g, {
+function y({ tag: e = "span", tone: t = "default", className: n, ...i }) {
+	return /* @__PURE__ */ f(_, {
 		...i,
 		tag: e,
 		size: "sm",
@@ -71,19 +73,19 @@ function v({ tag: e = "span", tone: t = "default", className: n, ...i }) {
 }
 //#endregion
 //#region src/components/typography/label.tsx
-var y = {
+var b = {
 	sm: "text-xs",
 	md: "text-sm",
 	lg: "text-base"
 };
-function b({ content: n, children: i, size: a, className: o, ref: s, ...c }) {
+function x({ content: n, children: i, size: a, className: o, ref: s, ...c }) {
 	let { defaultScale: l } = t();
 	return /* @__PURE__ */ f("label", {
 		...c,
 		ref: s,
 		"data-typography": "label",
-		className: r("label--component font-sans font-medium leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-50", y[e(a, l)], o),
-		children: /* @__PURE__ */ f(m.Provider, {
+		className: r("label--component font-sans font-medium leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-50", b[e(a, l)], o),
+		children: /* @__PURE__ */ f(h.Provider, {
 			value: !0,
 			children: i ?? n
 		})
@@ -91,27 +93,31 @@ function b({ content: n, children: i, size: a, className: o, ref: s, ...c }) {
 }
 //#endregion
 //#region src/components/typography/text-link.tsx
-var x = `w-fit max-w-full rounded-radius-xs outline-none box-decoration-clone transition-colors motion-reduce:transition-none ${c.text}`, S = "underline decoration-current underline-offset-[0.2em]", C = "[&_a]:w-fit [&_a]:max-w-full [&_a]:rounded-radius-xs [&_a]:outline-none [&_a]:box-decoration-clone [&_a]:transition-colors motion-reduce:[&_a]:transition-none [&_a]:text-inherit [&_a]:underline [&_a]:decoration-current [&_a]:underline-offset-[0.2em] [&_a:hover]:decoration-transparent [&_a:focus-visible]:outline-solid [&_a:focus-visible]:outline-1 [&_a:focus-visible]:outline-offset-0 [&_a:focus-visible]:outline-ring [&_a:focus-visible]:ring-3 [&_a:focus-visible]:ring-ring/50";
-function w({ type: e = "main", size: t, weight: i, align: o, lineHeight: s, underline: c = !0, className: l, ref: u, children: d, ...p }) {
-	let { defaultTextSize: g } = n(), _ = h();
-	return /* @__PURE__ */ f("a", {
-		...p,
+var S = `w-fit max-w-full rounded-radius-xs outline-none box-decoration-clone transition-colors motion-reduce:transition-none ${c.text}`, C = "underline decoration-current underline-offset-[0.2em]", w = "[&_a]:w-fit [&_a]:max-w-full [&_a]:rounded-radius-xs [&_a]:outline-none [&_a]:box-decoration-clone [&_a]:transition-colors motion-reduce:[&_a]:transition-none [&_a]:text-inherit [&_a]:underline [&_a]:decoration-current [&_a]:underline-offset-[0.2em] [&_a:hover]:decoration-transparent [&_a:focus-visible]:outline-solid [&_a:focus-visible]:outline-1 [&_a:focus-visible]:outline-offset-0 [&_a:focus-visible]:outline-ring [&_a:focus-visible]:ring-3 [&_a:focus-visible]:ring-ring/50";
+function T({ type: e = "main", size: t, weight: i, align: o, lineHeight: s, underline: c = !0, className: l, ref: u, render: d, children: p, ..._ }) {
+	let { defaultTextSize: v } = n(), y = g();
+	return m({
+		defaultTagName: "a",
+		render: d,
 		ref: u,
-		"data-typography": "link",
-		className: r("text-link--component", x, a({
-			type: e,
-			size: t ?? (_ ? "inherit" : g),
-			weight: i ?? (_ ? "inherit" : void 0),
-			align: o,
-			lineHeight: s ?? (_ ? "inherit" : void 0)
-		}), c ? `${S} hover:decoration-transparent` : "no-underline", l),
-		children: /* @__PURE__ */ f(m.Provider, {
-			value: !0,
-			children: d
-		})
+		props: {
+			..._,
+			"data-typography": "link",
+			className: r("text-link--component", S, a({
+				type: e,
+				size: t ?? (y ? "inherit" : v),
+				weight: i ?? (y ? "inherit" : void 0),
+				align: o,
+				lineHeight: s ?? (y ? "inherit" : void 0)
+			}), c ? `${C} hover:decoration-transparent` : "no-underline", l),
+			children: /* @__PURE__ */ f(h.Provider, {
+				value: !0,
+				children: p
+			})
+		}
 	});
 }
 //#endregion
-export { b as a, g as c, S as i, m as l, C as n, v as o, x as r, _ as s, w as t, h as u };
+export { x as a, _ as c, C as i, h as l, w as n, y as o, S as r, v as s, T as t, g as u };
 
-//# sourceMappingURL=typography-BQnine1k.js.map
+//# sourceMappingURL=typography-C0dELqYV.js.map

package/dist/typography-C0dELqYV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-C0dELqYV.js","names":["resolveComponentScale","useDensityConfig","useTypographyConfig","cn","textAlignments","textVariants","headingRoleSizes","headingSizes","focusRecipes","RunningTextContext","createContext","useInRunningText","useContext","Text","forwardRef","Tag","props","value","children","content","invert","type","size","defaultTextSize","className","Heading","tag","align","containerClassName","divider","subHeading","subHeadingSize","subHeadingClassName","DisplayLabel","tone","sizes","Label","defaultScale","inlineLinkClassName","linkUnderlineClassName","descendantInlineLinkClassName","TextLink","inText","useRender","weight","lineHeight","underline"],"sources":["../src/components/typography/running-text.ts","../src/components/typography/text.tsx","../src/components/typography/heading.tsx","../src/components/typography/display-label.tsx","../src/components/typography/label.tsx","../src/components/typography/text-link.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n/**\n * True below an element that renders running text: `Text`, `Heading`,\n * `DisplayLabel`, `Label`, `TextLink` and the inline value primitives.\n *\n * Inline value primitives read it to tell a value inside a sentence from a\n * standalone value. Inside running text their unset size, colour, weight and\n * leading inherit from the surrounding text; standalone values keep their role\n * defaults. Explicit props always win.\n */\nexport const RunningTextContext = createContext(false);\n\n/** Whether the caller renders inside running text owned by a typography role. */\nexport function useInRunningText(): boolean {\n\treturn useContext(RunningTextContext);\n}\n","import { forwardRef, type ComponentPropsWithoutRef, type ReactNode } from 'react';\nimport { useTypographyConfig, type TextSize } from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\nimport { RunningTextContext } from './running-text';\nimport { textVariants, type textTypes, type textWeights, type textAlignments, type textLineHeights } from './text.styles';\n\nexport interface TextProps extends Omit<ComponentPropsWithoutRef<'p'>, 'children'> {\n  /** Plain text fallback; children take precedence, including zero and empty strings. */\n  content?: string;\n  children?: ReactNode;\n  /** Colour role. Defaults to `main`; `inherit` keeps the surrounding text colour. */\n  type?: keyof typeof textTypes;\n  /** Text size. Defaults to the provider `typography.defaultTextSize` (`sm`). */\n  size?: TextSize;\n  /** Font weight. Defaults to `regular`; `inherit` keeps the surrounding weight. */\n  weight?: keyof typeof textWeights;\n  /** Text alignment. Defaults to `left`; `left` and `right` follow the reading direction. */\n  align?: keyof typeof textAlignments;\n  /** Line height. Defaults to `normal`; `inherit` keeps the surrounding leading. */\n  lineHeight?: keyof typeof textLineHeights;\n  /** Renders the inverse colour role on inverse surfaces. Defaults to `false`. */\n  invert?: boolean;\n  /**\n   * Monospace with tabular figures, for identifiers and code-like values. Numbers,\n   * amounts and dates use the number primitives (tabular sans figures) instead.\n   * Defaults to `false`.\n   */\n  numeric?: boolean;\n  /** Rendered element. Defaults to `p`. */\n  tag?: 'div' | 'p' | 'span';\n}\n\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text({\n  content, children, type = 'main', size, weight, align, lineHeight,\n  numeric, invert = false, tag: Tag = 'p', className, ...props\n}, ref) {\n  const {defaultTextSize} = useTypographyConfig();\n  const value = children ?? content;\n  if (value === undefined || value === null || value === '') return null;\n  return <Tag data-typography=\"text\" {...props} ref={ref as never} className={cn('text--component', textVariants({type: invert ? 'inverse' : type, size: size ?? defaultTextSize, weight, align, lineHeight, numeric}), className)}>\n    <RunningTextContext.Provider value>{value}</RunningTextContext.Provider>\n  </Tag>;\n});\n","import type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { TextSize } from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\nimport { RunningTextContext } from './running-text';\nimport { headingRoleSizes, headingSizes, textAlignments } from './text.styles';\nimport { Text } from './text';\n\nexport type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n/** Non-heading elements that take the heading scale: a hero figure or display value outside the outline. */\nexport type HeadingDisplayTag = 'p' | 'div' | 'span';\nexport type HeadingSize = keyof typeof headingSizes;\nexport interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n  ref?: Ref<HTMLHeadingElement>;\n  /**\n   * Semantic outline level. Defaults to `h3`; it never changes the visual size.\n   * `p`, `div` or `span` renders the same scale with no heading semantics, for a\n   * hero figure or display value that is not part of the document outline.\n   */\n  tag?: HeadingTag | HeadingDisplayTag;\n  /**\n   * Visual emphasis, independent of `tag`. Defaults to the compact admin `base`.\n   * `xl` and larger tighten tracking; `2xl` and larger also tighten leading.\n   */\n  size?: HeadingSize;\n  /** Secondary line under the title, rendered as secondary `Text`. */\n  subHeading?: ReactNode;\n  subHeadingClassName?: string;\n  /** Text size of `subHeading`; defaults to the provider text size. */\n  subHeadingSize?: TextSize;\n  containerClassName?: string;\n  /** Text alignment for the title and sub-heading. Defaults to `left`. */\n  align?: keyof typeof textAlignments;\n  /** Adds a bottom rule under the title. Defaults to `false`. */\n  divider?: boolean;\n}\n\n/** Semantic heading levels share Themelia's restrained admin heading scale. */\nexport function Heading({tag = 'h3', size = headingRoleSizes.subject, subHeading, subHeadingClassName, subHeadingSize, containerClassName, align = 'left', divider = false, className, children, ref, ...props}: HeadingProps) {\n  // One element type for JSX; the rendered tag is the requested one.\n  const Tag = tag as 'h3';\n  return <div className={cn('heading--component flex min-w-0 flex-col gap-dense', textAlignments[align], containerClassName)}>\n    {children != null && <Tag {...props} ref={ref} data-typography=\"heading\" className={cn('heading--title m-0 font-heading', headingSizes[size], 'font-semibold text-foreground text-balance break-words', textAlignments[align], divider && 'border-b border-border pb-space-md', className)}><RunningTextContext.Provider value>{children}</RunningTextContext.Provider></Tag>}\n    {subHeading != null && <Text type=\"secondary\" size={subHeadingSize} align={align} className={subHeadingClassName}>{subHeading}</Text>}\n  </div>;\n}\n","import { Text, type TextProps } from './text';\nimport { cn } from '../../lib/utils';\n\nexport interface DisplayLabelProps extends Omit<TextProps, 'size' | 'type' | 'weight' | 'lineHeight'> {tone?: 'default' | 'inverse'}\nexport function DisplayLabel({tag = 'span', tone = 'default', className, ...props}: DisplayLabelProps) {\n  return <Text {...props} tag={tag} size=\"sm\" type=\"main\" weight=\"medium\" lineHeight=\"tight\" data-typography=\"display-label\" className={cn('display-label--component', tone === 'inverse' && 'text-inverse-muted', className)} />;\n}\n","import type { LabelHTMLAttributes, ReactNode, Ref } from 'react';\nimport type { ComponentScale } from '../../lib/component-vocabulary';\nimport { useDensityConfig } from '../../lib/ui-provider';\nimport { resolveComponentScale } from '../../lib/ui-provider/scale';\nimport { cn } from '../../lib/utils';\nimport { RunningTextContext } from './running-text';\n\nexport interface LabelProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, 'content'> {\n  /** Fallback content; children take precedence. */\n  content?: ReactNode;\n  /** Control scale the caption belongs to (`sm` → xs, `md` → sm, `lg` → base). Defaults to the provider density scale. */\n  size?: ComponentScale;\n  ref?: Ref<HTMLLabelElement>;\n}\nconst sizes = {sm: 'text-xs', md: 'text-sm', lg: 'text-base'} as const;\n/** Form caption for a control; medium weight, foreground, no incidental margins. */\nexport function Label({content, children, size, className, ref, ...props}: LabelProps) {\n  const {defaultScale} = useDensityConfig();\n  return <label {...props} ref={ref} data-typography=\"label\" className={cn('label--component font-sans font-medium leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-50', sizes[resolveComponentScale(size, defaultScale)], className)}>\n    <RunningTextContext.Provider value>{children ?? content}</RunningTextContext.Provider>\n  </label>;\n}\n","import { useRender } from '@base-ui/react/use-render';\nimport type { AnchorHTMLAttributes, Ref } from 'react';\nimport { useTypographyConfig } from '../../lib/ui-provider';\nimport { cn } from '../../lib/utils';\nimport { RunningTextContext, useInRunningText } from './running-text';\nimport { textVariants } from './text.styles';\nimport type { TextProps } from './text';\nimport { focusRecipes } from '../../lib/focus-recipes';\n\n/**\n * Inline-link mechanics shared by `TextLink` and the link primitives. As a flex\n * or grid item the link hugs its text, so neither the hit area nor the focus\n * ring stretches across the row. The shared focus edge sits just outside the\n * glyphs inside the soft halo, uses the small radius role and follows every line\n * of a wrapped link. Links keep one colour whether\n * or not they were visited: the role colour is explicit.\n */\nexport const inlineLinkClassName = `w-fit max-w-full rounded-radius-xs outline-none box-decoration-clone transition-colors motion-reduce:transition-none ${focusRecipes.text}`;\n\n/** Underline geometry shared with content links: proportional to the text size. */\nexport const linkUnderlineClassName = 'underline decoration-current underline-offset-[0.2em]';\n\n/** Private counterpart for native anchors inside package-owned copy regions.\n * Keep selectors literal for the standalone stylesheet. These anchors inherit\n * the region's colour and follow TextLink's focus and underline mechanics. */\nexport const descendantInlineLinkClassName = '[&_a]:w-fit [&_a]:max-w-full [&_a]:rounded-radius-xs [&_a]:outline-none [&_a]:box-decoration-clone [&_a]:transition-colors motion-reduce:[&_a]:transition-none [&_a]:text-inherit [&_a]:underline [&_a]:decoration-current [&_a]:underline-offset-[0.2em] [&_a:hover]:decoration-transparent [&_a:focus-visible]:outline-solid [&_a:focus-visible]:outline-1 [&_a:focus-visible]:outline-offset-0 [&_a:focus-visible]:outline-ring [&_a:focus-visible]:ring-3 [&_a:focus-visible]:ring-ring/50';\n\nexport interface TextLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'type'>, Pick<TextProps, 'type' | 'size' | 'weight' | 'align' | 'lineHeight'> {\n  /** Text size. Defaults to the provider text size; inside running text, the surrounding size. */\n  size?: TextProps['size'];\n  /**\n   * Underlined at rest, clearing on hover. Defaults to `true`; keep it for links\n   * whose colour matches the surrounding text. `false` renders no underline and\n   * leaves the hover treatment to the composition (a row, chip or menu).\n   */\n  underline?: boolean;\n  /**\n   * Router composition: an element or function that replaces the native anchor,\n   * such as `render={<RouterLink to=\"/orders\" />}`. It receives the link's\n   * classes, attributes and children; the router link supplies navigation.\n   */\n  render?: useRender.ComponentProps<'a'>['render'];\n  ref?: Ref<HTMLAnchorElement>;\n}\n\n/**\n * Anchor sibling of `Text`: the same roles plus link focus and hover states.\n * It renders a native `<a>`, or the router link passed to `render`. Inside running text an unset size, weight and leading follow the\n * sentence; the colour role stays, so the link still reads as a link.\n */\nexport function TextLink({type = 'main', size, weight, align, lineHeight, underline = true, className, ref, render, children, ...props}: TextLinkProps) {\n  const {defaultTextSize} = useTypographyConfig();\n  const inText = useInRunningText();\n  return useRender({\n    defaultTagName: 'a',\n    render,\n    ref,\n    props: {\n      ...props,\n      'data-typography': 'link',\n      className: cn('text-link--component', inlineLinkClassName, textVariants({type, size: size ?? (inText ? 'inherit' : defaultTextSize), weight: weight ?? (inText ? 'inherit' : undefined), align, lineHeight: lineHeight ?? (inText ? 'inherit' : undefined)}), underline ? `${linkUnderlineClassName} hover:decoration-transparent` : 'no-underline', className),\n      children: <RunningTextContext.Provider value>{children}</RunningTextContext.Provider>,\n    },\n  });\n}\n"],"mappings":"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"}

package/dist/typography.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, o as n, s as r, t as i } from "./typography-BQnine1k.js";
+import { a as e, c as t, o as n, s as r, t as i } from "./typography-C0dELqYV.js";
 export { n as DisplayLabel, r as Heading, e as Label, t as Text, i as TextLink };

package/dist/{ui-provider-C-74NVLc.js → ui-provider-Bu1S-o96.js}

@@ -155,7 +155,7 @@ function I() {
 }
 var L = t.forwardRef(function({ children: e, style: n, ...r }, i) {
 	let { host: a, attachHost: o, context: s } = I();
-	return t.useImperativeHandle(i, () => a.current, []), /* @__PURE__ */ c(F, {
+	return t.useImperativeHandle(i, () => a.current, [a]), /* @__PURE__ */ c(F, {
 		value: s,
 		children: /* @__PURE__ */ c("div", {
 			"data-theme-scope": "",
@@ -172,7 +172,8 @@ function R(e) {
 	if (e !== void 0) return e;
 	if (n) return n.mounted ? n.host : null;
 }
+var z = L;
 //#endregion
-export { u as C, f as S, A as _, I as a, p as b, O as c, y as d, b as f, j as g, k as h, R as i, C as l, x as m, L as n, D as o, T as p, F as r, E as s, l as t, S as u, w as v, d as x, v as y };
+export { f as C, d as S, j as _, R as a, v as b, E as c, S as d, y as f, k as g, x as h, F as i, O as l, T as m, z as n, I as o, b as p, L as r, D as s, l as t, C as u, A as v, u as w, p as x, w as y };
 
-//# sourceMappingURL=ui-provider-C-74NVLc.js.map
+//# sourceMappingURL=ui-provider-Bu1S-o96.js.map