overflow-toolbar 0.1.8 → 0.2.0

package/dist/components/Overflow/Overflow.d.ts

@@ -1,11 +1,18 @@
 import { type ReactNode } from 'react';
-import './Overflow.css';
+/** Props for the Overflow container component. */
 export interface OverflowProps {
+    /** OverflowItem and OverflowMenu components. Must be direct children (no wrapper elements). */
     children: ReactNode;
+    /** CSS class name for the container `<ul>`. */
     className?: string;
+    /** Inline styles for the container `<ul>`. */
     style?: React.CSSProperties;
+    /** When true, items collapse one at a time with tight spacing and grouped corners. */
     compact?: boolean;
+    /** When true, items collapse from the right instead of the left. */
     reverse?: boolean;
+    /** When true, all items with a `minStateWidth` snap to min state together, and all hideable items snap to hidden together. */
+    snap?: boolean;
 }
 declare const Overflow: import("react").ForwardRefExoticComponent<OverflowProps & import("react").RefAttributes<HTMLUListElement>>;
 export default Overflow;

package/dist/components/Overflow/Overflow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overflow.d.ts","sourceRoot":"","sources":["../../../src/components/Overflow/Overflow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkD,KAAK,SAAS,EAA8C,MAAM,OAAO,CAAC;AACnI,OAAO,gBAAgB,CAAC;AAKxB,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,4GAuFZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Overflow.d.ts","sourceRoot":"","sources":["../../../src/components/Overflow/Overflow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkD,KAAK,SAAS,EAA8C,MAAM,OAAO,CAAC;AAUnI,kDAAkD;AAClD,MAAM,WAAW,aAAa;IAC5B,+FAA+F;IAC/F,QAAQ,EAAE,SAAS,CAAC;IACpB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8HAA8H;IAC9H,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,QAAQ,4GA0FZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/components/Overflow/Overflow.js

@@ -1,42 +1,42 @@
 import { jsx as S } from "react/jsx-runtime";
