@mortenbrudvik/waveui 0.7.0 → 0.9.0

package/dist/components/layout/Tree.itemPersonaLayout.mjs

@@ -0,0 +1,46 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { materialiseSlotContent as t, slotRendersContent as n } from "../../lib/slot.mjs";
+import { treeItemPersonaLayoutClassNames as r } from "../../lib/classNames.mjs";
+import { useId as i } from "../../hooks/useId.mjs";
+import { useTreeItemContext as a } from "./Tree.context.mjs";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/layout/Tree.itemPersonaLayout.tsx
+var l = ({ media: l, description: u, className: d, children: f, ref: p, ...m }) => {
+	let { registerLayout: h } = a("Tree.ItemPersonaLayout"), g = i("tree-persona-name"), _ = i("tree-persona-description"), v = n(l), y = n(u);
+	return o.useLayoutEffect(() => h({
+		nameId: g,
+		descriptionId: y ? _ : void 0
+	}), [
+		h,
+		g,
+		_,
+		y
+	]), /* @__PURE__ */ c("span", {
+		ref: p,
+		className: e(r.root, "flex min-w-0 items-center gap-2", d),
+		...m,
+		children: [v && /* @__PURE__ */ s("span", {
+			className: e(r.media, "inline-flex shrink-0"),
+			children: t(l)
+		}), /* @__PURE__ */ c("span", {
+			className: "flex min-w-0 flex-col",
+			children: [/* @__PURE__ */ s("span", {
+				id: g,
+				"data-tree-persona-name": "",
+				className: e(r.main, "truncate"),
+				children: f
+			}), y && /* @__PURE__ */ s("span", {
+				id: _,
+				className: e(r.description, "truncate text-caption-1 text-muted-foreground"),
+				children: t(u)
+			})]
+		})]
+	});
+};
+l.displayName = "TreeItemPersonaLayout";
+//#endregion
+export { l as TreeItemPersonaLayout };
+
+//# sourceMappingURL=Tree.itemPersonaLayout.mjs.map

package/dist/components/layout/Tree.itemPersonaLayout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.itemPersonaLayout.mjs","names":["useId","useId$1","React","TreeItemPersonaLayout","rest","useTreeItemContext","nameId","descriptionId","hasMedia","slotRendersContent","media","hasDescription","description","registerLayout","cn","treeItemPersonaLayoutClassNames","className","materialiseSlotContent"],"sources":["../../../src/components/layout/Tree.itemPersonaLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { treeItemPersonaLayoutClassNames } from '../../lib/classNames';\nimport { cn } from '../../lib/cn';\nimport { materialiseSlotContent, slotRendersContent } from '../../lib/slot';\nimport { useId } from '../../hooks/useId';\nimport { useTreeItemContext } from './Tree.context';\n\n/** Properties for the TreeItemPersonaLayout sub-component (Fluent's `TreeItemPersonaLayout`). */\nexport interface TreeItemPersonaLayoutProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * The person's picture, usually an Avatar (`size=\"small\"`, 32 px, fits a row). The name is shown\n   * next to it, so make it decorative (`<Avatar decorative … />`).\n   */\n  media?: React.ReactNode;\n  /** A second line under the name; it describes the item. */\n  description?: React.ReactNode;\n  ref?: React.Ref<HTMLSpanElement>;\n}\n\n/**\n * Lays out an item's label as a person: `media`, the name (children) and a `description` under\n * it. Use it as a Tree.Item's label content: the item is named by the name and described by the\n * description. Also exported as `TreeItemPersonaLayout` (Fluent's name; import the flat name from\n * React Server Components).\n */\nexport const TreeItemPersonaLayout = ({\n  media,\n  description,\n  className,\n  children,\n  ref,\n  ...rest\n}: TreeItemPersonaLayoutProps) => {\n  const { registerLayout } = useTreeItemContext('Tree.ItemPersonaLayout');\n  const nameId = useId('tree-persona-name');\n  const descriptionId = useId('tree-persona-description');\n  const hasMedia = slotRendersContent(media);\n  const hasDescription = slotRendersContent(description);\n\n  React.useLayoutEffect(\n    () => registerLayout({ nameId, descriptionId: hasDescription ? descriptionId : undefined }),\n    [registerLayout, nameId, descriptionId, hasDescription],\n  );\n\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        treeItemPersonaLayoutClassNames.root,\n        'flex min-w-0 items-center gap-2',\n        className,\n      )}\n      {...rest}\n    >\n      {hasMedia && (\n        <span className={cn(treeItemPersonaLayoutClassNames.media, 'inline-flex shrink-0')}>\n          {materialiseSlotContent(media)}\n        </span>\n      )}\n      <span className=\"flex min-w-0 flex-col\">\n        <span\n          id={nameId}\n          data-tree-persona-name=\"\"\n          className={cn(treeItemPersonaLayoutClassNames.main, 'truncate')}\n        >\n          {children}\n        </span>\n        {hasDescription && (\n          <span\n            id={descriptionId}\n            className={cn(\n              treeItemPersonaLayoutClassNames.description,\n              'truncate text-caption-1 text-muted-foreground',\n            )}\n          >\n            {materialiseSlotContent(description)}\n          </span>\n        )}\n      </span>\n    </span>\n  );\n};\nTreeItemPersonaLayout.displayName = 'TreeItemPersonaLayout';\n"],"mappings":";;;;;;;;;AAyBA,IAAaG,KAAyB,EACpC,UACA,gBACA,cACA,aACA,QACA,GAAGC,QAC6B;CAChC,IAAM,EAAE,sBAAmBC,EAAmB,wBAAwB,GAChEC,IAASN,EAAM,mBAAmB,GAClCO,IAAgBP,EAAM,0BAA0B,GAChDQ,IAAWC,EAAmBC,CAAK,GACnCC,IAAiBF,EAAmBG,CAAW;CAOrD,OALAV,EAAM,sBACEW,EAAe;EAAE;EAAQ,eAAeF,IAAiBJ,IAAgB,KAAA;CAAU,CAAC,GAC1F;EAACM;EAAgBP;EAAQC;EAAeI;CAAc,CACxD,GAGE,kBAAC,QAAD;EACO;EACL,WAAWG,EACTC,EAAgC,MAChC,mCACAC,CACF;EACA,GAAIZ;EAPN,UAAA,CASGI,KACC,kBAAC,QAAD;GAAM,WAAWM,EAAGC,EAAgC,OAAO,sBAAsB;GAC9E,UAAAE,EAAuBP,CAAK;EACzB,CAAA,GAER,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,kBAAC,QAAD;IACE,IAAIJ;IACJ,0BAAuB;IACvB,WAAWQ,EAAGC,EAAgC,MAAM,UAAU;IAE7D;GACG,CAAA,GACLJ,KACC,kBAAC,QAAD;IACE,IAAIJ;IACJ,WAAWO,EACTC,EAAgC,aAChC,+CACF;IAEC,UAAAE,EAAuBL,CAAW;GAC/B,CAAA,CAEJ;EACF,CAAA,CAAA;;AAEV;AACA,EAAsB,cAAc"}

package/dist/components/layout/Tree.mjs

@@ -1,220 +1,12 @@
 "use client";
-import { cn as e } from "../../lib/cn.mjs";
-import { flattenChildren as t, isElementOfType as n } from "../../lib/children.mjs";
-import { isDev as r, reportMissingContext as i, warnOnce as a } from "../../lib/dev.mjs";
-import { renderSlot as o, slotRendersContent as s } from "../../lib/slot.mjs";
-import { composeEventHandlers as c } from "../../lib/composeEventHandlers.mjs";
-import { useEventCallback as l } from "../../hooks/useEventCallback.mjs";
-import { useControllable as u } from "../../hooks/useControllable.mjs";
-import { useId as d } from "../../hooks/useId.mjs";
-import { getDirection as f } from "../../lib/direction.mjs";
-import { useRovingTabIndex as p } from "../../hooks/useRovingTabIndex.mjs";
-import { useMergedRefs as m } from "../../hooks/useMergedRefs.mjs";
-import { forcedColors as h } from "../../lib/styles.mjs";
-import { ChevronRightIcon as g } from "../../lib/icons.mjs";
-import * as _ from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { TreeItem as e, TreeRoot as t } from "./Tree.core.mjs";
+import { TreeItemPersonaLayout as n } from "./Tree.itemPersonaLayout.mjs";
 //#region src/components/layout/Tree.tsx
