@alfadocs/ui-kit-debug 1.11.0 → 1.12.4

package/dist/_chunks/{icon-button-group-D6SVMteH.js → icon-button-group-VCCod3Hz.js}

@@ -1,13 +1,13 @@
-import { jsx as a, jsxs as _ } from "react/jsx-runtime";
-import { forwardRef as je, useState as U, useCallback as W, useRef as z, Children as pe, isValidElement as H, useEffect as ge, cloneElement as me } from "react";
-import { c as ze } from "./index-D2ZczOXr.js";
-import { useTranslation as Se } from "react-i18next";
-import { I as be } from "./icon-button-DA2CAGHZ.js";
-import { D as w } from "./dropdown-menu-DU-Hrf33.js";
-import { u as Be } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Ke } from "./use-priority-overflow-c9SjxZkZ.js";
-import { E as ve } from "./ellipsis-dRo9ouSU.js";
-const ye = ze(
+import { jsx as a, jsxs as T } from "react/jsx-runtime";
+import { forwardRef as Se, useState as W, useCallback as H, useRef as F, Children as be, isValidElement as _, useEffect as ve, cloneElement as ye } from "react";
+import { c as Be } from "./index-D2ZczOXr.js";
+import { useTranslation as Ke } from "react-i18next";
+import { I as he } from "./icon-button-DA2CAGHZ.js";
+import { D as k } from "./dropdown-menu-DU-Hrf33.js";
+import { u as Pe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Te } from "./use-priority-overflow-c9SjxZkZ.js";
+import { E as we } from "./ellipsis-dRo9ouSU.js";
+const ke = Be(
   [
     "ds:inline-flex ds:isolate",
     // Hairline border around the group unifies the children into one
@@ -52,16 +52,16 @@ const ye = ze(
       orientation: "horizontal"
     }
   }
-), he = "ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none", Pe = je(
-  (d, v) => {
+), Ie = "ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none", _e = Se(
+  (d, y) => {
     const {
       size: m,
-      orientation: u = "horizontal",
+      orientation: c = "horizontal",
       role: i = "group",
       mode: n = "momentary",
       disabled: q = !1,
       intent: S = "outline",
-      overflow: we = "none",
+      overflow: Ce = "none",
       className: J,
       children: Q,
       "aria-label": X,
@@ -69,11 +69,11 @@ const ye = ze(
       // Controlled-value props are consumed via `props as …` below; strip them
       // here so they never spread onto the root <div> (React would warn that
       // `onValueChange` is an unknown DOM event handler).
-      value: _e,
-      defaultValue: Fe,
-      onValueChange: Ge,
+      value: Me,
+      defaultValue: Oe,
+      onValueChange: $e,
       ...Z
-    } = d, { t: ke } = Se(), y = we === "menu" && u !== "vertical", [ee, oe] = U(
+    } = d, { t: Re } = Ke(), h = Ce === "menu" && c !== "vertical", [ee, oe] = W(
       () => n === "toggle-single" ? d.defaultValue ?? "" : n === "toggle-multi" ? d.defaultValue ?? [] : ""
     ), g = (() => {
       if (n === "toggle-single") {
@@ -85,7 +85,7 @@ const ye = ze(
         return e.value !== void 0 ? e.value : ee;
       }
       return "";
-    })(), k = W(
+    })(), I = H(
       (e) => {
         var o, r;
         if (n === "toggle-single") {
@@ -97,194 +97,203 @@ const ye = ze(
         }
       },
       [n, d]
-    ), b = i === "toolbar" || i === "radiogroup", R = z([]), [h, I] = U(0), te = W(
+    ), b = i === "toolbar" || i === "radiogroup", x = F([]), [v, A] = W(0), te = H(
       (e, o) => {
-        R.current[e] = o;
+        x.current[e] = o;
       },
       []
-    ), re = z(null), [F, Ce] = U(!1);
-    Be(() => {
+    ), re = F(null), [G, xe] = W(!1);
+    Pe(() => {
       if (typeof window > "u") return;
       const e = re.current;
       if (!e) return;
       const o = window.getComputedStyle(e).direction;
-      Ce(o === "rtl");
+      xe(o === "rtl");
     }, []);
-    const G = W(
+    const M = H(
       (e) => {
-        var T;
+        var P;
         if (!b) return;
-        const o = R.current.filter(Boolean).length;
+        const o = x.current.filter(Boolean).length;
         if (o === 0) return;
-        const r = u === "vertical" ? "ArrowDown" : F ? "ArrowLeft" : "ArrowRight", t = u === "vertical" ? "ArrowUp" : F ? "ArrowRight" : "ArrowLeft";
+        const r = c === "vertical" ? "ArrowDown" : G ? "ArrowLeft" : "ArrowRight", t = c === "vertical" ? "ArrowUp" : G ? "ArrowRight" : "ArrowLeft";
         let s = null;
-        if (e.key === r ? s = (h + 1) % o : e.key === t ? s = (h - 1 + o) % o : e.key === "Home" ? s = 0 : e.key === "End" && (s = o - 1), s === null) return;
-        const L = o;
-        let C = 0, c = s;
-        for (; C < L; ) {
-          const f = R.current[c];
+        if (e.key === r ? s = (v + 1) % o : e.key === t ? s = (v - 1 + o) % o : e.key === "Home" ? s = 0 : e.key === "End" && (s = o - 1), s === null) return;
+        const N = o;
+        let R = 0, u = s;
+        for (; R < N; ) {
+          const f = x.current[u];
           if (f && f.getAttribute("aria-disabled") !== "true" && !f.disabled)
             break;
-          c = e.key === t || e.key === "End" ? (c - 1 + o) % o : (c + 1) % o, C += 1;
+          u = e.key === t || e.key === "End" ? (u - 1 + o) % o : (u + 1) % o, R += 1;
         }
-        if (e.preventDefault(), I(c), (T = R.current[c]) == null || T.focus(), i === "radiogroup" && n === "toggle-single") {
-          const f = se.current[c];
+        if (e.preventDefault(), A(u), (P = x.current[u]) == null || P.focus(), i === "radiogroup" && n === "toggle-single") {
+          const f = se.current[u];
           if (f && typeof f == "object" && "props" in f) {
-            const N = f.props.value;
-            N && N !== g && k(N);
+            const j = f.props.value;
+            j && j !== g && I(j);
           }
         }
       },
       [
         b,
-        u,
-        F,
-        h,
+        c,
+        G,
+        v,
         i,
         n,
-        k,
+        I,
         g
       ]
-    ), x = y ? pe.toArray(Q).filter(H) : [], B = (e) => {
+    ), D = h ? be.toArray(Q).filter(_) : [], B = (e) => {
       const o = e.props["aria-label"];
       return typeof o == "string" ? o : typeof e.props.tooltip == "string" ? e.props.tooltip : null;
     };
-    z(!1);
-    const Re = x.map((e) => {
+    F(!1);
+    const Ae = D.map((e) => {
       const o = e.props["data-overflow-pin"] !== void 0, r = B(e) !== null;
       return o || !r;
-    }), { containerRef: Ie, fullRowRef: xe, triggerProbeRef: Ae, visible: ne, overflowing: K } = Ke({
-      enabled: y,
-      count: x.length,
-      pinned: Re
-    }), ie = z(null), A = y ? x.filter((e, o) => ne[o]) : pe.toArray(Q);
-    y && (R.current.length = A.length + (K ? 1 : 0));
-    const se = z([]);
-    se.current = A;
-    const M = i === "radiogroup" && n === "toggle-single" ? A.findIndex(
-      (e) => H(e) && e.props.value === g
+    }), { containerRef: De, fullRowRef: Ve, triggerProbeRef: Le, visible: ne, overflowing: V } = Te({
+      enabled: h,
+      count: D.length,
+      pinned: Ae
+    }), ie = F(null), w = h ? D.filter((e, o) => ne[o]) : be.toArray(Q);
+    h && (x.current.length = w.length + (V ? 1 : 0));
+    const se = F([]);
+    se.current = w;
+    const O = i === "radiogroup" && n === "toggle-single" ? w.findIndex(
+      (e) => _(e) && e.props.value === g
     ) : -1;
-    ge(() => {
-      M >= 0 && I(M);
-    }, [M]);
-    const V = A.length;
-    ge(() => {
+    ve(() => {
+      O >= 0 && A(O);
+    }, [O]);
+    const C = w.length;
+    ve(() => {
       var o;
-      if (!b || !y) return;
-      const e = V + (K ? 1 : 0);
-      e > 0 && h >= e && (I(e - 1), document.activeElement === document.body && ((o = ie.current) == null || o.focus()));
+      if (!b || !h) return;
+      const e = C + (V ? 1 : 0);
+      e > 0 && v >= e && (A(e - 1), document.activeElement === document.body && ((o = ie.current) == null || o.focus()));
     }, [
       b,
-      y,
+      h,
+      C,
       V,
-      K,
-      h
+      v
     ]);
-    const ae = A.map((e, o) => {
-      if (!H(e))
+    const ae = (e) => {
+      if (!_(e)) return !1;
+      const o = e.props;
+      return o.disabled === !0 || o.loading === !0;
+    }, le = w.findIndex((e) => !ae(e)), de = ae(w[v]) ? le !== -1 ? le : (
+      /* Every visible child is disabled: the overflow trigger is the
+         only thing left that can hold focus. Without this the group
+         has no tab stop at all and the menu is unreachable. */
+      V ? C : v
+    ) : v, ce = w.map((e, o) => {
+      if (!_(e))
         return e;
-      const r = e, t = r.props.value, { ariaPressed: s, ariaChecked: L } = Te(
+      const r = e, t = r.props.value, { ariaPressed: s, ariaChecked: N } = Ge(
         n,
         i,
         t,
         g
-      ), C = q === !0, c = r.props.disabled === !0, T = (p) => {
-        var l, j;
-        if (C) {
+      ), R = q === !0, u = r.props.disabled === !0, P = (p) => {
+        var l, z;
+        if (R) {
           p.preventDefault(), p.stopPropagation();
           return;
         }
-        if ((j = (l = r.props).onClick) == null || j.call(l, p), !p.defaultPrevented && t) {
+        if ((z = (l = r.props).onClick) == null || z.call(l, p), !p.defaultPrevented && t) {
           if (n === "toggle-single") {
             if (g === t) return;
-            k(t);
+            I(t);
           } else if (n === "toggle-multi") {
-            const E = g, Le = E.includes(t) ? E.filter((Ne) => Ne !== t) : [...E, t];
-            k(Le);
+            const U = g, ze = U.includes(t) ? U.filter((Fe) => Fe !== t) : [...U, t];
+            I(ze);
           }
         }
       }, f = (p) => {
         te(o, p);
         const l = r.ref;
         typeof l == "function" ? l(p) : l != null && typeof l == "object" && (l.current = p);
-      }, N = C && !c ? !0 : void 0, Ve = n !== "momentary" || C, De = {
+      }, j = R && !u ? !0 : void 0, Ne = n !== "momentary" || R, je = {
         intent: r.props.intent ?? S,
         size: r.props.size ?? m,
-        disabled: c,
-        "aria-disabled": N,
-        onClick: Ve ? T : r.props.onClick,
+        disabled: u,
+        "aria-disabled": j,
+        onClick: Ne ? P : r.props.onClick,
         "aria-pressed": s,
-        "aria-checked": L,
+        "aria-checked": N,
         // When the group is a radiogroup, children must be `role="radio"`
         // so screen readers announce them as radio buttons and so
         // `getByRole('radio')` works in tests. The button element is
         // re-purposed as a radio; `aria-checked` above carries the state.
         role: i === "radiogroup" ? "radio" : void 0,
-        tabIndex: b ? o === h ? 0 : -1 : void 0,
+        tabIndex: b ? o === de ? 0 : -1 : void 0,
         onFocus: (p) => {
-          var l, j;
-          b && I(o), (j = (l = r.props).onFocus) == null || j.call(l, p);
+          var l, z;
+          b && A(o), (z = (l = r.props).onFocus) == null || z.call(l, p);
         },
         ref: f
       };
-      return me(r, De);
-    }), le = (e) => {
-      re.current = e, typeof v == "function" ? v(e) : v && typeof v == "object" && (v.current = e);
+      return ye(r, je);
+    }), ue = (e) => {
+      re.current = e, typeof y == "function" ? y(e) : y && typeof y == "object" && (y.current = e);
     };
-    if (!y)
+    if (!h)
       return /* @__PURE__ */ a(
         "div",
         {
-          ref: le,
+          ref: ue,
           role: i,
           "aria-label": X,
           "aria-labelledby": Y,
-          "aria-orientation": i === "toolbar" ? u : void 0,
-          onKeyDown: G,
-          className: ye({ orientation: u, className: J }),
+          "aria-orientation": i === "toolbar" ? c : void 0,
+          onKeyDown: M,
+          className: ke({ orientation: c, className: J }),
           "data-component": "icon-button-group",
           ...Z,
-          children: ae
+          children: ce
         }
       );
-    const de = ke("buttonGroup.more", "More options"), D = q === !0, O = x.map((e, o) => ({ childEl: e, i: o })).filter(({ i: e }) => !ne[e]);
-    let P = null;
-    n === "toggle-single" ? P = /* @__PURE__ */ a(
-      w.RadioGroup,
+    const fe = Re("buttonGroup.more", "More options"), L = q === !0, $ = D.map((e, o) => ({ childEl: e, i: o })).filter(({ i: e }) => !ne[e]);
+    let K = null;
+    n === "toggle-single" ? K = /* @__PURE__ */ a(
+      k.RadioGroup,
       {
         value: g,
         onValueChange: (e) => {
-          !D && e !== g && k(e);
+          !L && e !== g && I(e);
         },
-        children: O.map(({ childEl: e, i: o }) => /* @__PURE__ */ a(
-          w.RadioItem,
+        children: $.map(({ childEl: e, i: o }) => /* @__PURE__ */ a(
+          k.RadioItem,
           {
             value: e.props.value ?? "",
-            disabled: D || e.props.disabled === !0,
+            disabled: L || e.props.disabled === !0,
             children: B(e)
           },
           e.key ?? o
         ))
       }
-    ) : n === "toggle-multi" ? P = O.map(({ childEl: e, i: o }) => {
+    ) : n === "toggle-multi" ? K = $.map(({ childEl: e, i: o }) => {
       const r = e.props.value, t = g, s = r ? t.includes(r) : !1;
       return /* @__PURE__ */ a(
-        w.CheckboxItem,
+        k.CheckboxItem,
         {
           checked: s,
-          disabled: D || e.props.disabled === !0,
+          disabled: L || e.props.disabled === !0,
           onCheckedChange: () => {
-            D || !r || k(s ? t.filter((L) => L !== r) : [...t, r]);
+            L || !r || I(s ? t.filter((N) => N !== r) : [...t, r]);
           },
           children: B(e)
         },
         e.key ?? o
       );
-    }) : P = O.map(({ childEl: e, i: o }) => /* @__PURE__ */ a(
-      w.Item,
+    }) : K = $.map(({ childEl: e, i: o }) => /* @__PURE__ */ a(
+      k.Item,
       {
         startIcon: e.props.icon,
-        disabled: D || e.props.disabled === !0,
+        disabled: L || e.props.disabled === !0,
         onSelect: (r) => {
           var t, s;
           (s = (t = e.props).onClick) == null || s.call(
@@ -296,57 +305,57 @@ const ye = ze(
       },
       e.key ?? o
     ));
-    const ue = K ? /* @__PURE__ */ _(w.Root, { children: [
-      /* @__PURE__ */ a(w.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
-        be,
+    const pe = V ? /* @__PURE__ */ T(k.Root, { children: [
+      /* @__PURE__ */ a(k.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
+        he,
         {
-          icon: /* @__PURE__ */ a(ve, {}),
+          icon: /* @__PURE__ */ a(we, {}),
           intent: S,
           size: m,
-          "aria-label": de,
+          "aria-label": fe,
           ref: (e) => {
-            ie.current = e, te(V, e);
+            ie.current = e, te(C, e);
           },
-          tabIndex: b ? h === V ? 0 : -1 : void 0,
-          onFocus: b ? () => I(V) : void 0
+          tabIndex: b ? de === C ? 0 : -1 : void 0,
+          onFocus: b ? () => A(C) : void 0
         }
       ) }),
-      /* @__PURE__ */ a(w.Content, { align: "end", children: P })
-    ] }) : null, ce = ye({ orientation: u }), $ = i !== "radiogroup", fe = /* @__PURE__ */ _(
+      /* @__PURE__ */ a(k.Content, { align: "end", children: K })
+    ] }) : null, ge = ke({ orientation: c }), E = i !== "radiogroup", me = /* @__PURE__ */ T(
       "div",
       {
         role: i,
         "aria-label": X,
         "aria-labelledby": Y,
-        "aria-orientation": i === "toolbar" ? u : void 0,
-        onKeyDown: $ ? G : void 0,
-        className: `${ce} ds:max-w-full`,
+        "aria-orientation": i === "toolbar" ? c : void 0,
+        onKeyDown: E ? M : void 0,
+        className: `${ge} ds:max-w-full`,
         children: [
-          ae,
-          $ ? ue : null
+          ce,
+          E ? pe : null
         ]
       }
     );
     return /* @__PURE__ */ a(
       "div",
       {
-        ref: le,
+        ref: ue,
         "data-component": "icon-button-group",
         className: [
           "ds:relative ds:block ds:w-full ds:min-w-0 ds:overflow-x-clip",
           J ?? ""
         ].join(" ").trim(),
         ...Z,
-        children: /* @__PURE__ */ _("div", { ref: Ie, className: "ds:block ds:w-full ds:min-w-0", children: [
+        children: /* @__PURE__ */ T("div", { ref: De, className: "ds:block ds:w-full ds:min-w-0", children: [
           /* @__PURE__ */ a(
             "div",
             {
-              ref: xe,
+              ref: Ve,
               "aria-hidden": "true",
               inert: !0,
-              className: `${he} ${ce}`,
-              children: x.map(
-                (e, o) => me(e, {
+              className: `${Ie} ${ge}`,
+              children: D.map(
+                (e, o) => ye(e, {
                   key: e.key ?? o,
                   intent: e.props.intent ?? S,
                   size: e.props.size ?? m,
@@ -359,32 +368,32 @@ const ye = ze(
           /* @__PURE__ */ a(
             "span",
             {
-              ref: Ae,
+              ref: Le,
               "aria-hidden": "true",
               inert: !0,
-              className: he,
+              className: Ie,
               children: /* @__PURE__ */ a(
-                be,
+                he,
                 {
-                  icon: /* @__PURE__ */ a(ve, {}),
+                  icon: /* @__PURE__ */ a(we, {}),
                   intent: S,
                   size: m,
-                  "aria-label": de,
+                  "aria-label": fe,
                   tabIndex: -1
                 }
               )
             }
           ),
-          $ ? fe : (
+          E ? me : (
             // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- non-focusable wrapper; arrow-key roving bubbles up from the focusable IconButtons in the strip and the overflow trigger
-            /* @__PURE__ */ _(
+            /* @__PURE__ */ T(
               "div",
               {
                 className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
-                onKeyDown: G,
+                onKeyDown: M,
                 children: [
-                  fe,
-                  ue
+                  me,
+                  pe
                 ]
               }
             )
@@ -394,13 +403,13 @@ const ye = ze(
     );
   }
 );
-Pe.displayName = "IconButtonGroup";
-function Te(d, v, m, u) {
+_e.displayName = "IconButtonGroup";
+function Ge(d, y, m, c) {
   if (d === "momentary" || !m) return {};
-  const i = d === "toggle-multi" ? u.includes(m) : u === m;
-  return v === "radiogroup" ? { ariaChecked: i } : { ariaPressed: i };
+  const i = d === "toggle-multi" ? c.includes(m) : c === m;
+  return y === "radiogroup" ? { ariaChecked: i } : { ariaPressed: i };
 }
 export {
-  Pe as I
+  _e as I
 };
-//# sourceMappingURL=icon-button-group-D6SVMteH.js.map
+//# sourceMappingURL=icon-button-group-VCCod3Hz.js.map

package/dist/_chunks/icon-button-group-VCCod3Hz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-group-VCCod3Hz.js","sources":["../../src/components/icon-button-group/icon-button-group.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Ellipsis } from 'lucide-react';\nimport { IconButton, type IconButtonProps } from '../button/icon-button';\nimport type { ButtonProps } from '../button/button';\nimport { DropdownMenu } from '../dropdown-menu';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { usePriorityOverflow } from '../../hooks/use-priority-overflow';\n\ntype ButtonIntent = NonNullable<ButtonProps['intent']>;\n\n// Intentionally does NOT compose `@radix-ui/react-toggle-group`. Radix\n// ToggleGroup's render shape makes it hard to layer shared-border chrome\n// across children (first-child / last-child / internal-divider CSS), and\n// the three-mode + three-role matrix (group / toolbar / radiogroup × momentary\n// / toggle-single / toggle-multi) is broader than Radix's single / multi\n// contract. The roving-tabindex implementation below mirrors Radix's pattern\n// so keyboard semantics stay consistent. See 05-accessibility.mdx for the\n// WAI-ARIA toolbar / radiogroup references.\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst iconButtonGroupVariants = cva(\n  [\n    'ds:inline-flex ds:isolate',\n    // Hairline border around the group unifies the children into one\n    // visual unit. Internal child dividers are drawn via the per-child\n    // class list below.\n    'ds:border ds:border-border',\n    'ds:rounded-[var(--radius-md)]',\n    // Ensure the focus ring of a pressed child sits above its siblings.\n    'ds:[&>*]:relative ds:[&>*:focus-visible]:z-10',\n  ].join(' '),\n  {\n    variants: {\n      orientation: {\n        horizontal: [\n          'ds:flex-row',\n          // Flatten internal corners on children so the outer radius owns\n          // the rounded edges.\n          'ds:[&>*:not(:first-child)]:rounded-s-none',\n          'ds:[&>*:not(:last-child)]:rounded-e-none',\n          // Internal divider — logical so it flips in RTL.\n          'ds:[&>*:not(:first-child)]:border-s',\n          'ds:[&>*:not(:first-child)]:border-border',\n          // The children already own an outer border (from IconButton's\n          // own border in secondary/outline variants). Collapse the doubled\n          // border so we don't get a 2px seam.\n          'ds:[&>*]:border-0',\n        ].join(' '),\n        vertical: [\n          'ds:flex-col',\n          // Vertical groups flow block-wise. Reading direction doesn't\n          // invert vertical stacks in any locale this DS targets, so the\n          // physical `rounded-t/b` is intentional.\n          'ds:[&>*:not(:first-child)]:rounded-t-none',\n          'ds:[&>*:not(:last-child)]:rounded-b-none',\n          'ds:[&>*:not(:first-child)]:border-t',\n          'ds:[&>*:not(:first-child)]:border-border',\n          'ds:[&>*]:border-0',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  },\n);\n\n// Hidden measurement rows: laid out (so widths are real) but invisible,\n// non-interactive and out of the a11y tree. Never display:none.\nconst MEASURE_ROW_CLASSES =\n  'ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport type IconButtonGroupRole = 'group' | 'toolbar' | 'radiogroup';\nexport type IconButtonGroupMode =\n  | 'momentary'\n  | 'toggle-single'\n  | 'toggle-multi';\n\ntype SharedPropsBase = {\n  /** Forwarded to every child that does not set its own `size`. */\n  size?: 'sm' | 'md' | 'lg';\n  orientation?: 'horizontal' | 'vertical';\n  /** Disables every child. Uses `aria-disabled` on children (not the HTML\n   *  attribute) so each child still takes focus — matches WAI-ARIA toolbar\n   *  guidance. Visual disabled styling picks up the `aria-disabled:*`\n   *  variant declared on the Button base class. */\n  disabled?: boolean;\n  /** Intent applied to every child that does not set its own `intent`.\n   *  Defaults to `outline` — grouped icon buttons are peers, not a row\n   *  of solid-primary CTAs. */\n  intent?: ButtonIntent;\n  /** `'menu'` keeps the strip on one line whatever the container width:\n   *  children that stop fitting move into a dropdown behind an ellipsis\n   *  trigger, preserving toggle semantics (radio / checkbox items). The\n   *  group then fills its container's inline size. Horizontal only.\n   *  Children set `data-overflow-pin` to always stay in the strip. */\n  overflow?: 'none' | 'menu';\n  children: ReactNode;\n};\n\n// At least one of `aria-label` / `aria-labelledby` must be present. This\n// discriminated pair makes the TypeScript compiler reject a group with\n// neither — see the a11y acceptance criteria in the user story.\ntype AccessibleNameProps =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string };\n\ntype SharedProps = SharedPropsBase & AccessibleNameProps;\n\n// Role + mode combinations are not all valid. Encoded via a discriminated\n// union so the compiler rejects nonsensical pairings (e.g. a multi-select\n// radiogroup).\ntype GroupRoleProps =\n  | { role?: 'group'; mode?: 'momentary' | 'toggle-single' | 'toggle-multi' }\n  | { role: 'toolbar'; mode?: 'momentary' | 'toggle-single' | 'toggle-multi' }\n  | { role: 'radiogroup'; mode: 'toggle-single' };\n\ntype MomentaryProps = SharedProps & {\n  mode?: 'momentary';\n  value?: never;\n  defaultValue?: never;\n  onValueChange?: never;\n};\n\ntype ToggleSingleProps = SharedProps & {\n  mode: 'toggle-single';\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (next: string) => void;\n};\n\ntype ToggleMultiProps = SharedProps & {\n  mode: 'toggle-multi';\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (next: string[]) => void;\n};\n\nexport type IconButtonGroupProps = (\n  | MomentaryProps\n  | ToggleSingleProps\n  | ToggleMultiProps\n) &\n  GroupRoleProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'onChange' | 'children'> &\n  VariantProps<typeof iconButtonGroupVariants>;\n\n/* ------------------------------------------------------------------ */\n/* IconButtonGroup                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const IconButtonGroup = forwardRef<HTMLDivElement, IconButtonGroupProps>(\n  (props, ref) => {\n    const {\n      size,\n      orientation = 'horizontal',\n      role = 'group',\n      mode = 'momentary',\n      disabled = false,\n      intent = 'outline',\n      overflow = 'none',\n      className,\n      children,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      // Controlled-value props are consumed via `props as …` below; strip them\n      // here so they never spread onto the root <div> (React would warn that\n      // `onValueChange` is an unknown DOM event handler).\n      value: _value,\n      defaultValue: _defaultValue,\n      onValueChange: _onValueChange,\n      ...rest\n    } = props as IconButtonGroupProps & { className?: string };\n    const { t } = useTranslation();\n\n    if (import.meta.env.DEV && !ariaLabel && !ariaLabelledBy) {\n      console.warn(\n        'IconButtonGroup: `aria-label` or `aria-labelledby` is required for accessibility.',\n      );\n    }\n    if (\n      import.meta.env.DEV &&\n      overflow === 'menu' &&\n      orientation === 'vertical'\n    ) {\n      console.warn(\n        'IconButtonGroup: overflow=\"menu\" is horizontal-only; falling back to overflow=\"none\".',\n      );\n    }\n    const overflowEnabled = overflow === 'menu' && orientation !== 'vertical';\n\n    /* ---- Controlled / uncontrolled value for toggle modes --------- */\n    const [internalValue, setInternalValue] = useState<string | string[]>(\n      () => {\n        if (mode === 'toggle-single') {\n          const p = props as ToggleSingleProps;\n          return p.defaultValue ?? '';\n        }\n        if (mode === 'toggle-multi') {\n          const p = props as ToggleMultiProps;\n          return p.defaultValue ?? [];\n        }\n        return '';\n      },\n    );\n\n    const resolvedValue: string | string[] = (() => {\n      if (mode === 'toggle-single') {\n        const p = props as ToggleSingleProps;\n        return p.value !== undefined ? p.value : internalValue;\n      }\n      if (mode === 'toggle-multi') {\n        const p = props as ToggleMultiProps;\n        return p.value !== undefined ? p.value : internalValue;\n      }\n      return '';\n    })();\n\n    const commitValue = useCallback(\n      (next: string | string[]) => {\n        if (mode === 'toggle-single') {\n          const p = props as ToggleSingleProps;\n          if (p.value === undefined) setInternalValue(next as string);\n          p.onValueChange?.(next as string);\n        } else if (mode === 'toggle-multi') {\n          const p = props as ToggleMultiProps;\n          if (p.value === undefined) setInternalValue(next as string[]);\n          p.onValueChange?.(next as string[]);\n        }\n      },\n      [mode, props],\n    );\n\n    /* ---- Roving tabindex state — only active in toolbar / radiogroup - */\n    const rovingTabindex = role === 'toolbar' || role === 'radiogroup';\n    const buttonsRef = useRef<Array<HTMLButtonElement | null>>([]);\n    const [focusIndex, setFocusIndex] = useState(0);\n\n    const registerIndex = useCallback(\n      (index: number, el: HTMLButtonElement | null) => {\n        buttonsRef.current[index] = el;\n      },\n      [],\n    );\n\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const [isRTL, setIsRTL] = useState(false);\n    // `useLayoutEffect` so the direction is correct BEFORE the first paint\n    // (otherwise a user pressing an arrow key on the first frame after mount\n    // would hit the default-LTR mapping even in an RTL document).\n    useIsomorphicLayoutEffect(() => {\n      if (typeof window === 'undefined') return;\n      const node = rootRef.current;\n      if (!node) return;\n      // Read the computed direction from the group's own wrapper so a\n      // scoped `dir='rtl'` on any ancestor (not just <html>) flips arrow\n      // navigation. `getComputedStyle` walks up automatically.\n      const dir = window.getComputedStyle(node).direction;\n      setIsRTL(dir === 'rtl');\n    }, []);\n\n    /* ---- Arrow-key navigation for roving tabindex ----------------- */\n    const handleRootKeyDown = useCallback(\n      (event: ReactKeyboardEvent<HTMLDivElement>) => {\n        if (!rovingTabindex) return;\n        const count = buttonsRef.current.filter(Boolean).length;\n        if (count === 0) return;\n\n        const forwardKey =\n          orientation === 'vertical'\n            ? 'ArrowDown'\n            : isRTL\n              ? 'ArrowLeft'\n              : 'ArrowRight';\n        const backwardKey =\n          orientation === 'vertical'\n            ? 'ArrowUp'\n            : isRTL\n              ? 'ArrowRight'\n              : 'ArrowLeft';\n\n        let next: number | null = null;\n        if (event.key === forwardKey) next = (focusIndex + 1) % count;\n        else if (event.key === backwardKey)\n          next = (focusIndex - 1 + count) % count;\n        else if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = count - 1;\n\n        if (next === null) return;\n        // Skip over disabled children.\n        const maxAttempts = count;\n        let attempts = 0;\n        let candidate = next;\n        while (attempts < maxAttempts) {\n          const el = buttonsRef.current[candidate];\n          if (\n            el &&\n            el.getAttribute('aria-disabled') !== 'true' &&\n            !el.disabled\n          ) {\n            break;\n          }\n          candidate =\n            event.key === backwardKey || event.key === 'End'\n              ? (candidate - 1 + count) % count\n              : (candidate + 1) % count;\n          attempts += 1;\n        }\n        event.preventDefault();\n        setFocusIndex(candidate);\n        buttonsRef.current[candidate]?.focus();\n        // WAI-ARIA radiogroup pattern: arrow keys MOVE focus AND CHANGE\n        // the selected radio in one action. toolbar pattern (and plain\n        // group) only moves focus.\n        if (role === 'radiogroup' && mode === 'toggle-single') {\n          const child = childArrayRef.current[candidate];\n          if (child && typeof child === 'object' && 'props' in child) {\n            const cValue = (child as ReactElement<{ value?: string }>).props\n              .value;\n            // Same guard as the click path: re-committing the already\n            // selected value is a no-op, so Home/End on the selected radio\n            // never fires a spurious onValueChange.\n            if (cValue && cValue !== resolvedValue) commitValue(cValue);\n          }\n        }\n      },\n      [\n        rovingTabindex,\n        orientation,\n        isRTL,\n        focusIndex,\n        role,\n        mode,\n        commitValue,\n        resolvedValue,\n      ],\n    );\n\n    /* ---- Overflow bookkeeping (menu mode only) --------------------- */\n    type OverflowChildProps = IconButtonProps & {\n      value?: string;\n      'data-overflow-pin'?: boolean | 'true' | '';\n    };\n    const allElements = overflowEnabled\n      ? (Children.toArray(children).filter(isValidElement) as Array<\n          ReactElement<OverflowChildProps>\n        >)\n      : [];\n    const mirrorLabel = (child: ReactElement<OverflowChildProps>) => {\n      const aria = child.props['aria-label'];\n      if (typeof aria === 'string') return aria;\n      return typeof child.props.tooltip === 'string'\n        ? child.props.tooltip\n        : null;\n    };\n    const warnedRef = useRef(false);\n    const pinnedFlags = allElements.map((child) => {\n      const explicit = child.props['data-overflow-pin'] !== undefined;\n      const mirrorable = mirrorLabel(child) !== null;\n      if (\n        import.meta.env.DEV &&\n        !explicit &&\n        !mirrorable &&\n        !warnedRef.current\n      ) {\n        warnedRef.current = true;\n        console.warn(\n          'IconButtonGroup: a child without aria-label / tooltip cannot move into the overflow menu — it stays pinned in the strip.',\n        );\n      }\n      return explicit || !mirrorable;\n    });\n\n    const { containerRef, fullRowRef, triggerProbeRef, visible, overflowing } =\n      usePriorityOverflow({\n        enabled: overflowEnabled,\n        count: allElements.length,\n        pinned: pinnedFlags,\n      });\n\n    const triggerNodeRef = useRef<HTMLButtonElement | null>(null);\n\n    /* ---- Build enhanced children ---------------------------------- */\n    const childArray = overflowEnabled\n      ? allElements.filter((_, i) => visible[i])\n      : Children.toArray(children);\n    if (overflowEnabled) {\n      buttonsRef.current.length = childArray.length + (overflowing ? 1 : 0);\n    }\n    // Mirror into a ref so the keydown handler (referenced from Memo deps)\n    // can read the latest child list without inflating the dep array.\n    const childArrayRef = useRef<ReturnType<typeof Children.toArray>>([]);\n    childArrayRef.current = childArray;\n\n    // APG radiogroup pattern: Tab must land on the CHECKED radio, not the\n    // first one. Keep the roving tab stop pinned to the selected child —\n    // covers initial mount (checked child not first) and controlled value\n    // changes. Arrow/click interactions already align focusIndex with the\n    // selection, so this effect is a no-op for them.\n    const checkedIndex =\n      role === 'radiogroup' && mode === 'toggle-single'\n        ? childArray.findIndex(\n            (child) =>\n              isValidElement(child) &&\n              (child as ReactElement<{ value?: string }>).props.value ===\n                resolvedValue,\n          )\n        : -1;\n    useEffect(() => {\n      if (checkedIndex >= 0) setFocusIndex(checkedIndex);\n    }, [checkedIndex]);\n\n    const visibleCount = childArray.length;\n    // Clamp the roving focus when items move into the menu; hand real focus\n    // to the trigger only when the focused node was the one that left.\n    useEffect(() => {\n      if (!rovingTabindex || !overflowEnabled) return;\n      const total = visibleCount + (overflowing ? 1 : 0);\n      if (total > 0 && focusIndex >= total) {\n        setFocusIndex(total - 1);\n        if (document.activeElement === document.body) {\n          triggerNodeRef.current?.focus();\n        }\n      }\n    }, [\n      rovingTabindex,\n      overflowEnabled,\n      visibleCount,\n      overflowing,\n      focusIndex,\n    ]);\n\n    /* The roving tabindex seeds at 0, but an HTML-disabled child takes\n       no tabindex at all — if the first children are disabled (a Save\n       that is not yet committable, say) Tab could not enter the group\n       and its remaining buttons became unreachable. Seed on the first\n       child that can actually hold focus; the arrow keys already skip\n       disabled children the same way. */\n    /* `loading` counts: Button renders `disabled={disabled || loading}`,\n       so a leading loading child takes no tab stop either. */\n    const childIsDisabled = (child: unknown): boolean => {\n      if (!isValidElement(child)) return false;\n      const props = (\n        child as ReactElement<{\n          disabled?: boolean;\n          loading?: boolean;\n        }>\n      ).props;\n      return props.disabled === true || props.loading === true;\n    };\n    const firstFocusable = childArray.findIndex((c) => !childIsDisabled(c));\n    const effectiveFocusIndex = !childIsDisabled(childArray[focusIndex])\n      ? focusIndex\n      : firstFocusable !== -1\n        ? firstFocusable\n        : /* Every visible child is disabled: the overflow trigger is the\n             only thing left that can hold focus. Without this the group\n             has no tab stop at all and the menu is unreachable. */\n          overflowing\n          ? visibleCount\n          : focusIndex;\n\n    const enhanced = childArray.map((child, index) => {\n      if (!isValidElement(child)) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'IconButtonGroup: children should be <IconButton> elements.',\n          );\n        }\n        return child;\n      }\n\n      const childEl = child as ReactElement<\n        IconButtonProps & {\n          value?: string;\n          asChild?: boolean;\n          children?: ReactNode;\n          onClick?: React.MouseEventHandler<HTMLButtonElement>;\n        }\n      >;\n\n      // DEV-time sanity: warn if we got something that isn't an IconButton.\n      // `React.cloneElement` would still work, but IconButton-specific\n      // props (::before target size, forwarded tooltip) wouldn't apply.\n      // `asChild` wrappers (e.g. DropdownMenu.Trigger) are fine when they\n      // Slot-merge the cloned props onto their own IconButton child, as are\n      // components that declare a static `rendersIconButton` marker (the\n      // DataTable toolbar leaves — each renders one IconButton trigger and\n      // forwards ref/tabIndex/onFocus to it).\n      if (import.meta.env.DEV && childEl.type !== IconButton) {\n        const slotChild =\n          childEl.props.asChild === true ? childEl.props.children : null;\n        const wrapsIconButton =\n          isValidElement(slotChild) && slotChild.type === IconButton;\n        const rendersIconButton =\n          (childEl.type as { rendersIconButton?: boolean })\n            .rendersIconButton === true;\n        if (!wrapsIconButton && !rendersIconButton) {\n          console.warn(\n            'IconButtonGroup: each child should be a DS <IconButton>. Other elements break target-size + focus-ring contracts.',\n          );\n        }\n      }\n\n      const childValue = childEl.props.value;\n\n      // Compute aria-pressed / aria-checked for toggle modes.\n      const { ariaPressed, ariaChecked } = computeToggleAria(\n        mode,\n        role,\n        childValue,\n        resolvedValue,\n      );\n\n      const groupDisabled = disabled === true;\n      const childDisabled = childEl.props.disabled === true;\n\n      // Click handling — wrap so aria-disabled (group-level) blocks\n      // activation, then forward to the child's own onClick.\n      const wrappedOnClick: React.MouseEventHandler<HTMLButtonElement> = (\n        event,\n      ) => {\n        // aria-disabled is advisory; the native click still fires. Block\n        // it explicitly when the GROUP (not the child) is disabled.\n        if (groupDisabled) {\n          event.preventDefault();\n          event.stopPropagation();\n          return;\n        }\n        // Forward to the child's own handler first so consumers can run\n        // analytics / preventDefault.\n        childEl.props.onClick?.(event);\n        if (event.defaultPrevented) return;\n        if (!childValue) return;\n        if (mode === 'toggle-single') {\n          // Contract: exactly one pressed. Clicking the pressed one is a\n          // no-op. This matches Radix ToggleGroup type='single' and the\n          // radiogroup pattern.\n          if (resolvedValue === childValue) return;\n          commitValue(childValue);\n        } else if (mode === 'toggle-multi') {\n          const list = resolvedValue as string[];\n          const next = list.includes(childValue)\n            ? list.filter((v) => v !== childValue)\n            : [...list, childValue];\n          commitValue(next);\n        }\n      };\n\n      // cloneElement's typed overload rejects `ref` as a prop, so we\n      // build the override bag as `unknown` and cast to the element's\n      // prop type. React at runtime routes `ref` via its usual channel.\n      const setMergedRef = (node: HTMLButtonElement | null) => {\n        registerIndex(index, node);\n        const originalRef = (\n          childEl as unknown as { ref?: React.Ref<HTMLButtonElement> }\n        ).ref;\n        if (typeof originalRef === 'function') originalRef(node);\n        else if (\n          originalRef !== null &&\n          originalRef !== undefined &&\n          typeof originalRef === 'object'\n        ) {\n          (\n            originalRef as React.MutableRefObject<HTMLButtonElement | null>\n          ).current = node;\n        }\n      };\n\n      // Per the user story: group-level disabled injects `aria-disabled`\n      // so the child stays focusable; child-level `disabled` still uses\n      // the HTML attribute (child's own contract). When both are true\n      // we leave the HTML disabled in place (strictest cue wins).\n      const ariaDisabled = groupDisabled && !childDisabled ? true : undefined;\n\n      // If the group is disabled OR we are in a toggle mode, we need the\n      // wrapped click handler. In pure momentary mode with no group\n      // disable, the child's own onClick is passed through unchanged.\n      const needsWrappedClick = mode !== 'momentary' || groupDisabled;\n\n      const overrides = {\n        intent: childEl.props.intent ?? intent,\n        size: childEl.props.size ?? size,\n        disabled: childDisabled,\n        'aria-disabled': ariaDisabled,\n        onClick: needsWrappedClick ? wrappedOnClick : childEl.props.onClick,\n        'aria-pressed': ariaPressed,\n        'aria-checked': ariaChecked,\n        // When the group is a radiogroup, children must be `role=\"radio\"`\n        // so screen readers announce them as radio buttons and so\n        // `getByRole('radio')` works in tests. The button element is\n        // re-purposed as a radio; `aria-checked` above carries the state.\n        role: role === 'radiogroup' ? 'radio' : undefined,\n        tabIndex: rovingTabindex\n          ? index === effectiveFocusIndex\n            ? 0\n            : -1\n          : undefined,\n        onFocus: (ev: React.FocusEvent<HTMLButtonElement>) => {\n          if (rovingTabindex) setFocusIndex(index);\n          childEl.props.onFocus?.(ev);\n        },\n        ref: setMergedRef,\n      } as unknown as Partial<IconButtonProps>;\n\n      return cloneElement(childEl, overrides);\n    });\n\n    const mergedRootRef = (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref && typeof ref === 'object') {\n        (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }\n    };\n\n    if (!overflowEnabled) {\n      return (\n        <div\n          ref={mergedRootRef}\n          role={role}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-orientation={role === 'toolbar' ? orientation : undefined}\n          onKeyDown={handleRootKeyDown}\n          className={iconButtonGroupVariants({ orientation, className })}\n          data-component=\"icon-button-group\"\n          {...rest}\n        >\n          {enhanced}\n        </div>\n      );\n    }\n\n    /* ---- Menu path: measurement rows + strip + ellipsis trigger ---- */\n    const moreLabel = t('buttonGroup.more', 'More options');\n    const groupDisabled = disabled === true;\n    const overflowItems = allElements\n      .map((childEl, i) => ({ childEl, i }))\n      .filter(({ i }) => !visible[i]);\n\n    let menuContent: ReactNode = null;\n    if (mode === 'toggle-single') {\n      menuContent = (\n        <DropdownMenu.RadioGroup\n          value={resolvedValue as string}\n          onValueChange={(v) => {\n            if (!groupDisabled && v !== resolvedValue) commitValue(v);\n          }}\n        >\n          {overflowItems.map(({ childEl, i }) => (\n            <DropdownMenu.RadioItem\n              key={childEl.key ?? i}\n              value={childEl.props.value ?? ''}\n              disabled={groupDisabled || childEl.props.disabled === true}\n            >\n              {mirrorLabel(childEl)}\n            </DropdownMenu.RadioItem>\n          ))}\n        </DropdownMenu.RadioGroup>\n      );\n    } else if (mode === 'toggle-multi') {\n      menuContent = overflowItems.map(({ childEl, i }) => {\n        const v = childEl.props.value;\n        const list = resolvedValue as string[];\n        const checked = v ? list.includes(v) : false;\n        return (\n          <DropdownMenu.CheckboxItem\n            key={childEl.key ?? i}\n            checked={checked}\n            disabled={groupDisabled || childEl.props.disabled === true}\n            onCheckedChange={() => {\n              if (groupDisabled || !v) return;\n              commitValue(checked ? list.filter((x) => x !== v) : [...list, v]);\n            }}\n          >\n            {mirrorLabel(childEl)}\n          </DropdownMenu.CheckboxItem>\n        );\n      });\n    } else {\n      menuContent = overflowItems.map(({ childEl, i }) => (\n        <DropdownMenu.Item\n          key={childEl.key ?? i}\n          startIcon={childEl.props.icon}\n          disabled={groupDisabled || childEl.props.disabled === true}\n          onSelect={(event) => {\n            childEl.props.onClick?.(\n              event as unknown as React.MouseEvent<HTMLButtonElement>,\n            );\n          }}\n        >\n          {mirrorLabel(childEl)}\n        </DropdownMenu.Item>\n      ));\n    }\n\n    const trigger = overflowing ? (\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            icon={<Ellipsis />}\n            intent={intent}\n            size={size}\n            aria-label={moreLabel}\n            ref={(node: HTMLButtonElement | null) => {\n              triggerNodeRef.current = node;\n              registerIndex(visibleCount, node);\n            }}\n            tabIndex={\n              rovingTabindex\n                ? effectiveFocusIndex === visibleCount\n                  ? 0\n                  : -1\n                : undefined\n            }\n            onFocus={\n              rovingTabindex ? () => setFocusIndex(visibleCount) : undefined\n            }\n          />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"end\">{menuContent}</DropdownMenu.Content>\n      </DropdownMenu.Root>\n    ) : null;\n\n    const stripClasses = iconButtonGroupVariants({ orientation });\n    // A radiogroup may own only radios, so its trigger sits beside the strip;\n    // toolbar / group keep the trigger inside as the last joined control.\n    const triggerInside = role !== 'radiogroup';\n    const stripDiv = (\n      <div\n        role={role}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-orientation={role === 'toolbar' ? orientation : undefined}\n        onKeyDown={triggerInside ? handleRootKeyDown : undefined}\n        className={`${stripClasses} ds:max-w-full`}\n      >\n        {enhanced}\n        {triggerInside ? trigger : null}\n      </div>\n    );\n\n    return (\n      <div\n        ref={mergedRootRef}\n        data-component=\"icon-button-group\"\n        className={[\n          'ds:relative ds:block ds:w-full ds:min-w-0 ds:overflow-x-clip',\n          className ?? '',\n        ]\n          .join(' ')\n          .trim()}\n        {...rest}\n      >\n        <div ref={containerRef} className=\"ds:block ds:w-full ds:min-w-0\">\n          <div\n            ref={fullRowRef}\n            aria-hidden=\"true\"\n            inert\n            className={`${MEASURE_ROW_CLASSES} ${stripClasses}`}\n          >\n            {allElements.map((childEl, i) =>\n              cloneElement(childEl, {\n                key: childEl.key ?? i,\n                intent: childEl.props.intent ?? intent,\n                size: childEl.props.size ?? size,\n                tabIndex: -1,\n                ref: null,\n              } as Partial<OverflowChildProps>),\n            )}\n          </div>\n          <span\n            ref={triggerProbeRef}\n            aria-hidden=\"true\"\n            inert\n            className={MEASURE_ROW_CLASSES}\n          >\n            <IconButton\n              icon={<Ellipsis />}\n              intent={intent}\n              size={size}\n              aria-label={moreLabel}\n              tabIndex={-1}\n            />\n          </span>\n          {triggerInside ? (\n            stripDiv\n          ) : (\n            // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- non-focusable wrapper; arrow-key roving bubbles up from the focusable IconButtons in the strip and the overflow trigger\n            <div\n              className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\"\n              onKeyDown={handleRootKeyDown}\n            >\n              {stripDiv}\n              {trigger}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nIconButtonGroup.displayName = 'IconButtonGroup';\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\nfunction computeToggleAria(\n  mode: IconButtonGroupMode,\n  role: IconButtonGroupRole,\n  childValue: string | undefined,\n  resolvedValue: string | string[],\n): { ariaPressed?: boolean; ariaChecked?: boolean } {\n  if (mode === 'momentary' || !childValue) return {};\n\n  const isActive =\n    mode === 'toggle-multi'\n      ? (resolvedValue as string[]).includes(childValue)\n      : resolvedValue === childValue;\n\n  // radiogroup uses aria-checked; toolbar/group use aria-pressed.\n  if (role === 'radiogroup') {\n    return { ariaChecked: isActive };\n  }\n  return { ariaPressed: isActive };\n}\n"],"names":["iconButtonGroupVariants","cva","MEASURE_ROW_CLASSES","IconButtonGroup","forwardRef","props","ref","size","orientation","role","mode","disabled","intent","overflow","className","children","ariaLabel","ariaLabelledBy","_value","_defaultValue","_onValueChange","rest","t","useTranslation","overflowEnabled","internalValue","setInternalValue","useState","resolvedValue","p","commitValue","useCallback","next","_a","_b","rovingTabindex","buttonsRef","useRef","focusIndex","setFocusIndex","registerIndex","index","el","rootRef","isRTL","setIsRTL","useIsomorphicLayoutEffect","node","dir","handleRootKeyDown","event","count","forwardKey","backwardKey","maxAttempts","attempts","candidate","child","childArrayRef","cValue","allElements","Children","isValidElement","mirrorLabel","aria","pinnedFlags","explicit","mirrorable","containerRef","fullRowRef","triggerProbeRef","visible","overflowing","usePriorityOverflow","triggerNodeRef","childArray","_","i","checkedIndex","useEffect","visibleCount","total","childIsDisabled","firstFocusable","c","effectiveFocusIndex","enhanced","childEl","childValue","ariaPressed","ariaChecked","computeToggleAria","groupDisabled","childDisabled","wrappedOnClick","list","v","setMergedRef","originalRef","ariaDisabled","needsWrappedClick","overrides","ev","cloneElement","mergedRootRef","jsx","moreLabel","overflowItems","menuContent","DropdownMenu","checked","x","trigger","jsxs","IconButton","Ellipsis","stripClasses","triggerInside","stripDiv","isActive"],"mappings":"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"}