@alfadocs/ui-kit-debug 0.82.0 → 0.83.0

package/dist/_chunks/{icon-button-group-C_lqXTAj.js → icon-button-group-BLHPN6jg.js}

@@ -1,13 +1,13 @@
 import { jsx as a, jsxs as _ } from "react/jsx-runtime";
-import { forwardRef as Le, useState as E, useCallback as U, useRef as L, Children as ce, isValidElement as fe, useEffect as Ne, cloneElement as pe } from "react";
-import { c as je } from "./index-D2ZczOXr.js";
-import { useTranslation as ze } from "react-i18next";
-import { I as ge } from "./icon-button-C_kbcd7I.js";
-import { D as h } from "./dropdown-menu-DU-Hrf33.js";
-import { u as Se } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Be } from "./use-priority-overflow-c9SjxZkZ.js";
-import { E as me } from "./ellipsis-dRo9ouSU.js";
-const be = je(
+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-C_kbcd7I.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(
   [
     "ds:inline-flex ds:isolate",
     // Hairline border around the group unifies the children into one
@@ -52,224 +52,239 @@ const be = je(
       orientation: "horizontal"
     }
   }
-), ve = "ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none", Ke = Le(
-  (d, b) => {
+), he = "ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none", Pe = je(
+  (d, v) => {
     const {
-      size: g,
+      size: m,
       orientation: u = "horizontal",
       role: i = "group",
       mode: n = "momentary",
-      disabled: W = !1,
-      intent: N = "outline",
-      overflow: ye = "none",
-      className: H,
-      children: q,
-      "aria-label": J,
-      "aria-labelledby": Q,
+      disabled: q = !1,
+      intent: S = "outline",
+      overflow: we = "none",
+      className: J,
+      children: Q,
+      "aria-label": X,
+      "aria-labelledby": Y,
       // 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: Te,
-      defaultValue: _e,
-      onValueChange: Fe,
-      ...X
-    } = d, { t: he } = ze(), v = ye === "menu" && u !== "vertical", [Y, Z] = E(
+      value: _e,
+      defaultValue: Fe,
+      onValueChange: Ge,
+      ...Z
+    } = d, { t: ke } = Se(), y = we === "menu" && u !== "vertical", [ee, oe] = U(
       () => n === "toggle-single" ? d.defaultValue ?? "" : n === "toggle-multi" ? d.defaultValue ?? [] : ""
-    ), w = (() => {
+    ), g = (() => {
       if (n === "toggle-single") {
         const e = d;
-        return e.value !== void 0 ? e.value : Y;
+        return e.value !== void 0 ? e.value : ee;
       }
       if (n === "toggle-multi") {
         const e = d;
-        return e.value !== void 0 ? e.value : Y;
+        return e.value !== void 0 ? e.value : ee;
       }
       return "";
-    })(), k = U(
+    })(), k = W(
       (e) => {
         var o, r;
         if (n === "toggle-single") {
           const t = d;
-          t.value === void 0 && Z(e), (o = t.onValueChange) == null || o.call(t, e);
+          t.value === void 0 && oe(e), (o = t.onValueChange) == null || o.call(t, e);
         } else if (n === "toggle-multi") {
           const t = d;
-          t.value === void 0 && Z(e), (r = t.onValueChange) == null || r.call(t, e);
+          t.value === void 0 && oe(e), (r = t.onValueChange) == null || r.call(t, e);
         }
       },
       [n, d]
-    ), m = i === "toolbar" || i === "radiogroup", R = L([]), [y, j] = E(0), ee = U(
+    ), b = i === "toolbar" || i === "radiogroup", R = z([]), [h, I] = U(0), te = W(
       (e, o) => {
         R.current[e] = o;
       },
       []
-    ), oe = L(null), [F, we] = E(!1);
-    Se(() => {
+    ), re = z(null), [F, Ce] = U(!1);
+    Be(() => {
       if (typeof window > "u") return;
-      const e = oe.current;
+      const e = re.current;
       if (!e) return;
       const o = window.getComputedStyle(e).direction;
-      we(o === "rtl");
+      Ce(o === "rtl");
     }, []);
-    const G = U(
+    const G = W(
       (e) => {
-        var P;
-        if (!m) return;
+        var T;
+        if (!b) return;
         const o = R.current.filter(Boolean).length;
         if (o === 0) return;
         const r = u === "vertical" ? "ArrowDown" : F ? "ArrowLeft" : "ArrowRight", t = u === "vertical" ? "ArrowUp" : F ? "ArrowRight" : "ArrowLeft";
         let s = null;
-        if (e.key === r ? s = (y + 1) % o : e.key === t ? s = (y - 1 + o) % o : e.key === "Home" ? s = 0 : e.key === "End" && (s = o - 1), s === null) return;
-        const V = o;
+        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 < V; ) {
+        for (; C < L; ) {
           const f = R.current[c];
           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;
         }
-        if (e.preventDefault(), j(c), (P = R.current[c]) == null || P.focus(), i === "radiogroup" && n === "toggle-single") {
-          const f = ne.current[c];
+        if (e.preventDefault(), I(c), (T = R.current[c]) == null || T.focus(), i === "radiogroup" && n === "toggle-single") {
+          const f = se.current[c];
           if (f && typeof f == "object" && "props" in f) {
-            const T = f.props.value;
-            T && k(T);
+            const N = f.props.value;
+            N && N !== g && k(N);
           }
         }
       },
-      [m, u, F, y, i, n, k]
-    ), I = v ? ce.toArray(q).filter(fe) : [], z = (e) => {
+      [
+        b,
+        u,
+        F,
+        h,
+        i,
+        n,
+        k,
+        g
+      ]
+    ), x = y ? pe.toArray(Q).filter(H) : [], B = (e) => {
       const o = e.props["aria-label"];
       return typeof o == "string" ? o : typeof e.props.tooltip == "string" ? e.props.tooltip : null;
     };
-    L(!1);
-    const ke = I.map((e) => {
-      const o = e.props["data-overflow-pin"] !== void 0, r = z(e) !== null;
+    z(!1);
+    const Re = x.map((e) => {
+      const o = e.props["data-overflow-pin"] !== void 0, r = B(e) !== null;
       return o || !r;
-    }), { containerRef: Ce, fullRowRef: Re, triggerProbeRef: Ie, visible: te, overflowing: S } = Be({
-      enabled: v,
-      count: I.length,
-      pinned: ke
-    }), re = L(null), B = v ? I.filter((e, o) => te[o]) : ce.toArray(q);
-    v && (R.current.length = B.length + (S ? 1 : 0));
-    const ne = L([]);
-    ne.current = B;
-    const x = B.length;
-    Ne(() => {
+    }), { 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
+    ) : -1;
+    ge(() => {
+      M >= 0 && I(M);
+    }, [M]);
+    const V = A.length;
+    ge(() => {
       var o;
-      if (!m || !v) return;
-      const e = x + (S ? 1 : 0);
-      e > 0 && y >= e && (j(e - 1), document.activeElement === document.body && ((o = re.current) == null || o.focus()));
+      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()));
     }, [
-      m,
-      v,
-      x,
-      S,
-      y
+      b,
+      y,
+      V,
+      K,
+      h
     ]);
-    const ie = B.map((e, o) => {
-      if (!fe(e))
+    const ae = A.map((e, o) => {
+      if (!H(e))
         return e;
-      const r = e, t = r.props.value, { ariaPressed: s, ariaChecked: V } = Pe(
+      const r = e, t = r.props.value, { ariaPressed: s, ariaChecked: L } = Te(
         n,
         i,
         t,
-        w
-      ), C = W === !0, c = r.props.disabled === !0, P = (p) => {
-        var l, D;
+        g
+      ), C = q === !0, c = r.props.disabled === !0, T = (p) => {
+        var l, j;
         if (C) {
           p.preventDefault(), p.stopPropagation();
           return;
         }
-        if ((D = (l = r.props).onClick) == null || D.call(l, p), !p.defaultPrevented && t) {
+        if ((j = (l = r.props).onClick) == null || j.call(l, p), !p.defaultPrevented && t) {
           if (n === "toggle-single") {
-            if (w === t) return;
+            if (g === t) return;
             k(t);
           } else if (n === "toggle-multi") {
-            const $ = w, Ve = $.includes(t) ? $.filter((De) => De !== t) : [...$, t];
-            k(Ve);
+            const E = g, Le = E.includes(t) ? E.filter((Ne) => Ne !== t) : [...E, t];
+            k(Le);
           }
         }
       }, f = (p) => {
-        ee(o, p);
+        te(o, p);
         const l = r.ref;
         typeof l == "function" ? l(p) : l != null && typeof l == "object" && (l.current = p);
-      }, T = C && !c ? !0 : void 0, xe = n !== "momentary" || C, Ae = {
-        intent: r.props.intent ?? N,
-        size: r.props.size ?? g,
+      }, N = C && !c ? !0 : void 0, Ve = n !== "momentary" || C, De = {
+        intent: r.props.intent ?? S,
+        size: r.props.size ?? m,
         disabled: c,
-        "aria-disabled": T,
-        onClick: xe ? P : r.props.onClick,
+        "aria-disabled": N,
+        onClick: Ve ? T : r.props.onClick,
         "aria-pressed": s,
-        "aria-checked": V,
+        "aria-checked": L,
         // 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: m ? o === y ? 0 : -1 : void 0,
+        tabIndex: b ? o === h ? 0 : -1 : void 0,
         onFocus: (p) => {
-          var l, D;
-          m && j(o), (D = (l = r.props).onFocus) == null || D.call(l, p);
+          var l, j;
+          b && I(o), (j = (l = r.props).onFocus) == null || j.call(l, p);
         },
         ref: f
       };
-      return pe(r, Ae);
-    }), se = (e) => {
-      oe.current = e, typeof b == "function" ? b(e) : b && typeof b == "object" && (b.current = e);
+      return me(r, De);
+    }), le = (e) => {
+      re.current = e, typeof v == "function" ? v(e) : v && typeof v == "object" && (v.current = e);
     };
-    if (!v)
+    if (!y)
       return /* @__PURE__ */ a(
         "div",
         {
-          ref: se,
+          ref: le,
           role: i,
-          "aria-label": J,
-          "aria-labelledby": Q,
+          "aria-label": X,
+          "aria-labelledby": Y,
           "aria-orientation": i === "toolbar" ? u : void 0,
           onKeyDown: G,
-          className: be({ orientation: u, className: H }),
+          className: ye({ orientation: u, className: J }),
           "data-component": "icon-button-group",
-          ...X,
-          children: ie
+          ...Z,
+          children: ae
         }
       );
-    const ae = he("buttonGroup.more", "More options"), A = W === !0, M = I.map((e, o) => ({ childEl: e, i: o })).filter(({ i: e }) => !te[e]);
-    let K = null;
-    n === "toggle-single" ? K = /* @__PURE__ */ a(
-      h.RadioGroup,
+    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,
       {
-        value: w,
+        value: g,
         onValueChange: (e) => {
-          !A && e !== w && k(e);
+          !D && e !== g && k(e);
         },
-        children: M.map(({ childEl: e, i: o }) => /* @__PURE__ */ a(
-          h.RadioItem,
+        children: O.map(({ childEl: e, i: o }) => /* @__PURE__ */ a(
+          w.RadioItem,
           {
             value: e.props.value ?? "",
-            disabled: A || e.props.disabled === !0,
-            children: z(e)
+            disabled: D || e.props.disabled === !0,
+            children: B(e)
           },
           e.key ?? o
         ))
       }
-    ) : n === "toggle-multi" ? K = M.map(({ childEl: e, i: o }) => {
-      const r = e.props.value, t = w, s = r ? t.includes(r) : !1;
+    ) : n === "toggle-multi" ? P = O.map(({ childEl: e, i: o }) => {
+      const r = e.props.value, t = g, s = r ? t.includes(r) : !1;
       return /* @__PURE__ */ a(
-        h.CheckboxItem,
+        w.CheckboxItem,
         {
           checked: s,
-          disabled: A || e.props.disabled === !0,
+          disabled: D || e.props.disabled === !0,
           onCheckedChange: () => {
-            A || !r || k(s ? t.filter((V) => V !== r) : [...t, r]);
+            D || !r || k(s ? t.filter((L) => L !== r) : [...t, r]);
           },
-          children: z(e)
+          children: B(e)
         },
         e.key ?? o
       );
-    }) : K = M.map(({ childEl: e, i: o }) => /* @__PURE__ */ a(
-      h.Item,
+    }) : P = O.map(({ childEl: e, i: o }) => /* @__PURE__ */ a(
+      w.Item,
       {
         startIcon: e.props.icon,
-        disabled: A || e.props.disabled === !0,
+        disabled: D || e.props.disabled === !0,
         onSelect: (r) => {
           var t, s;
           (s = (t = e.props).onClick) == null || s.call(
@@ -277,64 +292,64 @@ const be = je(
             r
           );
         },
-        children: z(e)
+        children: B(e)
       },
       e.key ?? o
     ));
-    const le = S ? /* @__PURE__ */ _(h.Root, { children: [
-      /* @__PURE__ */ a(h.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
-        ge,
+    const ue = K ? /* @__PURE__ */ _(w.Root, { children: [
+      /* @__PURE__ */ a(w.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
+        be,
         {
-          icon: /* @__PURE__ */ a(me, {}),
-          intent: N,
-          size: g,
-          "aria-label": ae,
+          icon: /* @__PURE__ */ a(ve, {}),
+          intent: S,
+          size: m,
+          "aria-label": de,
           ref: (e) => {
-            re.current = e, ee(x, e);
+            ie.current = e, te(V, e);
           },
-          tabIndex: m ? y === x ? 0 : -1 : void 0,
-          onFocus: m ? () => j(x) : void 0
+          tabIndex: b ? h === V ? 0 : -1 : void 0,
+          onFocus: b ? () => I(V) : void 0
         }
       ) }),
-      /* @__PURE__ */ a(h.Content, { align: "end", children: K })
-    ] }) : null, de = be({ orientation: u }), O = i !== "radiogroup", ue = /* @__PURE__ */ _(
+      /* @__PURE__ */ a(w.Content, { align: "end", children: P })
+    ] }) : null, ce = ye({ orientation: u }), $ = i !== "radiogroup", fe = /* @__PURE__ */ _(
       "div",
       {
         role: i,
-        "aria-label": J,
-        "aria-labelledby": Q,
+        "aria-label": X,
+        "aria-labelledby": Y,
         "aria-orientation": i === "toolbar" ? u : void 0,
-        onKeyDown: O ? G : void 0,
-        className: `${de} ds:max-w-full`,
+        onKeyDown: $ ? G : void 0,
+        className: `${ce} ds:max-w-full`,
         children: [
-          ie,
-          O ? le : null
+          ae,
+          $ ? ue : null
         ]
       }
     );
     return /* @__PURE__ */ a(
       "div",
       {
-        ref: se,
+        ref: le,
         "data-component": "icon-button-group",
         className: [
           "ds:relative ds:block ds:w-full ds:min-w-0 ds:overflow-x-clip",
-          H ?? ""
+          J ?? ""
         ].join(" ").trim(),
-        ...X,
-        children: /* @__PURE__ */ _("div", { ref: Ce, className: "ds:block ds:w-full ds:min-w-0", children: [
+        ...Z,
+        children: /* @__PURE__ */ _("div", { ref: Ie, className: "ds:block ds:w-full ds:min-w-0", children: [
           /* @__PURE__ */ a(
             "div",
             {
-              ref: Re,
+              ref: xe,
               "aria-hidden": "true",
               inert: !0,
-              className: `${ve} ${de}`,
-              children: I.map(
-                (e, o) => pe(e, {
+              className: `${he} ${ce}`,
+              children: x.map(
+                (e, o) => me(e, {
                   key: e.key ?? o,
-                  intent: e.props.intent ?? N,
-                  size: e.props.size ?? g,
+                  intent: e.props.intent ?? S,
+                  size: e.props.size ?? m,
                   tabIndex: -1,
                   ref: null
                 })
@@ -344,23 +359,23 @@ const be = je(
           /* @__PURE__ */ a(
             "span",
             {
-              ref: Ie,
+              ref: Ae,
               "aria-hidden": "true",
               inert: !0,
-              className: ve,
+              className: he,
               children: /* @__PURE__ */ a(
-                ge,
+                be,
                 {
-                  icon: /* @__PURE__ */ a(me, {}),
-                  intent: N,
-                  size: g,
-                  "aria-label": ae,
+                  icon: /* @__PURE__ */ a(ve, {}),
+                  intent: S,
+                  size: m,
+                  "aria-label": de,
                   tabIndex: -1
                 }
               )
             }
           ),
-          O ? ue : (
+          $ ? fe : (
             // 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__ */ _(
               "div",
@@ -368,8 +383,8 @@ const be = je(
                 className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
                 onKeyDown: G,
                 children: [
-                  ue,
-                  le
+                  fe,
+                  ue
                 ]
               }
             )
@@ -379,13 +394,13 @@ const be = je(
     );
   }
 );
-Ke.displayName = "IconButtonGroup";
-function Pe(d, b, g, u) {
-  if (d === "momentary" || !g) return {};
-  const i = d === "toggle-multi" ? u.includes(g) : u === g;
-  return b === "radiogroup" ? { ariaChecked: i } : { ariaPressed: i };
+Pe.displayName = "IconButtonGroup";
+function Te(d, v, m, u) {
+  if (d === "momentary" || !m) return {};
+  const i = d === "toggle-multi" ? u.includes(m) : u === m;
+  return v === "radiogroup" ? { ariaChecked: i } : { ariaPressed: i };
 }
 export {
-  Ke as I
+  Pe as I
 };
-//# sourceMappingURL=icon-button-group-C_lqXTAj.js.map
+//# sourceMappingURL=icon-button-group-BLHPN6jg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-group-BLHPN6jg.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    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 ? (index === focusIndex ? 0 : -1) : 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                ? focusIndex === 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","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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"}