-var b = _.createContext(null), x = _.createContext(null), S = _.createContext(!1), C = [], w = {
-	expanded: /* @__PURE__ */ new Set(),
-	toggle: () => {},
-	expand: () => {},
-	activate: () => {},
-	selected: void 0,
-	current: void 0,
-	getTabIndex: () => -1,
-	focusValue: () => {},
-	onItemFocus: () => {},
-	registerValue: () => () => {}
-};
-function T(e) {
-	return _.useContext(b) || (i(e, "<Tree>"), w);
-}
-var E = "Tree.Item was rendered inside the label of another Tree.Item, so it is not part of that item's child group: the parent cannot expand, its name includes the nested text, and a treeitem sits inside a label (axe aria-required-parent). A Tree.Item finds its nested items among its own children (written directly, in Fragments, or returned by a render function such as `children.map(renderNode)`), but not inside a component that renders Tree.Item itself. Build a data-driven tree with a render function instead of a recursive component.";
-function D(e) {
-	a(`Tree:duplicate:${e}`, `Tree: several items share the value "${e}". Item values must be unique within a Tree; items with the same value share their expanded, selected and focus state.`);
-}
-var O = ({ expandedItems: t, defaultExpandedItems: n, onExpandedItemsChange: i, onItemSelect: a, selected: o, current: s, className: d, children: f, onKeyDown: h, onKeyDownCapture: g, onFocus: y, onBlur: w, ref: T, ...E }) => {
-	let [O] = _.useState(() => n ?? C), [A, j] = u(t, O, (e) => i?.([...e])), M = _.useMemo(() => new Set(A), [A]), N = _.useCallback((e) => {
-		j((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, [j]), P = _.useCallback((e) => {
-		j((t) => {
-			let n = e.filter((e) => !t.includes(e));
-			return n.length > 0 ? [...t, ...n] : t;
-		});
-	}, [j]), F = l((e) => {
-		a?.(e);
-	}), [I, L] = _.useState(null), R = _.useRef(null), z = _.useCallback((e) => {
-		if (!r) return () => {};
-		R.current ??= /* @__PURE__ */ new Map();
-		let t = R.current, n = (t.get(e) ?? 0) + 1;
-		return t.set(e, n), n > 1 && D(e), () => {
-			let n = (t.get(e) ?? 1) - 1;
-			n > 0 ? t.set(e, n) : t.delete(e);
-		};
-	}, []), { containerProps: B, getTabIndex: V, focusValue: H } = p({
-		activeValue: I ?? o ?? null,
-		orientation: "vertical",
-		loop: !1,
-		typeahead: !0
-	}), U = _.useMemo(() => ({
-		expanded: M,
-		toggle: N,
-		expand: P,
-		activate: F,
-		selected: o,
-		current: s,
-		getTabIndex: V,
-		focusValue: H,
-		onItemFocus: L,
-		registerValue: z
-	}), [
-		M,
-		N,
-		P,
-		F,
-		o,
-		s,
-		V,
-		H,
-		z
-	]), W = m(T, B.ref), G = (e) => {
-		e.key.length === 1 && k(e.currentTarget), B.onKeyDown(e);
-	}, K = (e) => {
-		e.key === " " && k(e.currentTarget), B.onKeyDownCapture(e);
-	}, q = (e) => {
-		let t = e.relatedTarget;
-		(!t || !e.currentTarget.contains(t)) && L(null);
-	};
-	return /* @__PURE__ */ v(b.Provider, {
-		value: U,
-		children: /* @__PURE__ */ v(x.Provider, {
-			value: null,
-			children: /* @__PURE__ */ v("div", {
-				role: "tree",
-				className: e("text-body-1", d),
-				...E,
-				"data-roving-container": "",
-				onKeyDown: c(h, G),
-				onKeyDownCapture: c(g, K),
-				onFocus: c(y, B.onFocus, { checkDefaultPrevented: !1 }),
-				onBlur: c(w, q, { checkDefaultPrevented: !1 }),
-				ref: W,
-				children: /* @__PURE__ */ v(S.Provider, {
-					value: !1,
-					children: f
-				})
-			})
-		})
-	});
-};
-O.displayName = "Tree";
-function k(e) {
-	e.querySelectorAll("[role=\"treeitem\"]").forEach((e) => {
-		let t = e.querySelector(":scope > [data-tree-row] > [data-tree-label]");
-		if (!t) return;
-		let n = t.getAttribute("data-roving-text") ?? t.textContent ?? "";
-		e.getAttribute("data-roving-text") !== n && e.setAttribute("data-roving-text", n);
-	});
-}
-function A(e) {
-	return e.target?.closest?.("[role=\"treeitem\"]") === e.currentTarget;
-}
-function j(e) {
-	let t = e.target;
-	return t === e.currentTarget || t?.closest?.("[data-tree-row]")?.parentElement === e.currentTarget;
-}
-var M = ({ value: r, icon: i, leaf: l = !1, className: u, children: p, onClick: m, onKeyDown: b, onFocus: C, ref: w, ...D }) => {
-	let { "data-roving-text": k, ...N } = D, P = T("Tree.Item"), F = _.useContext(x), I = _.useContext(S), L = P.expanded.has(r), R = d("tree-item-label"), { registerValue: z } = P;
-	_.useEffect(() => z(r), [z, r]), _.useEffect(() => {
-		I && a("Tree.Item:inside-label", E);
-	}, [I]);
-	let B = [], V = [], H;
-	t(p).forEach(({ key: e, node: t }) => {
-		let r = /* @__PURE__ */ v(_.Fragment, { children: t }, e);
-		n(t, M) ? (H ??= t.props.value, B.push(r)) : n(t, O) ? B.push(r) : V.push(r);
-	});
-	let U = i && s(i) ? o(i, "span", "inline-flex shrink-0", { "aria-hidden": !0 }) : null, W = B.length > 0 && !l, G = P.selected === void 0 ? void 0 : P.selected === r, K = P.current !== void 0 && P.current !== null && P.current === r, q = () => {
-		W && P.toggle(r), P.activate(r);
-	}, J = (e) => {
-		j(e) && (m?.(e), e.defaultPrevented || q());
-	}, Y = (e) => {
-		if (!A(e) || (b?.(e), e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey)) return;
-		let t = f(e.currentTarget) === "rtl", n = t ? "ArrowLeft" : "ArrowRight", i = t ? "ArrowRight" : "ArrowLeft";
-		switch (e.key) {
-			case "Enter":
-			case " ":
-				e.preventDefault(), q();
-				return;
-			case n:
-				if (e.preventDefault(), !W) return;
-				L ? H !== void 0 && P.focusValue(H) : P.toggle(r);
-				return;
-			case i:
-				e.preventDefault(), W && L ? P.toggle(r) : F !== null && P.focusValue(F);
-				return;
-			case "*": {
-				e.preventDefault();
-				let t = e.currentTarget.parentElement?.querySelectorAll(":scope > [role=\"treeitem\"][aria-expanded=\"false\"][data-roving-value]");
-				P.expand(Array.from(t ?? [], (e) => e.getAttribute("data-roving-value") ?? "").filter(Boolean));
-				return;
-			}
-		}
-	}, X = (e) => {
-		e.target === e.currentTarget && P.onItemFocus(r);
-	};
-	return /* @__PURE__ */ y("div", {
-		role: "treeitem",
-		"aria-selected": G,
-		"aria-current": K ? !0 : void 0,
-		className: e("block outline-none", "[&:focus-visible>[data-tree-row]]:outline-2 [&:focus-visible>[data-tree-row]]:-outline-offset-2 [&:focus-visible>[data-tree-row]]:outline-ring", u),
-		...N,
-		"aria-labelledby": N["aria-labelledby"] ?? (N["aria-label"] === void 0 ? R : void 0),
-		"aria-expanded": W ? L : void 0,
-		tabIndex: P.getTabIndex(r),
-		"data-roving-value": r,
-		"data-selected": G ? "" : void 0,
-		"data-current": K ? "" : void 0,
-		onClick: J,
-		onKeyDown: Y,
-		onFocus: c(C, X, { checkDefaultPrevented: !1 }),
-		ref: w,
-		children: [/* @__PURE__ */ y("div", {
-			"data-tree-row": "",
-			className: e("flex cursor-pointer items-center gap-1.5 rounded px-2 py-1 hover:bg-subtle-hover", G && e("bg-subtle-selected font-semibold", h.selectedContainer)),
-			children: [
-				W ? /* @__PURE__ */ v(g, { className: e("shrink-0 transition-transform motion-reduce:transition-none", L ? "rotate-90" : "wave-rtl:-scale-x-100") }) : /* @__PURE__ */ v("span", {
-					className: "w-3 shrink-0",
-					"aria-hidden": "true"
-				}),
-				U,
-				/* @__PURE__ */ v("span", {
-					id: R,
-					"data-tree-label": "",
-					"data-roving-text": k,
-					className: "truncate",
-					children: /* @__PURE__ */ v(S.Provider, {
-						value: !0,
-						children: V
-					})
-				})
-			]
-		}), W && L && /* @__PURE__ */ v(x.Provider, {
-			value: r,
-			children: /* @__PURE__ */ v(S.Provider, {
-				value: !1,
-				children: /* @__PURE__ */ v("div", {
-					role: "group",
-					className: "ps-4",
-					children: B
-				})
-			})
-		})]
-	});
-};
-M.displayName = "TreeItem";
-var N = /* @__PURE__ */ Object.assign(O, { Item: M });
+var r = /* @__PURE__ */ Object.assign(t, {
+	Item: e,
+	ItemPersonaLayout: n
+});
 //#endregion
-export { N as Tree, M as TreeItem };
+export { r as Tree, e as TreeItem, n as TreeItemPersonaLayout };
 
 //# sourceMappingURL=Tree.mjs.map

package/dist/components/layout/Tree.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.mjs","names":["useId","useId$1","React","TreeContext","TreeParentContext","TreeLabelContext","EMPTY","INERT_CONTEXT","useTreeContext","reportMissingContext","component","ITEM_IN_LABEL_MESSAGE","warnDuplicateValue","value","TreeRoot","rest","initialExpanded","defaultExpandedItems","expandedList","setExpandedList","useControllable","expandedItems","onExpandedItemsChange","next","expanded","toggle","prev","v","expand","added","values","activate","useEventCallback","focusedItem","setFocusedItem","valueCounts","registerValue","isDev","counts","count","remaining","useRovingTabIndex","selected","context","current","getTabIndex","focusValue","mergedRef","useMergedRefs","ref","containerProps","handleKeyDown","event","syncTypeaheadText","handleKeyDownCapture","handleBlur","cn","className","composeEventHandlers","onKeyDown","onKeyDownCapture","onFocus","onBlur","label","treeitem","text","isOwnKeyEvent","isOwnClick","target","TreeItem","props","typeaheadText","ctx","parent","insideLabel","isExpanded","labelId","warnOnce","nestedItems","labelContent","firstChildValue","children","child","keyed","key","isElementOfType","iconNode","icon","slotRendersContent","renderSlot","hasChildren","leaf","isSelected","isCurrent","handleClick","onClick","rtl","getDirection","forward","back","siblings","el","handleFocus","forcedColors","ChevronRightIcon","Tree"],"sources":["../../../src/components/layout/Tree.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { isDev, reportMissingContext, warnOnce } from '../../lib/dev';\nimport { getDirection } from '../../lib/direction';\nimport { ChevronRightIcon } from '../../lib/icons';\nimport { renderSlot, slotRendersContent, type Slot } from '../../lib/slot';\nimport { forcedColors } from '../../lib/styles';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\n\n/* ------------------------------------------------------------------ */\n/*  Contexts                                                           */\n/* ------------------------------------------------------------------ */\n\ninterface TreeContextValue {\n  expanded: ReadonlySet<string>;\n  toggle: (value: string) => void;\n  expand: (values: readonly string[]) => void;\n  activate: (value: string) => void;\n  selected: string | null | undefined;\n  current: string | null | undefined;\n  getTabIndex: (value: string) => 0 | -1;\n  focusValue: (value: string) => void;\n  onItemFocus: (value: string) => void;\n  /**\n   * Development only: counts a mounted item's value and warns once per value that several items\n   * share. Returns the unregistration.\n   */\n  registerValue: (value: string) => () => void;\n}\n\nconst TreeContext = React.createContext<TreeContextValue | null>(null);\n\n/** Value of the enclosing Tree.Item (`null` at the top level), for ArrowLeft → parent. */\nconst TreeParentContext = React.createContext<string | null>(null);\n\n/**\n * `true` inside the label of a Tree.Item, where a nested Tree.Item ends up when a component\n * renders it (the parent cannot see it among its children); its child group and every Tree root\n * reset it.\n */\nconst TreeLabelContext = React.createContext(false);\n\nconst EMPTY: readonly string[] = [];\n\nconst INERT_CONTEXT: TreeContextValue = {\n  expanded: new Set(),\n  toggle: () => {},\n  expand: () => {},\n  activate: () => {},\n  selected: undefined,\n  current: undefined,\n  getTabIndex: () => -1,\n  focusValue: () => {},\n  onItemFocus: () => {},\n  registerValue: () => () => {},\n};\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nfunction useTreeContext(component: string): TreeContextValue {\n  const context = React.useContext(TreeContext);\n  if (context) return context;\n  reportMissingContext(component, '<Tree>');\n  return INERT_CONTEXT;\n}\n\nconst ITEM_IN_LABEL_MESSAGE =\n  'Tree.Item was rendered inside the label of another Tree.Item, so it is not part of that ' +\n  \"item's child group: the parent cannot expand, its name includes the nested text, and a \" +\n  'treeitem sits inside a label (axe aria-required-parent). A Tree.Item finds its nested items ' +\n  'among its own children (written directly, in Fragments, or returned by a render function such ' +\n  'as `children.map(renderNode)`), but not inside a component that renders Tree.Item itself. ' +\n  'Build a data-driven tree with a render function instead of a recursive component.';\n\nfunction warnDuplicateValue(value: string): void {\n  warnOnce(\n    `Tree:duplicate:${value}`,\n    `Tree: several items share the value \"${value}\". Item values must be unique within a Tree; ` +\n      'items with the same value share their expanded, selected and focus state.',\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Tree                                                               */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the Tree component. */\nexport interface TreeProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Controlled list of expanded item values. */\n  expandedItems?: readonly string[];\n  /**\n   * Item values that are expanded initially (uncontrolled).\n   * @default []\n   */\n  defaultExpandedItems?: readonly string[];\n  /** Called with the new list of expanded item values when an item expands or collapses. */\n  onExpandedItemsChange?: (expandedItems: string[]) => void;\n  /**\n   * Called with an item's value every time it is activated (click, Enter or Space), also when the\n   * same item is activated again.\n   */\n  onItemSelect?: (value: string) => void;\n  /**\n   * Value of the selected item. When set (also to `null`), every item carries `aria-selected`, and\n   * the selected item is where keyboard focus enters the tree.\n   */\n  selected?: string | null;\n  /** Value of the current item (for example the open page): it gets `aria-current=\"true\"`. */\n  current?: string | null;\n  /** Ref to the `role=\"tree\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst TreeRoot = ({\n  expandedItems,\n  defaultExpandedItems,\n  onExpandedItemsChange,\n  onItemSelect,\n  selected,\n  current,\n  className,\n  children,\n  onKeyDown,\n  onKeyDownCapture,\n  onFocus,\n  onBlur,\n  ref,\n  ...rest\n}: TreeProps) => {\n  const [initialExpanded] = React.useState<readonly string[]>(() => defaultExpandedItems ?? EMPTY);\n  const [expandedList, setExpandedList] = useControllable<readonly string[]>(\n    expandedItems,\n    initialExpanded,\n    (next) => onExpandedItemsChange?.([...next]),\n  );\n  const expanded = React.useMemo(() => new Set(expandedList), [expandedList]);\n\n  const toggle = React.useCallback(\n    (value: string) => {\n      setExpandedList((prev) =>\n        prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value],\n      );\n    },\n    [setExpandedList],\n  );\n\n  const expand = React.useCallback(\n    (values: readonly string[]) => {\n      setExpandedList((prev) => {\n        const added = values.filter((v) => !prev.includes(v));\n        return added.length > 0 ? [...prev, ...added] : prev;\n      });\n    },\n    [setExpandedList],\n  );\n\n  const activate = useEventCallback((value: string) => {\n    onItemSelect?.(value);\n  });\n\n  // The item that has focus while focus is inside the tree: it holds the tab stop, so Shift+Tab\n  // leaves the tree. Cleared when focus leaves; the next entry goes to `selected`, else the first.\n  const [focusedItem, setFocusedItem] = React.useState<string | null>(null);\n\n  // How many mounted items carry each value (written from the items' effects only).\n  const valueCounts = React.useRef<Map<string, number> | null>(null);\n  const registerValue = React.useCallback((value: string) => {\n    if (!isDev) return () => {};\n    valueCounts.current ??= new Map();\n    const counts = valueCounts.current;\n    const count = (counts.get(value) ?? 0) + 1;\n    counts.set(value, count);\n    if (count > 1) warnDuplicateValue(value);\n    return () => {\n      const remaining = (counts.get(value) ?? 1) - 1;\n      if (remaining > 0) counts.set(value, remaining);\n      else counts.delete(value);\n    };\n  }, []);\n\n  const { containerProps, getTabIndex, focusValue } = useRovingTabIndex({\n    activeValue: focusedItem ?? selected ?? null,\n    orientation: 'vertical',\n    loop: false,\n    typeahead: true,\n  });\n\n  const context = React.useMemo<TreeContextValue>(\n    () => ({\n      expanded,\n      toggle,\n      expand,\n      activate,\n      selected,\n      current,\n      getTabIndex,\n      focusValue,\n      onItemFocus: setFocusedItem,\n      registerValue,\n    }),\n    [expanded, toggle, expand, activate, selected, current, getTabIndex, focusValue, registerValue],\n  );\n\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, containerProps.ref);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    // Typeahead reads `data-roving-text` at key time: fill it from each item's label first.\n    if (event.key.length === 1) syncTypeaheadText(event.currentTarget);\n    containerProps.onKeyDown(event);\n  };\n\n  // A Space that continues a search is typeahead too, taken before the item would activate on it.\n  const handleKeyDownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === ' ') syncTypeaheadText(event.currentTarget);\n    containerProps.onKeyDownCapture(event);\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget as Node | null;\n    if (!next || !event.currentTarget.contains(next)) setFocusedItem(null);\n  };\n\n  return (\n    <TreeContext.Provider value={context}>\n      <TreeParentContext.Provider value={null}>\n        <div\n          role=\"tree\"\n          className={cn('text-body-1', className)}\n          {...rest}\n          data-roving-container=\"\"\n          onKeyDown={composeEventHandlers(onKeyDown, handleKeyDown)}\n          onKeyDownCapture={composeEventHandlers(onKeyDownCapture, handleKeyDownCapture)}\n          onFocus={composeEventHandlers(onFocus, containerProps.onFocus, {\n            checkDefaultPrevented: false,\n          })}\n          onBlur={composeEventHandlers(onBlur, handleBlur, { checkDefaultPrevented: false })}\n          ref={mergedRef}\n        >\n          {/* A Tree has its own items, also when it renders inside a label (a portaled popup). */}\n          <TreeLabelContext.Provider value={false}>{children}</TreeLabelContext.Provider>\n        </div>\n      </TreeParentContext.Provider>\n    </TreeContext.Provider>\n  );\n};\nTreeRoot.displayName = 'Tree';\n\n/* ------------------------------------------------------------------ */\n/*  Tree.Item                                                          */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TreeItem sub-component. */\nexport interface TreeItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Unique value identifying this tree item. */\n  value: string;\n  /**\n   * Icon displayed before the label. Rendered in a `<span>` hidden from assistive technology\n   * (`aria-hidden`); pass a slot object (`{ className, children, … }`) to customise it. A falsy\n   * icon (`''`, `0`) or a list of nothing renders no span.\n   */\n  icon?: Slot<'span'>;\n  /**\n   * Renders the item as a leaf even when it has nested `Tree.Item`s: they are not rendered, and\n   * the item has no `aria-expanded` and does not expand. An item is expandable only while it has\n   * nested items, so `leaf={false}` does not make an item without them expandable. To load the\n   * children on first expansion, give the item a placeholder child (a \"Loading…\" `Tree.Item`)\n   * until they arrive.\n   * @default false\n   */\n  leaf?: boolean;\n  /** Ref to the `role=\"treeitem\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Sets the typeahead text (`data-roving-text`, read by the roving hook) of every rendered\n * treeitem to the text of its label, so neither the icon nor the nested items take part. A\n * consumer `data-roving-text` on a Tree.Item is kept on its label and wins.\n */\nfunction syncTypeaheadText(tree: HTMLElement): void {\n  tree.querySelectorAll<HTMLElement>('[role=\"treeitem\"]').forEach((treeitem) => {\n    const label = treeitem.querySelector<HTMLElement>(\n      ':scope > [data-tree-row] > [data-tree-label]',\n    );\n    if (!label) return;\n    const text = label.getAttribute('data-roving-text') ?? label.textContent ?? '';\n    if (treeitem.getAttribute('data-roving-text') !== text) {\n      treeitem.setAttribute('data-roving-text', text);\n    }\n  });\n}\n\n/**\n * Whether a keyboard event belongs to this treeitem: its target (the focused element) is this\n * treeitem or inside its row, not a nested item.\n */\nfunction isOwnKeyEvent(event: React.KeyboardEvent<HTMLElement>): boolean {\n  const target = event.target as Element | null;\n  return target?.closest?.('[role=\"treeitem\"]') === event.currentTarget;\n}\n\n/**\n * Whether a click landed on this treeitem's own row (or on the treeitem element itself). Clicks\n * in its child group, including the indentation gutter beside the nested rows, and clicks on\n * nested items are not its own.\n */\nfunction isOwnClick(event: React.MouseEvent<HTMLElement>): boolean {\n  const target = event.target as Element | null;\n  if (target === event.currentTarget) return true;\n  return target?.closest?.('[data-tree-row]')?.parentElement === event.currentTarget;\n}\n\n/**\n * One node of a Tree. Text and other content are the label; nested `Tree.Item` children form its\n * child group, which is shown while the item is expanded.\n *\n * Nested items must be `Tree.Item` elements among the item's own children: written directly, in\n * Fragments, or returned by a render function (`{node.children.map(renderNode)}`). A component\n * that renders `Tree.Item` itself (a recursive `<NodeView node={child} />`) is not recognised:\n * its output becomes part of the label, so the parent cannot expand (a development warning names\n * this). Render data-driven trees with a render function instead.\n *\n * `ref` and every other prop land on the `role=\"treeitem\"` element, which contains the label row\n * and the child group. Its `onClick` receives only clicks on its own row (not on its child group\n * or nested items) and its `onKeyDown` only keys pressed while focus is on it or in its row; both\n * run before the built-in behaviour (call `event.preventDefault()` to skip it). Its other event\n * handlers (`onFocus`, `onDoubleClick`, `onContextMenu` and the rest) are not filtered: as DOM\n * events bubble, they also receive events from its child group and nested items (compare\n * `event.target` with `event.currentTarget` to tell them apart).\n *\n * The item is named by its label (`aria-labelledby`), not by its icon or nested items; an\n * `aria-label` or `aria-labelledby` prop replaces that name. Typeahead matches the label text too\n * (a `data-roving-text` prop replaces it).\n */\nconst TreeItem = ({\n  value,\n  icon,\n  leaf = false,\n  className,\n  children,\n  onClick,\n  onKeyDown,\n  onFocus,\n  ref,\n  ...props\n}: TreeItemProps) => {\n  const { 'data-roving-text': typeaheadText, ...rest } = props as typeof props & {\n    'data-roving-text'?: string;\n  };\n  const ctx = useTreeContext('Tree.Item');\n  const parent = React.useContext(TreeParentContext);\n  const insideLabel = React.useContext(TreeLabelContext);\n  const isExpanded = ctx.expanded.has(value);\n  const labelId = useId('tree-item-label');\n\n  const { registerValue } = ctx;\n  React.useEffect(() => registerValue(value), [registerValue, value]);\n  React.useEffect(() => {\n    if (insideLabel) warnOnce('Tree.Item:inside-label', ITEM_IN_LABEL_MESSAGE);\n  }, [insideLabel]);\n\n  // Nested Tree.Items (and, as in 0.4, nested Trees) form the child group; the rest is the label.\n  // Parts are identified through their element type, so parts written in a Server Component\n  // (lazy references) count too.\n  const nestedItems: React.ReactNode[] = [];\n  const labelContent: React.ReactNode[] = [];\n  let firstChildValue: string | undefined;\n  flattenChildren(children).forEach(({ key, node: child }) => {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    if (isElementOfType<TreeItemProps>(child, TreeItem)) {\n      firstChildValue ??= child.props.value;\n      nestedItems.push(keyed);\n    } else if (isElementOfType(child, TreeRoot)) {\n      nestedItems.push(keyed);\n    } else {\n      labelContent.push(keyed);\n    }\n  });\n\n  // A falsy icon (`icon={name && <Icon />}` with `name` '' or a count of 0) is no icon, as in 0.4\n  // and as in Avatar, and so is a collection whose items render nothing: no empty span adds a gap\n  // to the row. The check does not consume a generator: renderSlot still renders its items.\n  const iconNode =\n    icon && slotRendersContent(icon)\n      ? renderSlot(icon, 'span', 'inline-flex shrink-0', { 'aria-hidden': true })\n      : null;\n  const hasChildren = nestedItems.length > 0 && !leaf;\n  const isSelected = ctx.selected !== undefined ? ctx.selected === value : undefined;\n  const isCurrent = ctx.current !== undefined && ctx.current !== null && ctx.current === value;\n\n  const activate = () => {\n    if (hasChildren) ctx.toggle(value);\n    ctx.activate(value);\n  };\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!isOwnClick(event)) return;\n    onClick?.(event);\n    if (!event.defaultPrevented) activate();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!isOwnKeyEvent(event)) return;\n    onKeyDown?.(event);\n    if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) return;\n\n    const rtl = getDirection(event.currentTarget) === 'rtl';\n    const forward = rtl ? 'ArrowLeft' : 'ArrowRight';\n    const back = rtl ? 'ArrowRight' : 'ArrowLeft';\n\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        activate();\n        return;\n      case forward:\n        event.preventDefault();\n        if (!hasChildren) return;\n        if (!isExpanded) ctx.toggle(value);\n        else if (firstChildValue !== undefined) ctx.focusValue(firstChildValue);\n        return;\n      case back:\n        event.preventDefault();\n        if (hasChildren && isExpanded) ctx.toggle(value);\n        else if (parent !== null) ctx.focusValue(parent);\n        return;\n      case '*': {\n        event.preventDefault();\n        const siblings = event.currentTarget.parentElement?.querySelectorAll<HTMLElement>(\n          ':scope > [role=\"treeitem\"][aria-expanded=\"false\"][data-roving-value]',\n        );\n        ctx.expand(\n          Array.from(siblings ?? [], (el) => el.getAttribute('data-roving-value') ?? '').filter(\n            Boolean,\n          ),\n        );\n        return;\n      }\n      default:\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (event.target === event.currentTarget) ctx.onItemFocus(value);\n  };\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-selected={isSelected}\n      aria-current={isCurrent ? true : undefined}\n      className={cn(\n        // The focus ring is drawn on the row: an outline on the treeitem would surround its\n        // whole subtree.\n        'block outline-none',\n        '[&:focus-visible>[data-tree-row]]:outline-2 [&:focus-visible>[data-tree-row]]:-outline-offset-2 [&:focus-visible>[data-tree-row]]:outline-ring',\n        className,\n      )}\n      {...rest}\n      // Named by its label only: the treeitem also contains its icon and its child group. A\n      // consumer aria-labelledby or aria-label replaces it.\n      aria-labelledby={\n        rest['aria-labelledby'] ?? (rest['aria-label'] === undefined ? labelId : undefined)\n      }\n      aria-expanded={hasChildren ? isExpanded : undefined}\n      tabIndex={ctx.getTabIndex(value)}\n      data-roving-value={value}\n      data-selected={isSelected ? '' : undefined}\n      data-current={isCurrent ? '' : undefined}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      onFocus={composeEventHandlers(onFocus, handleFocus, { checkDefaultPrevented: false })}\n      ref={ref}\n    >\n      <div\n        data-tree-row=\"\"\n        className={cn(\n          'flex cursor-pointer items-center gap-1.5 rounded px-2 py-1 hover:bg-subtle-hover',\n          isSelected && cn('bg-subtle-selected font-semibold', forcedColors.selectedContainer),\n        )}\n      >\n        {hasChildren ? (\n          <ChevronRightIcon\n            className={cn(\n              'shrink-0 transition-transform motion-reduce:transition-none',\n              isExpanded ? 'rotate-90' : 'wave-rtl:-scale-x-100',\n            )}\n          />\n        ) : (\n          <span className=\"w-3 shrink-0\" aria-hidden=\"true\" />\n        )}\n        {iconNode}\n        <span id={labelId} data-tree-label=\"\" data-roving-text={typeaheadText} className=\"truncate\">\n          <TreeLabelContext.Provider value>{labelContent}</TreeLabelContext.Provider>\n        </span>\n      </div>\n      {hasChildren && isExpanded && (\n        <TreeParentContext.Provider value={value}>\n          <TreeLabelContext.Provider value={false}>\n            <div role=\"group\" className=\"ps-4\">\n              {nestedItems}\n            </div>\n          </TreeLabelContext.Provider>\n        </TreeParentContext.Provider>\n      )}\n    </div>\n  );\n};\nTreeItem.displayName = 'TreeItem';\n\n/* ------------------------------------------------------------------ */\n/*  Export                                                             */\n/* ------------------------------------------------------------------ */\n\n/**\n * A hierarchical list (WAI-ARIA Tree View pattern) with a single tab stop: Up/Down move between\n * visible items, Home/End to the first/last, Right expands or moves to the first child, Left\n * collapses or moves to the parent (both mirrored in RTL), Enter/Space activate (and toggle a\n * parent), `*` expands the siblings, and typing jumps to an item by its text.\n *\n * Keyboard focus enters at the `selected` item, else the first item; while focus is inside, the\n * tab stop follows it, so Shift+Tab leaves the tree.\n *\n * Items are `Tree.Item` elements; nested items are written in their parent's children (directly,\n * in Fragments, or returned by a render function), not rendered by a component of their own.\n * Every item needs a `value` that is unique within the Tree.\n *\n * `Tree.Item` is also exported as `TreeItem` for React Server Components, which cannot use the\n * dotted form.\n */\nexport const Tree = /* @__PURE__ */ Object.assign(TreeRoot, {\n  Item: TreeItem,\n});\n\nexport { TreeItem };\n"],"mappings":"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"}
+{"version":3,"file":"Tree.mjs","names":["Tree","TreeRoot","TreeItem","TreeItemPersonaLayout"],"sources":["../../../src/components/layout/Tree.tsx"],"sourcesContent":["import { TreeItem, TreeRoot } from './Tree.core';\nimport { TreeItemPersonaLayout } from './Tree.itemPersonaLayout';\n\nexport type { TreeCheckedItemsChangeDetails, TreeItemProps, TreeProps } from './Tree.core';\nexport type { TreeItemPersonaLayoutProps } from './Tree.itemPersonaLayout';\n\n/**\n * A hierarchical list (WAI-ARIA Tree View pattern) with a single tab stop: Up/Down move between\n * visible items, Home/End to the first/last, Right expands or moves to the first child (or into\n * the row's actions, see below), Left collapses or moves to the parent (both mirrored in RTL),\n * Enter activates (and toggles a parent), and so does Space unless the tree has checkboxes, `*`\n * expands the siblings, and typing jumps to an item by its text.\n *\n * Keyboard focus enters at the `selected` item, else the first item; while focus is inside, the\n * tab stop follows it, so Shift+Tab leaves the tree.\n *\n * `selectionMode=\"multiple\"` draws a checkbox on every item, bound to `checkedItems`: Space\n * toggles the focused item's check, a click on the checkbox toggles it, and a click elsewhere on\n * the row activates the item (as Enter does). Checks cascade: checking an item checks every item\n * nested in it, and an item shows checked when all of its nested items are checked, mixed when\n * some are. `onCheckedItemsChange` receives every checked item in tree order (fully checked parents\n * included), followed by listed values that match no item, and `details` (`value`, `checked`,\n * `event`).\n *\n * Row content: `actions` (buttons at the end of the row, in a toolbar named by the item, shown on\n * hover and focus, and always where there is no hover or colors are forced), `aside` (a count or a\n * badge that describes the item), `iconAfter` and `expandIcon`. Tab from the focused item enters\n * its actions and Shift+Tab returns. Keys and clicks on the actions never activate or check the\n * item. With `navigationMode=\"treegrid\"`, Right (Left in right-to-left layouts) moves from an\n * item into its actions and Left returns, the actions take no Tab stop, and on an open parent Right\n * moves into its actions rather than to its first child (Down does); the roles stay `tree` and\n * `treeitem`.\n *\n * Items are `Tree.Item` elements; nested items are written in their parent's children (directly,\n * in Fragments, or returned by a render function), not rendered by a component of their own.\n * Every item needs a `value` that is unique within the Tree. `Tree.ItemPersonaLayout` lays out a\n * person (media, name and description) as an item's label.\n *\n * `Tree.Item` and `Tree.ItemPersonaLayout` are also exported as `TreeItem` and\n * `TreeItemPersonaLayout` for React Server Components, which cannot use the dotted form.\n */\nexport const Tree = /* @__PURE__ */ Object.assign(TreeRoot, {\n  Item: TreeItem,\n  ItemPersonaLayout: TreeItemPersonaLayout,\n});\n\nexport { TreeItem, TreeItemPersonaLayout };\n"],"mappings":";;;;AAyCA,IAAaA,IAAuB,uBAAO,OAAOC,GAAU;CAC1D,MAAMC;CACN,mBAAmBC;AACrB,CAAC"}

package/dist/components/layout/Tree.selection.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/children.cjs");let n=require("react");n=e.__toESM(n,1);function r(e,i){let a=[];for(let o of n.Children.toArray(e)){if(!n.isValidElement(o))continue;let e=t.getElementType(o,{suspend:!1});if(e===n.Fragment){a.push(...r(o.props.children,i));continue}if(e===i.tree||e!==i.item)continue;let{value:s,leaf:c,children:l}=o.props;typeof s==`string`&&a.push({value:s,children:c===!0?[]:r(l,i)})}return a}function i(e,t){for(let n of e)t(n),i(n.children,t)}function a(e,t){for(let n of e){if(n.value===t)return[n];let e=a(n.children,t);if(e)return[n,...e]}return null}function o(e,t,n=!1){let r=new Map;i(e,e=>{r.has(e.value)||r.set(e.value,e)});let a=new Map,o=(e,n)=>{let i=n||t.has(e.value),s=e.children.map(e=>o(e,i)),c;return c=i?`checked`:s.length===0?`unchecked`:s.every(e=>e===`checked`)?`checked`:s.some(e=>e!==`unchecked`)?`mixed`:`unchecked`,r.get(e.value)===e&&a.set(e.value,c),c};for(let t of e)o(t,n);return a}function s(e,t,n){let r=o(e,new Set(t)),s=new Set;for(let[e,t]of r)t===`checked`&&s.add(e);let c=new Set;i(e,e=>c.add(e.value));let l=Array.from(new Set(t.filter(e=>!c.has(e)))),u=a(e,n);if(u){let e=u[u.length-1],t=r.get(n)!==`checked`;i([e],e=>{t?s.add(e.value):s.delete(e.value)});for(let e=u.length-2;e>=0;--e){let t=u[e];t.children.every(e=>s.has(e.value))?s.add(t.value):s.delete(t.value)}}else{let e=l.indexOf(n);e===-1?l.push(n):l.splice(e,1)}let d=[],f=new Set;return i(e,e=>{s.has(e.value)&&!f.has(e.value)&&(f.add(e.value),d.push(e.value))}),[...d,...l]}exports.collectItems=r,exports.computeCheckStates=o,exports.toggleCheck=s;
+//# sourceMappingURL=Tree.selection.cjs.map

package/dist/components/layout/Tree.selection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.selection.cjs","names":["React","getElementType","require_runtime","require_children","react","collectItems","nodes","node","children","type","types","nested","value","leaf","forEachNode","visit","findPath","below","computeCheckStates","first","candidate","states","forced","forcedAbove","listed","current","childStates","child","state","childState","top","ancestorListed","toggleCheck","checked","itemValue","known","unmatched","listedValue","path","target","turnOn","index","ancestor","at","ordered","seen"],"sources":["../../../src/components/layout/Tree.selection.ts"],"sourcesContent":["import * as React from 'react';\nimport { getElementType } from '../../lib/children';\n\n/** One Tree.Item of the cascade model: its value and the items nested in it. */\nexport interface TreeNode {\n  value: string;\n  children: TreeNode[];\n}\n\n/** The check state of an item in a `selectionMode=\"multiple\"` tree. */\nexport type CheckState = 'checked' | 'mixed' | 'unchecked';\n\n/** The element types the scan compares with: the item type, and the tree type (a tree of its own). */\nexport interface TreeElementTypes {\n  item: unknown;\n  tree: unknown;\n}\n\ninterface ItemElementProps {\n  value?: unknown;\n  leaf?: unknown;\n  children?: React.ReactNode;\n}\n\n/**\n * The Tree.Item elements among `children`, recursively and in element order: the rule that forms\n * an item's child group (items written directly, in Fragments, or returned by a render function),\n * so the items of a collapsed item count too. A `leaf` item has none; a nested tree is a tree of\n * its own; any other element is not entered (an item that a component renders is not part of a\n * child group). A lazy type whose code is still loading is skipped instead of suspending the\n * caller (`getElementType(…, { suspend: false })`, as walks deeper than the direct children do).\n */\nexport function collectItems(children: React.ReactNode, types: TreeElementTypes): TreeNode[] {\n  const nodes: TreeNode[] = [];\n  for (const node of React.Children.toArray(children)) {\n    if (!React.isValidElement<ItemElementProps>(node)) continue;\n    const type = getElementType(node, { suspend: false });\n    if (type === React.Fragment) {\n      // Flattened here rather than through `flattenChildren`, which resolves lazy types with\n      // suspending: a Fragment's items belong to the enclosing group.\n      nodes.push(...collectItems(node.props.children, types));\n      continue;\n    }\n    if (type === types.tree || type !== types.item) continue;\n    const { value, leaf, children: nested } = node.props;\n    if (typeof value !== 'string') continue;\n    nodes.push({ value, children: leaf === true ? [] : collectItems(nested, types) });\n  }\n  return nodes;\n}\n\nfunction forEachNode(nodes: readonly TreeNode[], visit: (node: TreeNode) => void): void {\n  for (const node of nodes) {\n    visit(node);\n    forEachNode(node.children, visit);\n  }\n}\n\n/** The first item with `value` in tree order and its ancestors, from the top down; `null` if none. */\nfunction findPath(nodes: readonly TreeNode[], value: string): TreeNode[] | null {\n  for (const node of nodes) {\n    if (node.value === value) return [node];\n    const below = findPath(node.children, value);\n    if (below) return [node, ...below];\n  }\n  return null;\n}\n\n/**\n * The check state of every item: checked when its value is listed, when an ancestor's value is\n * listed (or `ancestorListed`), or when it has nested items and all of them are checked; mixed\n * when some of them are checked or mixed; else unchecked. For a value that several items share,\n * the first item in tree order decides the entry.\n */\nexport function computeCheckStates(\n  nodes: readonly TreeNode[],\n  listed: ReadonlySet<string>,\n  ancestorListed = false,\n): Map<string, CheckState> {\n  const first = new Map<string, TreeNode>();\n  forEachNode(nodes, (candidate) => {\n    if (!first.has(candidate.value)) first.set(candidate.value, candidate);\n  });\n  const states = new Map<string, CheckState>();\n  const visit = (current: TreeNode, forcedAbove: boolean): CheckState => {\n    const forced = forcedAbove || listed.has(current.value);\n    const childStates = current.children.map((child) => visit(child, forced));\n    let state: CheckState;\n    if (forced) state = 'checked';\n    else if (childStates.length === 0) state = 'unchecked';\n    else if (childStates.every((childState) => childState === 'checked')) state = 'checked';\n    else if (childStates.some((childState) => childState !== 'unchecked')) state = 'mixed';\n    else state = 'unchecked';\n    if (first.get(current.value) === current) states.set(current.value, state);\n    return state;\n  };\n  for (const top of nodes) visit(top, ancestorListed);\n  return states;\n}\n\n/**\n * The checked items after toggling `value`. A checked item and every item nested in it become\n * unchecked; an unchecked or mixed one and every item nested in it become checked; its ancestors\n * then follow their nested items. Returns every checked item in tree order (fully checked parents\n * included, mixed ones not), each value once, followed by the listed values that match no item,\n * in their order; a value that no item has is added to, or removed from, those.\n */\nexport function toggleCheck(\n  nodes: readonly TreeNode[],\n  listed: readonly string[],\n  value: string,\n): string[] {\n  const states = computeCheckStates(nodes, new Set(listed));\n  const checked = new Set<string>();\n  for (const [itemValue, state] of states) {\n    if (state === 'checked') checked.add(itemValue);\n  }\n  const known = new Set<string>();\n  forEachNode(nodes, (candidate) => known.add(candidate.value));\n  const unmatched = Array.from(new Set(listed.filter((listedValue) => !known.has(listedValue))));\n\n  const path = findPath(nodes, value);\n  if (path) {\n    const target = path[path.length - 1];\n    const turnOn = states.get(value) !== 'checked';\n    forEachNode([target], (candidate) => {\n      if (turnOn) checked.add(candidate.value);\n      else checked.delete(candidate.value);\n    });\n    for (let index = path.length - 2; index >= 0; index -= 1) {\n      const ancestor = path[index];\n      if (ancestor.children.every((child) => checked.has(child.value))) checked.add(ancestor.value);\n      else checked.delete(ancestor.value);\n    }\n  } else {\n    const at = unmatched.indexOf(value);\n    if (at === -1) unmatched.push(value);\n    else unmatched.splice(at, 1);\n  }\n\n  const ordered: string[] = [];\n  const seen = new Set<string>();\n  forEachNode(nodes, (candidate) => {\n    if (checked.has(candidate.value) && !seen.has(candidate.value)) {\n      seen.add(candidate.value);\n      ordered.push(candidate.value);\n    }\n  });\n  return [...ordered, ...unmatched];\n}\n"],"mappings":"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"}

package/dist/components/layout/Tree.selection.mjs

@@ -0,0 +1,73 @@
+"use client";
+import { getElementType as e } from "../../lib/children.mjs";
+import * as t from "react";
+//#region src/components/layout/Tree.selection.ts
+function n(r, i) {
+	let a = [];
+	for (let o of t.Children.toArray(r)) {
+		if (!t.isValidElement(o)) continue;
+		let r = e(o, { suspend: !1 });
+		if (r === t.Fragment) {
+			a.push(...n(o.props.children, i));
+			continue;
+		}
+		if (r === i.tree || r !== i.item) continue;
+		let { value: s, leaf: c, children: l } = o.props;
+		typeof s == "string" && a.push({
+			value: s,
+			children: c === !0 ? [] : n(l, i)
+		});
+	}
+	return a;
+}
+function r(e, t) {
+	for (let n of e) t(n), r(n.children, t);
+}
+function i(e, t) {
+	for (let n of e) {
+		if (n.value === t) return [n];
+		let e = i(n.children, t);
+		if (e) return [n, ...e];
+	}
+	return null;
+}
+function a(e, t, n = !1) {
+	let i = /* @__PURE__ */ new Map();
+	r(e, (e) => {
+		i.has(e.value) || i.set(e.value, e);
+	});
+	let a = /* @__PURE__ */ new Map(), o = (e, n) => {
+		let r = n || t.has(e.value), s = e.children.map((e) => o(e, r)), c;
+		return c = r ? "checked" : s.length === 0 ? "unchecked" : s.every((e) => e === "checked") ? "checked" : s.some((e) => e !== "unchecked") ? "mixed" : "unchecked", i.get(e.value) === e && a.set(e.value, c), c;
+	};
+	for (let t of e) o(t, n);
+	return a;
+}
+function o(e, t, n) {
+	let o = a(e, new Set(t)), s = /* @__PURE__ */ new Set();
+	for (let [e, t] of o) t === "checked" && s.add(e);
+	let c = /* @__PURE__ */ new Set();
+	r(e, (e) => c.add(e.value));
+	let l = Array.from(new Set(t.filter((e) => !c.has(e)))), u = i(e, n);
+	if (u) {
+		let e = u[u.length - 1], t = o.get(n) !== "checked";
+		r([e], (e) => {
+			t ? s.add(e.value) : s.delete(e.value);
+		});
+		for (let e = u.length - 2; e >= 0; --e) {
+			let t = u[e];
+			t.children.every((e) => s.has(e.value)) ? s.add(t.value) : s.delete(t.value);
+		}
+	} else {
+		let e = l.indexOf(n);
+		e === -1 ? l.push(n) : l.splice(e, 1);
+	}
+	let d = [], f = /* @__PURE__ */ new Set();
+	return r(e, (e) => {
+		s.has(e.value) && !f.has(e.value) && (f.add(e.value), d.push(e.value));
+	}), [...d, ...l];
+}
+//#endregion
+export { n as collectItems, a as computeCheckStates, o as toggleCheck };
+
+//# sourceMappingURL=Tree.selection.mjs.map

package/dist/components/layout/Tree.selection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.selection.mjs","names":["React","collectItems","nodes","node","children","type","getElementType","types","nested","value","leaf","forEachNode","visit","findPath","below","computeCheckStates","first","candidate","states","forced","forcedAbove","listed","current","childStates","child","state","childState","top","ancestorListed","toggleCheck","checked","itemValue","known","unmatched","listedValue","path","target","turnOn","index","ancestor","at","ordered","seen"],"sources":["../../../src/components/layout/Tree.selection.ts"],"sourcesContent":["import * as React from 'react';\nimport { getElementType } from '../../lib/children';\n\n/** One Tree.Item of the cascade model: its value and the items nested in it. */\nexport interface TreeNode {\n  value: string;\n  children: TreeNode[];\n}\n\n/** The check state of an item in a `selectionMode=\"multiple\"` tree. */\nexport type CheckState = 'checked' | 'mixed' | 'unchecked';\n\n/** The element types the scan compares with: the item type, and the tree type (a tree of its own). */\nexport interface TreeElementTypes {\n  item: unknown;\n  tree: unknown;\n}\n\ninterface ItemElementProps {\n  value?: unknown;\n  leaf?: unknown;\n  children?: React.ReactNode;\n}\n\n/**\n * The Tree.Item elements among `children`, recursively and in element order: the rule that forms\n * an item's child group (items written directly, in Fragments, or returned by a render function),\n * so the items of a collapsed item count too. A `leaf` item has none; a nested tree is a tree of\n * its own; any other element is not entered (an item that a component renders is not part of a\n * child group). A lazy type whose code is still loading is skipped instead of suspending the\n * caller (`getElementType(…, { suspend: false })`, as walks deeper than the direct children do).\n */\nexport function collectItems(children: React.ReactNode, types: TreeElementTypes): TreeNode[] {\n  const nodes: TreeNode[] = [];\n  for (const node of React.Children.toArray(children)) {\n    if (!React.isValidElement<ItemElementProps>(node)) continue;\n    const type = getElementType(node, { suspend: false });\n    if (type === React.Fragment) {\n      // Flattened here rather than through `flattenChildren`, which resolves lazy types with\n      // suspending: a Fragment's items belong to the enclosing group.\n      nodes.push(...collectItems(node.props.children, types));\n      continue;\n    }\n    if (type === types.tree || type !== types.item) continue;\n    const { value, leaf, children: nested } = node.props;\n    if (typeof value !== 'string') continue;\n    nodes.push({ value, children: leaf === true ? [] : collectItems(nested, types) });\n  }\n  return nodes;\n}\n\nfunction forEachNode(nodes: readonly TreeNode[], visit: (node: TreeNode) => void): void {\n  for (const node of nodes) {\n    visit(node);\n    forEachNode(node.children, visit);\n  }\n}\n\n/** The first item with `value` in tree order and its ancestors, from the top down; `null` if none. */\nfunction findPath(nodes: readonly TreeNode[], value: string): TreeNode[] | null {\n  for (const node of nodes) {\n    if (node.value === value) return [node];\n    const below = findPath(node.children, value);\n    if (below) return [node, ...below];\n  }\n  return null;\n}\n\n/**\n * The check state of every item: checked when its value is listed, when an ancestor's value is\n * listed (or `ancestorListed`), or when it has nested items and all of them are checked; mixed\n * when some of them are checked or mixed; else unchecked. For a value that several items share,\n * the first item in tree order decides the entry.\n */\nexport function computeCheckStates(\n  nodes: readonly TreeNode[],\n  listed: ReadonlySet<string>,\n  ancestorListed = false,\n): Map<string, CheckState> {\n  const first = new Map<string, TreeNode>();\n  forEachNode(nodes, (candidate) => {\n    if (!first.has(candidate.value)) first.set(candidate.value, candidate);\n  });\n  const states = new Map<string, CheckState>();\n  const visit = (current: TreeNode, forcedAbove: boolean): CheckState => {\n    const forced = forcedAbove || listed.has(current.value);\n    const childStates = current.children.map((child) => visit(child, forced));\n    let state: CheckState;\n    if (forced) state = 'checked';\n    else if (childStates.length === 0) state = 'unchecked';\n    else if (childStates.every((childState) => childState === 'checked')) state = 'checked';\n    else if (childStates.some((childState) => childState !== 'unchecked')) state = 'mixed';\n    else state = 'unchecked';\n    if (first.get(current.value) === current) states.set(current.value, state);\n    return state;\n  };\n  for (const top of nodes) visit(top, ancestorListed);\n  return states;\n}\n\n/**\n * The checked items after toggling `value`. A checked item and every item nested in it become\n * unchecked; an unchecked or mixed one and every item nested in it become checked; its ancestors\n * then follow their nested items. Returns every checked item in tree order (fully checked parents\n * included, mixed ones not), each value once, followed by the listed values that match no item,\n * in their order; a value that no item has is added to, or removed from, those.\n */\nexport function toggleCheck(\n  nodes: readonly TreeNode[],\n  listed: readonly string[],\n  value: string,\n): string[] {\n  const states = computeCheckStates(nodes, new Set(listed));\n  const checked = new Set<string>();\n  for (const [itemValue, state] of states) {\n    if (state === 'checked') checked.add(itemValue);\n  }\n  const known = new Set<string>();\n  forEachNode(nodes, (candidate) => known.add(candidate.value));\n  const unmatched = Array.from(new Set(listed.filter((listedValue) => !known.has(listedValue))));\n\n  const path = findPath(nodes, value);\n  if (path) {\n    const target = path[path.length - 1];\n    const turnOn = states.get(value) !== 'checked';\n    forEachNode([target], (candidate) => {\n      if (turnOn) checked.add(candidate.value);\n      else checked.delete(candidate.value);\n    });\n    for (let index = path.length - 2; index >= 0; index -= 1) {\n      const ancestor = path[index];\n      if (ancestor.children.every((child) => checked.has(child.value))) checked.add(ancestor.value);\n      else checked.delete(ancestor.value);\n    }\n  } else {\n    const at = unmatched.indexOf(value);\n    if (at === -1) unmatched.push(value);\n    else unmatched.splice(at, 1);\n  }\n\n  const ordered: string[] = [];\n  const seen = new Set<string>();\n  forEachNode(nodes, (candidate) => {\n    if (checked.has(candidate.value) && !seen.has(candidate.value)) {\n      seen.add(candidate.value);\n      ordered.push(candidate.value);\n    }\n  });\n  return [...ordered, ...unmatched];\n}\n"],"mappings":"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"}

package/dist/components/navigation/Breadcrumb.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../lib/aria.cjs"),o=require("../../lib/styles.cjs"),s=require("../../lib/icons.cjs"),c=require("../../hooks/useTriggerElement.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=t.cn(`inline-flex cursor-pointer items-center text-primary no-underline not-disabled:not-aria-disabled:hover:underline`,o.focusRing,o.disabledStyles),f=`inline-flex items-center font-semibold text-foreground`,p=t.cn(f,o.focusRing,o.disabledStyles),m=`inline-flex items-center text-foreground`,h=new Set([`rel`,...Object.keys({disabled:!0,type:!0,form:!0,formAction:!0,formEncType:!0,formMethod:!0,formNoValidate:!0,formTarget:!0,name:!0,value:!0,target:!0,download:!0,hrefLang:!0,ping:!0,media:!0,referrerPolicy:!0})]);function g(e){let t={};for(let n of Object.keys(e))h.has(n)||(t[n]=e[n]);return t}var _=({children:e,className:t,ref:r,...i})=>{let a=n.flattenChildren(e);return(0,u.jsx)(`nav`,{ref:r,"aria-label":`Breadcrumb`,...i,className:t,children:(0,u.jsx)(`ol`,{className:`m-0 flex list-none items-center gap-1 p-0 text-body-1`,children:a.map(({key:e,node:t},n)=>(0,u.jsxs)(`li`,{className:`flex items-center gap-1`,children:[n>0&&(0,u.jsx)(s.ChevronRightIcon,{"data-wave-breadcrumb-separator":``,className:`shrink-0 text-muted-foreground wave-rtl:-scale-x-100`}),t]},e))})})};_.displayName=`Breadcrumb`;function v(e){let t=n.isElementOfType(e,`a`)?{href:void 0,role:`link`,disabled:void 0}:void 0;return l.cloneElement(e,{...t,"aria-disabled":!0,tabIndex:-1,onClick:void 0})}function y({child:e,icon:t,...n}){let r=t?l.cloneElement(e,void 0,t,e.props.children):e,i=c.useTriggerElement(r,n,{componentName:`Breadcrumb.Item`});return(0,u.jsx)(u.Fragment,{children:i})}function b(e){let{href:n,current:o=!1,icon:s,asChild:c=!1,children:h,className:_,onClick:b,ref:x,...S}=e,C=s&&i.slotRendersContent(s)?i.renderSlot(s,`span`,`me-1 inline-flex shrink-0`,{"aria-hidden":!0}):null,w=c&&l.isValidElement(h)?h:null,T=w?`child`:o?`current`:n===void 0?b?`button`:`text`:`link`,E=c&&w===null,D=S.disabled===!0&&(T===`text`||T===`current`),O=S[`aria-disabled`],k=w?.props??{},A=[S.disabled,O,k.disabled,k[`aria-disabled`]].some(e=>e===!0||e===`true`);if(l.useEffect(()=>{E&&r.warnOnce(`Breadcrumb.Item:asChild`,"Breadcrumb.Item: `asChild` expects a single element child (e.g. a router link); the item was rendered normally instead."),T===`text`&&r.warnOnce(`Breadcrumb.Item:no-href`,"Breadcrumb.Item: a non-current item without `href` or `onClick` renders as plain text, not a link. Pass `href` (or `onClick`, which renders a button) to make it navigable."),D&&r.warnOnce(`Breadcrumb.Item:disabled`,"Breadcrumb.Item: `disabled` applies to link, button and asChild items; it is ignored on a text or current item.")},[E,T,D]),w){let{disabled:e,...r}=S,i=n!==void 0&&!A?{href:n}:void 0;return(0,u.jsx)(y,{...r,...i,ref:x,onClick:a.preventIfDisabled(A,b),"aria-current":o?`page`:void 0,className:t.cn(o?p:d,_),icon:C,child:A?v(w):w})}if(T===`current`)return(0,u.jsxs)(`span`,{...g(S),ref:x,"aria-current":`page`,onClick:b,className:t.cn(f,_),children:[C,h]});if(T===`link`){let{disabled:e,...r}=S;return(0,u.jsxs)(`a`,{...r,ref:x,href:A?void 0:n,role:A?`link`:r.role,"aria-disabled":A?!0:O,tabIndex:A?-1:r.tabIndex,onClick:a.preventIfDisabled(A,b),className:t.cn(d,_),children:[C,h]})}if(T===`button`){let{rel:e,...n}=S;return(0,u.jsxs)(`button`,{type:`button`,...n,ref:x,onClick:b,className:t.cn(d,_),children:[C,h]})}return(0,u.jsxs)(`span`,{...g(S),ref:x,className:t.cn(m,_),children:[C,h]})}b.displayName=`BreadcrumbItem`;var x=Object.assign(_,{Item:b});exports.Breadcrumb=x,exports.BreadcrumbItem=b;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../lib/classNames.cjs"),o=require("../../lib/aria.cjs"),s=require("../../lib/styles.cjs"),c=require("../../lib/icons.cjs"),l=require("../../hooks/useTriggerElement.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=t.cn(`inline-flex cursor-pointer items-center text-primary no-underline not-disabled:not-aria-disabled:hover:underline`,s.focusRing,s.disabledStyles),p=`inline-flex items-center font-semibold text-foreground`,m=t.cn(p,s.focusRing,s.disabledStyles),h=`inline-flex items-center text-foreground`,g=new Set([`rel`,...Object.keys({disabled:!0,type:!0,form:!0,formAction:!0,formEncType:!0,formMethod:!0,formNoValidate:!0,formTarget:!0,name:!0,value:!0,target:!0,download:!0,hrefLang:!0,ping:!0,media:!0,referrerPolicy:!0})]);function _(e){let t={};for(let n of Object.keys(e))g.has(n)||(t[n]=e[n]);return t}var v=({children:e,className:r,ref:i,...o})=>{let s=n.flattenChildren(e);return(0,d.jsx)(`nav`,{ref:i,"aria-label":`Breadcrumb`,...o,className:t.cn(a.breadcrumbClassNames.root,r),children:(0,d.jsx)(`ol`,{className:t.cn(a.breadcrumbClassNames.list,`m-0 flex list-none items-center gap-1 p-0 text-body-1`),children:s.map(({key:e,node:n},r)=>(0,d.jsxs)(`li`,{className:t.cn(a.breadcrumbClassNames.listItem,`flex items-center gap-1`),children:[r>0&&(0,d.jsx)(c.ChevronRightIcon,{"data-wave-breadcrumb-separator":``,className:t.cn(a.breadcrumbClassNames.divider,`shrink-0 text-muted-foreground wave-rtl:-scale-x-100`)}),n]},e))})})};v.displayName=`Breadcrumb`;function y(e){let t=n.isElementOfType(e,`a`)?{href:void 0,role:`link`,disabled:void 0}:void 0;return u.cloneElement(e,{...t,"aria-disabled":!0,tabIndex:-1,onClick:void 0})}function b({child:e,icon:t,...n}){let r=t?u.cloneElement(e,void 0,t,e.props.children):e,i=l.useTriggerElement(r,n,{componentName:`Breadcrumb.Item`});return(0,d.jsx)(d.Fragment,{children:i})}function x(e){let{href:n,current:s=!1,icon:c,asChild:l=!1,children:g,className:v,onClick:x,ref:S,...C}=e,w=c&&i.slotRendersContent(c)?i.renderSlot(c,`span`,t.cn(a.breadcrumbItemClassNames.icon,`me-1 inline-flex shrink-0`),{"aria-hidden":!0}):null,T=l&&u.isValidElement(g)?g:null,E=T?`child`:s?`current`:n===void 0?x?`button`:`text`:`link`,D=l&&T===null,O=C.disabled===!0&&(E===`text`||E===`current`),k=C[`aria-disabled`],A=T?.props??{},j=[C.disabled,k,A.disabled,A[`aria-disabled`]].some(e=>e===!0||e===`true`);if(u.useEffect(()=>{D&&r.warnOnce(`Breadcrumb.Item:asChild`,"Breadcrumb.Item: `asChild` expects a single element child (e.g. a router link); the item was rendered normally instead."),E===`text`&&r.warnOnce(`Breadcrumb.Item:no-href`,"Breadcrumb.Item: a non-current item without `href` or `onClick` renders as plain text, not a link. Pass `href` (or `onClick`, which renders a button) to make it navigable."),O&&r.warnOnce(`Breadcrumb.Item:disabled`,"Breadcrumb.Item: `disabled` applies to link, button and asChild items; it is ignored on a text or current item.")},[D,E,O]),T){let{disabled:e,...r}=C,i=n!==void 0&&!j?{href:n}:void 0;return(0,d.jsx)(b,{...r,...i,ref:S,onClick:o.preventIfDisabled(j,x),"aria-current":s?`page`:void 0,className:t.cn(a.breadcrumbItemClassNames.root,s?m:f,v),icon:w,child:j?y(T):T})}if(E===`current`)return(0,d.jsxs)(`span`,{..._(C),ref:S,"aria-current":`page`,onClick:x,className:t.cn(a.breadcrumbItemClassNames.root,p,v),children:[w,g]});if(E===`link`){let{disabled:e,...r}=C;return(0,d.jsxs)(`a`,{...r,ref:S,href:j?void 0:n,role:j?`link`:r.role,"aria-disabled":j?!0:k,tabIndex:j?-1:r.tabIndex,onClick:o.preventIfDisabled(j,x),className:t.cn(a.breadcrumbItemClassNames.root,f,v),children:[w,g]})}if(E===`button`){let{rel:e,...n}=C;return(0,d.jsxs)(`button`,{type:`button`,...n,ref:S,onClick:x,className:t.cn(a.breadcrumbItemClassNames.root,f,v),children:[w,g]})}return(0,d.jsxs)(`span`,{..._(C),ref:S,className:t.cn(a.breadcrumbItemClassNames.root,h,v),children:[w,g]})}x.displayName=`BreadcrumbItem`;var S=Object.assign(v,{Item:x});exports.Breadcrumb=S,exports.BreadcrumbItem=x;
 //# sourceMappingURL=Breadcrumb.cjs.map