@alfadocs/ui-kit 0.0.20 → 0.1.1

package/dist/_chunks/{icon-button-group-tERESY-n.js → icon-button-group-BnhkUWUg.js}

@@ -3,42 +3,42 @@ import { forwardRef as _, useState as x, useCallback as D, useRef as j, useLayou
 import { c as oe } from "./index-D2ZczOXr.js";
 const ne = oe(
   [
-    "inline-flex isolate",
+    "ds:inline-flex ds:isolate",
     // Hairline border around the group unifies the children into one
     // visual unit. Internal child dividers are drawn via the per-child
     // class list below.
-    "border border-border",
-    "rounded-[var(--radius-md)]",
+    "ds:border ds:border-border",
+    "ds:rounded-[var(--radius-md)]",
     // Ensure the focus ring of a pressed child sits above its siblings.
-    "[&>*]:relative [&>*:focus-visible]:z-10"
+    "ds:[&>*]:relative ds:[&>*:focus-visible]:z-10"
   ].join(" "),
   {
     variants: {
       orientation: {
         horizontal: [
-          "flex-row",
+          "ds:flex-row",
           // Flatten internal corners on children so the outer radius owns
           // the rounded edges.
-          "[&>*:not(:first-child)]:rounded-s-none",
-          "[&>*:not(:last-child)]:rounded-e-none",
+          "ds:[&>*:not(:first-child)]:rounded-s-none",
+          "ds:[&>*:not(:last-child)]:rounded-e-none",
           // Internal divider — logical so it flips in RTL.
-          "[&>*:not(:first-child)]:border-s",
-          "[&>*:not(:first-child)]:border-border",
+          "ds:[&>*:not(:first-child)]:border-s",
+          "ds:[&>*:not(:first-child)]:border-border",
           // The children already own an outer border (from IconButton's
           // own border in secondary/outline variants). Collapse the doubled
           // border so we don't get a 2px seam.
-          "[&>*]:border-0"
+          "ds:[&>*]:border-0"
         ].join(" "),
         vertical: [
-          "flex-col",
+          "ds:flex-col",
           // Vertical groups flow block-wise. Reading direction doesn't
           // invert vertical stacks in any locale this DS targets, so the
           // physical `rounded-t/b` is intentional.
-          "[&>*:not(:first-child)]:rounded-t-none",
-          "[&>*:not(:last-child)]:rounded-b-none",
-          "[&>*:not(:first-child)]:border-t",
-          "[&>*:not(:first-child)]:border-border",
-          "[&>*]:border-0"
+          "ds:[&>*:not(:first-child)]:rounded-t-none",
+          "ds:[&>*:not(:last-child)]:rounded-b-none",
+          "ds:[&>*:not(:first-child)]:border-t",
+          "ds:[&>*:not(:first-child)]:border-border",
+          "ds:[&>*]:border-0"
         ].join(" ")
       }
     },
@@ -47,11 +47,11 @@ const ne = oe(
     }
   }
 ), ie = _(
-  (l, g) => {
+  (s, g) => {
     const {
       size: b,
       orientation: u = "horizontal",
-      role: a = "group",
+      role: l = "group",
       mode: n = "momentary",
       disabled: T = !1,
       intent: F = "outline",
@@ -60,15 +60,15 @@ const ne = oe(
       "aria-label": S,
       "aria-labelledby": H,
       ...M
-    } = l, [z, L] = x(
-      () => n === "toggle-single" ? l.defaultValue ?? "" : n === "toggle-multi" ? l.defaultValue ?? [] : ""
+    } = s, [z, L] = x(
+      () => n === "toggle-single" ? s.defaultValue ?? "" : n === "toggle-multi" ? s.defaultValue ?? [] : ""
     ), A = (() => {
       if (n === "toggle-single") {
-        const e = l;
+        const e = s;
         return e.value !== void 0 ? e.value : z;
       }
       if (n === "toggle-multi") {
-        const e = l;
+        const e = s;
         return e.value !== void 0 ? e.value : z;
       }
       return "";
@@ -76,15 +76,15 @@ const ne = oe(
       (e) => {
         var t, o;
         if (n === "toggle-single") {
-          const r = l;
+          const r = s;
           r.value === void 0 && L(e), (t = r.onValueChange) == null || t.call(r, e);
         } else if (n === "toggle-multi") {
-          const r = l;
+          const r = s;
           r.value === void 0 && L(e), (o = r.onValueChange) == null || o.call(r, e);
         }
       },
-      [n, l]
-    ), h = a === "toolbar" || a === "radiogroup", v = j([]), [w, E] = x(0), O = D(
+      [n, s]
+    ), h = l === "toolbar" || l === "radiogroup", v = j([]), [w, E] = x(0), O = D(
       (e, t) => {
         v.current[e] = t;
       },
@@ -107,39 +107,39 @@ const ne = oe(
         let f = null;
         if (e.key === o ? f = (w + 1) % t : e.key === r ? f = (w - 1 + t) % t : e.key === "Home" ? f = 0 : e.key === "End" && (f = t - 1), f === null) return;
         const V = t;
-        let p = 0, s = f;
+        let p = 0, a = f;
         for (; p < V; ) {
-          const c = v.current[s];
-          if (c && c.getAttribute("aria-disabled") !== "true" && !c.disabled)
+          const d = v.current[a];
+          if (d && d.getAttribute("aria-disabled") !== "true" && !d.disabled)
             break;
-          s = e.key === r || e.key === "End" ? (s - 1 + t) % t : (s + 1) % t, p += 1;
+          a = e.key === r || e.key === "End" ? (a - 1 + t) % t : (a + 1) % t, p += 1;
         }
-        if (e.preventDefault(), E(s), (k = v.current[s]) == null || k.focus(), a === "radiogroup" && n === "toggle-single") {
-          const c = P.current[s];
-          if (c && typeof c == "object" && "props" in c) {
-            const R = c.props.value;
+        if (e.preventDefault(), E(a), (k = v.current[a]) == null || k.focus(), l === "radiogroup" && n === "toggle-single") {
+          const d = P.current[a];
+          if (d && typeof d == "object" && "props" in d) {
+            const R = d.props.value;
             R && y(R);
           }
         }
       },
-      [h, u, C, w, a, n, y]
+      [h, u, C, w, l, n, y]
     ), K = ee.toArray(N), P = j([]);
     P.current = K;
     const q = K.map((e, t) => {
       if (!te(e))
         return e;
-      const o = e, r = o.props.value, { ariaPressed: f, ariaChecked: V } = le(
+      const o = e, r = o.props.value, { ariaPressed: f, ariaChecked: V } = se(
         n,
-        a,
+        l,
         r,
         A
-      ), p = T === !0, s = o.props.disabled === !0, k = (d) => {
+      ), p = T === !0, a = o.props.disabled === !0, k = (c) => {
         var i, m;
         if (p) {
-          d.preventDefault(), d.stopPropagation();
+          c.preventDefault(), c.stopPropagation();
           return;
         }
-        if ((m = (i = o.props).onClick) == null || m.call(i, d), !d.defaultPrevented && r) {
+        if ((m = (i = o.props).onClick) == null || m.call(i, c), !c.defaultPrevented && r) {
           if (n === "toggle-single") {
             if (A === r) return;
             y(r);
@@ -148,14 +148,14 @@ const ne = oe(
             y(X);
           }
         }
-      }, c = (d) => {
-        O(t, d);
+      }, d = (c) => {
+        O(t, c);
         const i = o.ref;
-        typeof i == "function" ? i(d) : i != null && typeof i == "object" && (i.current = d);
-      }, R = p && !s ? !0 : void 0, J = n !== "momentary" || p, Q = {
+        typeof i == "function" ? i(c) : i != null && typeof i == "object" && (i.current = c);
+      }, R = p && !a ? !0 : void 0, J = n !== "momentary" || p, Q = {
         intent: o.props.intent ?? F,
         size: o.props.size ?? b,
-        disabled: s,
+        disabled: a,
         "aria-disabled": R,
         onClick: J ? k : o.props.onClick,
         "aria-pressed": f,
@@ -164,13 +164,13 @@ const ne = oe(
         // 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: a === "radiogroup" ? "radio" : void 0,
+        role: l === "radiogroup" ? "radio" : void 0,
         tabIndex: h ? t === w ? 0 : -1 : void 0,
-        onFocus: (d) => {
+        onFocus: (c) => {
           var i, m;
-          h && E(t), (m = (i = o.props).onFocus) == null || m.call(i, d);
+          h && E(t), (m = (i = o.props).onFocus) == null || m.call(i, c);
         },
-        ref: c
+        ref: d
       };
       return re(o, Q);
     });
@@ -180,10 +180,10 @@ const ne = oe(
         ref: (e) => {
           B.current = e, typeof g == "function" ? g(e) : g && typeof g == "object" && (g.current = e);
         },
-        role: a,
+        role: l,
         "aria-label": S,
         "aria-labelledby": H,
-        "aria-orientation": a === "toolbar" ? u : void 0,
+        "aria-orientation": l === "toolbar" ? u : void 0,
         onKeyDown: W,
         className: ne({ orientation: u, className: G }),
         ...M,
@@ -193,12 +193,12 @@ const ne = oe(
   }
 );
 ie.displayName = "IconButtonGroup";
-function le(l, g, b, u) {
-  if (l === "momentary" || !b) return {};
-  const a = l === "toggle-multi" ? u.includes(b) : u === b;
-  return g === "radiogroup" ? { ariaChecked: a } : { ariaPressed: a };
+function se(s, g, b, u) {
+  if (s === "momentary" || !b) return {};
+  const l = s === "toggle-multi" ? u.includes(b) : u === b;
+  return g === "radiogroup" ? { ariaChecked: l } : { ariaPressed: l };
 }
 export {
   ie as I
 };
-//# sourceMappingURL=icon-button-group-tERESY-n.js.map
+//# sourceMappingURL=icon-button-group-BnhkUWUg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-group-BnhkUWUg.js","sources":["../../src/components/icon-button-group/icon-button-group.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useLayoutEffect,\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 { IconButton, type IconButtonProps } from '../button/icon-button';\nimport type { ButtonProps } from '../button/button';\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/* ------------------------------------------------------------------ */\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  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      className,\n      children,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      ...rest\n    } = props as IconButtonGroupProps & { className?: string };\n\n    if (import.meta.env.DEV && !ariaLabel && !ariaLabelledBy) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'IconButtonGroup: `aria-label` or `aria-labelledby` is required for accessibility.',\n      );\n    }\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    useLayoutEffect(() => {\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 (el && el.getAttribute('aria-disabled') !== 'true' && !el.disabled) {\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 = (\n              child as ReactElement<{ value?: string }>\n            ).props.value;\n            if (cValue) commitValue(cValue);\n          }\n        }\n      },\n      [rovingTabindex, orientation, isRTL, focusIndex, role, mode, commitValue],\n    );\n\n    /* ---- Build enhanced children ---------------------------------- */\n    const childArray = Children.toArray(children);\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    const enhanced = childArray.map((child, index) => {\n      if (!isValidElement(child)) {\n        if (import.meta.env.DEV) {\n          // eslint-disable-next-line no-console\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          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      if (import.meta.env.DEV && childEl.type !== IconButton) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          'IconButtonGroup: each child should be a DS <IconButton>. Other elements break target-size + focus-ring contracts.',\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          (originalRef as React.MutableRefObject<HTMLButtonElement | null>).current =\n            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    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        {...rest}\n      >\n        {enhanced}\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\n"],"names":["iconButtonGroupVariants","cva","IconButtonGroup","forwardRef","props","ref","size","orientation","role","mode","disabled","intent","className","children","ariaLabel","ariaLabelledBy","rest","internalValue","setInternalValue","useState","resolvedValue","p","commitValue","useCallback","next","_a","_b","rovingTabindex","buttonsRef","useRef","focusIndex","setFocusIndex","registerIndex","index","el","rootRef","isRTL","setIsRTL","useLayoutEffect","node","dir","handleRootKeyDown","event","count","forwardKey","backwardKey","maxAttempts","attempts","candidate","child","childArrayRef","cValue","childArray","Children","enhanced","isValidElement","childEl","childValue","ariaPressed","ariaChecked","computeToggleAria","groupDisabled","childDisabled","wrappedOnClick","list","v","setMergedRef","originalRef","ariaDisabled","needsWrappedClick","overrides","ev","cloneElement","jsx","isActive"],"mappings":"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"}

package/dist/_chunks/{kbd-0iPlQjgC.js → kbd-DTcIjYA7.js}

@@ -1,11 +1,11 @@
-import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
 import { forwardRef as z, useState as C, useEffect as T, Fragment as L } from "react";
 import { c as x } from "./index-D2ZczOXr.js";
 import { useTranslation as R } from "react-i18next";
 function K() {
   if (typeof navigator > "u") return !1;
-  const n = navigator.userAgentData, a = (n == null ? void 0 : n.platform) ?? navigator.platform ?? "";
-  return /mac/i.test(a);
+  const n = navigator.userAgentData, r = (n == null ? void 0 : n.platform) ?? navigator.platform ?? "";
+  return /mac/i.test(r);
 }
 const S = {
   Meta: "⌘",
@@ -69,38 +69,38 @@ const S = {
 function j(n) {
   return n === "Meta" || n === "Control" || n === "Alt" || n === "Shift" || n === "Enter" || n === "Escape" || n === "Space" || n === "Tab" || n === "Delete" || n === "Backspace" || n === "ArrowUp" || n === "ArrowDown" || n === "ArrowLeft" || n === "ArrowRight";
 }
-function w(n, a) {
-  return j(n) ? (a ? S : E)[n] : n;
+function w(n, r) {
+  return j(n) ? (r ? S : E)[n] : n;
 }
 function A(n) {
   return j(n) ? N[n] : n;
 }
 const h = x(
   [
-    "inline-flex items-center justify-center",
-    "font-[family-name:var(--font-mono)]",
-    "tabular-nums",
-    "rounded-[var(--radius-sm)]",
-    "select-none",
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:font-[family-name:var(--font-mono)]",
+    "ds:tabular-nums",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:select-none",
     // Tight minimum size so single-key pills never collapse.
-    "min-inline-size-[1.5em] min-block-size-[1.5em]"
+    "ds:min-inline-size-[1.5em] ds:min-block-size-[1.5em]"
   ].join(" "),
   {
     variants: {
       size: {
-        sm: "text-[length:var(--font-size-xs)] ps-[calc(var(--spacing-xs)/1.5)] pe-[calc(var(--spacing-xs)/1.5)]",
-        md: "text-[length:var(--font-size-xs)] ps-[var(--spacing-xs)] pe-[var(--spacing-xs)]",
-        lg: "text-[length:var(--font-size-sm)] ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]"
+        sm: "ds:text-[length:var(--font-size-xs)] ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]",
+        md: "ds:text-[length:var(--font-size-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
+        lg: "ds:text-[length:var(--font-size-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]"
       },
       intensity: {
         outline: [
-          "bg-[var(--background)]",
-          "border border-[color:var(--border)]",
-          "text-[color:var(--foreground)]"
+          "ds:bg-[var(--background)]",
+          "ds:border ds:border-[color:var(--border)]",
+          "ds:text-[color:var(--foreground)]"
         ].join(" "),
         solid: [
-          "bg-[var(--muted)]",
-          "text-[color:var(--foreground)]"
+          "ds:bg-[var(--muted)]",
+          "ds:text-[color:var(--foreground)]"
         ].join(" ")
       }
     },
@@ -108,88 +108,88 @@ const h = x(
   }
 ), U = x(
   [
-    "inline-flex items-center",
-    "gap-[calc(var(--spacing-xs)/2)]",
+    "ds:inline-flex ds:items-center",
+    "ds:gap-[calc(var(--spacing-xs)/2)]",
     // Group shouldn't visually render as a pill itself — just holds pills.
-    "font-[family-name:var(--font-mono)]"
+    "ds:font-[family-name:var(--font-mono)]"
   ].join(" ")
-), $ = z((n, a) => {
+), $ = z((n, r) => {
   const {
     size: l = "md",
     intensity: d = "outline",
     separator: g = "none",
-    glyphMap: r,
+    glyphMap: t,
     className: m,
     ...p
   } = n, { t: f } = R(), [b, k] = C(!1);
   if (T(() => {
     k(K());
   }, []), "children" in n && n.children !== void 0)
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ a(
       "kbd",
       {
-        ref: a,
+        ref: r,
         className: [h({ size: l, intensity: d }), m].filter(Boolean).join(" "),
         ...p,
         children: n.children
       }
     );
-  const s = n.keys;
-  if (s.length === 1) {
-    const e = s[0], t = r == null ? void 0 : r[e], c = (t == null ? void 0 : t.glyph) ?? w(e, b), i = (t == null ? void 0 : t.spoken) ?? A(e);
+  const o = n.keys;
+  if (o.length === 1) {
+    const e = o[0], s = t == null ? void 0 : t[e], c = (s == null ? void 0 : s.glyph) ?? w(e, b), i = (s == null ? void 0 : s.spoken) ?? A(e);
     return /* @__PURE__ */ u(
       "kbd",
       {
-        ref: a,
+        ref: r,
         className: [h({ size: l, intensity: d }), m].filter(Boolean).join(" "),
         ...p,
         children: [
-          /* @__PURE__ */ o("span", { "aria-hidden": "true", children: c }),
-          /* @__PURE__ */ o("span", { className: "sr-only", children: i })
+          /* @__PURE__ */ a("span", { "aria-hidden": "true", children: c }),
+          /* @__PURE__ */ a("span", { className: "ds:sr-only", children: i })
         ]
       }
     );
   }
-  const v = s.map((e) => {
-    var t;
-    return ((t = r == null ? void 0 : r[e]) == null ? void 0 : t.spoken) ?? A(e);
+  const v = o.map((e) => {
+    var s;
+    return ((s = t == null ? void 0 : t[e]) == null ? void 0 : s.spoken) ?? A(e);
   }).join(" ");
   if (g === "none")
     return /* @__PURE__ */ u(
       "kbd",
       {
-        ref: a,
+        ref: r,
         className: [h({ size: l, intensity: d }), m].filter(Boolean).join(" "),
         ...p,
         children: [
-          s.map((e, t) => {
+          o.map((e, s) => {
             var i;
-            const c = ((i = r == null ? void 0 : r[e]) == null ? void 0 : i.glyph) ?? w(e, b);
-            return /* @__PURE__ */ o("span", { "aria-hidden": "true", children: c }, `${e}-${t}`);
+            const c = ((i = t == null ? void 0 : t[e]) == null ? void 0 : i.glyph) ?? w(e, b);
+            return /* @__PURE__ */ a("span", { "aria-hidden": "true", children: c }, `${e}-${s}`);
           }),
-          /* @__PURE__ */ o("span", { className: "sr-only", children: v })
+          /* @__PURE__ */ a("span", { className: "ds:sr-only", children: v })
         ]
       }
     );
   const D = g === "plus" ? f("kbd.plus", "+") : f("kbd.then", "then"), B = g === "then" ? f("kbd.pressThen", "Press {{keys}}", {
-    keys: s.map((e) => {
-      var t;
-      return ((t = r == null ? void 0 : r[e]) == null ? void 0 : t.spoken) ?? A(e);
+    keys: o.map((e) => {
+      var s;
+      return ((s = t == null ? void 0 : t[e]) == null ? void 0 : s.spoken) ?? A(e);
     }).join(` ${f("kbd.thenSpoken", "then")} `)
   }) : v;
   return /* @__PURE__ */ u(
     "kbd",
     {
-      ref: a,
+      ref: r,
       className: [U(), m].filter(Boolean).join(" "),
       ...p,
       children: [
-        /* @__PURE__ */ o("span", { className: "sr-only", children: B }),
-        s.map((e, t) => {
+        /* @__PURE__ */ a("span", { className: "ds:sr-only", children: B }),
+        o.map((e, s) => {
           var i;
-          const c = ((i = r == null ? void 0 : r[e]) == null ? void 0 : i.glyph) ?? w(e, b);
+          const c = ((i = t == null ? void 0 : t[e]) == null ? void 0 : i.glyph) ?? w(e, b);
           return /* @__PURE__ */ u(L, { children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ a(
               "kbd",
               {
                 "aria-hidden": "true",
@@ -197,15 +197,15 @@ const h = x(
                 children: c
               }
             ),
-            t < s.length - 1 ? /* @__PURE__ */ o(
+            s < o.length - 1 ? /* @__PURE__ */ a(
               "span",
               {
                 "aria-hidden": "true",
-                className: "text-[color:var(--muted-foreground)] text-[length:var(--font-size-xs)]",
+                className: "ds:text-[color:var(--muted-foreground)] ds:text-[length:var(--font-size-xs)]",
                 children: D
               }
             ) : null
-          ] }, `${e}-${t}`);
+          ] }, `${e}-${s}`);
         })
       ]
     }
@@ -217,4 +217,4 @@ export {
   $ as K,
   _ as k
 };
-//# sourceMappingURL=kbd-0iPlQjgC.js.map
+//# sourceMappingURL=kbd-DTcIjYA7.js.map

package/dist/_chunks/kbd-DTcIjYA7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd-DTcIjYA7.js","sources":["../../src/components/kbd/kbd.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  useEffect,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* Platform detection                                                   */\n/* ------------------------------------------------------------------ */\n\nfunction detectMacLike(): boolean {\n  if (typeof navigator === 'undefined') return false;\n  const uaData = (navigator as unknown as {\n    userAgentData?: { platform?: string };\n  }).userAgentData;\n  const platformString = uaData?.platform ?? navigator.platform ?? '';\n  return /mac/i.test(platformString);\n}\n\n/* ------------------------------------------------------------------ */\n/* Glyph + accessible-name maps                                        */\n/* ------------------------------------------------------------------ */\n\nexport type KbdNamedKey =\n  | 'Meta'\n  | 'Control'\n  | 'Alt'\n  | 'Shift'\n  | 'Enter'\n  | 'Escape'\n  | 'Space'\n  | 'Tab'\n  | 'Delete'\n  | 'Backspace'\n  | 'ArrowUp'\n  | 'ArrowDown'\n  | 'ArrowLeft'\n  | 'ArrowRight';\n\n/**\n * Named keys we understand — anything else is passed through verbatim.\n * Glyph rendering is platform-aware; accessible names spell the key out\n * so screen readers say \"Command K\" instead of \"black apple K\".\n */\nconst MAC_GLYPHS: Record<KbdNamedKey, string> = {\n  Meta: '\\u2318',       // ⌘\n  Control: '\\u2303',    // ⌃\n  Alt: '\\u2325',        // ⌥\n  Shift: '\\u21E7',      // ⇧\n  Enter: '\\u23CE',      // ⏎\n  Escape: 'Esc',\n  Space: 'Space',\n  Tab: '\\u21E5',        // ⇥\n  Delete: '\\u2326',     // ⌦\n  Backspace: '\\u232B',  // ⌫\n  ArrowUp: '\\u2191',    // ↑\n  ArrowDown: '\\u2193',  // ↓\n  ArrowLeft: '\\u2190',  // ←\n  ArrowRight: '\\u2192', // →\n};\n\nconst WIN_GLYPHS: Record<KbdNamedKey, string> = {\n  Meta: 'Ctrl', // Windows/Linux consumers usually care about the Control equivalent\n  Control: 'Ctrl',\n  Alt: 'Alt',\n  Shift: 'Shift',\n  Enter: 'Enter',\n  Escape: 'Esc',\n  Space: 'Space',\n  Tab: 'Tab',\n  Delete: 'Del',\n  Backspace: 'Backspace',\n  ArrowUp: '\\u2191',\n  ArrowDown: '\\u2193',\n  ArrowLeft: '\\u2190',\n  ArrowRight: '\\u2192',\n};\n\n/** Spelled-out names used for the aria-label — never platform-swapped. */\nconst SPOKEN_NAMES: Record<KbdNamedKey, string> = {\n  Meta: 'Command',\n  Control: 'Control',\n  Alt: 'Option',\n  Shift: 'Shift',\n  Enter: 'Enter',\n  Escape: 'Escape',\n  Space: 'Space',\n  Tab: 'Tab',\n  Delete: 'Delete',\n  Backspace: 'Backspace',\n  ArrowUp: 'Up arrow',\n  ArrowDown: 'Down arrow',\n  ArrowLeft: 'Left arrow',\n  ArrowRight: 'Right arrow',\n};\n\nfunction isNamedKey(key: string): key is KbdNamedKey {\n  return (\n    key === 'Meta' ||\n    key === 'Control' ||\n    key === 'Alt' ||\n    key === 'Shift' ||\n    key === 'Enter' ||\n    key === 'Escape' ||\n    key === 'Space' ||\n    key === 'Tab' ||\n    key === 'Delete' ||\n    key === 'Backspace' ||\n    key === 'ArrowUp' ||\n    key === 'ArrowDown' ||\n    key === 'ArrowLeft' ||\n    key === 'ArrowRight'\n  );\n}\n\nfunction glyphFor(key: string, isMac: boolean): string {\n  if (isNamedKey(key)) {\n    return (isMac ? MAC_GLYPHS : WIN_GLYPHS)[key];\n  }\n  return key;\n}\n\nfunction spokenFor(key: string): string {\n  if (isNamedKey(key)) return SPOKEN_NAMES[key];\n  return key;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst kbdVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:font-[family-name:var(--font-mono)]',\n    'ds:tabular-nums',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:select-none',\n    // Tight minimum size so single-key pills never collapse.\n    'ds:min-inline-size-[1.5em] ds:min-block-size-[1.5em]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-xs)] ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n        md: 'ds:text-[length:var(--font-size-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n        lg: 'ds:text-[length:var(--font-size-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n      },\n      intensity: {\n        outline: [\n          'ds:bg-[var(--background)]',\n          'ds:border ds:border-[color:var(--border)]',\n          'ds:text-[color:var(--foreground)]',\n        ].join(' '),\n        solid: [\n          'ds:bg-[var(--muted)]',\n          'ds:text-[color:var(--foreground)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: { size: 'md', intensity: 'outline' },\n  },\n);\n\nconst groupVariants = cva(\n  [\n    'ds:inline-flex ds:items-center',\n    'ds:gap-[calc(var(--spacing-xs)/2)]',\n    // Group shouldn't visually render as a pill itself — just holds pills.\n    'ds:font-[family-name:var(--font-mono)]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type KbdSeparator = 'none' | 'plus' | 'then';\n\n/**\n * Optional override map for keys. Consumers can rewrite the visible\n * glyph or the spoken name for product-specific shortcuts (e.g. mapping\n * a \"Brand\" modifier to a special icon).\n */\nexport interface KbdGlyphOverride {\n  glyph?: string;\n  spoken?: string;\n}\n\ninterface KbdBaseProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'children'>,\n    VariantProps<typeof kbdVariants> {\n  separator?: KbdSeparator;\n  glyphMap?: Partial<Record<KbdNamedKey | string, KbdGlyphOverride>>;\n}\n\ninterface KbdWithKeysProps extends KbdBaseProps {\n  keys: Array<KbdNamedKey | string>;\n  children?: never;\n}\n\ninterface KbdWithChildrenProps extends KbdBaseProps {\n  keys?: never;\n  children: ReactNode;\n}\n\nexport type KbdProps = KbdWithKeysProps | KbdWithChildrenProps;\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const Kbd = forwardRef<HTMLElement, KbdProps>((props, ref) => {\n  const {\n    size = 'md',\n    intensity = 'outline',\n    separator = 'none',\n    glyphMap,\n    className,\n    ...rest\n  } = props as KbdBaseProps & { className?: string };\n\n  const { t } = useTranslation();\n\n  const [isMac, setIsMac] = useState(false);\n  useEffect(() => {\n    setIsMac(detectMacLike());\n  }, []);\n\n  // Children path: pass-through rendering. Still a semantic <kbd> so\n  // AT + search engines classify it correctly.\n  if ('children' in props && props.children !== undefined) {\n    return (\n      <kbd\n        ref={ref}\n        className={[kbdVariants({ size, intensity }), className]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        {(props as KbdWithChildrenProps).children}\n      </kbd>\n    );\n  }\n\n  const keys = (props as KbdWithKeysProps).keys;\n\n  // Single-key shortcut with no separator — render as one pill.\n  // axe's `aria-prohibited-attr` rule forbids `aria-label` on <kbd>\n  // elements (no valid implicit role), so the spoken name is delivered\n  // via a visually-hidden sr-only span instead.\n  if (keys.length === 1) {\n    const k = keys[0];\n    const override = glyphMap?.[k];\n    const glyph = override?.glyph ?? glyphFor(k, isMac);\n    const spoken = override?.spoken ?? spokenFor(k);\n    return (\n      <kbd\n        ref={ref}\n        className={[kbdVariants({ size, intensity }), className]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        <span aria-hidden=\"true\">{glyph}</span>\n        <span className=\"ds:sr-only\">{spoken}</span>\n      </kbd>\n    );\n  }\n\n  // Multi-key shortcut.\n  const spokenAll = keys\n    .map((k) => glyphMap?.[k]?.spoken ?? spokenFor(k))\n    .join(' ');\n\n  // `none`: single combined pill (e.g. \"⌘K\" rendered together).\n  if (separator === 'none') {\n    return (\n      <kbd\n        ref={ref}\n        className={[kbdVariants({ size, intensity }), className]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        {keys.map((k, i) => {\n          const glyph = glyphMap?.[k]?.glyph ?? glyphFor(k, isMac);\n          return (\n            <span key={`${k}-${i}`} aria-hidden=\"true\">\n              {glyph}\n            </span>\n          );\n        })}\n        <span className=\"ds:sr-only\">{spokenAll}</span>\n      </kbd>\n    );\n  }\n\n  // `plus` / `then`: multiple sibling <kbd> pills inside a wrapping <kbd>.\n  const separatorText =\n    separator === 'plus' ? t('kbd.plus', '+') : t('kbd.then', 'then');\n\n  const spokenAnnouncement =\n    separator === 'then'\n      ? t('kbd.pressThen', 'Press {{keys}}', {\n          keys: keys\n            .map((k) => glyphMap?.[k]?.spoken ?? spokenFor(k))\n            .join(` ${t('kbd.thenSpoken', 'then')} `),\n        })\n      : spokenAll;\n\n  return (\n    <kbd\n      ref={ref}\n      className={[groupVariants(), className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      <span className=\"ds:sr-only\">{spokenAnnouncement}</span>\n      {keys.map((k, i) => {\n        const glyph = glyphMap?.[k]?.glyph ?? glyphFor(k, isMac);\n        return (\n          <Fragment key={`${k}-${i}`}>\n            <kbd\n              aria-hidden=\"true\"\n              className={kbdVariants({ size, intensity })}\n            >\n              {glyph}\n            </kbd>\n            {i < keys.length - 1 ? (\n              <span\n                aria-hidden=\"true\"\n                className=\"ds:text-[color:var(--muted-foreground)] ds:text-[length:var(--font-size-xs)]\"\n              >\n                {separatorText}\n              </span>\n            ) : null}\n          </Fragment>\n        );\n      })}\n    </kbd>\n  );\n});\n\nKbd.displayName = 'Kbd';\n\n/* ------------------------------------------------------------------ */\n/* Named helpers                                                        */\n/* ------------------------------------------------------------------ */\n\nexport const kbdGlyphs = { mac: MAC_GLYPHS, win: WIN_GLYPHS, spoken: SPOKEN_NAMES };\n"],"names":["detectMacLike","uaData","platformString","MAC_GLYPHS","WIN_GLYPHS","SPOKEN_NAMES","isNamedKey","key","glyphFor","isMac","spokenFor","kbdVariants","cva","groupVariants","Kbd","forwardRef","props","ref","size","intensity","separator","glyphMap","className","rest","t","useTranslation","setIsMac","useState","useEffect","jsx","keys","k","override","glyph","spoken","jsxs","spokenAll","_a","i","separatorText","spokenAnnouncement","Fragment","kbdGlyphs"],"mappings":";;;;AAeA,SAASA,IAAyB;AAChC,MAAI,OAAO,YAAc,IAAa,QAAO;AAC7C,QAAMC,IAAU,UAEb,eACGC,KAAiBD,KAAA,gBAAAA,EAAQ,aAAY,UAAU,YAAY;AACjE,SAAO,OAAO,KAAKC,CAAc;AACnC;AA2BA,MAAMC,IAA0C;AAAA,EAC9C,MAAM;AAAA;AAAA,EACN,SAAS;AAAA;AAAA,EACT,KAAK;AAAA;AAAA,EACL,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA;AAAA,EACL,QAAQ;AAAA;AAAA,EACR,WAAW;AAAA;AAAA,EACX,SAAS;AAAA;AAAA,EACT,WAAW;AAAA;AAAA,EACX,WAAW;AAAA;AAAA,EACX,YAAY;AAAA;AACd,GAEMC,IAA0C;AAAA,EAC9C,MAAM;AAAA;AAAA,EACN,SAAS;AAAA,EACT,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AACd,GAGMC,IAA4C;AAAA,EAChD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AACd;AAEA,SAASC,EAAWC,GAAiC;AACnD,SACEA,MAAQ,UACRA,MAAQ,aACRA,MAAQ,SACRA,MAAQ,WACRA,MAAQ,WACRA,MAAQ,YACRA,MAAQ,WACRA,MAAQ,SACRA,MAAQ,YACRA,MAAQ,eACRA,MAAQ,aACRA,MAAQ,eACRA,MAAQ,eACRA,MAAQ;AAEZ;AAEA,SAASC,EAASD,GAAaE,GAAwB;AACrD,SAAIH,EAAWC,CAAG,KACRE,IAAQN,IAAaC,GAAYG,CAAG,IAEvCA;AACT;AAEA,SAASG,EAAUH,GAAqB;AACtC,SAAID,EAAWC,CAAG,IAAUF,EAAaE,CAAG,IACrCA;AACT;AAMA,MAAMI,IAAcC;AAAA,EAClB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,WAAW;AAAA,QACT,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACV,OAAO;AAAA,UACL;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB,EAAE,MAAM,MAAM,WAAW,UAAA;AAAA,EAAU;AAExD,GAEMC,IAAgBD;AAAA,EACpB;AAAA,IACE;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAyCaE,IAAMC,EAAkC,CAACC,GAAOC,MAAQ;AACnE,QAAM;AAAA,IACJ,MAAAC,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP,GAEE,EAAE,GAAAQ,EAAA,IAAMC,EAAA,GAER,CAAChB,GAAOiB,CAAQ,IAAIC,EAAS,EAAK;AAOxC,MANAC,EAAU,MAAM;AACd,IAAAF,EAAS1B,GAAe;AAAA,EAC1B,GAAG,CAAA,CAAE,GAID,cAAcgB,KAASA,EAAM,aAAa;AAC5C,WACE,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,WAAW,CAACN,EAAY,EAAE,MAAAO,GAAM,WAAAC,EAAA,CAAW,GAAGG,CAAS,EACpD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACV,GAAGC;AAAA,QAEF,UAAAP,EAA+B;AAAA,MAAA;AAAA,IAAA;AAKvC,QAAMc,IAAQd,EAA2B;AAMzC,MAAIc,EAAK,WAAW,GAAG;AACrB,UAAMC,IAAID,EAAK,CAAC,GACVE,IAAWX,KAAA,gBAAAA,EAAWU,IACtBE,KAAQD,KAAA,gBAAAA,EAAU,UAASxB,EAASuB,GAAGtB,CAAK,GAC5CyB,KAASF,KAAA,gBAAAA,EAAU,WAAUtB,EAAUqB,CAAC;AAC9C,WACE,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAlB;AAAA,QACA,WAAW,CAACN,EAAY,EAAE,MAAAO,GAAM,WAAAC,EAAA,CAAW,GAAGG,CAAS,EACpD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACV,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAM,EAAC,QAAA,EAAK,eAAY,QAAQ,UAAAI,GAAM;AAAA,UAChC,gBAAAJ,EAAC,QAAA,EAAK,WAAU,cAAc,UAAAK,EAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG3C;AAGA,QAAME,IAAYN,EACf,IAAI,CAACC;;AAAM,aAAAM,IAAAhB,KAAA,gBAAAA,EAAWU,OAAX,gBAAAM,EAAe,WAAU3B,EAAUqB,CAAC;AAAA,GAAC,EAChD,KAAK,GAAG;AAGX,MAAIX,MAAc;AAChB,WACE,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAlB;AAAA,QACA,WAAW,CAACN,EAAY,EAAE,MAAAO,GAAM,WAAAC,EAAA,CAAW,GAAGG,CAAS,EACpD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACV,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAO,EAAK,IAAI,CAACC,GAAGO,MAAM;;AAClB,kBAAML,MAAQI,IAAAhB,KAAA,gBAAAA,EAAWU,OAAX,gBAAAM,EAAe,UAAS7B,EAASuB,GAAGtB,CAAK;AACvD,mBACE,gBAAAoB,EAAC,UAAuB,eAAY,QACjC,eADQ,GAAGE,CAAC,IAAIO,CAAC,EAEpB;AAAA,UAEJ,CAAC;AAAA,UACD,gBAAAT,EAAC,QAAA,EAAK,WAAU,cAAc,UAAAO,EAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAM9C,QAAMG,IACJnB,MAAc,SAASI,EAAE,YAAY,GAAG,IAAIA,EAAE,YAAY,MAAM,GAE5DgB,IACJpB,MAAc,SACVI,EAAE,iBAAiB,kBAAkB;AAAA,IACnC,MAAMM,EACH,IAAI,CAACC,MAAA;;AAAM,eAAAM,IAAAhB,KAAA,gBAAAA,EAAWU,OAAX,gBAAAM,EAAe,WAAU3B,EAAUqB,CAAC;AAAA,KAAC,EAChD,KAAK,IAAIP,EAAE,kBAAkB,MAAM,CAAC,GAAG;AAAA,EAAA,CAC3C,IACDY;AAEN,SACE,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAlB;AAAA,MACA,WAAW,CAACJ,EAAA,GAAiBS,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC/D,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,cAAc,UAAAW,GAAmB;AAAA,QAChDV,EAAK,IAAI,CAACC,GAAGO,MAAM;;AAClB,gBAAML,MAAQI,IAAAhB,KAAA,gBAAAA,EAAWU,OAAX,gBAAAM,EAAe,UAAS7B,EAASuB,GAAGtB,CAAK;AACvD,mCACGgC,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAZ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAWlB,EAAY,EAAE,MAAAO,GAAM,WAAAC,GAAW;AAAA,gBAEzC,UAAAc;AAAA,cAAA;AAAA,YAAA;AAAA,YAEFK,IAAIR,EAAK,SAAS,IACjB,gBAAAD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAU;AAAA,gBAET,UAAAU;AAAA,cAAA;AAAA,YAAA,IAED;AAAA,UAAA,EAAA,GAdS,GAAGR,CAAC,IAAIO,CAAC,EAexB;AAAA,QAEJ,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDxB,EAAI,cAAc;AAMX,MAAM4B,IAAY,EAAE,KAAKvC,GAAY,KAAKC,GAAY,QAAQC,EAAA;"}