@mortenbrudvik/waveui 0.7.0 → 0.9.0

package/dist/components/layout/Overflow.mjs

@@ -1,32 +1,33 @@
 "use client";
 import { cn as e } from "../../lib/cn.mjs";
 import { isDev as t, reportMissingContext as n, warnOnce as r } from "../../lib/dev.mjs";
-import { useMergedRefs as i } from "../../hooks/useMergedRefs.mjs";
-import * as a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { overflowClassNames as i, overflowItemClassNames as a } from "../../lib/classNames.mjs";
+import { useMergedRefs as o } from "../../hooks/useMergedRefs.mjs";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/layout/Overflow.tsx
-var c = [];
-function l() {
-	return a.useReducer((e) => e + 1, 0)[1];
+var u = [];
+function d() {
+	return s.useReducer((e) => e + 1, 0)[1];
 }
-function u() {
+function f() {
 	return typeof ResizeObserver < "u";
 }
-function d(e, t) {
+function p(e, t) {
 	return e === t ? 0 : e.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
 }
-var f = {
+var m = {
 	childList: !0,
 	subtree: !0
 };
-function p(e, t) {
+function h(e, t) {
 	return e.length === t.length && e.every((e, n) => e === t[n]);
 }
-function m(e) {
+function g(e) {
 	r(`Overflow:duplicate:${e}`, `Overflow: several items share the itemId "${e}". Item ids must be unique within an Overflow; items with the same itemId are hidden and shown together.`);
 }
-var h = () => {};
-function g(e) {
+var _ = () => {};
+function v(e) {
 	let t = 0, n = 0, r = e.ownerDocument.defaultView;
 	if (r) {
 		let i = r.getComputedStyle(e);
@@ -37,7 +38,7 @@ function g(e) {
 		gap: n
 	};
 }
-var _ = class {
+var y = class {
 	container = null;
 	button = null;
 	buttonWidth = 0;
@@ -45,7 +46,7 @@ var _ = class {
 	itemIdCounts = /* @__PURE__ */ new Map();
 	widths = /* @__PURE__ */ new WeakMap();
 	listeners = /* @__PURE__ */ new Set();
-	hidden = c;
+	hidden = u;
 	pinned = !1;
 	order = [];
 	connected = !1;
@@ -56,27 +57,27 @@ var _ = class {
 		this.listeners.delete(e);
 	});
 	getSnapshot = () => this.hidden;
-	getServerSnapshot = () => c;
+	getServerSnapshot = () => u;
 	getPinned = () => this.pinned;
 	getServerPinned = () => !1;
 	connect = () => {
-		if (this.connected = !0, u()) {
+		if (this.connected = !0, f()) {
 			this.observer = new ResizeObserver(() => this.measure());
 			for (let e of this.observedElements()) this.observer.observe(e);
 		} else if (typeof window < "u") {
 			let e = () => this.measure();
 			window.addEventListener("resize", e), this.removeResizeListener = () => window.removeEventListener("resize", e);
 		}
-		return typeof MutationObserver < "u" && (this.reorderObserver = new MutationObserver(() => this.checkOrder()), this.container && this.reorderObserver.observe(this.container, f)), this.measure(), () => {
+		return typeof MutationObserver < "u" && (this.reorderObserver = new MutationObserver(() => this.checkOrder()), this.container && this.reorderObserver.observe(this.container, m)), this.measure(), () => {
 			this.connected = !1, this.observer?.disconnect(), this.observer = null, this.reorderObserver?.disconnect(), this.reorderObserver = null, this.removeResizeListener?.(), this.removeResizeListener = null;
 		};
 	};
 	setContainer = (e) => {
-		e !== this.container && (this.container && this.observer?.unobserve(this.container), this.container = e, e && this.observer?.observe(e), this.reorderObserver && (this.reorderObserver.disconnect(), e && this.reorderObserver.observe(e, f)), this.measure());
+		e !== this.container && (this.container && this.observer?.unobserve(this.container), this.container = e, e && this.observer?.observe(e), this.reorderObserver && (this.reorderObserver.disconnect(), e && this.reorderObserver.observe(e, m)), this.measure());
 	};
 	checkOrder = () => {
 		let e = this.order;
-		for (let t = 1; t < e.length; t++) if (d(e[t - 1], e[t]) > 0) {
+		for (let t = 1; t < e.length; t++) if (p(e[t - 1], e[t]) > 0) {
 			this.measure();
 			return;
 		}
@@ -90,9 +91,9 @@ var _ = class {
 		};
 	}
 	registerItemId = (e) => {
-		if (!t) return h;
+		if (!t) return _;
 		let n = this.itemIdCounts, r = (n.get(e) ?? 0) + 1;
-		return n.set(e, r), r > 1 && m(e), () => {
+		return n.set(e, r), r > 1 && g(e), () => {
 			let t = (n.get(e) ?? 1) - 1;
 			t > 0 ? n.set(e, t) : n.delete(e);
 		};
@@ -104,11 +105,11 @@ var _ = class {
 	measure() {
 		let e = this.container;
 		if (!this.connected || !e) return;
-		let t = Array.from(this.items).filter(([t]) => t.isConnected && e.contains(t)).sort(([e], [t]) => d(e, t));
+		let t = Array.from(this.items).filter(([t]) => t.isConnected && e.contains(t)).sort(([e], [t]) => p(e, t));
 		this.order = t.map(([e]) => e);
 		for (let [e] of t) e.hasAttribute("data-overflow-hidden") || this.widths.set(e, e.offsetWidth);
 		this.button?.isConnected && (this.buttonWidth = this.button.offsetWidth);
-		let { available: n, gap: r } = g(e), i = t.map(([e]) => this.widths.get(e) ?? 0), a = i.reduce((e, t, n) => e + t + (n > 0 ? r : 0), 0), o = c, s = !1;
+		let { available: n, gap: r } = v(e), i = t.map(([e]) => this.widths.get(e) ?? 0), a = i.reduce((e, t, n) => e + t + (n > 0 ? r : 0), 0), o = u, s = !1;
 		if (a > n) {
 			let e = n - (this.buttonWidth > 0 ? this.buttonWidth + r : 0), a = 0, c = t.length;
 			for (let n = 0; n < t.length; n++) {
@@ -121,42 +122,42 @@ var _ = class {
 			}
 			o = t.slice(c).map(([, e]) => e), s = o.length > 0 && i[0] + this.buttonWidth > n;
 		}
-		let l = !p(o, this.hidden);
-		if (l || s !== this.pinned) {
-			l && (this.hidden = o.length > 0 ? o : c), this.pinned = s;
+		let c = !h(o, this.hidden);
+		if (c || s !== this.pinned) {
+			c && (this.hidden = o.length > 0 ? o : u), this.pinned = s;
 			for (let e of Array.from(this.listeners)) e();
 		}
 	}
-}, v = a.createContext(null), y = {
-	store: /* @__PURE__ */ new _(),
-	hiddenIds: c,
+}, b = s.createContext(null), x = {
+	store: /* @__PURE__ */ new y(),
+	hiddenIds: u,
 	hiddenSet: /* @__PURE__ */ new Set()
 };
-function b(e) {
-	return a.useContext(v) || (n(e, "Overflow"), y);
+function S(e) {
+	return s.useContext(b) || (n(e, "Overflow"), x);
 }
-function x() {
-	let { hiddenIds: e } = b("useOverflowMenu");
-	return a.useMemo(() => ({
+function C() {
+	let { hiddenIds: e } = S("useOverflowMenu");
+	return s.useMemo(() => ({
 		hiddenIds: [...e],
 		count: e.length
 	}), [e]);
 }
-function S(e) {
-	let { hiddenSet: t } = b("useIsOverflowItemVisible");
+function w(e) {
+	let { hiddenSet: t } = S("useIsOverflowItemVisible");
 	return !t.has(e);
 }
-function C(e) {
+function T(e) {
 	return e.nodeType === Node.ELEMENT_NODE;
 }
-function w(e, t, n) {
+function E(e, t, n) {
 	for (let r of n) r.type === "childList" && r.target === t && (r.removedNodes.forEach((t) => {
-		C(t) && e.unobserve(t);
+		T(t) && e.unobserve(t);
 	}), r.addedNodes.forEach((n) => {
-		C(n) && n.parentNode === t && e.observe(n);
+		T(n) && n.parentNode === t && e.observe(n);
 	}));
 }
-var T = class {
+var D = class {
 	element = null;
 	value = !1;
 	listeners = /* @__PURE__ */ new Set();
@@ -173,7 +174,7 @@ var T = class {
 		this.teardown?.(), this.teardown = null, this.element = null;
 	}
 	observe(e) {
-		let t = () => this.check(), n = [], r = u() ? new ResizeObserver(t) : null;
+		let t = () => this.check(), n = [], r = f() ? new ResizeObserver(t) : null;
 		if (r) {
 			r.observe(e);
 			for (let t of Array.from(e.children)) r.observe(t);
@@ -181,7 +182,7 @@ var T = class {
 		} else typeof window < "u" && (window.addEventListener("resize", t), n.push(() => window.removeEventListener("resize", t)));
 		if (typeof MutationObserver < "u") {
 			let i = new MutationObserver((n) => {
-				r && w(r, e, n), t();
+				r && E(r, e, n), t();
 			});
 			i.observe(e, {
 				childList: !0,
@@ -199,71 +200,71 @@ var T = class {
 		}
 	}
 };
-function E(e) {
+function O(e) {
 	return typeof e == "object" && !!e && "current" in e;
 }
-function D(e) {
-	let [t] = a.useState(() => new T()), n = a.useSyncExternalStore(t.subscribe, t.getSnapshot, t.getServerSnapshot), r = l();
-	return a.useLayoutEffect(() => {
+function k(e) {
+	let [t] = s.useState(() => new D()), n = s.useSyncExternalStore(t.subscribe, t.getSnapshot, t.getServerSnapshot), r = d();
+	return s.useLayoutEffect(() => {
 		let n = t.subscribe(r);
-		t.setElement(E(e) ? e.current : e), n();
-	}), a.useLayoutEffect(() => () => t.disconnect(), [t]), n;
+		t.setElement(O(e) ? e.current : e), n();
+	}), s.useLayoutEffect(() => () => t.disconnect(), [t]), n;
 }
-var O = ({ overflowButton: t, children: n, className: r, ref: c, ...u }) => {
-	let [d] = a.useState(() => new _()), f = a.useSyncExternalStore(d.subscribe, d.getSnapshot, d.getServerSnapshot), p = a.useSyncExternalStore(d.subscribe, d.getPinned, d.getServerPinned), m = a.useCallback((e) => d.setContainer(e), [d]), h = a.useCallback((e) => d.setButton(e), [d]), g = i(c, m), y = l();
-	a.useLayoutEffect(() => {
-		let e = d.subscribe(y), t = d.connect();
+var A = ({ overflowButton: t, children: n, className: r, ref: a, ...u }) => {
+	let [f] = s.useState(() => new y()), p = s.useSyncExternalStore(f.subscribe, f.getSnapshot, f.getServerSnapshot), m = s.useSyncExternalStore(f.subscribe, f.getPinned, f.getServerPinned), h = s.useCallback((e) => f.setContainer(e), [f]), g = s.useCallback((e) => f.setButton(e), [f]), _ = o(a, h), v = d();
+	s.useLayoutEffect(() => {
+		let e = f.subscribe(v), t = f.connect();
 		return e(), t;
-	}, [d, y]), a.useLayoutEffect(() => {
-		d.checkOrder();
+	}, [f, v]), s.useLayoutEffect(() => {
+		f.checkOrder();
 	});
-	let b = a.useMemo(() => new Set(f), [f]), x = a.useMemo(() => [...f], [f]), S = a.useMemo(() => ({
-		store: d,
-		hiddenIds: f,
-		hiddenSet: b
+	let x = s.useMemo(() => new Set(p), [p]), S = s.useMemo(() => [...p], [p]), C = s.useMemo(() => ({
+		store: f,
+		hiddenIds: p,
+		hiddenSet: x
 	}), [
-		d,
 		f,
-		b
-	]), C = f.length;
-	return /* @__PURE__ */ o(v.Provider, {
-		value: S,
-		children: /* @__PURE__ */ s("div", {
-			ref: g,
-			className: e("flex items-center overflow-hidden p-1", r),
+		p,
+		x
+	]), w = p.length;
+	return /* @__PURE__ */ c(b.Provider, {
+		value: C,
+		children: /* @__PURE__ */ l("div", {
+			ref: _,
+			className: e(i.root, "flex items-center overflow-hidden p-1", r),
 			...u,
-			children: [n, C > 0 && t && /* @__PURE__ */ o("div", {
-				ref: h,
+			children: [n, w > 0 && t && /* @__PURE__ */ c("div", {
+				ref: g,
 				"data-overflow-button": "",
-				"data-overflow-pinned": p ? "" : void 0,
-				className: "sticky -end-1 flex shrink-0 items-center self-stretch ps-1 data-[overflow-pinned]:bg-background data-[overflow-pinned]:pe-1",
-				children: t(C, x)
+				"data-overflow-pinned": m ? "" : void 0,
+				className: e(i.overflowButton, "sticky -end-1 flex shrink-0 items-center self-stretch ps-1 data-[overflow-pinned]:bg-background data-[overflow-pinned]:pe-1"),
+				children: t(w, S)
 			})]
 		})
 	});
 };
-O.displayName = "Overflow";
-var k = ({ itemId: t, children: n, className: r, style: s, ref: c, "aria-hidden": l, inert: u, ...d }) => {
-	let { store: f, hiddenSet: p } = b("OverflowItem"), m = p.has(t);
-	a.useEffect(() => f.registerItemId(t), [f, t]);
-	let h = a.useCallback((e) => e ? f.registerItem(e, t) : void 0, [f, t]), g = i(c, h);
-	return /* @__PURE__ */ o("div", {
-		ref: g,
-		className: e("shrink-0", r),
-		...d,
-		style: m ? {
-			...s,
+A.displayName = "Overflow";
+var j = ({ itemId: t, children: n, className: r, style: i, ref: l, "aria-hidden": u, inert: d, ...f }) => {
+	let { store: p, hiddenSet: m } = S("OverflowItem"), h = m.has(t);
+	s.useEffect(() => p.registerItemId(t), [p, t]);
+	let g = s.useCallback((e) => e ? p.registerItem(e, t) : void 0, [p, t]), _ = o(l, g);
+	return /* @__PURE__ */ c("div", {
+		ref: _,
+		className: e(a.root, "shrink-0", r),
+		...f,
+		style: h ? {
+			...i,
 			display: "none"
-		} : s,
-		"aria-hidden": m ? !0 : l,
-		inert: m ? !0 : u,
-		"data-overflow-hidden": m ? "" : void 0,
+		} : i,
+		"aria-hidden": h ? !0 : u,
+		inert: h ? !0 : d,
+		"data-overflow-hidden": h ? "" : void 0,
 		children: n
 	});
 };
-k.displayName = "OverflowItem";
-var A = /* @__PURE__ */ Object.assign(O, { Item: k });
+j.displayName = "OverflowItem";
+var M = /* @__PURE__ */ Object.assign(A, { Item: j });
 //#endregion
-export { A as Overflow, k as OverflowItem, S as useIsOverflowItemVisible, D as useIsOverflowing, x as useOverflowMenu };
+export { M as Overflow, j as OverflowItem, w as useIsOverflowItemVisible, k as useIsOverflowing, C as useOverflowMenu };
 
 //# sourceMappingURL=Overflow.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Overflow.mjs","names":["React","NO_IDS","useForceRender","n","hasResizeObserver","documentOrder","a","b","REORDER_OBSERVER_OPTIONS","sameIds","id","i","warnDuplicateItemId","itemId","noop","readContainer","paddingInline","gap","view","container","style","OverflowStore","listener","el","onResize","node","order","isDev","counts","count","remaining","elements","entries","widths","total","sum","width","next","pinned","available","limit","used","cut","end","hiddenChanged","OverflowContext","INERT_CONTEXT","useOverflowContext","reportMissingContext","componentName","useOverflowMenu","hiddenIds","useIsOverflowItemVisible","hiddenSet","isElement","followDirectChildren","record","records","parent","observer","OverflowingStore","element","check","cleanups","resizeObserver","child","mutationObserver","cleanup","isRefObject","target","useIsOverflowing","store","isOverflowing","forceRender","unsubscribe","OverflowRoot","rest","setContainer","setButton","containerRef","useMergedRefs","ref","disconnect","buttonIds","ctx","hiddenCount","cn","className","children","overflowButton","OverflowItem","ariaHidden","isHidden","registerRef","mergedRef","inert","Overflow"],"sources":["../../../src/components/layout/Overflow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { isDev, reportMissingContext, warnOnce } from '../../lib/dev';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\n\n/** Properties for the Overflow component. */\nexport interface OverflowProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Renders the overflow button (for example a \"+3\" menu trigger) while at least one item is\n   * hidden. Receives the number of hidden items and their `itemId`s in DOM order, so the button\n   * can open a menu of the hidden items. `hiddenIds` is the button's own array (sorting it in\n   * place affects nobody else). Its width is measured and reserved when items overflow.\n   * Components rendered by it can also read the hidden items with {@link useOverflowMenu}.\n   */\n  overflowButton?: (count: number, hiddenIds: string[]) => React.ReactNode;\n  /**\n   * The {@link OverflowItem}s to lay out in one row. Only items and the overflow button are\n   * measured: the container's whole content box is the room for them, so other content placed in\n   * the row is not accounted for and could clip items that still count as visible. Keep fixed\n   * content outside the Overflow (for example in a surrounding flex row), or wrap it in an\n   * `OverflowItem` (the first item is never hidden).\n   */\n  children: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Properties for the OverflowItem sub-component. */\nexport interface OverflowItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Identifier for tracking this item's overflow visibility, unique within the Overflow (a\n   * duplicate warns in development: items that share one are hidden and shown together).\n   */\n  itemId: string;\n  /** Content of the overflow item. */\n  children: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Result of {@link useOverflowMenu}. */\nexport interface UseOverflowMenuResult {\n  /** `itemId`s of the hidden items, in DOM order (the caller's own array). */\n  hiddenIds: string[];\n  /** Number of hidden items. */\n  count: number;\n}\n\n// ---------------------------------------------------------------------------\n// Measurement store\n// ---------------------------------------------------------------------------\n\n/**\n * The empty snapshot. Snapshots are internal: they are compared by identity and never handed to\n * consumers, who receive their own copies (see `useOverflowMenu` and `overflowButton`).\n */\nconst NO_IDS: string[] = [];\n\n/** A stable function that re-renders the calling component. */\nfunction useForceRender(): () => void {\n  return React.useReducer((n: number) => n + 1, 0)[1];\n}\n\nfunction hasResizeObserver(): boolean {\n  return typeof ResizeObserver !== 'undefined';\n}\n\nfunction documentOrder(a: Element, b: Element): number {\n  if (a === b) return 0;\n  return a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\n}\n\n/** Moves anywhere in the row: items reordered directly or inside wrappers. */\nconst REORDER_OBSERVER_OPTIONS: MutationObserverInit = { childList: true, subtree: true };\n\nfunction sameIds(a: readonly string[], b: readonly string[]): boolean {\n  return a.length === b.length && a.every((id, i) => id === b[i]);\n}\n\nfunction warnDuplicateItemId(itemId: string): void {\n  warnOnce(\n    `Overflow:duplicate:${itemId}`,\n    `Overflow: several items share the itemId \"${itemId}\". Item ids must be unique within an ` +\n      'Overflow; items with the same itemId are hidden and shown together.',\n  );\n}\n\nconst noop = () => {};\n\n/** Width available to items: the content box of the container, and the flex gap between items. */\nfunction readContainer(container: HTMLElement): { available: number; gap: number } {\n  let paddingInline = 0;\n  let gap = 0;\n  const view = container.ownerDocument.defaultView;\n  if (view) {\n    const style = view.getComputedStyle(container);\n    paddingInline = (parseFloat(style.paddingLeft) || 0) + (parseFloat(style.paddingRight) || 0);\n    gap = parseFloat(style.columnGap) || 0;\n  }\n  return { available: container.clientWidth - paddingInline, gap };\n}\n\n/**\n * Tracks the container, the items and the overflow button of one `Overflow` and publishes the ids\n * of the hidden items (DOM order), and whether the button covers the first item, to\n * `useSyncExternalStore`.\n *\n * - **Measurement never writes styles.** An item's width is read (`offsetWidth`) only while it is\n *   visible and cached; a hidden item (`data-overflow-hidden` and an inline `display: none`, both\n *   rendered by React) keeps its last visible width. All reads happen before React applies the\n *   result.\n * - **Membership-only updates.** A new snapshot is published only when the hidden set (or whether\n *   the button covers the first item) changes, so a resize that hides the same items renders\n *   nothing.\n * - **One observer.** A single `ResizeObserver` (created when the root mounts) watches the\n *   container, every item and the overflow button. Without `ResizeObserver` the store measures\n *   whenever something registers and on window `resize`.\n * - **Reorders.** A keyed reorder moves item elements without registering them again or changing\n *   a size. The order of the last measurement is re-checked (n − 1 `compareDocumentPosition`\n *   calls, no layout reads) after every commit of the root and, through a `MutationObserver`\n *   (`childList`, `subtree`) on the container, after moves that do not render the root (a list\n *   component inside the row that owns its order); only an inversion re-measures.\n */\nclass OverflowStore {\n  private container: HTMLElement | null = null;\n  private button: HTMLElement | null = null;\n  private buttonWidth = 0;\n  private readonly items = new Map<HTMLElement, string>();\n  /** How many mounted items use each `itemId` (development only: a repeated one warns). */\n  private readonly itemIdCounts = new Map<string, number>();\n  private readonly widths = new WeakMap<HTMLElement, number>();\n  private readonly listeners = new Set<() => void>();\n  private hidden: string[] = NO_IDS;\n  /** The first item is wider than the room beside the button, so the button covers its end. */\n  private pinned = false;\n  /** The item elements of the last measurement, in the DOM order they had then. */\n  private order: HTMLElement[] = [];\n  private connected = false;\n  private observer: ResizeObserver | null = null;\n  private reorderObserver: MutationObserver | null = null;\n  private removeResizeListener: (() => void) | null = null;\n\n  subscribe = (listener: () => void): (() => void) => {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  };\n\n  getSnapshot = (): string[] => this.hidden;\n\n  getServerSnapshot = (): string[] => NO_IDS;\n\n  getPinned = (): boolean => this.pinned;\n\n  getServerPinned = (): boolean => false;\n\n  /** Starts observing (root layout effect); returns the teardown. */\n  connect = (): (() => void) => {\n    this.connected = true;\n    if (hasResizeObserver()) {\n      this.observer = new ResizeObserver(() => this.measure());\n      for (const el of this.observedElements()) this.observer.observe(el);\n    } else if (typeof window !== 'undefined') {\n      const onResize = () => this.measure();\n      window.addEventListener('resize', onResize);\n      this.removeResizeListener = () => window.removeEventListener('resize', onResize);\n    }\n    if (typeof MutationObserver !== 'undefined') {\n      this.reorderObserver = new MutationObserver(() => this.checkOrder());\n      if (this.container) this.reorderObserver.observe(this.container, REORDER_OBSERVER_OPTIONS);\n    }\n    this.measure();\n    return () => {\n      this.connected = false;\n      this.observer?.disconnect();\n      this.observer = null;\n      this.reorderObserver?.disconnect();\n      this.reorderObserver = null;\n      this.removeResizeListener?.();\n      this.removeResizeListener = null;\n    };\n  };\n\n  /** Ref callback of the container. */\n  setContainer = (node: HTMLDivElement | null): void => {\n    if (node === this.container) return;\n    if (this.container) this.observer?.unobserve(this.container);\n    this.container = node;\n    if (node) this.observer?.observe(node);\n    if (this.reorderObserver) {\n      this.reorderObserver.disconnect();\n      if (node) this.reorderObserver.observe(node, REORDER_OBSERVER_OPTIONS);\n    }\n    this.measure();\n  };\n\n  /**\n   * Re-measures when the items of the last measurement are no longer in DOM order (a keyed\n   * reorder). Cheap: neighbour comparisons only, no layout reads.\n   */\n  checkOrder = (): void => {\n    const order = this.order;\n    for (let i = 1; i < order.length; i++) {\n      if (documentOrder(order[i - 1], order[i]) > 0) {\n        this.measure();\n        return;\n      }\n    }\n  };\n\n  /** Ref callback of the overflow button wrapper. The last measured width outlives it. */\n  setButton = (node: HTMLDivElement | null): void => {\n    if (node === this.button) return;\n    if (this.button) this.observer?.unobserve(this.button);\n    this.button = node;\n    if (node) this.observer?.observe(node);\n    this.measure();\n  };\n\n  /** Registers an item element; returns its unregistration. */\n  registerItem(el: HTMLElement, id: string): () => void {\n    this.items.set(el, id);\n    this.observer?.observe(el);\n    this.measure();\n    return () => {\n      if (this.items.get(el) !== id) return;\n      this.items.delete(el);\n      this.observer?.unobserve(el);\n      this.measure();\n    };\n  }\n\n  /**\n   * Counts the `itemId` of a mounted item (called from the item's effect, C-DEV); a second item\n   * with an id already in use warns once per id. Returns the cleanup.\n   */\n  registerItemId = (itemId: string): (() => void) => {\n    if (!isDev) return noop;\n    const counts = this.itemIdCounts;\n    const count = (counts.get(itemId) ?? 0) + 1;\n    counts.set(itemId, count);\n    if (count > 1) warnDuplicateItemId(itemId);\n    return () => {\n      const remaining = (counts.get(itemId) ?? 1) - 1;\n      if (remaining > 0) counts.set(itemId, remaining);\n      else counts.delete(itemId);\n    };\n  };\n\n  private observedElements(): HTMLElement[] {\n    const elements = Array.from(this.items.keys());\n    if (this.container) elements.push(this.container);\n    if (this.button) elements.push(this.button);\n    return elements;\n  }\n\n  private measure(): void {\n    const container = this.container;\n    if (!this.connected || !container) return;\n\n    // Reads first: widths of the visible items, the button and the container.\n    const entries = Array.from(this.items)\n      .filter(([el]) => el.isConnected && container.contains(el))\n      .sort(([a], [b]) => documentOrder(a, b));\n    this.order = entries.map(([el]) => el);\n    for (const [el] of entries) {\n      if (!el.hasAttribute('data-overflow-hidden')) this.widths.set(el, el.offsetWidth);\n    }\n    if (this.button?.isConnected) this.buttonWidth = this.button.offsetWidth;\n    const { available, gap } = readContainer(container);\n\n    const widths = entries.map(([el]) => this.widths.get(el) ?? 0);\n    const total = widths.reduce((sum, width, i) => sum + width + (i > 0 ? gap : 0), 0);\n\n    let next: string[] = NO_IDS;\n    let pinned = false;\n    if (total > available) {\n      // Items that fit next to the overflow button stay; the first item always stays.\n      const limit = available - (this.buttonWidth > 0 ? this.buttonWidth + gap : 0);\n      let used = 0;\n      let cut = entries.length;\n      for (let i = 0; i < entries.length; i++) {\n        const end = used + widths[i] + (i > 0 ? gap : 0);\n        if (i > 0 && end > limit) {\n          cut = i;\n          break;\n        }\n        used = end;\n      }\n      next = entries.slice(cut).map(([, id]) => id);\n      // The sticky button eats the gap before it first; it covers the first item only when the\n      // two do not fit side by side.\n      pinned = next.length > 0 && widths[0] + this.buttonWidth > available;\n    }\n\n    const hiddenChanged = !sameIds(next, this.hidden);\n    if (!hiddenChanged && pinned === this.pinned) return;\n    // The same hidden set keeps its array, so the items and useOverflowMenu() do not update.\n    if (hiddenChanged) this.hidden = next.length > 0 ? next : NO_IDS;\n    this.pinned = pinned;\n    for (const listener of Array.from(this.listeners)) listener();\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Context (C-CONTEXT)\n// ---------------------------------------------------------------------------\n\ninterface OverflowContextValue {\n  store: OverflowStore;\n  hiddenIds: string[];\n  hiddenSet: ReadonlySet<string>;\n}\n\nconst OverflowContext = React.createContext<OverflowContextValue | null>(null);\n\n/** Production fallback for a misplaced sub-component: a store that is never connected. */\nconst INERT_CONTEXT: OverflowContextValue = {\n  store: /* @__PURE__ */ new OverflowStore(),\n  hiddenIds: NO_IDS,\n  hiddenSet: /* @__PURE__ */ new Set<string>(),\n};\n\n/**\n * The enclosing Overflow's context. Outside an Overflow it throws in development and, in\n * production, logs an error once and returns an inert value (C-CONTEXT).\n */\nfunction useOverflowContext(componentName: string): OverflowContextValue {\n  const ctx = React.useContext(OverflowContext);\n  if (ctx) return ctx;\n  reportMissingContext(componentName, 'Overflow');\n  return INERT_CONTEXT;\n}\n\n// ---------------------------------------------------------------------------\n// Hooks\n// ---------------------------------------------------------------------------\n\n/**\n * The items an {@link Overflow} currently hides: their `itemId`s in DOM order and their count. Use\n * it in the component that `overflowButton` renders to list the hidden items in a menu. Must be\n * called inside `Overflow`.\n */\nexport function useOverflowMenu(): UseOverflowMenuResult {\n  const { hiddenIds } = useOverflowContext('useOverflowMenu');\n  // A copy per caller and snapshot: sorting or reversing it cannot affect other consumers.\n  return React.useMemo(() => ({ hiddenIds: [...hiddenIds], count: hiddenIds.length }), [hiddenIds]);\n}\n\n/**\n * Whether the {@link OverflowItem} with `itemId` is currently shown (`false` while it overflows).\n * Must be called inside `Overflow`.\n */\nexport function useIsOverflowItemVisible(itemId: string): boolean {\n  const { hiddenSet } = useOverflowContext('useIsOverflowItemVisible');\n  return !hiddenSet.has(itemId);\n}\n\nfunction isElement(node: Node): node is Element {\n  return node.nodeType === Node.ELEMENT_NODE;\n}\n\n/**\n * Keeps `observer` on the element children of `parent`: unobserves the removed ones and observes\n * the added ones that are still attached to `parent` (records are replayed in order, so a child\n * moved or re-added within one batch ends up observed exactly when it is present).\n */\nfunction followDirectChildren(\n  observer: ResizeObserver,\n  parent: Element,\n  records: readonly MutationRecord[],\n): void {\n  for (const record of records) {\n    if (record.type !== 'childList' || record.target !== parent) continue;\n    record.removedNodes.forEach((node) => {\n      if (isElement(node)) observer.unobserve(node);\n    });\n    record.addedNodes.forEach((node) => {\n      if (isElement(node) && node.parentNode === parent) observer.observe(node);\n    });\n  }\n}\n\n/** Tracks `scrollWidth > clientWidth` of one element. */\nclass OverflowingStore {\n  private element: HTMLElement | null = null;\n  private value = false;\n  private readonly listeners = new Set<() => void>();\n  private teardown: (() => void) | null = null;\n\n  subscribe = (listener: () => void): (() => void) => {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  };\n\n  getSnapshot = (): boolean => this.value;\n\n  getServerSnapshot = (): boolean => false;\n\n  /** Follows `element` (layout effect of every render); re-subscribes when it changes. */\n  setElement(element: HTMLElement | null): void {\n    if (element === this.element) return;\n    this.disconnect();\n    this.element = element;\n    if (element) this.teardown = this.observe(element);\n    this.check();\n  }\n\n  disconnect(): void {\n    this.teardown?.();\n    this.teardown = null;\n    this.element = null;\n  }\n\n  private observe(element: HTMLElement): () => void {\n    const check = () => this.check();\n    const cleanups: Array<() => void> = [];\n\n    // Resizes of the element and of its direct children (content that grows or shrinks).\n    const resizeObserver = hasResizeObserver() ? new ResizeObserver(check) : null;\n    if (resizeObserver) {\n      resizeObserver.observe(element);\n      for (const child of Array.from(element.children)) resizeObserver.observe(child);\n      cleanups.push(() => resizeObserver.disconnect());\n    } else if (typeof window !== 'undefined') {\n      window.addEventListener('resize', check);\n      cleanups.push(() => window.removeEventListener('resize', check));\n    }\n\n    // Content added, removed or edited. Only a change of the direct children changes what the\n    // ResizeObserver watches, and only those children are (un)observed; text edits and deeper\n    // changes just re-check.\n    if (typeof MutationObserver !== 'undefined') {\n      const mutationObserver = new MutationObserver((records) => {\n        if (resizeObserver) followDirectChildren(resizeObserver, element, records);\n        check();\n      });\n      mutationObserver.observe(element, { childList: true, subtree: true, characterData: true });\n      cleanups.push(() => mutationObserver.disconnect());\n    }\n\n    return () => cleanups.forEach((cleanup) => cleanup());\n  }\n\n  private check(): void {\n    const el = this.element;\n    const next = el !== null && el.scrollWidth > el.clientWidth;\n    if (next === this.value) return;\n    this.value = next;\n    for (const listener of Array.from(this.listeners)) listener();\n  }\n}\n\nfunction isRefObject(\n  target: React.RefObject<HTMLElement | null> | HTMLElement | null | undefined,\n): target is React.RefObject<HTMLElement | null> {\n  return target != null && typeof target === 'object' && 'current' in target;\n}\n\n/**\n * Whether `target`'s content is wider than the element (`scrollWidth > clientWidth`).\n *\n * `target` is a ref object or the element itself (for example from callback-ref state:\n * `const [el, setEl] = useState(null)` + `ref={setEl}`). The hook re-checks when the element\n * resizes, when its direct children resize, and when content is added, removed or edited; an\n * element that mounts later (a ref attached conditionally) is picked up after the render that\n * mounts it. Without `ResizeObserver` it re-checks on window `resize` and content changes. Returns\n * `false` on the server.\n */\nexport function useIsOverflowing(\n  target: React.RefObject<HTMLElement | null> | HTMLElement | null,\n): boolean {\n  const [store] = React.useState(() => new OverflowingStore());\n  const isOverflowing = React.useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    store.getServerSnapshot,\n  );\n  const forceRender = useForceRender();\n\n  // Every render: follow the element the ref points to now (cheap identity check). A change found\n  // here re-renders from the layout phase, before paint: useSyncExternalStore only subscribes in a\n  // passive effect, so on mount it would pick the first value up after the browser painted.\n  React.useLayoutEffect(() => {\n    const unsubscribe = store.subscribe(forceRender);\n    store.setElement(isRefObject(target) ? target.current : target);\n    unsubscribe();\n  });\n\n  React.useLayoutEffect(() => () => store.disconnect(), [store]);\n\n  return isOverflowing;\n}\n\n// ---------------------------------------------------------------------------\n// Components\n// ---------------------------------------------------------------------------\n\nconst OverflowRoot = ({ overflowButton, children, className, ref, ...rest }: OverflowProps) => {\n  const [store] = React.useState(() => new OverflowStore());\n  const hiddenIds = React.useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    store.getServerSnapshot,\n  );\n  const pinned = React.useSyncExternalStore(\n    store.subscribe,\n    store.getPinned,\n    store.getServerPinned,\n  );\n  const setContainer = React.useCallback(\n    (node: HTMLDivElement | null) => store.setContainer(node),\n    [store],\n  );\n  const setButton = React.useCallback(\n    (node: HTMLDivElement | null) => store.setButton(node),\n    [store],\n  );\n  const containerRef = useMergedRefs<HTMLDivElement>(ref, setContainer);\n  const forceRender = useForceRender();\n\n  // Observers are created once per instance (not per render or per children change). The first\n  // measurement (in connect) re-renders from this layout effect, before paint: useSyncExternalStore\n  // only subscribes in a passive effect, which can run after the browser painted every item.\n  React.useLayoutEffect(() => {\n    const unsubscribe = store.subscribe(forceRender);\n    const disconnect = store.connect();\n    unsubscribe();\n    return disconnect;\n  }, [store, forceRender]);\n\n  // After every commit of the root (new children, a keyed reorder): items moved without any size\n  // change or registration are re-measured before paint. Cheap when nothing moved.\n  React.useLayoutEffect(() => {\n    store.checkOrder();\n  });\n\n  const hiddenSet = React.useMemo(() => new Set(hiddenIds), [hiddenIds]);\n  // The overflowButton's own copy (consumers may sort it in place).\n  const buttonIds = React.useMemo(() => [...hiddenIds], [hiddenIds]);\n  const ctx = React.useMemo<OverflowContextValue>(\n    () => ({ store, hiddenIds, hiddenSet }),\n    [store, hiddenIds, hiddenSet],\n  );\n\n  const hiddenCount = hiddenIds.length;\n\n  return (\n    <OverflowContext.Provider value={ctx}>\n      <div\n        ref={containerRef}\n        // The row clips its content at its padding edge: the 4px padding leaves room for the focus\n        // indicator a focused item draws 4px around itself. No negative margin offsets it: the\n        // row's box would then reach past its container, which a scroll container around an\n        // edge-to-edge row (or the page) counts as overflow. The store measures the room without\n        // the padding.\n        className={cn('flex items-center overflow-hidden p-1', className)}\n        {...rest}\n      >\n        {children}\n        {hiddenCount > 0 && overflowButton && (\n          // In the row's flow (it adds to the row height and follows justify-*), sticking to the\n          // inline end when the first item is wider than the room beside it. Browsers stop a\n          // sticky element at the scroll container's padding, so -end-1 lets it reach the\n          // clipping edge, and while pinned it keeps 4px inside for its own focus indicator.\n          // (WebKit stops a sticky element short of the inline end of a right-to-left row; it\n          // stays in the row.)\n          <div\n            ref={setButton}\n            data-overflow-button=\"\"\n            data-overflow-pinned={pinned ? '' : undefined}\n            className=\"sticky -end-1 flex shrink-0 items-center self-stretch ps-1 data-[overflow-pinned]:bg-background data-[overflow-pinned]:pe-1\"\n          >\n            {overflowButton(hiddenCount, buttonIds)}\n          </div>\n        )}\n      </div>\n    </OverflowContext.Provider>\n  );\n};\nOverflowRoot.displayName = 'Overflow';\n\n/**\n * One entry of an {@link Overflow}. While it does not fit it stays mounted but is hidden\n * (`data-overflow-hidden` and an inline `display: none` placed after the consumer's own `style`),\n * `aria-hidden` and `inert`. The inline style wins over the consumer's `style.display` and over\n * display utilities in any cascade layer (a prefixed Tailwind app's `tw:flex` included), so a\n * hidden item is never shown while it is counted in \"+N\". Must be rendered inside `Overflow`.\n */\nexport const OverflowItem = ({\n  itemId,\n  children,\n  className,\n  style,\n  ref,\n  'aria-hidden': ariaHidden,\n  inert,\n  ...rest\n}: OverflowItemProps) => {\n  const { store, hiddenSet } = useOverflowContext('OverflowItem');\n  const isHidden = hiddenSet.has(itemId);\n  React.useEffect(() => store.registerItemId(itemId), [store, itemId]);\n\n  const registerRef = React.useCallback(\n    (node: HTMLDivElement | null) => (node ? store.registerItem(node, itemId) : undefined),\n    [store, itemId],\n  );\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, registerRef);\n\n  return (\n    <div\n      ref={mergedRef}\n      className={cn('shrink-0', className)}\n      {...rest}\n      style={isHidden ? { ...style, display: 'none' } : style}\n      aria-hidden={isHidden ? true : ariaHidden}\n      inert={isHidden ? true : inert}\n      data-overflow-hidden={isHidden ? '' : undefined}\n    >\n      {children}\n    </div>\n  );\n};\nOverflowItem.displayName = 'OverflowItem';\n\n/**\n * A single row that hides the items which do not fit and shows an overflow button instead.\n *\n * Wrap each entry in {@link OverflowItem} with a unique `itemId`; the row holds only items (other\n * content is not measured, see `children`). Items are measured while visible, hidden from the end\n * (in DOM order; the first item always stays) and hidden items get `data-overflow-hidden`, an\n * inline `display: none`, `aria-hidden` and `inert`. Reordered items (for example a keyed sort) are\n * re-measured in their new order. `overflowButton(count, hiddenIds)` renders the button after the\n * visible items (its measured width is reserved); components inside it can use\n * {@link useOverflowMenu} to list the hidden items (e.g. in a Menu), and\n * {@link useIsOverflowItemVisible} reports a single item. The button sticks to the inline end of\n * the row, so a first item wider than the room beside it cannot push it out of view: it then covers\n * the end of that item and gets `data-overflow-pinned`, with the `background` token behind it. (In\n * a right-to-left row, WebKit stops the pinned button short of the end, still inside the row.)\n *\n * The row clips what does not fit. So that the focus indicators of its items are not cut off, it\n * has a 4px padding: the items sit 4px in from its edges, and the row is 8px taller than they are.\n * An explicit width (such as `w-full` or a style width) includes that padding. The row never\n * reaches past its own box, so an edge-to-edge row adds no scrollbar to the page or to a scroll\n * container around it. A negative margin of 4px lines the items up with the content around the\n * row; add it only where nothing within 4px of the row scrolls (the row's box then reaches 4px past\n * its container on every side). `p-0` removes the room (focus indicators at the row's edges are\n * then clipped).\n *\n * Works without `ResizeObserver` (jsdom, old browsers): it then re-measures on window resize and\n * when items mount, unmount or move.\n *\n * The item is also `Overflow.Item`. The same component is exported as `OverflowItem`; React Server\n * Components import that flat name (dotted access needs a client file).\n */\nexport const Overflow = /* @__PURE__ */ Object.assign(OverflowRoot, {\n  Item: OverflowItem,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Overflow.mjs","names":["React","NO_IDS","useForceRender","n","hasResizeObserver","documentOrder","a","b","REORDER_OBSERVER_OPTIONS","sameIds","id","i","warnDuplicateItemId","itemId","noop","readContainer","paddingInline","gap","view","container","style","OverflowStore","listener","el","onResize","node","order","isDev","counts","count","remaining","elements","entries","widths","total","sum","width","next","pinned","available","limit","used","cut","end","hiddenChanged","OverflowContext","INERT_CONTEXT","useOverflowContext","reportMissingContext","componentName","useOverflowMenu","hiddenIds","useIsOverflowItemVisible","hiddenSet","isElement","followDirectChildren","record","records","parent","observer","OverflowingStore","element","check","cleanups","resizeObserver","child","mutationObserver","cleanup","isRefObject","target","useIsOverflowing","store","isOverflowing","forceRender","unsubscribe","OverflowRoot","rest","setContainer","setButton","containerRef","useMergedRefs","ref","disconnect","buttonIds","ctx","hiddenCount","cn","overflowClassNames","className","children","overflowButton","OverflowItem","ariaHidden","isHidden","registerRef","mergedRef","overflowItemClassNames","inert","Overflow"],"sources":["../../../src/components/layout/Overflow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { overflowClassNames, overflowItemClassNames } from '../../lib/classNames';\nimport { cn } from '../../lib/cn';\nimport { isDev, reportMissingContext, warnOnce } from '../../lib/dev';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\n\n/** Properties for the Overflow component. */\nexport interface OverflowProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Renders the overflow button (for example a \"+3\" menu trigger) while at least one item is\n   * hidden. Receives the number of hidden items and their `itemId`s in DOM order, so the button\n   * can open a menu of the hidden items. `hiddenIds` is the button's own array (sorting it in\n   * place affects nobody else). Its width is measured and reserved when items overflow.\n   * Components rendered by it can also read the hidden items with {@link useOverflowMenu}.\n   */\n  overflowButton?: (count: number, hiddenIds: string[]) => React.ReactNode;\n  /**\n   * The {@link OverflowItem}s to lay out in one row. Only items and the overflow button are\n   * measured: the container's whole content box is the room for them, so other content placed in\n   * the row is not accounted for and could clip items that still count as visible. Keep fixed\n   * content outside the Overflow (for example in a surrounding flex row), or wrap it in an\n   * `OverflowItem` (the first item is never hidden).\n   */\n  children: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Properties for the OverflowItem sub-component. */\nexport interface OverflowItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Identifier for tracking this item's overflow visibility, unique within the Overflow (a\n   * duplicate warns in development: items that share one are hidden and shown together).\n   */\n  itemId: string;\n  /** Content of the overflow item. */\n  children: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Result of {@link useOverflowMenu}. */\nexport interface UseOverflowMenuResult {\n  /** `itemId`s of the hidden items, in DOM order (the caller's own array). */\n  hiddenIds: string[];\n  /** Number of hidden items. */\n  count: number;\n}\n\n// ---------------------------------------------------------------------------\n// Measurement store\n// ---------------------------------------------------------------------------\n\n/**\n * The empty snapshot. Snapshots are internal: they are compared by identity and never handed to\n * consumers, who receive their own copies (see `useOverflowMenu` and `overflowButton`).\n */\nconst NO_IDS: string[] = [];\n\n/** A stable function that re-renders the calling component. */\nfunction useForceRender(): () => void {\n  return React.useReducer((n: number) => n + 1, 0)[1];\n}\n\nfunction hasResizeObserver(): boolean {\n  return typeof ResizeObserver !== 'undefined';\n}\n\nfunction documentOrder(a: Element, b: Element): number {\n  if (a === b) return 0;\n  return a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\n}\n\n/** Moves anywhere in the row: items reordered directly or inside wrappers. */\nconst REORDER_OBSERVER_OPTIONS: MutationObserverInit = { childList: true, subtree: true };\n\nfunction sameIds(a: readonly string[], b: readonly string[]): boolean {\n  return a.length === b.length && a.every((id, i) => id === b[i]);\n}\n\nfunction warnDuplicateItemId(itemId: string): void {\n  warnOnce(\n    `Overflow:duplicate:${itemId}`,\n    `Overflow: several items share the itemId \"${itemId}\". Item ids must be unique within an ` +\n      'Overflow; items with the same itemId are hidden and shown together.',\n  );\n}\n\nconst noop = () => {};\n\n/** Width available to items: the content box of the container, and the flex gap between items. */\nfunction readContainer(container: HTMLElement): { available: number; gap: number } {\n  let paddingInline = 0;\n  let gap = 0;\n  const view = container.ownerDocument.defaultView;\n  if (view) {\n    const style = view.getComputedStyle(container);\n    paddingInline = (parseFloat(style.paddingLeft) || 0) + (parseFloat(style.paddingRight) || 0);\n    gap = parseFloat(style.columnGap) || 0;\n  }\n  return { available: container.clientWidth - paddingInline, gap };\n}\n\n/**\n * Tracks the container, the items and the overflow button of one `Overflow` and publishes the ids\n * of the hidden items (DOM order), and whether the button covers the first item, to\n * `useSyncExternalStore`.\n *\n * - **Measurement never writes styles.** An item's width is read (`offsetWidth`) only while it is\n *   visible and cached; a hidden item (`data-overflow-hidden` and an inline `display: none`, both\n *   rendered by React) keeps its last visible width. All reads happen before React applies the\n *   result.\n * - **Membership-only updates.** A new snapshot is published only when the hidden set (or whether\n *   the button covers the first item) changes, so a resize that hides the same items renders\n *   nothing.\n * - **One observer.** A single `ResizeObserver` (created when the root mounts) watches the\n *   container, every item and the overflow button. Without `ResizeObserver` the store measures\n *   whenever something registers and on window `resize`.\n * - **Reorders.** A keyed reorder moves item elements without registering them again or changing\n *   a size. The order of the last measurement is re-checked (n − 1 `compareDocumentPosition`\n *   calls, no layout reads) after every commit of the root and, through a `MutationObserver`\n *   (`childList`, `subtree`) on the container, after moves that do not render the root (a list\n *   component inside the row that owns its order); only an inversion re-measures.\n */\nclass OverflowStore {\n  private container: HTMLElement | null = null;\n  private button: HTMLElement | null = null;\n  private buttonWidth = 0;\n  private readonly items = new Map<HTMLElement, string>();\n  /** How many mounted items use each `itemId` (development only: a repeated one warns). */\n  private readonly itemIdCounts = new Map<string, number>();\n  private readonly widths = new WeakMap<HTMLElement, number>();\n  private readonly listeners = new Set<() => void>();\n  private hidden: string[] = NO_IDS;\n  /** The first item is wider than the room beside the button, so the button covers its end. */\n  private pinned = false;\n  /** The item elements of the last measurement, in the DOM order they had then. */\n  private order: HTMLElement[] = [];\n  private connected = false;\n  private observer: ResizeObserver | null = null;\n  private reorderObserver: MutationObserver | null = null;\n  private removeResizeListener: (() => void) | null = null;\n\n  subscribe = (listener: () => void): (() => void) => {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  };\n\n  getSnapshot = (): string[] => this.hidden;\n\n  getServerSnapshot = (): string[] => NO_IDS;\n\n  getPinned = (): boolean => this.pinned;\n\n  getServerPinned = (): boolean => false;\n\n  /** Starts observing (root layout effect); returns the teardown. */\n  connect = (): (() => void) => {\n    this.connected = true;\n    if (hasResizeObserver()) {\n      this.observer = new ResizeObserver(() => this.measure());\n      for (const el of this.observedElements()) this.observer.observe(el);\n    } else if (typeof window !== 'undefined') {\n      const onResize = () => this.measure();\n      window.addEventListener('resize', onResize);\n      this.removeResizeListener = () => window.removeEventListener('resize', onResize);\n    }\n    if (typeof MutationObserver !== 'undefined') {\n      this.reorderObserver = new MutationObserver(() => this.checkOrder());\n      if (this.container) this.reorderObserver.observe(this.container, REORDER_OBSERVER_OPTIONS);\n    }\n    this.measure();\n    return () => {\n      this.connected = false;\n      this.observer?.disconnect();\n      this.observer = null;\n      this.reorderObserver?.disconnect();\n      this.reorderObserver = null;\n      this.removeResizeListener?.();\n      this.removeResizeListener = null;\n    };\n  };\n\n  /** Ref callback of the container. */\n  setContainer = (node: HTMLDivElement | null): void => {\n    if (node === this.container) return;\n    if (this.container) this.observer?.unobserve(this.container);\n    this.container = node;\n    if (node) this.observer?.observe(node);\n    if (this.reorderObserver) {\n      this.reorderObserver.disconnect();\n      if (node) this.reorderObserver.observe(node, REORDER_OBSERVER_OPTIONS);\n    }\n    this.measure();\n  };\n\n  /**\n   * Re-measures when the items of the last measurement are no longer in DOM order (a keyed\n   * reorder). Cheap: neighbour comparisons only, no layout reads.\n   */\n  checkOrder = (): void => {\n    const order = this.order;\n    for (let i = 1; i < order.length; i++) {\n      if (documentOrder(order[i - 1], order[i]) > 0) {\n        this.measure();\n        return;\n      }\n    }\n  };\n\n  /** Ref callback of the overflow button wrapper. The last measured width outlives it. */\n  setButton = (node: HTMLDivElement | null): void => {\n    if (node === this.button) return;\n    if (this.button) this.observer?.unobserve(this.button);\n    this.button = node;\n    if (node) this.observer?.observe(node);\n    this.measure();\n  };\n\n  /** Registers an item element; returns its unregistration. */\n  registerItem(el: HTMLElement, id: string): () => void {\n    this.items.set(el, id);\n    this.observer?.observe(el);\n    this.measure();\n    return () => {\n      if (this.items.get(el) !== id) return;\n      this.items.delete(el);\n      this.observer?.unobserve(el);\n      this.measure();\n    };\n  }\n\n  /**\n   * Counts the `itemId` of a mounted item (called from the item's effect, C-DEV); a second item\n   * with an id already in use warns once per id. Returns the cleanup.\n   */\n  registerItemId = (itemId: string): (() => void) => {\n    if (!isDev) return noop;\n    const counts = this.itemIdCounts;\n    const count = (counts.get(itemId) ?? 0) + 1;\n    counts.set(itemId, count);\n    if (count > 1) warnDuplicateItemId(itemId);\n    return () => {\n      const remaining = (counts.get(itemId) ?? 1) - 1;\n      if (remaining > 0) counts.set(itemId, remaining);\n      else counts.delete(itemId);\n    };\n  };\n\n  private observedElements(): HTMLElement[] {\n    const elements = Array.from(this.items.keys());\n    if (this.container) elements.push(this.container);\n    if (this.button) elements.push(this.button);\n    return elements;\n  }\n\n  private measure(): void {\n    const container = this.container;\n    if (!this.connected || !container) return;\n\n    // Reads first: widths of the visible items, the button and the container.\n    const entries = Array.from(this.items)\n      .filter(([el]) => el.isConnected && container.contains(el))\n      .sort(([a], [b]) => documentOrder(a, b));\n    this.order = entries.map(([el]) => el);\n    for (const [el] of entries) {\n      if (!el.hasAttribute('data-overflow-hidden')) this.widths.set(el, el.offsetWidth);\n    }\n    if (this.button?.isConnected) this.buttonWidth = this.button.offsetWidth;\n    const { available, gap } = readContainer(container);\n\n    const widths = entries.map(([el]) => this.widths.get(el) ?? 0);\n    const total = widths.reduce((sum, width, i) => sum + width + (i > 0 ? gap : 0), 0);\n\n    let next: string[] = NO_IDS;\n    let pinned = false;\n    if (total > available) {\n      // Items that fit next to the overflow button stay; the first item always stays.\n      const limit = available - (this.buttonWidth > 0 ? this.buttonWidth + gap : 0);\n      let used = 0;\n      let cut = entries.length;\n      for (let i = 0; i < entries.length; i++) {\n        const end = used + widths[i] + (i > 0 ? gap : 0);\n        if (i > 0 && end > limit) {\n          cut = i;\n          break;\n        }\n        used = end;\n      }\n      next = entries.slice(cut).map(([, id]) => id);\n      // The sticky button eats the gap before it first; it covers the first item only when the\n      // two do not fit side by side.\n      pinned = next.length > 0 && widths[0] + this.buttonWidth > available;\n    }\n\n    const hiddenChanged = !sameIds(next, this.hidden);\n    if (!hiddenChanged && pinned === this.pinned) return;\n    // The same hidden set keeps its array, so the items and useOverflowMenu() do not update.\n    if (hiddenChanged) this.hidden = next.length > 0 ? next : NO_IDS;\n    this.pinned = pinned;\n    for (const listener of Array.from(this.listeners)) listener();\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Context (C-CONTEXT)\n// ---------------------------------------------------------------------------\n\ninterface OverflowContextValue {\n  store: OverflowStore;\n  hiddenIds: string[];\n  hiddenSet: ReadonlySet<string>;\n}\n\nconst OverflowContext = React.createContext<OverflowContextValue | null>(null);\n\n/** Production fallback for a misplaced sub-component: a store that is never connected. */\nconst INERT_CONTEXT: OverflowContextValue = {\n  store: /* @__PURE__ */ new OverflowStore(),\n  hiddenIds: NO_IDS,\n  hiddenSet: /* @__PURE__ */ new Set<string>(),\n};\n\n/**\n * The enclosing Overflow's context. Outside an Overflow it throws in development and, in\n * production, logs an error once and returns an inert value (C-CONTEXT).\n */\nfunction useOverflowContext(componentName: string): OverflowContextValue {\n  const ctx = React.useContext(OverflowContext);\n  if (ctx) return ctx;\n  reportMissingContext(componentName, 'Overflow');\n  return INERT_CONTEXT;\n}\n\n// ---------------------------------------------------------------------------\n// Hooks\n// ---------------------------------------------------------------------------\n\n/**\n * The items an {@link Overflow} currently hides: their `itemId`s in DOM order and their count. Use\n * it in the component that `overflowButton` renders to list the hidden items in a menu. Must be\n * called inside `Overflow`.\n */\nexport function useOverflowMenu(): UseOverflowMenuResult {\n  const { hiddenIds } = useOverflowContext('useOverflowMenu');\n  // A copy per caller and snapshot: sorting or reversing it cannot affect other consumers.\n  return React.useMemo(() => ({ hiddenIds: [...hiddenIds], count: hiddenIds.length }), [hiddenIds]);\n}\n\n/**\n * Whether the {@link OverflowItem} with `itemId` is currently shown (`false` while it overflows).\n * Must be called inside `Overflow`.\n */\nexport function useIsOverflowItemVisible(itemId: string): boolean {\n  const { hiddenSet } = useOverflowContext('useIsOverflowItemVisible');\n  return !hiddenSet.has(itemId);\n}\n\nfunction isElement(node: Node): node is Element {\n  return node.nodeType === Node.ELEMENT_NODE;\n}\n\n/**\n * Keeps `observer` on the element children of `parent`: unobserves the removed ones and observes\n * the added ones that are still attached to `parent` (records are replayed in order, so a child\n * moved or re-added within one batch ends up observed exactly when it is present).\n */\nfunction followDirectChildren(\n  observer: ResizeObserver,\n  parent: Element,\n  records: readonly MutationRecord[],\n): void {\n  for (const record of records) {\n    if (record.type !== 'childList' || record.target !== parent) continue;\n    record.removedNodes.forEach((node) => {\n      if (isElement(node)) observer.unobserve(node);\n    });\n    record.addedNodes.forEach((node) => {\n      if (isElement(node) && node.parentNode === parent) observer.observe(node);\n    });\n  }\n}\n\n/** Tracks `scrollWidth > clientWidth` of one element. */\nclass OverflowingStore {\n  private element: HTMLElement | null = null;\n  private value = false;\n  private readonly listeners = new Set<() => void>();\n  private teardown: (() => void) | null = null;\n\n  subscribe = (listener: () => void): (() => void) => {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  };\n\n  getSnapshot = (): boolean => this.value;\n\n  getServerSnapshot = (): boolean => false;\n\n  /** Follows `element` (layout effect of every render); re-subscribes when it changes. */\n  setElement(element: HTMLElement | null): void {\n    if (element === this.element) return;\n    this.disconnect();\n    this.element = element;\n    if (element) this.teardown = this.observe(element);\n    this.check();\n  }\n\n  disconnect(): void {\n    this.teardown?.();\n    this.teardown = null;\n    this.element = null;\n  }\n\n  private observe(element: HTMLElement): () => void {\n    const check = () => this.check();\n    const cleanups: Array<() => void> = [];\n\n    // Resizes of the element and of its direct children (content that grows or shrinks).\n    const resizeObserver = hasResizeObserver() ? new ResizeObserver(check) : null;\n    if (resizeObserver) {\n      resizeObserver.observe(element);\n      for (const child of Array.from(element.children)) resizeObserver.observe(child);\n      cleanups.push(() => resizeObserver.disconnect());\n    } else if (typeof window !== 'undefined') {\n      window.addEventListener('resize', check);\n      cleanups.push(() => window.removeEventListener('resize', check));\n    }\n\n    // Content added, removed or edited. Only a change of the direct children changes what the\n    // ResizeObserver watches, and only those children are (un)observed; text edits and deeper\n    // changes just re-check.\n    if (typeof MutationObserver !== 'undefined') {\n      const mutationObserver = new MutationObserver((records) => {\n        if (resizeObserver) followDirectChildren(resizeObserver, element, records);\n        check();\n      });\n      mutationObserver.observe(element, { childList: true, subtree: true, characterData: true });\n      cleanups.push(() => mutationObserver.disconnect());\n    }\n\n    return () => cleanups.forEach((cleanup) => cleanup());\n  }\n\n  private check(): void {\n    const el = this.element;\n    const next = el !== null && el.scrollWidth > el.clientWidth;\n    if (next === this.value) return;\n    this.value = next;\n    for (const listener of Array.from(this.listeners)) listener();\n  }\n}\n\nfunction isRefObject(\n  target: React.RefObject<HTMLElement | null> | HTMLElement | null | undefined,\n): target is React.RefObject<HTMLElement | null> {\n  return target != null && typeof target === 'object' && 'current' in target;\n}\n\n/**\n * Whether `target`'s content is wider than the element (`scrollWidth > clientWidth`).\n *\n * `target` is a ref object or the element itself (for example from callback-ref state:\n * `const [el, setEl] = useState(null)` + `ref={setEl}`). The hook re-checks when the element\n * resizes, when its direct children resize, and when content is added, removed or edited; an\n * element that mounts later (a ref attached conditionally) is picked up after the render that\n * mounts it. Without `ResizeObserver` it re-checks on window `resize` and content changes. Returns\n * `false` on the server.\n */\nexport function useIsOverflowing(\n  target: React.RefObject<HTMLElement | null> | HTMLElement | null,\n): boolean {\n  const [store] = React.useState(() => new OverflowingStore());\n  const isOverflowing = React.useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    store.getServerSnapshot,\n  );\n  const forceRender = useForceRender();\n\n  // Every render: follow the element the ref points to now (cheap identity check). A change found\n  // here re-renders from the layout phase, before paint: useSyncExternalStore only subscribes in a\n  // passive effect, so on mount it would pick the first value up after the browser painted.\n  React.useLayoutEffect(() => {\n    const unsubscribe = store.subscribe(forceRender);\n    store.setElement(isRefObject(target) ? target.current : target);\n    unsubscribe();\n  });\n\n  React.useLayoutEffect(() => () => store.disconnect(), [store]);\n\n  return isOverflowing;\n}\n\n// ---------------------------------------------------------------------------\n// Components\n// ---------------------------------------------------------------------------\n\nconst OverflowRoot = ({ overflowButton, children, className, ref, ...rest }: OverflowProps) => {\n  const [store] = React.useState(() => new OverflowStore());\n  const hiddenIds = React.useSyncExternalStore(\n    store.subscribe,\n    store.getSnapshot,\n    store.getServerSnapshot,\n  );\n  const pinned = React.useSyncExternalStore(\n    store.subscribe,\n    store.getPinned,\n    store.getServerPinned,\n  );\n  const setContainer = React.useCallback(\n    (node: HTMLDivElement | null) => store.setContainer(node),\n    [store],\n  );\n  const setButton = React.useCallback(\n    (node: HTMLDivElement | null) => store.setButton(node),\n    [store],\n  );\n  const containerRef = useMergedRefs<HTMLDivElement>(ref, setContainer);\n  const forceRender = useForceRender();\n\n  // Observers are created once per instance (not per render or per children change). The first\n  // measurement (in connect) re-renders from this layout effect, before paint: useSyncExternalStore\n  // only subscribes in a passive effect, which can run after the browser painted every item.\n  React.useLayoutEffect(() => {\n    const unsubscribe = store.subscribe(forceRender);\n    const disconnect = store.connect();\n    unsubscribe();\n    return disconnect;\n  }, [store, forceRender]);\n\n  // After every commit of the root (new children, a keyed reorder): items moved without any size\n  // change or registration are re-measured before paint. Cheap when nothing moved.\n  React.useLayoutEffect(() => {\n    store.checkOrder();\n  });\n\n  const hiddenSet = React.useMemo(() => new Set(hiddenIds), [hiddenIds]);\n  // The overflowButton's own copy (consumers may sort it in place).\n  const buttonIds = React.useMemo(() => [...hiddenIds], [hiddenIds]);\n  const ctx = React.useMemo<OverflowContextValue>(\n    () => ({ store, hiddenIds, hiddenSet }),\n    [store, hiddenIds, hiddenSet],\n  );\n\n  const hiddenCount = hiddenIds.length;\n\n  return (\n    <OverflowContext.Provider value={ctx}>\n      <div\n        ref={containerRef}\n        // The row clips its content at its padding edge: the 4px padding leaves room for the focus\n        // indicator a focused item draws 4px around itself. No negative margin offsets it: the\n        // row's box would then reach past its container, which a scroll container around an\n        // edge-to-edge row (or the page) counts as overflow. The store measures the room without\n        // the padding.\n        className={cn(overflowClassNames.root, 'flex items-center overflow-hidden p-1', className)}\n        {...rest}\n      >\n        {children}\n        {hiddenCount > 0 && overflowButton && (\n          // In the row's flow (it adds to the row height and follows justify-*), sticking to the\n          // inline end when the first item is wider than the room beside it. Browsers stop a\n          // sticky element at the scroll container's padding, so -end-1 lets it reach the\n          // clipping edge, and while pinned it keeps 4px inside for its own focus indicator.\n          // (WebKit stops a sticky element short of the inline end of a right-to-left row; it\n          // stays in the row.)\n          <div\n            ref={setButton}\n            data-overflow-button=\"\"\n            data-overflow-pinned={pinned ? '' : undefined}\n            className={cn(\n              overflowClassNames.overflowButton,\n              'sticky -end-1 flex shrink-0 items-center self-stretch ps-1 data-[overflow-pinned]:bg-background data-[overflow-pinned]:pe-1',\n            )}\n          >\n            {overflowButton(hiddenCount, buttonIds)}\n          </div>\n        )}\n      </div>\n    </OverflowContext.Provider>\n  );\n};\nOverflowRoot.displayName = 'Overflow';\n\n/**\n * One entry of an {@link Overflow}. While it does not fit it stays mounted but is hidden\n * (`data-overflow-hidden` and an inline `display: none` placed after the consumer's own `style`),\n * `aria-hidden` and `inert`. The inline style wins over the consumer's `style.display` and over\n * display utilities in any cascade layer (a prefixed Tailwind app's `tw:flex` included), so a\n * hidden item is never shown while it is counted in \"+N\". Must be rendered inside `Overflow`.\n */\nexport const OverflowItem = ({\n  itemId,\n  children,\n  className,\n  style,\n  ref,\n  'aria-hidden': ariaHidden,\n  inert,\n  ...rest\n}: OverflowItemProps) => {\n  const { store, hiddenSet } = useOverflowContext('OverflowItem');\n  const isHidden = hiddenSet.has(itemId);\n  React.useEffect(() => store.registerItemId(itemId), [store, itemId]);\n\n  const registerRef = React.useCallback(\n    (node: HTMLDivElement | null) => (node ? store.registerItem(node, itemId) : undefined),\n    [store, itemId],\n  );\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, registerRef);\n\n  return (\n    <div\n      ref={mergedRef}\n      className={cn(overflowItemClassNames.root, 'shrink-0', className)}\n      {...rest}\n      style={isHidden ? { ...style, display: 'none' } : style}\n      aria-hidden={isHidden ? true : ariaHidden}\n      inert={isHidden ? true : inert}\n      data-overflow-hidden={isHidden ? '' : undefined}\n    >\n      {children}\n    </div>\n  );\n};\nOverflowItem.displayName = 'OverflowItem';\n\n/**\n * A single row that hides the items which do not fit and shows an overflow button instead.\n *\n * Wrap each entry in {@link OverflowItem} with a unique `itemId`; the row holds only items (other\n * content is not measured, see `children`). Items are measured while visible, hidden from the end\n * (in DOM order; the first item always stays) and hidden items get `data-overflow-hidden`, an\n * inline `display: none`, `aria-hidden` and `inert`. Reordered items (for example a keyed sort) are\n * re-measured in their new order. `overflowButton(count, hiddenIds)` renders the button after the\n * visible items (its measured width is reserved); components inside it can use\n * {@link useOverflowMenu} to list the hidden items (e.g. in a Menu), and\n * {@link useIsOverflowItemVisible} reports a single item. The button sticks to the inline end of\n * the row, so a first item wider than the room beside it cannot push it out of view: it then covers\n * the end of that item and gets `data-overflow-pinned`, with the `background` token behind it. (In\n * a right-to-left row, WebKit stops the pinned button short of the end, still inside the row.)\n *\n * The row clips what does not fit. So that the focus indicators of its items are not cut off, it\n * has a 4px padding: the items sit 4px in from its edges, and the row is 8px taller than they are.\n * An explicit width (such as `w-full` or a style width) includes that padding. The row never\n * reaches past its own box, so an edge-to-edge row adds no scrollbar to the page or to a scroll\n * container around it. A negative margin of 4px lines the items up with the content around the\n * row; add it only where nothing within 4px of the row scrolls (the row's box then reaches 4px past\n * its container on every side). `p-0` removes the room (focus indicators at the row's edges are\n * then clipped).\n *\n * Works without `ResizeObserver` (jsdom, old browsers): it then re-measures on window resize and\n * when items mount, unmount or move.\n *\n * The item is also `Overflow.Item`. The same component is exported as `OverflowItem`; React Server\n * Components import that flat name (dotted access needs a client file).\n */\nexport const Overflow = /* @__PURE__ */ Object.assign(OverflowRoot, {\n  Item: OverflowItem,\n});\n"],"mappings":"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"}

package/dist/components/layout/Stack.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={none:`gap-0`,xs:`gap-1`,sm:`gap-2`,md:`gap-3`,lg:`gap-4`,xl:`gap-6`},o={start:`items-start`,center:`items-center`,end:`items-end`,stretch:`items-stretch`},s={start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`},c=e=>{let{as:r,orientation:c,direction:l,gap:u=`md`,align:d,justify:f,wrap:p,inline:m,className:h,children:g,ref:_,...v}=e,y=r??`div`,b=n.resolveDeprecatedProp(`Stack`,c,l,`direction`,`orientation`)??`vertical`;return(0,i.jsx)(y,{ref:_,className:t.cn(m?`inline-flex`:`flex`,b===`horizontal`?`flex-row`:`flex-col`,a[u],d&&o[d],f&&s[f],p&&`flex-wrap`,h),...v,children:g})};c.displayName=`Stack`,exports.Stack=c;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/classNames.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={none:`gap-0`,xs:`gap-1`,sm:`gap-2`,md:`gap-3`,lg:`gap-4`,xl:`gap-6`},s={start:`items-start`,center:`items-center`,end:`items-end`,stretch:`items-stretch`},c={start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`},l=e=>{let{as:i,orientation:l,direction:u,gap:d=`md`,align:f,justify:p,wrap:m,inline:h,className:g,children:_,ref:v,...y}=e,b=i??`div`,x=n.resolveDeprecatedProp(`Stack`,l,u,`direction`,`orientation`)??`vertical`;return(0,a.jsx)(b,{ref:v,className:t.cn(r.stackClassNames.root,h?`inline-flex`:`flex`,x===`horizontal`?`flex-row`:`flex-col`,o[d],f&&s[f],p&&c[p],m&&`flex-wrap`,g),...y,children:_})};l.displayName=`Stack`,exports.Stack=l;
 //# sourceMappingURL=Stack.cjs.map

package/dist/components/layout/Stack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.cjs","names":["resolveDeprecatedProp","cn","require_runtime","require_cn","require_dev","react","react_jsx_runtime","gapMap","alignMap","justifyMap","Stack","orientationProp","rest","props","Component","as","orientation","direction","inline","gap","align","justify","wrap","className"],"sources":["../../../src/components/layout/Stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { resolveDeprecatedProp } from '../../lib/dev';\nimport type { PolymorphicComponent, PolymorphicProps } from '../../lib/polymorphic';\nimport type { Orientation } from '../../lib/types';\n\nconst gapMap = {\n  none: 'gap-0',\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-3',\n  lg: 'gap-4',\n  xl: 'gap-6',\n} as const;\n\nconst alignMap = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n  stretch: 'items-stretch',\n} as const;\n\nconst justifyMap = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n} as const;\n\n/**\n * The Stack's own props (the XOwnProps rule of `PolymorphicProps`: component-specific props only).\n * Every other prop comes from the rendered element (`as`).\n */\nexport interface StackOwnProps {\n  /**\n   * Layout axis of the stack.\n   * @default 'vertical'\n   */\n  orientation?: Orientation;\n  /**\n   * @deprecated Use `orientation` (same values). Still works, warns once in development, and\n   * `orientation` wins when both are given.\n   */\n  direction?: Orientation;\n  /**\n   * Gap size between stack items.\n   * @default 'md'\n   */\n  gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** Cross-axis alignment of items. */\n  align?: 'start' | 'center' | 'end' | 'stretch';\n  /** Main-axis justification of items. */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n  /** Whether items should wrap to the next line. */\n  wrap?: boolean;\n  /** Whether to use inline-flex instead of flex. */\n  inline?: boolean;\n}\n\n/**\n * Props of {@link Stack} rendered as `C` (default `'div'`). `StackProps` without a type argument\n * is the 0.4 name: the props of a Stack rendered as a `<div>`, including `ref`.\n */\nexport type StackProps<C extends React.ElementType = 'div'> = PolymorphicProps<C, StackOwnProps>;\n\ntype StackImplProps = StackOwnProps &\n  React.HTMLAttributes<HTMLElement> & {\n    as?: React.ElementType;\n    ref?: React.Ref<HTMLElement>;\n  };\n\n/**\n * A one-dimensional layout: items stacked vertically (default) or horizontally with a token gap.\n *\n * @example\n * <Stack orientation=\"horizontal\" gap=\"sm\" align=\"center\">\n *   <Avatar name=\"Ada\" />\n *   <Text>Ada Lovelace</Text>\n * </Stack>\n */\nexport const Stack: PolymorphicComponent<'div', StackOwnProps> = (props) => {\n  const {\n    as,\n    orientation: orientationProp,\n    direction,\n    gap = 'md',\n    align,\n    justify,\n    wrap,\n    inline,\n    className,\n    children,\n    ref,\n    ...rest\n  } = props as StackImplProps;\n  const Component: React.ElementType = as ?? 'div';\n  const orientation =\n    resolveDeprecatedProp('Stack', orientationProp, direction, 'direction', 'orientation') ??\n    'vertical';\n\n  return (\n    <Component\n      ref={ref}\n      className={cn(\n        inline ? 'inline-flex' : 'flex',\n        orientation === 'horizontal' ? 'flex-row' : 'flex-col',\n        gapMap[gap],\n        align && alignMap[align],\n        justify && justifyMap[justify],\n        wrap && 'flex-wrap',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n};\nStack.displayName = 'Stack';\n"],"mappings":"6MAMA,IAAMO,EAAS,CACb,KAAM,QACN,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACN,EAEMC,EAAW,CACf,MAAO,cACP,OAAQ,eACR,IAAK,YACL,QAAS,eACX,EAEMC,EAAa,CACjB,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,gBACV,EAqDaC,EAAqD,GAAU,CAC1E,GAAM,CACJ,KACA,YAAaC,EACb,YACA,MAAM,KACN,QACA,UACA,OACA,SACA,YACA,WACA,MACA,GAAGC,GACDC,EACEC,EAA+BC,GAAM,MACrCC,EACJhB,EAAAA,sBAAsB,QAASW,EAAiBM,EAAW,YAAa,aAAa,GACrF,WAEF,OACE,EAAAX,EAAA,IAAA,CAACQ,EAAD,CACO,MACL,UAAWb,EAAAA,GACTiB,EAAS,cAAgB,OACzBF,IAAgB,aAAe,WAAa,WAC5CT,EAAOY,GACPC,GAASZ,EAASY,GAClBC,GAAWZ,EAAWY,GACtBC,GAAQ,YACRC,CACF,EACA,GAAIX,EAEH,UACQ,CAAA,CAEf,EACA,EAAM,YAAc"}
+{"version":3,"file":"Stack.cjs","names":["resolveDeprecatedProp","cn","stackClassNames","require_runtime","require_cn","require_dev","require_classNames","react","react_jsx_runtime","gapMap","alignMap","justifyMap","Stack","orientationProp","rest","props","Component","as","orientation","direction","inline","gap","align","justify","wrap","className"],"sources":["../../../src/components/layout/Stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport { stackClassNames } from '../../lib/classNames';\nimport { cn } from '../../lib/cn';\nimport { resolveDeprecatedProp } from '../../lib/dev';\nimport type { PolymorphicComponent, PolymorphicProps } from '../../lib/polymorphic';\nimport type { Orientation } from '../../lib/types';\n\nconst gapMap = {\n  none: 'gap-0',\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-3',\n  lg: 'gap-4',\n  xl: 'gap-6',\n} as const;\n\nconst alignMap = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n  stretch: 'items-stretch',\n} as const;\n\nconst justifyMap = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n} as const;\n\n/**\n * The Stack's own props (the XOwnProps rule of `PolymorphicProps`: component-specific props only).\n * Every other prop comes from the rendered element (`as`).\n */\nexport interface StackOwnProps {\n  /**\n   * Layout axis of the stack.\n   * @default 'vertical'\n   */\n  orientation?: Orientation;\n  /**\n   * @deprecated Use `orientation` (same values). Still works, warns once in development, and\n   * `orientation` wins when both are given.\n   */\n  direction?: Orientation;\n  /**\n   * Gap size between stack items.\n   * @default 'md'\n   */\n  gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** Cross-axis alignment of items. */\n  align?: 'start' | 'center' | 'end' | 'stretch';\n  /** Main-axis justification of items. */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n  /** Whether items should wrap to the next line. */\n  wrap?: boolean;\n  /** Whether to use inline-flex instead of flex. */\n  inline?: boolean;\n}\n\n/**\n * Props of {@link Stack} rendered as `C` (default `'div'`). `StackProps` without a type argument\n * is the 0.4 name: the props of a Stack rendered as a `<div>`, including `ref`.\n */\nexport type StackProps<C extends React.ElementType = 'div'> = PolymorphicProps<C, StackOwnProps>;\n\ntype StackImplProps = StackOwnProps &\n  React.HTMLAttributes<HTMLElement> & {\n    as?: React.ElementType;\n    ref?: React.Ref<HTMLElement>;\n  };\n\n/**\n * A one-dimensional layout: items stacked vertically (default) or horizontally with a token gap.\n *\n * @example\n * <Stack orientation=\"horizontal\" gap=\"sm\" align=\"center\">\n *   <Avatar name=\"Ada\" />\n *   <Text>Ada Lovelace</Text>\n * </Stack>\n */\nexport const Stack: PolymorphicComponent<'div', StackOwnProps> = (props) => {\n  const {\n    as,\n    orientation: orientationProp,\n    direction,\n    gap = 'md',\n    align,\n    justify,\n    wrap,\n    inline,\n    className,\n    children,\n    ref,\n    ...rest\n  } = props as StackImplProps;\n  const Component: React.ElementType = as ?? 'div';\n  const orientation =\n    resolveDeprecatedProp('Stack', orientationProp, direction, 'direction', 'orientation') ??\n    'vertical';\n\n  return (\n    <Component\n      ref={ref}\n      className={cn(\n        stackClassNames.root,\n        inline ? 'inline-flex' : 'flex',\n        orientation === 'horizontal' ? 'flex-row' : 'flex-col',\n        gapMap[gap],\n        align && alignMap[align],\n        justify && justifyMap[justify],\n        wrap && 'flex-wrap',\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  );\n};\nStack.displayName = 'Stack';\n"],"mappings":"mPAOA,IAAMS,EAAS,CACb,KAAM,QACN,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,OACN,EAEMC,EAAW,CACf,MAAO,cACP,OAAQ,eACR,IAAK,YACL,QAAS,eACX,EAEMC,EAAa,CACjB,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,gBACV,EAqDaC,EAAqD,GAAU,CAC1E,GAAM,CACJ,KACA,YAAaC,EACb,YACA,MAAM,KACN,QACA,UACA,OACA,SACA,YACA,WACA,MACA,GAAGC,GACDC,EACEC,EAA+BC,GAAM,MACrCC,EACJlB,EAAAA,sBAAsB,QAASa,EAAiBM,EAAW,YAAa,aAAa,GACrF,WAEF,OACE,EAAAX,EAAA,IAAA,CAACQ,EAAD,CACO,MACL,UAAWf,EAAAA,GACTC,EAAAA,gBAAgB,KAChBkB,EAAS,cAAgB,OACzBF,IAAgB,aAAe,WAAa,WAC5CT,EAAOY,GACPC,GAASZ,EAASY,GAClBC,GAAWZ,EAAWY,GACtBC,GAAQ,YACRC,CACF,EACA,GAAIX,EAEH,UACQ,CAAA,CAEf,EACA,EAAM,YAAc"}

package/dist/components/layout/Stack.mjs

@@ -1,39 +1,40 @@
 "use client";
 import { cn as e } from "../../lib/cn.mjs";
 import { resolveDeprecatedProp as t } from "../../lib/dev.mjs";
+import { stackClassNames as n } from "../../lib/classNames.mjs";
 import "react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/layout/Stack.tsx
-var r = {
+var i = {
 	none: "gap-0",
 	xs: "gap-1",
 	sm: "gap-2",
 	md: "gap-3",
 	lg: "gap-4",
 	xl: "gap-6"
-}, i = {
+}, a = {
 	start: "items-start",
 	center: "items-center",
 	end: "items-end",
 	stretch: "items-stretch"
-}, a = {
+}, o = {
 	start: "justify-start",
 	center: "justify-center",
 	end: "justify-end",
 	between: "justify-between",
 	around: "justify-around",
 	evenly: "justify-evenly"
-}, o = (o) => {
-	let { as: s, orientation: c, direction: l, gap: u = "md", align: d, justify: f, wrap: p, inline: m, className: h, children: g, ref: _, ...v } = o, y = s ?? "div", b = t("Stack", c, l, "direction", "orientation") ?? "vertical";
-	return /* @__PURE__ */ n(y, {
-		ref: _,
-		className: e(m ? "inline-flex" : "flex", b === "horizontal" ? "flex-row" : "flex-col", r[u], d && i[d], f && a[f], p && "flex-wrap", h),
-		...v,
-		children: g
+}, s = (s) => {
+	let { as: c, orientation: l, direction: u, gap: d = "md", align: f, justify: p, wrap: m, inline: h, className: g, children: _, ref: v, ...y } = s, b = c ?? "div", x = t("Stack", l, u, "direction", "orientation") ?? "vertical";
+	return /* @__PURE__ */ r(b, {
+		ref: v,
+		className: e(n.root, h ? "inline-flex" : "flex", x === "horizontal" ? "flex-row" : "flex-col", i[d], f && a[f], p && o[p], m && "flex-wrap", g),
+		...y,
+		children: _
 	});
 };
-o.displayName = "Stack";
+s.displayName = "Stack";
 //#endregion
-export { o as Stack };
+export { s as Stack };
 
 //# sourceMappingURL=Stack.mjs.map