-import { forwardRef as z, useState as N, useRef as g, useMemo as p, Children as u, isValidElement as m, Fragment as j, useLayoutEffect as A } from "react";
-/* empty css             */
-import V from "./OverflowContext.js";
-import { buildOrderedSteps as b, computeNextSteps as R, deriveHiddenMap as B } from "./overflowSteps.js";
-import { useResizer as F } from "./useResizer.js";
-const K = z(function({ children: o, className: W, style: x, compact: y, reverse: d }, M) {
-  const [i, c] = N([]), E = g(null), s = M ?? E, f = p(() => u.toArray(
-    u.count(o) === 1 && m(o) && o.type === j ? o.props.children : o
-  ), [o]), l = p(() => {
-    const e = [], r = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Set();
-    u.forEach(f, (t) => {
-      if (!m(t)) return;
-      const w = t.type.overflowRole;
-      w === "menu" ? u.forEach(t.props.children, (n) => {
-        m(n) && n.props.menuid && (r.add(n.props.menuid), e.includes(n.props.menuid) || e.push(n.props.menuid));
-      }) : w === "item" && t.props.menuid && (e.includes(t.props.menuid) || e.push(t.props.menuid), t.props.minStateWidth !== void 0 && v.add(t.props.menuid));
-    });
-    const h = d ? [...e].reverse() : e;
-    return b(h, r, v);
-  }, [f, d]);
-  A(() => {
+import { forwardRef as N, useState as g, useRef as j, useMemo as d, Children as i, isValidElement as c, Fragment as A, useLayoutEffect as V } from "react";
+import b from "./OverflowContext.js";
+import { buildOrderedSteps as B, computeNextSteps as R, deriveHiddenMap as F } from "./overflowSteps.js";
+import { useResizer as H } from "./useResizer.js";
+const P = N(function({ children: r, className: M, style: W, compact: x, reverse: y, snap: u }, E) {
+  const [p, m] = g([]), O = j(null), s = E ?? O, f = d(() => i.toArray(
+    i.count(r) === 1 && c(r) && r.type === A ? r.props.children : r
+  ), [r]), { orderedSteps: l, inMenuIds: a } = d(() => {
+    const e = [], t = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Set();
+    return i.forEach(f, (o) => {
+      if (!c(o)) return;
+      const w = o.type.overflowRole;
+      w === "menu" ? i.forEach(o.props.children, (n) => {
+        c(n) && n.props.menuId && (t.add(n.props.menuId), e.includes(n.props.menuId) || e.push(n.props.menuId));
+      }) : w === "item" && o.props.menuId && (e.includes(o.props.menuId) || e.push(o.props.menuId), o.props.minStateWidth !== void 0 && v.add(o.props.menuId));
+    }), {
+      orderedSteps: B(e, t, v),
+      inMenuIds: t
+    };
+  }, [f]);
+  V(() => {
     const e = s.current;
-    e && c(
-      (r) => R(r, e.scrollWidth, e.clientWidth, l)
+    e && m(
+      (t) => R(t, e.scrollWidth, e.clientWidth, l)
     );
-  }, [i, l, s]), F(s, () => {
+  }, [p, l, s]), H(s, () => {
     const e = s.current;
-    e && c(
-      (r) => R(r, e.scrollWidth, e.clientWidth, l)
+    e && m(
+      (t) => R(t, e.scrollWidth, e.clientWidth, l)
     );
   });
-  const a = p(() => B(i), [i]), I = p(
-    () => ({ hiddenMap: a }),
-    [a]
-  ), O = ["overflow", y && "overflow-compact", d && "overflow-reverse", W].filter(Boolean).join(" ");
-  return /* @__PURE__ */ S(V, { value: I, children: /* @__PURE__ */ S("ul", { ref: s, className: O, style: { ...x, "--hiddenCount": i.length }, children: f }) });
+  const I = d(() => F(p, u, a), [p, u, a]), h = d(
+    () => ({ hiddenMap: I }),
+    [I]
+  ), z = ["overflow", x && "overflow-compact", y && "overflow-reverse", u && "overflow-snap", M].filter(Boolean).join(" ");
+  return /* @__PURE__ */ S(b, { value: h, children: /* @__PURE__ */ S("ul", { ref: s, className: z, style: { ...W, "--hiddenCount": p.length }, children: f }) });
 });
 export {
-  K as default
+  P as default
 };
 //# sourceMappingURL=Overflow.js.map

package/dist/components/Overflow/Overflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overflow.js","sources":["../../../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import { Children, Fragment, forwardRef, isValidElement, type ReactNode, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport './Overflow.css';\nimport OverflowContext from './OverflowContext';\nimport { type AppliedStep, buildOrderedSteps, computeNextSteps, deriveHiddenMap } from './overflowSteps';\nimport { useResizer } from './useResizer';\n\nexport interface OverflowProps {\n  children: ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  compact?: boolean;\n  reverse?: boolean;\n}\n\nconst Overflow = forwardRef<HTMLUListElement, OverflowProps>(function Overflow({ children, className, style, compact, reverse }, ref) {\n  const [appliedSteps, setAppliedSteps] = useState<AppliedStep[]>([]);\n  const internalRef = useRef<HTMLUListElement | null>(null);\n  const listRef = (ref ?? internalRef) as React.RefObject<HTMLUListElement | null>;\n\n  // Unwrap a single top-level Fragment so items work in Storybook args, etc.\n  const resolvedChildren = useMemo(() => Children.toArray(\n    Children.count(children) === 1 && isValidElement<{ children: ReactNode }>(children) && children.type === Fragment\n      ? children.props.children\n      : children,\n  ), [children]);\n\n  // Build ordered steps by scanning resolved children using overflowRole markers\n  const orderedSteps = useMemo(() => {\n    const menuIds: string[] = [];\n    const inMenuIds = new Set<string>();\n    const minWidthMenuIds = new Set<string>();\n\n    // Scan resolved children: collect menuids, detect which are in an OverflowMenu\n    Children.forEach(resolvedChildren, (child) => {\n      if (!isValidElement<{ menuid?: string; children?: ReactNode; minStateWidth?: string }>(child)) return;\n\n      const role = (child.type as { overflowRole?: string }).overflowRole;\n\n      if (role === 'menu') {\n        // Scan OverflowMenu children for menuids that have menu representation\n        Children.forEach(child.props.children, (menuChild) => {\n          if (!isValidElement<{ menuid?: string }>(menuChild)) return;\n          if (menuChild.props.menuid) {\n            inMenuIds.add(menuChild.props.menuid);\n            if (!menuIds.includes(menuChild.props.menuid)) {\n              menuIds.push(menuChild.props.menuid);\n            }\n          }\n        });\n      } else if (role === 'item' && child.props.menuid) {\n        if (!menuIds.includes(child.props.menuid)) {\n          menuIds.push(child.props.menuid);\n        }\n        if (child.props.minStateWidth !== undefined) {\n          minWidthMenuIds.add(child.props.menuid);\n        }\n      }\n    });\n\n    const orderedIds = reverse ? [...menuIds].reverse() : menuIds;\n    return buildOrderedSteps(orderedIds, inMenuIds, minWidthMenuIds);\n  }, [resolvedChildren, reverse]);\n\n  // Measure and collapse/expand after each render until stable.\n  // useLayoutEffect runs synchronously after DOM mutations but before paint,\n  // so all collapsing settles in one frame — no intermediate flicker.\n  useLayoutEffect(() => {\n    const element = listRef.current;\n    if (!element) return;\n    setAppliedSteps(prev =>\n      computeNextSteps(prev, element.scrollWidth, element.clientWidth, orderedSteps)\n    );\n  }, [appliedSteps, orderedSteps, listRef]);\n\n  // Re-measure when the container is externally resized (window resize, parent layout change)\n  const onResize = () => {\n    const element = listRef.current;\n    if (!element) return;\n    setAppliedSteps(prev =>\n      computeNextSteps(prev, element.scrollWidth, element.clientWidth, orderedSteps)\n    );\n  };\n\n  useResizer(listRef, onResize);\n\n  const hiddenMap = useMemo(() => deriveHiddenMap(appliedSteps), [appliedSteps]);\n\n  const ctxValue = useMemo(\n    () => ({ hiddenMap }),\n    [hiddenMap],\n  );\n\n  const classNames = ['overflow', compact && 'overflow-compact', reverse && 'overflow-reverse', className].filter(Boolean).join(' ');\n\n  return (\n    <OverflowContext value={ctxValue}>\n      <ul ref={listRef} className={classNames} style={{ ...style, '--hiddenCount': appliedSteps.length } as React.CSSProperties}>\n        {resolvedChildren}\n      </ul>\n    </OverflowContext>\n  );\n});\n\nexport default Overflow;\n"],"names":["Overflow","forwardRef","children","className","style","compact","reverse","ref","appliedSteps","setAppliedSteps","useState","internalRef","useRef","listRef","resolvedChildren","useMemo","Children","isValidElement","Fragment","orderedSteps","menuIds","inMenuIds","minWidthMenuIds","child","role","menuChild","orderedIds","buildOrderedSteps","useLayoutEffect","element","computeNextSteps","prev","useResizer","hiddenMap","deriveHiddenMap","ctxValue","classNames","OverflowContext","jsx"],"mappings":";;;;;;AAcA,MAAMA,IAAWC,EAA4C,SAAkB,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,GAAO,SAAAC,GAAS,SAAAC,EAAA,GAAWC,GAAK;AACpI,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAwB,CAAA,CAAE,GAC5DC,IAAcC,EAAgC,IAAI,GAClDC,IAAWN,KAAOI,GAGlBG,IAAmBC,EAAQ,MAAMC,EAAS;AAAA,IAC9CA,EAAS,MAAMd,CAAQ,MAAM,KAAKe,EAAwCf,CAAQ,KAAKA,EAAS,SAASgB,IACrGhB,EAAS,MAAM,WACfA;AAAA,EAAA,GACH,CAACA,CAAQ,CAAC,GAGPiB,IAAeJ,EAAQ,MAAM;AACjC,UAAMK,IAAoB,CAAA,GACpBC,wBAAgB,IAAA,GAChBC,wBAAsB,IAAA;AAG5B,IAAAN,EAAS,QAAQF,GAAkB,CAACS,MAAU;AAC5C,UAAI,CAACN,EAAkFM,CAAK,EAAG;AAE/F,YAAMC,IAAQD,EAAM,KAAmC;AAEvD,MAAIC,MAAS,SAEXR,EAAS,QAAQO,EAAM,MAAM,UAAU,CAACE,MAAc;AACpD,QAAKR,EAAoCQ,CAAS,KAC9CA,EAAU,MAAM,WAClBJ,EAAU,IAAII,EAAU,MAAM,MAAM,GAC/BL,EAAQ,SAASK,EAAU,MAAM,MAAM,KAC1CL,EAAQ,KAAKK,EAAU,MAAM,MAAM;AAAA,MAGzC,CAAC,IACQD,MAAS,UAAUD,EAAM,MAAM,WACnCH,EAAQ,SAASG,EAAM,MAAM,MAAM,KACtCH,EAAQ,KAAKG,EAAM,MAAM,MAAM,GAE7BA,EAAM,MAAM,kBAAkB,UAChCD,EAAgB,IAAIC,EAAM,MAAM,MAAM;AAAA,IAG5C,CAAC;AAED,UAAMG,IAAapB,IAAU,CAAC,GAAGc,CAAO,EAAE,YAAYA;AACtD,WAAOO,EAAkBD,GAAYL,GAAWC,CAAe;AAAA,EACjE,GAAG,CAACR,GAAkBR,CAAO,CAAC;AAK9B,EAAAsB,EAAgB,MAAM;AACpB,UAAMC,IAAUhB,EAAQ;AACxB,IAAKgB,KACLpB;AAAA,MAAgB,OACdqB,EAAiBC,GAAMF,EAAQ,aAAaA,EAAQ,aAAaV,CAAY;AAAA,IAAA;AAAA,EAEjF,GAAG,CAACX,GAAcW,GAAcN,CAAO,CAAC,GAWxCmB,EAAWnB,GARM,MAAM;AACrB,UAAMgB,IAAUhB,EAAQ;AACxB,IAAKgB,KACLpB;AAAA,MAAgB,OACdqB,EAAiBC,GAAMF,EAAQ,aAAaA,EAAQ,aAAaV,CAAY;AAAA,IAAA;AAAA,EAEjF,CAE4B;AAE5B,QAAMc,IAAYlB,EAAQ,MAAMmB,EAAgB1B,CAAY,GAAG,CAACA,CAAY,CAAC,GAEvE2B,IAAWpB;AAAA,IACf,OAAO,EAAE,WAAAkB,EAAA;AAAA,IACT,CAACA,CAAS;AAAA,EAAA,GAGNG,IAAa,CAAC,YAAY/B,KAAW,oBAAoBC,KAAW,oBAAoBH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjI,2BACGkC,GAAA,EAAgB,OAAOF,GACtB,UAAA,gBAAAG,EAAC,MAAA,EAAG,KAAKzB,GAAS,WAAWuB,GAAY,OAAO,EAAE,GAAGhC,GAAO,iBAAiBI,EAAa,OAAA,GACvF,aACH,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"Overflow.js","sources":["../../../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import { Children, Fragment, forwardRef, isValidElement, type ReactNode, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport OverflowContext from './OverflowContext';\nimport { type AppliedStep, buildOrderedSteps, computeNextSteps, deriveHiddenMap } from './overflowSteps';\nimport { useResizer } from './useResizer';\n\n/** Shared type for components that declare an overflowRole ('item' | 'menu'). */\ninterface OverflowRoleComponent {\n  overflowRole?: 'item' | 'menu';\n}\n\n/** Props for the Overflow container component. */\nexport interface OverflowProps {\n  /** OverflowItem and OverflowMenu components. Must be direct children (no wrapper elements). */\n  children: ReactNode;\n  /** CSS class name for the container `<ul>`. */\n  className?: string;\n  /** Inline styles for the container `<ul>`. */\n  style?: React.CSSProperties;\n  /** When true, items collapse one at a time with tight spacing and grouped corners. */\n  compact?: boolean;\n  /** When true, items collapse from the right instead of the left. */\n  reverse?: boolean;\n  /** When true, all items with a `minStateWidth` snap to min state together, and all hideable items snap to hidden together. */\n  snap?: boolean;\n}\n\nconst Overflow = forwardRef<HTMLUListElement, OverflowProps>(function Overflow({ children, className, style, compact, reverse, snap }, ref) {\n  const [appliedSteps, setAppliedSteps] = useState<AppliedStep[]>([]);\n  const internalRef = useRef<HTMLUListElement | null>(null);\n  const listRef = (ref ?? internalRef) as React.RefObject<HTMLUListElement | null>;\n\n  // Unwrap a single top-level Fragment so items work in Storybook args, etc.\n  const resolvedChildren = useMemo(() => Children.toArray(\n    Children.count(children) === 1 && isValidElement<{ children: ReactNode }>(children) && children.type === Fragment\n      ? children.props.children\n      : children,\n  ), [children]);\n\n  // Build ordered steps by scanning resolved children using overflowRole markers\n  const { orderedSteps, inMenuIds } = useMemo(() => {\n    const menuIds: string[] = [];\n    const inMenuIds = new Set<string>();\n    const minWidthMenuIds = new Set<string>();\n\n    // Scan resolved children: collect menuIds, detect which are in an OverflowMenu\n    Children.forEach(resolvedChildren, (child) => {\n      if (!isValidElement<{ menuId?: string; children?: ReactNode; minStateWidth?: string }>(child)) return;\n\n      const role = (child.type as OverflowRoleComponent).overflowRole;\n\n      if (role === 'menu') {\n        // Scan OverflowMenu children for menuIds that have menu representation\n        Children.forEach(child.props.children, (menuChild) => {\n          if (!isValidElement<{ menuId?: string }>(menuChild)) return;\n          if (menuChild.props.menuId) {\n            inMenuIds.add(menuChild.props.menuId);\n            if (!menuIds.includes(menuChild.props.menuId)) {\n              menuIds.push(menuChild.props.menuId);\n            }\n          }\n        });\n      } else if (role === 'item' && child.props.menuId) {\n        if (!menuIds.includes(child.props.menuId)) {\n          menuIds.push(child.props.menuId);\n        }\n        if (child.props.minStateWidth !== undefined) {\n          minWidthMenuIds.add(child.props.menuId);\n        }\n      }\n    });\n\n    const orderedIds = menuIds;\n    return {\n      orderedSteps: buildOrderedSteps(orderedIds, inMenuIds, minWidthMenuIds),\n      inMenuIds,\n    };\n  }, [resolvedChildren]);\n\n  // Measure and collapse/expand after each render until stable.\n  // useLayoutEffect runs synchronously after DOM mutations but before paint,\n  // so all collapsing settles in one frame — no intermediate flicker.\n  useLayoutEffect(() => {\n    const element = listRef.current;\n    if (!element) return;\n    setAppliedSteps(prev =>\n      computeNextSteps(prev, element.scrollWidth, element.clientWidth, orderedSteps)\n    );\n  }, [appliedSteps, orderedSteps, listRef]);\n\n  // Re-measure when the container is externally resized (window resize, parent layout change)\n  const onResize = () => {\n    const element = listRef.current;\n    if (!element) return;\n    setAppliedSteps(prev =>\n      computeNextSteps(prev, element.scrollWidth, element.clientWidth, orderedSteps)\n    );\n  };\n\n  useResizer(listRef, onResize);\n\n  const hiddenMap = useMemo(() => deriveHiddenMap(appliedSteps, snap, inMenuIds), [appliedSteps, snap, inMenuIds]);\n\n  const ctxValue = useMemo(\n    () => ({ hiddenMap }),\n    [hiddenMap],\n  );\n\n  const classNames = ['overflow', compact && 'overflow-compact', reverse && 'overflow-reverse', snap && 'overflow-snap', className].filter(Boolean).join(' ');\n\n  return (\n    <OverflowContext value={ctxValue}>\n      <ul ref={listRef} className={classNames} style={{ ...style, '--hiddenCount': appliedSteps.length } as React.CSSProperties}>\n        {resolvedChildren}\n      </ul>\n    </OverflowContext>\n  );\n});\n\nexport default Overflow;\n"],"names":["Overflow","forwardRef","children","className","style","compact","reverse","snap","ref","appliedSteps","setAppliedSteps","useState","internalRef","useRef","listRef","resolvedChildren","useMemo","Children","isValidElement","Fragment","orderedSteps","inMenuIds","menuIds","minWidthMenuIds","child","role","menuChild","buildOrderedSteps","useLayoutEffect","element","computeNextSteps","prev","useResizer","hiddenMap","deriveHiddenMap","ctxValue","classNames","OverflowContext","jsx"],"mappings":";;;;;AA0BA,MAAMA,IAAWC,EAA4C,SAAkB,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,GAAO,SAAAC,GAAS,SAAAC,GAAS,MAAAC,EAAA,GAAQC,GAAK;AAC1I,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAwB,CAAA,CAAE,GAC5DC,IAAcC,EAAgC,IAAI,GAClDC,IAAWN,KAAOI,GAGlBG,IAAmBC,EAAQ,MAAMC,EAAS;AAAA,IAC9CA,EAAS,MAAMf,CAAQ,MAAM,KAAKgB,EAAwChB,CAAQ,KAAKA,EAAS,SAASiB,IACrGjB,EAAS,MAAM,WACfA;AAAA,EAAA,GACH,CAACA,CAAQ,CAAC,GAGP,EAAE,cAAAkB,GAAc,WAAAC,EAAA,IAAcL,EAAQ,MAAM;AAChD,UAAMM,IAAoB,CAAA,GACpBD,wBAAgB,IAAA,GAChBE,wBAAsB,IAAA;AAG5B,WAAAN,EAAS,QAAQF,GAAkB,CAACS,MAAU;AAC5C,UAAI,CAACN,EAAkFM,CAAK,EAAG;AAE/F,YAAMC,IAAQD,EAAM,KAA+B;AAEnD,MAAIC,MAAS,SAEXR,EAAS,QAAQO,EAAM,MAAM,UAAU,CAACE,MAAc;AACpD,QAAKR,EAAoCQ,CAAS,KAC9CA,EAAU,MAAM,WAClBL,EAAU,IAAIK,EAAU,MAAM,MAAM,GAC/BJ,EAAQ,SAASI,EAAU,MAAM,MAAM,KAC1CJ,EAAQ,KAAKI,EAAU,MAAM,MAAM;AAAA,MAGzC,CAAC,IACQD,MAAS,UAAUD,EAAM,MAAM,WACnCF,EAAQ,SAASE,EAAM,MAAM,MAAM,KACtCF,EAAQ,KAAKE,EAAM,MAAM,MAAM,GAE7BA,EAAM,MAAM,kBAAkB,UAChCD,EAAgB,IAAIC,EAAM,MAAM,MAAM;AAAA,IAG5C,CAAC,GAGM;AAAA,MACL,cAAcG,EAFGL,GAE2BD,GAAWE,CAAe;AAAA,MACtE,WAAAF;AAAAA,IAAA;AAAA,EAEJ,GAAG,CAACN,CAAgB,CAAC;AAKrB,EAAAa,EAAgB,MAAM;AACpB,UAAMC,IAAUf,EAAQ;AACxB,IAAKe,KACLnB;AAAA,MAAgB,OACdoB,EAAiBC,GAAMF,EAAQ,aAAaA,EAAQ,aAAaT,CAAY;AAAA,IAAA;AAAA,EAEjF,GAAG,CAACX,GAAcW,GAAcN,CAAO,CAAC,GAWxCkB,EAAWlB,GARM,MAAM;AACrB,UAAMe,IAAUf,EAAQ;AACxB,IAAKe,KACLnB;AAAA,MAAgB,OACdoB,EAAiBC,GAAMF,EAAQ,aAAaA,EAAQ,aAAaT,CAAY;AAAA,IAAA;AAAA,EAEjF,CAE4B;AAE5B,QAAMa,IAAYjB,EAAQ,MAAMkB,EAAgBzB,GAAcF,GAAMc,CAAS,GAAG,CAACZ,GAAcF,GAAMc,CAAS,CAAC,GAEzGc,IAAWnB;AAAA,IACf,OAAO,EAAE,WAAAiB,EAAA;AAAA,IACT,CAACA,CAAS;AAAA,EAAA,GAGNG,IAAa,CAAC,YAAY/B,KAAW,oBAAoBC,KAAW,oBAAoBC,KAAQ,iBAAiBJ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1J,2BACGkC,GAAA,EAAgB,OAAOF,GACtB,UAAA,gBAAAG,EAAC,MAAA,EAAG,KAAKxB,GAAS,WAAWsB,GAAY,OAAO,EAAE,GAAGhC,GAAO,iBAAiBK,EAAa,OAAA,GACvF,aACH,GACF;AAEJ,CAAC;"}

package/dist/components/Overflow/OverflowController.d.ts

@@ -1,7 +1,7 @@
 export interface ScannedItem {
     el: HTMLElement;
     buttonEl: HTMLElement | null;
-    menuid: string | undefined;
+    menuId: string | undefined;
     minStateWidth: string | undefined;
 }
 export interface ScannedMenu {
@@ -22,6 +22,7 @@ export interface OverflowHost {
     scanChildren(): ScanResult;
     isCompact(): boolean;
     isReverse(): boolean;
+    isSnap(): boolean;
 }
 export declare class OverflowController {
     private host;

package/dist/components/Overflow/OverflowController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowController.d.ts","sourceRoot":"","sources":["../../../src/components/Overflow/OverflowController.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,WAAW,CAAC;IAChB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,WAAW,CAAC;IAChB,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,2DAA2D;IAC3D,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,cAAc,IAAI,WAAW,CAAC;IAC9B,YAAY,IAAI,UAAU,CAAC;IAC3B,SAAS,IAAI,OAAO,CAAC;IACrB,SAAS,IAAI,OAAO,CAAC;CACtB;AAyBD,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,IAAI,CAAe;IAC3B,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,EAAE,CAA+B;IACzC,OAAO,CAAC,QAAQ,CAA2D;gBAE/D,IAAI,EAAE,YAAY;IAI9B,iDAAiD;IACjD,OAAO,IAAI,IAAI;IAKf,kDAAkD;IAClD,UAAU,IAAI,IAAI;IAMlB,oEAAoE;IACpE,MAAM,IAAI,IAAI;IAQd,OAAO,CAAC,IAAI;IAmBZ,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,QAAQ;IAoBhB,OAAO,CAAC,UAAU;IAmDlB,OAAO,CAAC,cAAc;IAkCtB,OAAO,CAAC,mBAAmB;IAmD3B,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,UAAU;CA8BnB"}
+{"version":3,"file":"OverflowController.d.ts","sourceRoot":"","sources":["../../../src/components/Overflow/OverflowController.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,WAAW,CAAC;IAChB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,WAAW,CAAC;IAChB,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,2DAA2D;IAC3D,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,cAAc,IAAI,WAAW,CAAC;IAC9B,YAAY,IAAI,UAAU,CAAC;IAC3B,SAAS,IAAI,OAAO,CAAC;IACrB,SAAS,IAAI,OAAO,CAAC;IACrB,MAAM,IAAI,OAAO,CAAC;CACnB;AAyBD,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,IAAI,CAAe;IAC3B,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,EAAE,CAA+B;IACzC,OAAO,CAAC,QAAQ,CAA2D;gBAE/D,IAAI,EAAE,YAAY;IAI9B,iDAAiD;IACjD,OAAO,IAAI,IAAI;IAKf,kDAAkD;IAClD,UAAU,IAAI,IAAI;IAMlB,oEAAoE;IACpE,MAAM,IAAI,IAAI;IAQd,OAAO,CAAC,IAAI;IAsBZ,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,QAAQ;IAmBhB,OAAO,CAAC,UAAU;IAwDlB,OAAO,CAAC,cAAc;IAsCtB,OAAO,CAAC,mBAAmB;IAmD3B,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,UAAU;CAkCnB"}

package/dist/components/Overflow/OverflowController.js

@@ -1,4 +1,4 @@
-import { buildOrderedSteps as u, computeNextSteps as f, deriveHiddenMap as S } from "./overflowSteps.js";
+import { buildOrderedSteps as u, computeNextSteps as S, deriveHiddenMap as f } from "./overflowSteps.js";
 const m = {
   "font-size": "0",
   "min-width": "100%",
@@ -13,7 +13,7 @@ const m = {
   "border-top-right-radius",
   "border-bottom-right-radius"
 ];
-class g {
+class v {
   host;
   orderedSteps = [];
   appliedSteps = [];
@@ -38,10 +38,10 @@ class g {
   scan() {
     this.lastScan = this.host.scanChildren();
     const t = [], e = /* @__PURE__ */ new Set();
-    for (const o of this.lastScan.items)
-      o.menuid && (t.push(o.menuid), o.minStateWidth && e.add(o.menuid));
-    const s = this.lastScan.menu?.inMenuIds ?? /* @__PURE__ */ new Set(), i = this.host.isReverse() ? [...t].reverse() : t;
-    this.orderedSteps = u(i, s, e);
+    for (const r of this.lastScan.items)
+      r.menuId && (t.push(r.menuId), r.minStateWidth && e.add(r.menuId)), r.minStateWidth && (r.el.style.setProperty("--min-state-width", r.minStateWidth), r.el.setAttribute("data-can-min", ""));
+    const s = this.lastScan.menu?.inMenuIds ?? /* @__PURE__ */ new Set();
+    this.orderedSteps = u(t, s, e);
   }
   startObserver() {
     this.ro?.disconnect();
@@ -51,67 +51,71 @@ class g {
   onResize() {
     const t = this.host.getContainerEl();
     for (; ; ) {
-      const { scrollWidth: e, clientWidth: s } = t, n = f(
+      const { scrollWidth: e, clientWidth: s } = t, r = S(
         this.appliedSteps,
         e,
         s,
         this.orderedSteps
       );
-      if (n === this.appliedSteps) break;
-      this.appliedSteps = n, this.applyState();
+      if (r === this.appliedSteps) break;
+      this.appliedSteps = r, this.applyState();
     }
   }
   applyState() {
-    const t = S(this.appliedSteps);
+    const t = this.host.isSnap(), e = f(
+      this.appliedSteps,
+      t,
+      this.lastScan.menu?.inMenuIds
+    );
     this.host.getContainerEl().style.setProperty("--hiddenCount", String(this.appliedSteps.length));
-    const s = this.host.isCompact(), n = this.host.isReverse();
-    let i = !1;
+    const r = this.host.isCompact(), n = this.host.isReverse();
+    let l = !1;
     const o = [];
-    for (const r of this.lastScan.items) {
-      const a = r.menuid ? t.get(r.menuid) ?? "visible" : "visible";
-      r.el.setAttribute("data-state", a), a === "visible" ? (r.el.style.removeProperty("display"), r.el.style.removeProperty("max-width"), r.el.style.removeProperty("overflow"), this.clearMinStyles(r.buttonEl), o.push(r)) : a === "min" ? (r.el.style.removeProperty("display"), r.el.style.setProperty("max-width", r.minStateWidth ?? "2.25rem"), r.el.style.setProperty("overflow", "hidden"), this.applyMinStyles(r.buttonEl), o.push(r)) : (r.el.style.setProperty("display", "none"), r.el.style.removeProperty("max-width"), r.el.style.removeProperty("overflow"), this.clearMinStyles(r.buttonEl), i = !0);
+    for (const i of this.lastScan.items) {
+      const a = i.menuId ? e.get(i.menuId) ?? "visible" : "visible";
+      i.el.setAttribute("data-state", a), a === "visible" ? (i.el.style.removeProperty("display"), i.el.style.removeProperty("max-width"), i.el.style.removeProperty("overflow"), this.clearMinStyles(i.buttonEl), o.push(i)) : a === "min" ? (i.el.style.removeProperty("display"), i.el.style.setProperty("max-width", i.minStateWidth ?? "2.25rem"), i.el.style.setProperty("overflow", "hidden"), this.applyMinStyles(i.buttonEl), o.push(i)) : (i.el.style.setProperty("display", "none"), i.el.style.removeProperty("max-width"), i.el.style.removeProperty("overflow"), this.clearMinStyles(i.buttonEl), l = !0);
     }
-    const { menu: l, menuFirst: p } = this.lastScan, d = this.applyMenuState(l, t, i);
+    const { menu: p, menuFirst: d } = this.lastScan, h = this.applyMenuState(p, e, l);
     this.applyCompactCorners(
       o,
-      l,
       p,
       d,
-      s,
+      h,
+      r,
       n
     );
   }
   applyMenuState(t, e, s) {
     if (!t) return !1;
-    const n = s || t.hasMenuOnlyItems;
-    t.el.style.setProperty("display", n ? "" : "none"), t.el.setAttribute("data-state", n ? "visible" : "hidden"), n ? this.applyMinStyles(t.triggerEl) : this.clearMinStyles(t.triggerEl);
-    for (const i of t.menuItemEls) {
-      const o = i.getAttribute("menuid") ?? i.dataset.menuid;
-      o ? e.get(o) === "hidden" ? i.style.removeProperty("display") : i.style.setProperty("display", "none") : i.style.removeProperty("display");
+    const r = s || t.hasMenuOnlyItems;
+    t.el.style.setProperty("display", r ? "" : "none"), t.el.setAttribute("data-state", r ? "visible" : "hidden"), t.triggerEl.setAttribute("aria-haspopup", "menu"), t.triggerEl.setAttribute("aria-expanded", String(r)), r ? this.applyMinStyles(t.triggerEl) : this.clearMinStyles(t.triggerEl);
+    for (const n of t.menuItemEls) {
+      const l = n.dataset.menuId;
+      l ? e.get(l) === "hidden" ? n.style.removeProperty("display") : n.style.setProperty("display", "none") : n.style.removeProperty("display");
     }
-    return n;
+    return r;
   }
-  applyCompactCorners(t, e, s, n, i, o) {
-    for (let l = 0; l < t.length; l++) {
-      const p = t[l].buttonEl;
+  applyCompactCorners(t, e, s, r, n, l) {
+    for (let o = 0; o < t.length; o++) {
+      const p = t[o].buttonEl;
       if (!p) continue;
-      const d = l === 0, r = l === t.length - 1, a = s ? !d || n : !d, h = s ? !r : !r || n;
+      const d = o === 0, h = o === t.length - 1, i = s ? !d || r : !d, a = s ? !h : !h || r;
       this.setCorners(
         p,
-        i && (o ? h : a),
-        i && (o ? a : h)
+        n && (l ? a : i),
+        n && (l ? i : a)
       );
     }
     if (e?.triggerEl) {
-      const l = n && t.length > 0;
+      const o = r && t.length > 0;
       s ? this.setCorners(
         e.triggerEl,
-        i && l && o,
-        i && l && !o
+        n && o && l,
+        n && o && !l
       ) : this.setCorners(
         e.triggerEl,
-        i && l && !o,
-        i && l && o
+        n && o && !l,
+        n && o && l
       );
     }
   }
@@ -131,12 +135,12 @@ class g {
   clearState() {
     this.host.getContainerEl().style.removeProperty("--hiddenCount");
     for (const s of this.lastScan.items)
-      if (s.el.removeAttribute("data-state"), s.el.style.removeProperty("display"), s.el.style.removeProperty("max-width"), s.el.style.removeProperty("overflow"), this.clearMinStyles(s.buttonEl), s.buttonEl)
-        for (const n of c)
-          s.buttonEl.style.removeProperty(n);
+      if (s.el.removeAttribute("data-state"), s.el.removeAttribute("data-can-min"), s.el.style.removeProperty("display"), s.el.style.removeProperty("max-width"), s.el.style.removeProperty("overflow"), s.el.style.removeProperty("--min-state-width"), this.clearMinStyles(s.buttonEl), s.buttonEl)
+        for (const r of c)
+          s.buttonEl.style.removeProperty(r);
     const e = this.lastScan.menu;
     if (e) {
-      e.el.removeAttribute("data-state"), e.el.style.removeProperty("display"), this.clearMinStyles(e.triggerEl);
+      e.el.removeAttribute("data-state"), e.el.style.removeProperty("display"), e.triggerEl.removeAttribute("aria-haspopup"), e.triggerEl.removeAttribute("aria-expanded"), this.clearMinStyles(e.triggerEl);
       for (const s of c)
         e.triggerEl.style.removeProperty(s);
       for (const s of e.menuItemEls)
@@ -145,6 +149,6 @@ class g {
   }
 }
 export {
-  g as OverflowController
+  v as OverflowController
 };
 //# sourceMappingURL=OverflowController.js.map

package/dist/components/Overflow/OverflowController.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowController.js","sources":["../../../src/components/Overflow/OverflowController.ts"],"sourcesContent":["import {\n  type AppliedStep,\n  type Step,\n  buildOrderedSteps,\n  computeNextSteps,\n  deriveHiddenMap,\n} from './overflowSteps';\n\n/* ── Public types ───────────────────────────────────────── */\n\nexport interface ScannedItem {\n  el: HTMLElement;\n  buttonEl: HTMLElement | null;\n  menuid: string | undefined;\n  minStateWidth: string | undefined;\n}\n\nexport interface ScannedMenu {\n  el: HTMLElement;\n  triggerEl: HTMLElement;\n  menuItemEls: HTMLElement[];\n  inMenuIds: Set<string>;\n  hasMenuOnlyItems: boolean;\n}\n\nexport interface ScanResult {\n  items: ScannedItem[];\n  menu: ScannedMenu | null;\n  /** true when the menu appears before items in DOM order */\n  menuFirst: boolean;\n}\n\nexport interface OverflowHost {\n  getContainerEl(): HTMLElement;\n  scanChildren(): ScanResult;\n  isCompact(): boolean;\n  isReverse(): boolean;\n}\n\n/* ── Shared style constants (kebab-case for setProperty) ── */\n\nconst MIN_STATE_STYLES: Record<string, string> = {\n  'font-size': '0',\n  'min-width': '100%',\n  'width': '100%',\n  'max-width': '100%',\n  'align-items': 'center',\n  'justify-content': 'center',\n  'gap': '0',\n};\n\nconst MIN_STATE_KEYS = Object.keys(MIN_STATE_STYLES);\n\nconst CORNER_PROPS = [\n  'border-top-left-radius',\n  'border-bottom-left-radius',\n  'border-top-right-radius',\n  'border-bottom-right-radius',\n] as const;\n\n/* ── Controller ─────────────────────────────────────────── */\n\nexport class OverflowController {\n  private host: OverflowHost;\n  private orderedSteps: Step[] = [];\n  private appliedSteps: AppliedStep[] = [];\n  private ro: ResizeObserver | null = null;\n  private lastScan: ScanResult = { items: [], menu: null, menuFirst: false };\n\n  constructor(host: OverflowHost) {\n    this.host = host;\n  }\n\n  /** Start observing (call after DOM is ready). */\n  connect(): void {\n    this.scan();\n    this.startObserver();\n  }\n\n  /** Stop observing and clear all applied state. */\n  disconnect(): void {\n    this.ro?.disconnect();\n    this.ro = null;\n    this.clearState();\n  }\n\n  /** Re-scan children + restart (call after external DOM changes). */\n  update(): void {\n    this.appliedSteps = [];\n    this.scan();\n    this.startObserver();\n  }\n\n  /* ── Private ──────────────────────────────────────────── */\n\n  private scan(): void {\n    this.lastScan = this.host.scanChildren();\n\n    const menuIds: string[] = [];\n    const minWidthMenuIds = new Set<string>();\n\n    for (const item of this.lastScan.items) {\n      if (item.menuid) {\n        menuIds.push(item.menuid);\n        if (item.minStateWidth) minWidthMenuIds.add(item.menuid);\n      }\n    }\n\n    const inMenuIds = this.lastScan.menu?.inMenuIds ?? new Set<string>();\n    const isReverse = this.host.isReverse();\n    const ids = isReverse ? [...menuIds].reverse() : menuIds;\n    this.orderedSteps = buildOrderedSteps(ids, inMenuIds, minWidthMenuIds);\n  }\n\n  private startObserver(): void {\n    this.ro?.disconnect();\n    const container = this.host.getContainerEl();\n    this.ro = new ResizeObserver(() => this.onResize());\n    this.ro.observe(container);\n    this.onResize();\n    this.applyState();\n  }\n\n  private onResize(): void {\n    const container = this.host.getContainerEl();\n\n    // Loop until stable — each applyState() mutates the DOM synchronously,\n    // so the next iteration gets updated dimensions.\n    // eslint-disable-next-line no-constant-condition\n    while (true) {\n      const { scrollWidth, clientWidth } = container;\n      const next = computeNextSteps(\n        this.appliedSteps,\n        scrollWidth,\n        clientWidth,\n        this.orderedSteps,\n      );\n      if (next === this.appliedSteps) break;\n      this.appliedSteps = next;\n      this.applyState();\n    }\n  }\n\n  private applyState(): void {\n    const hiddenMap = deriveHiddenMap(this.appliedSteps);\n    const container = this.host.getContainerEl();\n    container.style.setProperty('--hiddenCount', String(this.appliedSteps.length));\n\n    const isCompact = this.host.isCompact();\n    const isReverse = this.host.isReverse();\n\n    let anyFullyHidden = false;\n    const visibleItems: ScannedItem[] = [];\n\n    // Apply item states\n    for (const item of this.lastScan.items) {\n      const state = item.menuid\n        ? (hiddenMap.get(item.menuid) ?? 'visible')\n        : 'visible';\n\n      item.el.setAttribute('data-state', state);\n\n      if (state === 'visible') {\n        item.el.style.removeProperty('display');\n        item.el.style.removeProperty('max-width');\n        item.el.style.removeProperty('overflow');\n        this.clearMinStyles(item.buttonEl);\n        visibleItems.push(item);\n      } else if (state === 'min') {\n        item.el.style.removeProperty('display');\n        item.el.style.setProperty('max-width', item.minStateWidth ?? '2.25rem');\n        item.el.style.setProperty('overflow', 'hidden');\n        this.applyMinStyles(item.buttonEl);\n        visibleItems.push(item);\n      } else {\n        // hidden\n        item.el.style.setProperty('display', 'none');\n        item.el.style.removeProperty('max-width');\n        item.el.style.removeProperty('overflow');\n        this.clearMinStyles(item.buttonEl);\n        anyFullyHidden = true;\n      }\n    }\n\n    // Menu\n    const { menu, menuFirst } = this.lastScan;\n    const menuVisible = this.applyMenuState(menu, hiddenMap, anyFullyHidden);\n\n    // Compact corners\n    this.applyCompactCorners(\n      visibleItems, menu, menuFirst, menuVisible, isCompact, isReverse,\n    );\n  }\n\n  private applyMenuState(\n    menu: ScannedMenu | null,\n    hiddenMap: Map<string, 'min' | 'hidden'>,\n    anyFullyHidden: boolean,\n  ): boolean {\n    if (!menu) return false;\n\n    const showOpener = anyFullyHidden || menu.hasMenuOnlyItems;\n    menu.el.style.setProperty('display', showOpener ? '' : 'none');\n    menu.el.setAttribute('data-state', showOpener ? 'visible' : 'hidden');\n\n    // Opener trigger styles (icon-only display)\n    if (showOpener) {\n      this.applyMinStyles(menu.triggerEl);\n    } else {\n      this.clearMinStyles(menu.triggerEl);\n    }\n\n    // Show/hide individual menu items\n    for (const mi of menu.menuItemEls) {\n      const mid = mi.getAttribute('menuid') ?? mi.dataset.menuid;\n      if (!mid) {\n        // Menu-only item — always visible\n        mi.style.removeProperty('display');\n      } else if (hiddenMap.get(mid) === 'hidden') {\n        mi.style.removeProperty('display');\n      } else {\n        mi.style.setProperty('display', 'none');\n      }\n    }\n\n    return showOpener;\n  }\n\n  private applyCompactCorners(\n    visibleItems: ScannedItem[],\n    menu: ScannedMenu | null,\n    menuFirst: boolean,\n    menuVisible: boolean,\n    isCompact: boolean,\n    isReverse: boolean,\n  ): void {\n    for (let i = 0; i < visibleItems.length; i++) {\n      const btn = visibleItems[i].buttonEl;\n      if (!btn) continue;\n\n      const isFirst = i === 0;\n      const isLast = i === visibleItems.length - 1;\n\n      // Determine adjacency based on menu position\n      const hasPrev = menuFirst\n        ? (!isFirst || menuVisible)\n        : !isFirst;\n      const hasNext = menuFirst\n        ? !isLast\n        : (!isLast || menuVisible);\n\n      // Normal (row): prev = left, next = right\n      // Reverse (row-reverse): prev = right, next = left\n      this.setCorners(btn,\n        isCompact && (isReverse ? hasNext : hasPrev),\n        isCompact && (isReverse ? hasPrev : hasNext),\n      );\n    }\n\n    // Menu trigger corners\n    if (menu?.triggerEl) {\n      const hasAdjacentItem = menuVisible && visibleItems.length > 0;\n\n      if (menuFirst) {\n        // Menu first in DOM → left in normal, right in reverse\n        this.setCorners(menu.triggerEl,\n          isCompact && hasAdjacentItem && isReverse,\n          isCompact && hasAdjacentItem && !isReverse,\n        );\n      } else {\n        // Menu last in DOM → right in normal, left in reverse\n        this.setCorners(menu.triggerEl,\n          isCompact && hasAdjacentItem && !isReverse,\n          isCompact && hasAdjacentItem && isReverse,\n        );\n      }\n    }\n  }\n\n  private setCorners(\n    el: HTMLElement,\n    squareLeft: boolean,\n    squareRight: boolean,\n  ): void {\n    el.style.borderTopLeftRadius = squareLeft ? '0' : '';\n    el.style.borderBottomLeftRadius = squareLeft ? '0' : '';\n    el.style.borderTopRightRadius = squareRight ? '0' : '';\n    el.style.borderBottomRightRadius = squareRight ? '0' : '';\n  }\n\n  private applyMinStyles(el: HTMLElement | null): void {\n    if (!el) return;\n    for (const key of MIN_STATE_KEYS) {\n      el.style.setProperty(key, MIN_STATE_STYLES[key]);\n    }\n  }\n\n  private clearMinStyles(el: HTMLElement | null): void {\n    if (!el) return;\n    for (const key of MIN_STATE_KEYS) {\n      el.style.removeProperty(key);\n    }\n  }\n\n  private clearState(): void {\n    const container = this.host.getContainerEl();\n    container.style.removeProperty('--hiddenCount');\n\n    for (const item of this.lastScan.items) {\n      item.el.removeAttribute('data-state');\n      item.el.style.removeProperty('display');\n      item.el.style.removeProperty('max-width');\n      item.el.style.removeProperty('overflow');\n      this.clearMinStyles(item.buttonEl);\n      if (item.buttonEl) {\n        for (const prop of CORNER_PROPS) {\n          item.buttonEl.style.removeProperty(prop);\n        }\n      }\n    }\n\n    const menu = this.lastScan.menu;\n    if (menu) {\n      menu.el.removeAttribute('data-state');\n      menu.el.style.removeProperty('display');\n      this.clearMinStyles(menu.triggerEl);\n      for (const prop of CORNER_PROPS) {\n        menu.triggerEl.style.removeProperty(prop);\n      }\n      for (const mi of menu.menuItemEls) {\n        mi.style.removeProperty('display');\n      }\n    }\n  }\n}\n"],"names":["MIN_STATE_STYLES","MIN_STATE_KEYS","CORNER_PROPS","OverflowController","host","menuIds","minWidthMenuIds","item","inMenuIds","ids","buildOrderedSteps","container","scrollWidth","clientWidth","next","computeNextSteps","hiddenMap","deriveHiddenMap","isCompact","isReverse","anyFullyHidden","visibleItems","state","menu","menuFirst","menuVisible","showOpener","mi","mid","i","btn","isFirst","isLast","hasPrev","hasNext","hasAdjacentItem","el","squareLeft","squareRight","key","prop"],"mappings":"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"}
+{"version":3,"file":"OverflowController.js","sources":["../../../src/components/Overflow/OverflowController.ts"],"sourcesContent":["import {\n  type AppliedStep,\n  type Step,\n  buildOrderedSteps,\n  computeNextSteps,\n  deriveHiddenMap,\n} from './overflowSteps';\n\n/* ── Public types ───────────────────────────────────────── */\n\nexport interface ScannedItem {\n  el: HTMLElement;\n  buttonEl: HTMLElement | null;\n  menuId: string | undefined;\n  minStateWidth: string | undefined;\n}\n\nexport interface ScannedMenu {\n  el: HTMLElement;\n  triggerEl: HTMLElement;\n  menuItemEls: HTMLElement[];\n  inMenuIds: Set<string>;\n  hasMenuOnlyItems: boolean;\n}\n\nexport interface ScanResult {\n  items: ScannedItem[];\n  menu: ScannedMenu | null;\n  /** true when the menu appears before items in DOM order */\n  menuFirst: boolean;\n}\n\nexport interface OverflowHost {\n  getContainerEl(): HTMLElement;\n  scanChildren(): ScanResult;\n  isCompact(): boolean;\n  isReverse(): boolean;\n  isSnap(): boolean;\n}\n\n/* ── Shared style constants (kebab-case for setProperty) ── */\n\nconst MIN_STATE_STYLES: Record<string, string> = {\n  'font-size': '0',\n  'min-width': '100%',\n  'width': '100%',\n  'max-width': '100%',\n  'align-items': 'center',\n  'justify-content': 'center',\n  'gap': '0',\n};\n\nconst MIN_STATE_KEYS = Object.keys(MIN_STATE_STYLES);\n\nconst CORNER_PROPS = [\n  'border-top-left-radius',\n  'border-bottom-left-radius',\n  'border-top-right-radius',\n  'border-bottom-right-radius',\n] as const;\n\n/* ── Controller ─────────────────────────────────────────── */\n\nexport class OverflowController {\n  private host: OverflowHost;\n  private orderedSteps: Step[] = [];\n  private appliedSteps: AppliedStep[] = [];\n  private ro: ResizeObserver | null = null;\n  private lastScan: ScanResult = { items: [], menu: null, menuFirst: false };\n\n  constructor(host: OverflowHost) {\n    this.host = host;\n  }\n\n  /** Start observing (call after DOM is ready). */\n  connect(): void {\n    this.scan();\n    this.startObserver();\n  }\n\n  /** Stop observing and clear all applied state. */\n  disconnect(): void {\n    this.ro?.disconnect();\n    this.ro = null;\n    this.clearState();\n  }\n\n  /** Re-scan children + restart (call after external DOM changes). */\n  update(): void {\n    this.appliedSteps = [];\n    this.scan();\n    this.startObserver();\n  }\n\n  /* ── Private ──────────────────────────────────────────── */\n\n  private scan(): void {\n    this.lastScan = this.host.scanChildren();\n\n    const menuIds: string[] = [];\n    const minWidthMenuIds = new Set<string>();\n\n    for (const item of this.lastScan.items) {\n      if (item.menuId) {\n        menuIds.push(item.menuId);\n        if (item.minStateWidth) minWidthMenuIds.add(item.menuId);\n      }\n      // Set CSS custom properties for snap targeting\n      if (item.minStateWidth) {\n        item.el.style.setProperty('--min-state-width', item.minStateWidth);\n        item.el.setAttribute('data-can-min', '');\n      }\n    }\n\n    const inMenuIds = this.lastScan.menu?.inMenuIds ?? new Set<string>();\n    this.orderedSteps = buildOrderedSteps(menuIds, inMenuIds, minWidthMenuIds);\n  }\n\n  private startObserver(): void {\n    this.ro?.disconnect();\n    const container = this.host.getContainerEl();\n    this.ro = new ResizeObserver(() => this.onResize());\n    this.ro.observe(container);\n    this.onResize();\n    this.applyState();\n  }\n\n  private onResize(): void {\n    const container = this.host.getContainerEl();\n\n    // Loop until stable — each applyState() mutates the DOM synchronously,\n    // so the next iteration gets updated dimensions.\n    while (true) {\n      const { scrollWidth, clientWidth } = container;\n      const next = computeNextSteps(\n        this.appliedSteps,\n        scrollWidth,\n        clientWidth,\n        this.orderedSteps,\n      );\n      if (next === this.appliedSteps) break;\n      this.appliedSteps = next;\n      this.applyState();\n    }\n  }\n\n  private applyState(): void {\n    const isSnap = this.host.isSnap();\n    const hiddenMap = deriveHiddenMap(\n      this.appliedSteps,\n      isSnap,\n      this.lastScan.menu?.inMenuIds,\n    );\n    const container = this.host.getContainerEl();\n    container.style.setProperty('--hiddenCount', String(this.appliedSteps.length));\n\n    const isCompact = this.host.isCompact();\n    const isReverse = this.host.isReverse();\n\n    let anyFullyHidden = false;\n    const visibleItems: ScannedItem[] = [];\n\n    // Apply item states\n    for (const item of this.lastScan.items) {\n      const state = item.menuId\n        ? (hiddenMap.get(item.menuId) ?? 'visible')\n        : 'visible';\n\n      item.el.setAttribute('data-state', state);\n\n      if (state === 'visible') {\n        item.el.style.removeProperty('display');\n        item.el.style.removeProperty('max-width');\n        item.el.style.removeProperty('overflow');\n        this.clearMinStyles(item.buttonEl);\n        visibleItems.push(item);\n      } else if (state === 'min') {\n        item.el.style.removeProperty('display');\n        item.el.style.setProperty('max-width', item.minStateWidth ?? '2.25rem');\n        item.el.style.setProperty('overflow', 'hidden');\n        this.applyMinStyles(item.buttonEl);\n        visibleItems.push(item);\n      } else {\n        // hidden\n        item.el.style.setProperty('display', 'none');\n        item.el.style.removeProperty('max-width');\n        item.el.style.removeProperty('overflow');\n        this.clearMinStyles(item.buttonEl);\n        anyFullyHidden = true;\n      }\n    }\n\n    // Menu\n    const { menu, menuFirst } = this.lastScan;\n    const menuVisible = this.applyMenuState(menu, hiddenMap, anyFullyHidden);\n\n    // Compact corners\n    this.applyCompactCorners(\n      visibleItems, menu, menuFirst, menuVisible, isCompact, isReverse,\n    );\n  }\n\n  private applyMenuState(\n    menu: ScannedMenu | null,\n    hiddenMap: Map<string, 'min' | 'hidden'>,\n    anyFullyHidden: boolean,\n  ): boolean {\n    if (!menu) return false;\n\n    const showOpener = anyFullyHidden || menu.hasMenuOnlyItems;\n    menu.el.style.setProperty('display', showOpener ? '' : 'none');\n    menu.el.setAttribute('data-state', showOpener ? 'visible' : 'hidden');\n\n    // ARIA attributes on the trigger\n    menu.triggerEl.setAttribute('aria-haspopup', 'menu');\n    menu.triggerEl.setAttribute('aria-expanded', String(showOpener));\n\n    // Opener trigger styles (icon-only display)\n    if (showOpener) {\n      this.applyMinStyles(menu.triggerEl);\n    } else {\n      this.clearMinStyles(menu.triggerEl);\n    }\n\n    // Show/hide individual menu items\n    for (const mi of menu.menuItemEls) {\n      const mid = mi.dataset.menuId;\n      if (!mid) {\n        // Menu-only item — always visible\n        mi.style.removeProperty('display');\n      } else if (hiddenMap.get(mid) === 'hidden') {\n        mi.style.removeProperty('display');\n      } else {\n        mi.style.setProperty('display', 'none');\n      }\n    }\n\n    return showOpener;\n  }\n\n  private applyCompactCorners(\n    visibleItems: ScannedItem[],\n    menu: ScannedMenu | null,\n    menuFirst: boolean,\n    menuVisible: boolean,\n    isCompact: boolean,\n    isReverse: boolean,\n  ): void {\n    for (let i = 0; i < visibleItems.length; i++) {\n      const btn = visibleItems[i].buttonEl;\n      if (!btn) continue;\n\n      const isFirst = i === 0;\n      const isLast = i === visibleItems.length - 1;\n\n      // Determine adjacency based on menu position\n      const hasPrev = menuFirst\n        ? (!isFirst || menuVisible)\n        : !isFirst;\n      const hasNext = menuFirst\n        ? !isLast\n        : (!isLast || menuVisible);\n\n      // Normal (row): prev = left, next = right\n      // Reverse (row-reverse): prev = right, next = left\n      this.setCorners(btn,\n        isCompact && (isReverse ? hasNext : hasPrev),\n        isCompact && (isReverse ? hasPrev : hasNext),\n      );\n    }\n\n    // Menu trigger corners\n    if (menu?.triggerEl) {\n      const hasAdjacentItem = menuVisible && visibleItems.length > 0;\n\n      if (menuFirst) {\n        // Menu first in DOM → left in normal, right in reverse\n        this.setCorners(menu.triggerEl,\n          isCompact && hasAdjacentItem && isReverse,\n          isCompact && hasAdjacentItem && !isReverse,\n        );\n      } else {\n        // Menu last in DOM → right in normal, left in reverse\n        this.setCorners(menu.triggerEl,\n          isCompact && hasAdjacentItem && !isReverse,\n          isCompact && hasAdjacentItem && isReverse,\n        );\n      }\n    }\n  }\n\n  private setCorners(\n    el: HTMLElement,\n    squareLeft: boolean,\n    squareRight: boolean,\n  ): void {\n    el.style.borderTopLeftRadius = squareLeft ? '0' : '';\n    el.style.borderBottomLeftRadius = squareLeft ? '0' : '';\n    el.style.borderTopRightRadius = squareRight ? '0' : '';\n    el.style.borderBottomRightRadius = squareRight ? '0' : '';\n  }\n\n  private applyMinStyles(el: HTMLElement | null): void {\n    if (!el) return;\n    for (const key of MIN_STATE_KEYS) {\n      el.style.setProperty(key, MIN_STATE_STYLES[key]);\n    }\n  }\n\n  private clearMinStyles(el: HTMLElement | null): void {\n    if (!el) return;\n    for (const key of MIN_STATE_KEYS) {\n      el.style.removeProperty(key);\n    }\n  }\n\n  private clearState(): void {\n    const container = this.host.getContainerEl();\n    container.style.removeProperty('--hiddenCount');\n\n    for (const item of this.lastScan.items) {\n      item.el.removeAttribute('data-state');\n      item.el.removeAttribute('data-can-min');\n      item.el.style.removeProperty('display');\n      item.el.style.removeProperty('max-width');\n      item.el.style.removeProperty('overflow');\n      item.el.style.removeProperty('--min-state-width');\n      this.clearMinStyles(item.buttonEl);\n      if (item.buttonEl) {\n        for (const prop of CORNER_PROPS) {\n          item.buttonEl.style.removeProperty(prop);\n        }\n      }\n    }\n\n    const menu = this.lastScan.menu;\n    if (menu) {\n      menu.el.removeAttribute('data-state');\n      menu.el.style.removeProperty('display');\n      menu.triggerEl.removeAttribute('aria-haspopup');\n      menu.triggerEl.removeAttribute('aria-expanded');\n      this.clearMinStyles(menu.triggerEl);\n      for (const prop of CORNER_PROPS) {\n        menu.triggerEl.style.removeProperty(prop);\n      }\n      for (const mi of menu.menuItemEls) {\n        mi.style.removeProperty('display');\n      }\n    }\n  }\n}\n"],"names":["MIN_STATE_STYLES","MIN_STATE_KEYS","CORNER_PROPS","OverflowController","host","menuIds","minWidthMenuIds","item","inMenuIds","buildOrderedSteps","container","scrollWidth","clientWidth","next","computeNextSteps","isSnap","hiddenMap","deriveHiddenMap","isCompact","isReverse","anyFullyHidden","visibleItems","state","menu","menuFirst","menuVisible","showOpener","mi","mid","i","btn","isFirst","isLast","hasPrev","hasNext","hasAdjacentItem","el","squareLeft","squareRight","key","prop"],"mappings":";AA0CA,MAAMA,IAA2C;AAAA,EAC/C,aAAa;AAAA,EACb,aAAa;AAAA,EACb,OAAS;AAAA,EACT,aAAa;AAAA,EACb,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,KAAO;AACT,GAEMC,IAAiB,OAAO,KAAKD,CAAgB,GAE7CE,IAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIO,MAAMC,EAAmB;AAAA,EACtB;AAAA,EACA,eAAuB,CAAA;AAAA,EACvB,eAA8B,CAAA;AAAA,EAC9B,KAA4B;AAAA,EAC5B,WAAuB,EAAE,OAAO,CAAA,GAAI,MAAM,MAAM,WAAW,GAAA;AAAA,EAEnE,YAAYC,GAAoB;AAC9B,SAAK,OAAOA;AAAA,EACd;AAAA;AAAA,EAGA,UAAgB;AACd,SAAK,KAAA,GACL,KAAK,cAAA;AAAA,EACP;AAAA;AAAA,EAGA,aAAmB;AACjB,SAAK,IAAI,WAAA,GACT,KAAK,KAAK,MACV,KAAK,WAAA;AAAA,EACP;AAAA;AAAA,EAGA,SAAe;AACb,SAAK,eAAe,CAAA,GACpB,KAAK,KAAA,GACL,KAAK,cAAA;AAAA,EACP;AAAA;AAAA,EAIQ,OAAa;AACnB,SAAK,WAAW,KAAK,KAAK,aAAA;AAE1B,UAAMC,IAAoB,CAAA,GACpBC,wBAAsB,IAAA;AAE5B,eAAWC,KAAQ,KAAK,SAAS;AAC/B,MAAIA,EAAK,WACPF,EAAQ,KAAKE,EAAK,MAAM,GACpBA,EAAK,iBAAeD,EAAgB,IAAIC,EAAK,MAAM,IAGrDA,EAAK,kBACPA,EAAK,GAAG,MAAM,YAAY,qBAAqBA,EAAK,aAAa,GACjEA,EAAK,GAAG,aAAa,gBAAgB,EAAE;AAI3C,UAAMC,IAAY,KAAK,SAAS,MAAM,iCAAiB,IAAA;AACvD,SAAK,eAAeC,EAAkBJ,GAASG,GAAWF,CAAe;AAAA,EAC3E;AAAA,EAEQ,gBAAsB;AAC5B,SAAK,IAAI,WAAA;AACT,UAAMI,IAAY,KAAK,KAAK,eAAA;AAC5B,SAAK,KAAK,IAAI,eAAe,MAAM,KAAK,UAAU,GAClD,KAAK,GAAG,QAAQA,CAAS,GACzB,KAAK,SAAA,GACL,KAAK,WAAA;AAAA,EACP;AAAA,EAEQ,WAAiB;AACvB,UAAMA,IAAY,KAAK,KAAK,eAAA;AAI5B,eAAa;AACX,YAAM,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBF,GAC/BG,IAAOC;AAAA,QACX,KAAK;AAAA,QACLH;AAAA,QACAC;AAAA,QACA,KAAK;AAAA,MAAA;AAEP,UAAIC,MAAS,KAAK,aAAc;AAChC,WAAK,eAAeA,GACpB,KAAK,WAAA;AAAA,IACP;AAAA,EACF;AAAA,EAEQ,aAAmB;AACzB,UAAME,IAAS,KAAK,KAAK,OAAA,GACnBC,IAAYC;AAAA,MAChB,KAAK;AAAA,MACLF;AAAA,MACA,KAAK,SAAS,MAAM;AAAA,IAAA;AAGtB,IADkB,KAAK,KAAK,eAAA,EAClB,MAAM,YAAY,iBAAiB,OAAO,KAAK,aAAa,MAAM,CAAC;AAE7E,UAAMG,IAAY,KAAK,KAAK,UAAA,GACtBC,IAAY,KAAK,KAAK,UAAA;AAE5B,QAAIC,IAAiB;AACrB,UAAMC,IAA8B,CAAA;AAGpC,eAAWd,KAAQ,KAAK,SAAS,OAAO;AACtC,YAAMe,IAAQf,EAAK,SACdS,EAAU,IAAIT,EAAK,MAAM,KAAK,YAC/B;AAEJ,MAAAA,EAAK,GAAG,aAAa,cAAce,CAAK,GAEpCA,MAAU,aACZf,EAAK,GAAG,MAAM,eAAe,SAAS,GACtCA,EAAK,GAAG,MAAM,eAAe,WAAW,GACxCA,EAAK,GAAG,MAAM,eAAe,UAAU,GACvC,KAAK,eAAeA,EAAK,QAAQ,GACjCc,EAAa,KAAKd,CAAI,KACbe,MAAU,SACnBf,EAAK,GAAG,MAAM,eAAe,SAAS,GACtCA,EAAK,GAAG,MAAM,YAAY,aAAaA,EAAK,iBAAiB,SAAS,GACtEA,EAAK,GAAG,MAAM,YAAY,YAAY,QAAQ,GAC9C,KAAK,eAAeA,EAAK,QAAQ,GACjCc,EAAa,KAAKd,CAAI,MAGtBA,EAAK,GAAG,MAAM,YAAY,WAAW,MAAM,GAC3CA,EAAK,GAAG,MAAM,eAAe,WAAW,GACxCA,EAAK,GAAG,MAAM,eAAe,UAAU,GACvC,KAAK,eAAeA,EAAK,QAAQ,GACjCa,IAAiB;AAAA,IAErB;AAGA,UAAM,EAAE,MAAAG,GAAM,WAAAC,EAAA,IAAc,KAAK,UAC3BC,IAAc,KAAK,eAAeF,GAAMP,GAAWI,CAAc;AAGvE,SAAK;AAAA,MACHC;AAAA,MAAcE;AAAA,MAAMC;AAAA,MAAWC;AAAA,MAAaP;AAAA,MAAWC;AAAA,IAAA;AAAA,EAE3D;AAAA,EAEQ,eACNI,GACAP,GACAI,GACS;AACT,QAAI,CAACG,EAAM,QAAO;AAElB,UAAMG,IAAaN,KAAkBG,EAAK;AAC1C,IAAAA,EAAK,GAAG,MAAM,YAAY,WAAWG,IAAa,KAAK,MAAM,GAC7DH,EAAK,GAAG,aAAa,cAAcG,IAAa,YAAY,QAAQ,GAGpEH,EAAK,UAAU,aAAa,iBAAiB,MAAM,GACnDA,EAAK,UAAU,aAAa,iBAAiB,OAAOG,CAAU,CAAC,GAG3DA,IACF,KAAK,eAAeH,EAAK,SAAS,IAElC,KAAK,eAAeA,EAAK,SAAS;AAIpC,eAAWI,KAAMJ,EAAK,aAAa;AACjC,YAAMK,IAAMD,EAAG,QAAQ;AACvB,MAAKC,IAGMZ,EAAU,IAAIY,CAAG,MAAM,WAChCD,EAAG,MAAM,eAAe,SAAS,IAEjCA,EAAG,MAAM,YAAY,WAAW,MAAM,IAJtCA,EAAG,MAAM,eAAe,SAAS;AAAA,IAMrC;AAEA,WAAOD;AAAA,EACT;AAAA,EAEQ,oBACNL,GACAE,GACAC,GACAC,GACAP,GACAC,GACM;AACN,aAASU,IAAI,GAAGA,IAAIR,EAAa,QAAQQ,KAAK;AAC5C,YAAMC,IAAMT,EAAaQ,CAAC,EAAE;AAC5B,UAAI,CAACC,EAAK;AAEV,YAAMC,IAAUF,MAAM,GAChBG,IAASH,MAAMR,EAAa,SAAS,GAGrCY,IAAUT,IACX,CAACO,KAAWN,IACb,CAACM,GACCG,IAAUV,IACZ,CAACQ,IACA,CAACA,KAAUP;AAIhB,WAAK;AAAA,QAAWK;AAAA,QACdZ,MAAcC,IAAYe,IAAUD;AAAA,QACpCf,MAAcC,IAAYc,IAAUC;AAAA,MAAA;AAAA,IAExC;AAGA,QAAIX,GAAM,WAAW;AACnB,YAAMY,IAAkBV,KAAeJ,EAAa,SAAS;AAE7D,MAAIG,IAEF,KAAK;AAAA,QAAWD,EAAK;AAAA,QACnBL,KAAaiB,KAAmBhB;AAAA,QAChCD,KAAaiB,KAAmB,CAAChB;AAAA,MAAA,IAInC,KAAK;AAAA,QAAWI,EAAK;AAAA,QACnBL,KAAaiB,KAAmB,CAAChB;AAAA,QACjCD,KAAaiB,KAAmBhB;AAAA,MAAA;AAAA,IAGtC;AAAA,EACF;AAAA,EAEQ,WACNiB,GACAC,GACAC,GACM;AACN,IAAAF,EAAG,MAAM,sBAAsBC,IAAa,MAAM,IAClDD,EAAG,MAAM,yBAAyBC,IAAa,MAAM,IACrDD,EAAG,MAAM,uBAAuBE,IAAc,MAAM,IACpDF,EAAG,MAAM,0BAA0BE,IAAc,MAAM;AAAA,EACzD;AAAA,EAEQ,eAAeF,GAA8B;AACnD,QAAKA;AACL,iBAAWG,KAAOtC;AAChB,QAAAmC,EAAG,MAAM,YAAYG,GAAKvC,EAAiBuC,CAAG,CAAC;AAAA,EAEnD;AAAA,EAEQ,eAAeH,GAA8B;AACnD,QAAKA;AACL,iBAAWG,KAAOtC;AAChB,QAAAmC,EAAG,MAAM,eAAeG,CAAG;AAAA,EAE/B;AAAA,EAEQ,aAAmB;AAEzB,IADkB,KAAK,KAAK,eAAA,EAClB,MAAM,eAAe,eAAe;AAE9C,eAAWhC,KAAQ,KAAK,SAAS;AAQ/B,UAPAA,EAAK,GAAG,gBAAgB,YAAY,GACpCA,EAAK,GAAG,gBAAgB,cAAc,GACtCA,EAAK,GAAG,MAAM,eAAe,SAAS,GACtCA,EAAK,GAAG,MAAM,eAAe,WAAW,GACxCA,EAAK,GAAG,MAAM,eAAe,UAAU,GACvCA,EAAK,GAAG,MAAM,eAAe,mBAAmB,GAChD,KAAK,eAAeA,EAAK,QAAQ,GAC7BA,EAAK;AACP,mBAAWiC,KAAQtC;AACjB,UAAAK,EAAK,SAAS,MAAM,eAAeiC,CAAI;AAK7C,UAAMjB,IAAO,KAAK,SAAS;AAC3B,QAAIA,GAAM;AACR,MAAAA,EAAK,GAAG,gBAAgB,YAAY,GACpCA,EAAK,GAAG,MAAM,eAAe,SAAS,GACtCA,EAAK,UAAU,gBAAgB,eAAe,GAC9CA,EAAK,UAAU,gBAAgB,eAAe,GAC9C,KAAK,eAAeA,EAAK,SAAS;AAClC,iBAAWiB,KAAQtC;AACjB,QAAAqB,EAAK,UAAU,MAAM,eAAeiB,CAAI;AAE1C,iBAAWb,KAAMJ,EAAK;AACpB,QAAAI,EAAG,MAAM,eAAe,SAAS;AAAA,IAErC;AAAA,EACF;AACF;"}

package/dist/components/Overflow/OverflowItem.d.ts

@@ -1,12 +1,16 @@
 import type { ReactNode } from 'react';
+/** Props for the OverflowItem component. */
 export interface OverflowItemProps {
+    /** The item content (typically a button or link). */
     children: ReactNode;
-    menuid?: string;
+    /** Links this toolbar item to its menu counterpart. Items with matching menuIds are shown/hidden together. */
+    menuId?: string;
+    /** CSS width value for the min (icon-only) state. When set, the item shrinks to this width before being fully hidden. */
     minStateWidth?: string;
 }
-declare function OverflowItem({ children, menuid, minStateWidth }: OverflowItemProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: typeof OverflowItem & {
-    overflowRole: "item";
-};
-export default _default;
+declare function OverflowItem({ children, menuId, minStateWidth }: OverflowItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace OverflowItem {
+    var overflowRole: "item";
+}
+export default OverflowItem;
 //# sourceMappingURL=OverflowItem.d.ts.map

package/dist/components/Overflow/OverflowItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowItem.d.ts","sourceRoot":"","sources":["../../../src/components/Overflow/OverflowItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,iBAAiB,2CAsB3E;;;;AAED,wBAA8E"}
+{"version":3,"file":"OverflowItem.d.ts","sourceRoot":"","sources":["../../../src/components/Overflow/OverflowItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,4CAA4C;AAC5C,MAAM,WAAW,iBAAiB;IAChC,qDAAqD;IACrD,QAAQ,EAAE,SAAS,CAAC;IACpB,8GAA8G;IAC9G,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yHAAyH;IACzH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,iBAAiB,2CA+B3E;kBA/BQ,YAAY;;;AAkCrB,eAAe,YAAY,CAAC"}

package/dist/components/Overflow/OverflowItem.js

@@ -1,17 +1,26 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useOverflow as d } from "./OverflowContext.js";
-function v({ children: f, menuid: e, minStateWidth: o }) {
-  const { hiddenMap: i } = d();
-  let t, s;
+import { jsx as v } from "react/jsx-runtime";
+import { useOverflow as f } from "./OverflowContext.js";
+function r({ children: a, menuId: e, minStateWidth: o }) {
+  const { hiddenMap: s } = f();
+  let i, l;
   if (e !== void 0) {
-    const l = i.get(e);
-    l === "hidden" ? t = { display: "none" } : l === "min" && o !== void 0 && (t = { minWidth: o, width: o, maxWidth: o, overflow: "hidden" }, s = "overflow-item-min");
+    const t = s.get(e);
+    t === "hidden" ? i = { display: "none" } : t === "min" && o !== void 0 && (i = { minWidth: o, width: o, maxWidth: o, overflow: "hidden" }, l = "overflow-item-min");
   }
-  const r = e !== void 0 ? i.get(e) ?? "visible" : void 0;
-  return /* @__PURE__ */ a("li", { style: t, className: s, "data-state": r, children: f });
+  const d = e !== void 0 ? s.get(e) ?? "visible" : void 0;
+  return /* @__PURE__ */ v(
+    "li",
+    {
+      style: { ...o !== void 0 ? { "--min-state-width": o } : void 0, ...i },
+      className: l,
+      "data-state": d,
+      "data-can-min": o !== void 0 || void 0,
+      children: a
+    }
+  );
 }
-const m = Object.assign(v, { overflowRole: "item" });
+r.overflowRole = "item";
 export {
-  m as default
+  r as default
 };
 //# sourceMappingURL=OverflowItem.js.map

package/dist/components/Overflow/OverflowItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowItem.js","sources":["../../../src/components/Overflow/OverflowItem.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { useOverflow } from './OverflowContext';\n\nexport interface OverflowItemProps {\n  children: ReactNode;\n  menuid?: string;\n  minStateWidth?: string;\n}\n\nfunction OverflowItem({ children, menuid, minStateWidth }: OverflowItemProps) {\n  const { hiddenMap } = useOverflow();\n\n  let style: CSSProperties | undefined;\n  let className: string | undefined;\n  if (menuid !== undefined) {\n    const state = hiddenMap.get(menuid);\n    if (state === 'hidden') {\n      style = { display: 'none' };\n    } else if (state === 'min' && minStateWidth !== undefined) {\n      style = { minWidth: minStateWidth, width: minStateWidth, maxWidth: minStateWidth, overflow: 'hidden' };\n      className = 'overflow-item-min';\n    }\n  }\n\n  const dataState = menuid !== undefined ? (hiddenMap.get(menuid) ?? 'visible') : undefined;\n\n  return (\n    <li style={style} className={className} data-state={dataState}>\n      {children}\n    </li>\n  );\n}\n\nexport default Object.assign(OverflowItem, { overflowRole: 'item' as const });\n"],"names":["OverflowItem","children","menuid","minStateWidth","hiddenMap","useOverflow","style","className","state","dataState","OverflowItem$1"],"mappings":";;AASA,SAASA,EAAa,EAAE,UAAAC,GAAU,QAAAC,GAAQ,eAAAC,KAAoC;AAC5E,QAAM,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,MAAIC,GACAC;AACJ,MAAIL,MAAW,QAAW;AACxB,UAAMM,IAAQJ,EAAU,IAAIF,CAAM;AAClC,IAAIM,MAAU,WACZF,IAAQ,EAAE,SAAS,OAAA,IACVE,MAAU,SAASL,MAAkB,WAC9CG,IAAQ,EAAE,UAAUH,GAAe,OAAOA,GAAe,UAAUA,GAAe,UAAU,SAAA,GAC5FI,IAAY;AAAA,EAEhB;AAEA,QAAME,IAAYP,MAAW,SAAaE,EAAU,IAAIF,CAAM,KAAK,YAAa;AAEhF,2BACG,MAAA,EAAG,OAAAI,GAAc,WAAAC,GAAsB,cAAYE,GACjD,UAAAR,GACH;AAEJ;AAEA,MAAAS,IAAe,OAAO,OAAOV,GAAc,EAAE,cAAc,QAAiB;"}
+{"version":3,"file":"OverflowItem.js","sources":["../../../src/components/Overflow/OverflowItem.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { useOverflow } from './OverflowContext';\n\n/** Props for the OverflowItem component. */\nexport interface OverflowItemProps {\n  /** The item content (typically a button or link). */\n  children: ReactNode;\n  /** Links this toolbar item to its menu counterpart. Items with matching menuIds are shown/hidden together. */\n  menuId?: string;\n  /** CSS width value for the min (icon-only) state. When set, the item shrinks to this width before being fully hidden. */\n  minStateWidth?: string;\n}\n\nfunction OverflowItem({ children, menuId, minStateWidth }: OverflowItemProps) {\n  const { hiddenMap } = useOverflow();\n\n  let style: CSSProperties | undefined;\n  let className: string | undefined;\n  if (menuId !== undefined) {\n    const state = hiddenMap.get(menuId);\n    if (state === 'hidden') {\n      style = { display: 'none' };\n    } else if (state === 'min' && minStateWidth !== undefined) {\n      style = { minWidth: minStateWidth, width: minStateWidth, maxWidth: minStateWidth, overflow: 'hidden' };\n      className = 'overflow-item-min';\n    }\n  }\n\n  const dataState = menuId !== undefined ? (hiddenMap.get(menuId) ?? 'visible') : undefined;\n\n  const snapStyle = minStateWidth !== undefined\n    ? { '--min-state-width': minStateWidth } as CSSProperties\n    : undefined;\n\n  return (\n    <li\n      style={{ ...snapStyle, ...style }}\n      className={className}\n      data-state={dataState}\n      data-can-min={minStateWidth !== undefined || undefined}\n    >\n      {children}\n    </li>\n  );\n}\n\nOverflowItem.overflowRole = 'item' as const;\nexport default OverflowItem;\n"],"names":["OverflowItem","children","menuId","minStateWidth","hiddenMap","useOverflow","style","className","state","dataState","jsx"],"mappings":";;AAaA,SAASA,EAAa,EAAE,UAAAC,GAAU,QAAAC,GAAQ,eAAAC,KAAoC;AAC5E,QAAM,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,MAAIC,GACAC;AACJ,MAAIL,MAAW,QAAW;AACxB,UAAMM,IAAQJ,EAAU,IAAIF,CAAM;AAClC,IAAIM,MAAU,WACZF,IAAQ,EAAE,SAAS,OAAA,IACVE,MAAU,SAASL,MAAkB,WAC9CG,IAAQ,EAAE,UAAUH,GAAe,OAAOA,GAAe,UAAUA,GAAe,UAAU,SAAA,GAC5FI,IAAY;AAAA,EAEhB;AAEA,QAAME,IAAYP,MAAW,SAAaE,EAAU,IAAIF,CAAM,KAAK,YAAa;AAMhF,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,GANKP,MAAkB,SAChC,EAAE,qBAAqBA,MACvB,QAIuB,GAAGG,EAAA;AAAA,MAC1B,WAAAC;AAAA,MACA,cAAYE;AAAA,MACZ,gBAAcN,MAAkB,UAAa;AAAA,MAE5C,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAD,EAAa,eAAe;"}

package/dist/components/Overflow/OverflowMenu.d.ts

@@ -1,12 +1,20 @@
 import { type ReactNode } from 'react';
+/** Props passed to the `renderMenu` callback to render a framework-specific dropdown. */
 export interface RenderMenuProps {
+    /** The DOM element to anchor the menu to (null when closed). */
     anchorEl: HTMLElement | null;
+    /** Whether the menu is currently open. */
     open: boolean;
+    /** Call to close the menu. */
     onClose: () => void;
+    /** The menu item elements to render inside the dropdown. */
     children: ReactNode;
 }
+/** Props for controlling the menu open/close state externally. */
 export interface OverflowMenuControlProps {
+    /** Controlled open state. When provided, you manage open/close. */
     open?: boolean;
+    /** Called when the menu opens or closes. Use alone for notifications, or with `open` for full control. */
     onOpenChange?: (open: boolean) => void;
 }
 interface OverflowMenuProps extends OverflowMenuControlProps {
@@ -15,8 +23,8 @@ interface OverflowMenuProps extends OverflowMenuControlProps {
     renderMenu: (props: RenderMenuProps) => ReactNode;
 }
 declare function OverflowMenu({ opener, children, renderMenu, open: controlledOpen, onOpenChange }: OverflowMenuProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: typeof OverflowMenu & {
-    overflowRole: "menu";
-};
-export default _default;
+declare namespace OverflowMenu {
+    var overflowRole: "menu";
+}
+export default OverflowMenu;
 //# sourceMappingURL=OverflowMenu.d.ts.map

package/dist/components/Overflow/OverflowMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Overflow/OverflowMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAI9F,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,UAAU,iBAAkB,SAAQ,wBAAwB;IAC1D,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;CACnD;AAED,iBAAS,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,iBAAiB,2CA4E5G;;;;AAED,wBAA8E"}
+{"version":3,"file":"OverflowMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Overflow/OverflowMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6D,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAI/H,yFAAyF;AACzF,MAAM,WAAW,eAAe;IAC9B,gEAAgE;IAChE,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,0CAA0C;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,8BAA8B;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,kEAAkE;AAClE,MAAM,WAAW,wBAAwB;IACvC,mEAAmE;IACnE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0GAA0G;IAC1G,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,UAAU,iBAAkB,SAAQ,wBAAwB;IAC1D,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;CACnD;AAED,iBAAS,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,iBAAiB,2CAgG5G;kBAhGQ,YAAY;;;AAmGrB,eAAe,YAAY,CAAC"}