@alfadocs/ui-kit-debug 1.130.1 → 1.131.0

package/dist/_chunks/{dropdown-menu-Dw6sgQwJ.js → dropdown-menu-DBWaW4pq.js}

@@ -1,17 +1,18 @@
 import { jsxs as N, jsx as s } from "react/jsx-runtime";
-import { forwardRef as b, useId as re, useContext as G, useRef as T, useEffect as K, useMemo as O, useLayoutEffect as oe, createContext as V } from "react";
+import { forwardRef as b, useId as re, useContext as G, useRef as S, useEffect as K, useMemo as O, useLayoutEffect as oe, createContext as L } from "react";
 import * as d from "@radix-ui/react-dropdown-menu";
 import { c as D } from "./index-D2ZczOXr.js";
 import { S as ne } from "./separator-Bdc9bqoJ.js";
-import { K as $ } from "./kbd-Bx7eQv9f.js";
-import { b as A } from "./menu-row-BAr8bx1I.js";
+import { K as V } from "./kbd-Bx7eQv9f.js";
+import { b as $ } from "./menu-row-BAr8bx1I.js";
 import { P as E } from "./popup-region-qz_5_A0V.js";
 import { u as de } from "./use-controllable-state-BiY4xTzM.js";
 import { u as ie } from "./registry-DvAUVLHh.js";
-import { C as ce } from "./chevron-right-I9AeSxH2.js";
-import { C as le } from "./check-DrFSN__t.js";
-import { a as ue } from "./use-direction-Dp8h70PP.js";
-const pe = {
+import { r as ce } from "./body-pointer-lock-CsOEDm1I.js";
+import { C as le } from "./chevron-right-I9AeSxH2.js";
+import { C as ue } from "./check-DrFSN__t.js";
+import { a as pe } from "./use-direction-Dp8h70PP.js";
+const me = {
   id: "dropdown-menu",
   capabilities: ["open", "close", "set_value"],
   state: {
@@ -122,7 +123,7 @@ const pe = {
       description: "On a ChoiceSub or SwitchItem row given a name: the setting that set_value / set_checked address."
     }
   }
-}, L = D(
+}, q = D(
   [
     "ds:z-[var(--z-dropdown)]",
     // Roomier panel: wider floor, larger radius, deeper float and a
@@ -195,7 +196,7 @@ const pe = {
         ].join(" "),
         /* The pointer lives here, not in the base: two cursor utilities on
            one element resolve by stylesheet order, and it would win. */
-        false: `ds:cursor-pointer ${A.highlighted}`
+        false: `ds:cursor-pointer ${$.highlighted}`
       }
     },
     compoundVariants: [
@@ -212,7 +213,7 @@ const pe = {
     ],
     defaultVariants: { variant: "default", unavailable: !1 }
   }
-), me = D(
+), he = D(
   [
     "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
     "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-2xs)]",
@@ -224,11 +225,11 @@ const pe = {
     "ds:text-[color:var(--muted-foreground)]",
     "ds:select-none"
   ].join(" ")
-), q = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", F = V(
+), A = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", B = L(
   void 0
-), he = () => new Promise((e) => {
+), fe = () => new Promise((e) => {
   typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => e()) : setTimeout(e, 16);
-}), H = V(void 0), B = ({
+}), H = L(void 0), F = ({
   dir: e,
   id: t,
   open: a,
@@ -236,46 +237,46 @@ const pe = {
   onOpenChange: l,
   ...u
 }) => {
-  const g = ue(), [f, w] = de({
+  const h = pe(), [p, w] = de({
     value: a,
     defaultValue: r ?? !1,
     onChange: l
-  }), c = f ?? !1, n = T(c);
+  }), c = p ?? !1, n = S(c);
   K(() => {
     n.current = c;
   }, [c]);
-  const m = T(/* @__PURE__ */ new Map()), C = T(0), I = O(
-    () => (h, k) => (m.current.set(h, k), () => {
-      m.current.get(h) === k && m.current.delete(h);
+  const f = S(/* @__PURE__ */ new Map()), C = S(0), I = O(
+    () => (g, k) => (f.current.set(g, k), () => {
+      f.current.get(g) === k && f.current.delete(g);
     }),
     []
-  ), S = O(() => {
-    const h = (i) => {
+  ), T = O(() => {
+    const g = (i) => {
       n.current = i, w(i);
-    }, k = async (i, o, p) => {
+    }, k = async (i, o, m) => {
       const y = !n.current;
-      y && h(!0);
+      y && g(!0);
       const v = C.current;
       try {
-        let x = m.current.get(i);
+        let x = f.current.get(i);
         for (let R = 0; !x && R < 30; R += 1)
-          await he(), x = m.current.get(i);
+          await fe(), x = f.current.get(i);
         if (!x || x.kind !== o)
           throw new Error(`No ${o} setting named "${i}" in this menu`);
-        p(x);
+        m(x);
       } finally {
-        y && C.current === v && h(!1);
+        y && C.current === v && g(!1);
       }
     };
     return {
       getIsOpen: () => n.current,
       open: () => {
-        C.current += 1, h(!0);
+        C.current += 1, g(!0);
       },
       close: () => {
-        C.current += 1, h(!1);
+        C.current += 1, g(!1);
       },
-      getSettings: () => [...m.current].map(([i, o]) => {
+      getSettings: () => [...f.current].map(([i, o]) => {
         if (o.kind === "choice") {
           const { value: v, options: x, disabled: R } = o.read();
           return {
@@ -286,46 +287,49 @@ const pe = {
             disabled: R
           };
         }
-        const { checked: p, disabled: y } = o.read();
-        return { setting: i, kind: "switch", checked: p, disabled: y };
+        const { checked: m, disabled: y } = o.read();
+        return { setting: i, kind: "switch", checked: m, disabled: y };
       }),
-      setValue: (i, o) => k(i, "choice", (p) => {
-        const { options: y, disabled: v, closeOnSelect: x } = p.read(), R = y.find((j) => j.value === o);
+      setValue: (i, o) => k(i, "choice", (m) => {
+        const { options: y, disabled: v, closeOnSelect: x } = m.read(), R = y.find((j) => j.value === o);
         if (v || !R || R.disabled)
           throw new Error(
             `"${o}" is not an option that "${i}" can take now`
           );
-        p.pick(o), x && h(!1);
+        m.pick(o), x && g(!1);
       }),
-      setChecked: (i, o) => k(i, "switch", (p) => {
-        if (p.read().disabled)
+      setChecked: (i, o) => k(i, "switch", (m) => {
+        if (m.read().disabled)
           throw new Error(`"${i}" is disabled`);
-        p.pick(o);
+        m.pick(o);
       })
     };
   }, [w]);
-  return ie(pe, S, t), /* @__PURE__ */ s(H.Provider, { value: t, children: /* @__PURE__ */ s(F.Provider, { value: I, children: /* @__PURE__ */ s(
+  return ie(me, T, t), /* @__PURE__ */ s(H.Provider, { value: t, children: /* @__PURE__ */ s(B.Provider, { value: I, children: /* @__PURE__ */ s(
     d.Root,
     {
-      dir: e ?? g,
+      dir: e ?? h,
       open: c,
       onOpenChange: w,
       ...u
     }
   ) }) });
 };
-B.displayName = "DropdownMenu.Root";
-const fe = d.Trigger, ge = d.Portal, ve = d.Group, be = d.RadioGroup, U = b(({ className: e, sideOffset: t = 8, ...a }, r) => {
-  const l = G(H);
-  return /* @__PURE__ */ s(d.Portal, { children: /* @__PURE__ */ s(E, { popupRef: r, children: (u) => /* @__PURE__ */ s(
+F.displayName = "DropdownMenu.Root";
+const ge = d.Trigger, ve = d.Portal, be = d.Group, we = d.RadioGroup, U = b(({ className: e, sideOffset: t = 8, onCloseAutoFocus: a, ...r }, l) => {
+  const u = G(H);
+  return /* @__PURE__ */ s(d.Portal, { children: /* @__PURE__ */ s(E, { popupRef: l, children: (h) => /* @__PURE__ */ s(
     d.Content,
     {
-      ref: u,
+      ref: h,
       sideOffset: t,
-      className: L({ className: e }),
+      className: q({ className: e }),
       "data-component": "dropdown-menu",
-      "data-component-id": l,
-      ...a
+      "data-component-id": u,
+      ...r,
+      onCloseAutoFocus: (p) => {
+        ce(), a == null || a(p);
+      }
     }
   ) }) });
 });
@@ -338,23 +342,23 @@ const W = b(
     description: r,
     shortcut: l,
     variant: u,
-    disabled: g,
-    disabledReason: f,
+    disabled: h,
+    disabledReason: p,
     textValue: w,
     onSelect: c,
     onClick: n,
-    children: m,
+    children: f,
     "aria-describedby": C,
     ...I
-  }, S) => {
-    const h = re(), k = `${h}-reason`, i = `${h}-label`, o = !!(g && f), p = o ? f : r, y = o && !I["aria-label"] && !I["aria-labelledby"];
+  }, T) => {
+    const g = re(), k = `${g}-reason`, i = `${g}-label`, o = !!(h && p), m = o ? p : r, y = o && !I["aria-label"] && !I["aria-labelledby"];
     return /* @__PURE__ */ N(
       d.Item,
       {
-        ref: S,
+        ref: T,
         className: M({ variant: u, unavailable: o, className: e }),
-        disabled: o ? !1 : g,
-        textValue: w ?? (o && typeof m == "string" ? m : void 0),
+        disabled: o ? !1 : h,
+        textValue: w ?? (o && typeof f == "string" ? f : void 0),
         "aria-describedby": o ? [C, k].filter(Boolean).join(" ") : C,
         onClick: (v) => {
           o || n == null || n(v);
@@ -384,7 +388,7 @@ const W = b(
               {
                 id: y ? i : void 0,
                 className: "ds:truncate",
-                children: m
+                children: f
               }
             ),
             o ? (
@@ -395,12 +399,12 @@ const W = b(
                 {
                   id: k,
                   className: "type-meta ds:text-[color:var(--muted-foreground)] ds:w-0 ds:min-w-full ds:whitespace-normal ds:[overflow-wrap:anywhere]",
-                  children: p
+                  children: m
                 }
               )
-            ) : p ? /* @__PURE__ */ s("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:truncate", children: p }) : null
+            ) : m ? /* @__PURE__ */ s("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:truncate", children: m }) : null
           ] }),
-          l ? /* @__PURE__ */ s("span", { className: "ds:ms-auto", children: /* @__PURE__ */ s($, { keys: l, size: "sm" }) }) : a ? /* @__PURE__ */ s(
+          l ? /* @__PURE__ */ s("span", { className: "ds:ms-auto", children: /* @__PURE__ */ s(V, { keys: l, size: "sm" }) }) : a ? /* @__PURE__ */ s(
             "span",
             {
               "aria-hidden": "true",
@@ -421,14 +425,14 @@ const J = b(({ className: e, children: t, ...a }, r) => /* @__PURE__ */ N(
     className: M({ className: e }),
     ...a,
     children: [
-      /* @__PURE__ */ s("span", { className: q, children: /* @__PURE__ */ s(d.ItemIndicator, { children: /* @__PURE__ */ s(le, { "aria-hidden": !0, className: "ds:size-4" }) }) }),
+      /* @__PURE__ */ s("span", { className: A, children: /* @__PURE__ */ s(d.ItemIndicator, { children: /* @__PURE__ */ s(ue, { "aria-hidden": !0, className: "ds:size-4" }) }) }),
       /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:truncate", children: t })
     ]
   }
 ));
 J.displayName = "DropdownMenu.CheckboxItem";
 function Q(e, t) {
-  const a = G(F), r = T(t);
+  const a = G(B), r = S(t);
   oe(() => {
     r.current = t;
   }), K(() => {
@@ -449,7 +453,7 @@ function Q(e, t) {
     return a(e, l);
   }, [e, a]);
 }
-const we = [
+const ye = [
   "ds:ms-auto ds:inline-flex ds:items-center ds:shrink-0",
   "ds:h-4 ds:w-7 ds:p-[2px]",
   "ds:rounded-[var(--radius-full)]",
@@ -464,7 +468,7 @@ const we = [
   // HCM strips fills — paint the checked track with the system
   // selection colour so state isn't conveyed by thumb position alone.
   "ds:forced-colors:[[data-state=checked]_&]:bg-[SelectedItem]"
-].join(" "), ye = [
+].join(" "), xe = [
   "ds:block ds:size-3",
   "ds:rounded-[var(--radius-full)]",
   "ds:bg-[color:var(--background)]",
@@ -473,14 +477,14 @@ const we = [
   "ds:shadow-[var(--shadow-sm)]",
   "ds:forced-colors:bg-[CanvasText]"
 ].join(" "), X = b(({ className: e, children: t, onSelect: a, name: r, ...l }, u) => {
-  const { checked: g, onCheckedChange: f, disabled: w } = l;
+  const { checked: h, onCheckedChange: p, disabled: w } = l;
   return Q(r, {
     kind: "switch",
-    read: () => ({ checked: g === !0, disabled: w === !0 }),
+    read: () => ({ checked: h === !0, disabled: w === !0 }),
     // What a click does, and only when it would change something: the
     // consumer's onSelect, then the new state.
     pick: (c) => {
-      c !== (g === !0) && (a == null || a(new Event("menu.itemSelect", { cancelable: !0 })), f == null || f(c));
+      c !== (h === !0) && (a == null || a(new Event("menu.itemSelect", { cancelable: !0 })), p == null || p(c));
     }
   }), /* @__PURE__ */ N(
     d.CheckboxItem,
@@ -494,20 +498,20 @@ const we = [
       ...l,
       children: [
         /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:truncate", children: t }),
-        /* @__PURE__ */ s("span", { "aria-hidden": "true", className: we, children: /* @__PURE__ */ s("span", { className: ye }) })
+        /* @__PURE__ */ s("span", { "aria-hidden": "true", className: ye, children: /* @__PURE__ */ s("span", { className: xe }) })
       ]
     }
   );
 });
 X.displayName = "DropdownMenu.SwitchItem";
-const Y = be, z = b(({ className: e, children: t, ...a }, r) => /* @__PURE__ */ N(
+const Y = we, z = b(({ className: e, children: t, ...a }, r) => /* @__PURE__ */ N(
   d.RadioItem,
   {
     ref: r,
     className: M({ className: e }),
     ...a,
     children: [
-      /* @__PURE__ */ s("span", { className: q, "aria-hidden": "true", children: /* @__PURE__ */ s(
+      /* @__PURE__ */ s("span", { className: A, "aria-hidden": "true", children: /* @__PURE__ */ s(
         "span",
         {
           className: [
@@ -540,7 +544,7 @@ const Z = b(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   d.Label,
   {
     ref: a,
-    className: me({ className: e }),
+    className: he({ className: e }),
     ...t
   }
 ));
@@ -553,7 +557,7 @@ const ee = b(({ className: e, ...t }, a) => /* @__PURE__ */ s(d.Separator, { ref
 ) }));
 ee.displayName = "DropdownMenu.Separator";
 const se = b(
-  ({ keys: e, separator: t = "none" }, a) => /* @__PURE__ */ s("span", { ref: a, className: "ds:ms-auto ds:ps-[var(--spacing-sm)]", children: /* @__PURE__ */ s($, { keys: e, separator: t, size: "sm" }) })
+  ({ keys: e, separator: t = "none" }, a) => /* @__PURE__ */ s("span", { ref: a, className: "ds:ms-auto ds:ps-[var(--spacing-sm)]", children: /* @__PURE__ */ s(V, { keys: e, separator: t, size: "sm" }) })
 );
 se.displayName = "DropdownMenu.Shortcut";
 const te = d.Sub, _ = b(({ className: e, startIcon: t, children: a, ...r }, l) => /* @__PURE__ */ N(
@@ -561,7 +565,7 @@ const te = d.Sub, _ = b(({ className: e, startIcon: t, children: a, ...r }, l) =
   {
     ref: l,
     className: M({
-      className: [A.open, e].filter(Boolean).join(" ")
+      className: [$.open, e].filter(Boolean).join(" ")
     }),
     ...r,
     children: [
@@ -575,7 +579,7 @@ const te = d.Sub, _ = b(({ className: e, startIcon: t, children: a, ...r }, l) =
       ) : null,
       /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:truncate", children: a }),
       /* @__PURE__ */ s(
-        ce,
+        le,
         {
           "aria-hidden": !0,
           className: "ds:ms-auto ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100"
@@ -591,7 +595,7 @@ const P = b(({ className: e, ...t }, a) => /* @__PURE__ */ s(d.Portal, { childre
     ref: r,
     sideOffset: 8,
     "data-component": "dropdown-menu-sub-content",
-    className: L({ className: e }),
+    className: q({ className: e }),
     ...t
   }
 ) }) }));
@@ -603,18 +607,18 @@ function ae({
   options: r,
   startIcon: l,
   disabled: u,
-  closeOnSelect: g = !1,
-  name: f,
+  closeOnSelect: h = !1,
+  name: p,
   className: w
 }) {
   const c = r.find((n) => n.value === t);
-  return Q(f, {
+  return Q(p, {
     kind: "choice",
     read: () => ({
       value: t,
       options: r,
       disabled: u === !0,
-      closeOnSelect: g
+      closeOnSelect: h
     }),
     pick: (n) => a(n)
   }), /* @__PURE__ */ N(te, { children: [
@@ -626,7 +630,7 @@ function ae({
         className: w,
         "data-component": "dropdown-menu-choice",
         "data-value": t,
-        "data-setting": f,
+        "data-setting": p,
         children: /* @__PURE__ */ N("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
           /* @__PURE__ */ s("span", { className: "ds:truncate", children: e }),
           c ? /* @__PURE__ */ s("span", { className: "ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:[[data-highlighted]_&]:text-current", children: c.label }) : null
@@ -643,7 +647,7 @@ function ae({
           {
             value: n.value,
             disabled: n.disabled,
-            onSelect: g ? void 0 : (m) => m.preventDefault(),
+            onSelect: h ? void 0 : (f) => f.preventDefault(),
             children: n.label
           },
           n.value
@@ -653,12 +657,12 @@ function ae({
   ] });
 }
 ae.displayName = "DropdownMenu.ChoiceSub";
-const _e = {
-  Root: B,
-  Trigger: fe,
-  Portal: ge,
+const Oe = {
+  Root: F,
+  Trigger: ge,
+  Portal: ve,
   Content: U,
-  Group: ve,
+  Group: be,
   Item: W,
   CheckboxItem: J,
   SwitchItem: X,
@@ -673,7 +677,7 @@ const _e = {
   ChoiceSub: ae
 };
 export {
-  _e as D,
-  pe as d
+  Oe as D,
+  me as d
 };
-//# sourceMappingURL=dropdown-menu-Dw6sgQwJ.js.map
+//# sourceMappingURL=dropdown-menu-DBWaW4pq.js.map

package/dist/_chunks/dropdown-menu-DBWaW4pq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-DBWaW4pq.js","sources":["../../src/components/dropdown-menu/dropdown-menu.agent.ts","../../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { DropdownMenuHandle } from './dropdown-menu';\n\n// The handle cannot run an arbitrary item (Radix owns item activation), so\n// there is no 'pick' capability. It CAN drive settings rows: a ChoiceSub or\n// SwitchItem given a `name` registers with its Root, and set_value /\n// set_checked call that row's own onValueChange / onCheckedChange, exactly\n// as a click would. Rows mount with the menu, so a closed menu opens for the\n// moment and closes again.\nexport const dropdownMenuAgent: AgentAdapter<DropdownMenuHandle> = {\n  id: 'dropdown-menu',\n  capabilities: ['open', 'close', 'set_value'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.dropdownMenu.state.isOpen',\n      description: 'True when the menu is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n    settings: {\n      type: 'Array<{ setting: string; kind: \"choice\" | \"switch\"; value?: string; options?: string[]; checked?: boolean; disabled: boolean }>',\n      descriptionKey: 'ui.agent.dropdownMenu.state.settings',\n      description:\n        \"The menu's named settings rows and their current values: choice rows with the selected value and every option's value, switch rows with whether they are on. Rows are listed only while the menu is open; open it first to read them.\",\n      read: (handle) => handle.getSettings(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.dropdownMenu.actions.open',\n      description: 'Open the menu.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.dropdownMenu.actions.close',\n      description: 'Close the menu.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    set_value: {\n      safety: 'write',\n      argsType: '{ setting: string; value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          setting: {\n            type: 'string',\n            description: \"The row's name (its data-setting attribute).\",\n          },\n          value: {\n            type: 'string',\n            description: \"One of the row's option values.\",\n          },\n        },\n        required: ['setting', 'value'],\n      },\n      idempotent: true,\n      errors: [\n        'No choice row with that name in this menu',\n        'The value is not one of the options, or it or the row is disabled',\n      ],\n      examples: [\n        {\n          args: { setting: 'slotDensity', value: 'comfortable' },\n          note: 'Calendar display settings: switch to comfortable rows.',\n        },\n      ],\n      descriptionKey: 'ui.agent.dropdownMenu.actions.setValue',\n      description:\n        'Pick an option on a named choice row (ChoiceSub), as clicking it would. A closed menu opens for the moment and closes again.',\n      invoke: (handle, args: { setting: string; value: string }) =>\n        handle.setValue(args.setting, args.value),\n    },\n    set_checked: {\n      safety: 'write',\n      argsType: '{ setting: string; checked: boolean }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          setting: {\n            type: 'string',\n            description: \"The row's name (its data-setting attribute).\",\n          },\n          checked: { type: 'boolean' },\n        },\n        required: ['setting', 'checked'],\n      },\n      idempotent: true,\n      errors: [\n        'No switch row with that name in this menu',\n        'The row is disabled',\n      ],\n      examples: [\n        {\n          args: { setting: 'zebraRows', checked: true },\n          note: 'Calendar display settings: turn zebra rows on.',\n        },\n      ],\n      descriptionKey: 'ui.agent.dropdownMenu.actions.setChecked',\n      description:\n        'Turn a named switch row (SwitchItem) on or off, as clicking it would. A closed menu opens for the moment and closes again.',\n      invoke: (handle, args: { setting: string; checked: boolean }) =>\n        handle.setChecked(args.setting, args.checked),\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'dropdown-menu' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on DropdownMenu.Root.',\n    },\n    item: {\n      attr: 'data-setting',\n      sourceProp: 'name',\n      description:\n        'On a ChoiceSub or SwitchItem row given a name: the setting that set_value / set_checked address.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type ReactNode,\n} from 'react';\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Check, ChevronRight } from 'lucide-react';\nimport { Separator as DsSeparator } from '../separator/separator';\nimport { Kbd, type KbdNamedKey } from '../kbd/kbd';\nimport { useDocumentDirection } from '../_shared/use-direction';\nimport { MENU_ROW_HIGHLIGHT } from '../_shared/menu-row';\nimport { PopupRegion } from '../_shared/popup-region';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useAgentRegistration } from '../../agent';\nimport { dropdownMenuAgent } from './dropdown-menu.agent';\nimport { releaseStaleBodyPointerLock } from '../_shared/body-pointer-lock';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst contentVariants = cva(\n  [\n    'ds:z-[var(--z-dropdown)]',\n    // Roomier panel: wider floor, larger radius, deeper float and a\n    // breath more padding so menus read as elevated surfaces rather\n    // than flat lists hugging their trigger.\n    'ds:min-w-[14rem]',\n    'ds:rounded-[var(--radius-lg)]',\n    // Border kept (transparent) so the forced-colors override below can\n    // repaint a visible edge in HCM. In normal modes the soft drop-shadow\n    // carries the edge cue; the heavy `--border` (grey-800 since WCAG\n    // 1.4.11 bump in 67fef8c) made the menu read as a charcoal box.\n    'ds:border ds:border-transparent',\n    'ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]',\n    'ds:shadow-[var(--shadow-xl)]',\n    'ds:p-[var(--spacing-sm)]',\n    // Never taller than the room Radix measures beside the trigger: a long\n    // menu scrolls instead of running off the screen. Submenus portal out,\n    // so the scroll never clips them. Radix sets the same variable on\n    // Content and SubContent.\n    'ds:max-h-[var(--radix-dropdown-menu-content-available-height)] ds:overflow-y-auto',\n    // Motion — gated on --animation-duration via Tailwind's animate-in\n    // preset. motion-reduce disables via the no-preference query.\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out',\n    'ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95',\n    'ds:data-[state=open]:slide-in-from-top-1',\n    'ds:motion-reduce:animate-none',\n    'ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n);\n\nconst itemClasses = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:min-h-[var(--min-target-size)]',\n    // The ink comes from the variants below, one colour class per state:\n    // two text-colour utilities on one element resolve by stylesheet order,\n    // not by class order, and --foreground would win over --destructive.\n    'ds:text-[length:var(--font-size-sm)]',\n    'ds:select-none ds:outline-none',\n    // Radix highlights on hover and on keyboard focus alike. The highlight\n    // itself comes from the `unavailable` variant below.\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    // Disabled\n    'ds:data-[disabled]:opacity-50 ds:data-[disabled]:cursor-not-allowed',\n    'ds:data-[disabled]:pointer-events-none',\n  ].join(' '),\n  {\n    variants: {\n      /* Item only. A lit row repoints --destructive to the accent ink\n         (MENU_ROW_HIGHLIGHT), so the label keeps its contrast there. */\n      variant: { default: '', destructive: '' },\n      /* An Item that is disabled with a reason: it keeps focus, so it is\n         muted rather than faded, and the reason stays readable. */\n      unavailable: {\n        /* Lit, it stays neutral: the accent fill reads as \"ready to\n           choose\", and it would turn the muted reason into accent ink. */\n        true: [\n          'ds:text-[color:var(--muted-foreground)] ds:cursor-not-allowed',\n          'ds:forced-colors:text-[GrayText]',\n          'ds:data-[highlighted]:bg-[var(--muted)]',\n          'ds:forced-colors:data-[highlighted]:outline-solid',\n          'ds:forced-colors:data-[highlighted]:outline-[length:var(--focus-ring-width)]',\n          'ds:forced-colors:data-[highlighted]:outline-[GrayText]',\n          'ds:forced-colors:data-[highlighted]:[outline-offset:calc(var(--focus-ring-width)*-1)]',\n        ].join(' '),\n        /* The pointer lives here, not in the base: two cursor utilities on\n           one element resolve by stylesheet order, and it would win. */\n        false: `ds:cursor-pointer ${MENU_ROW_HIGHLIGHT.highlighted}`,\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'default',\n        unavailable: false,\n        className: 'ds:text-[color:var(--foreground)]',\n      },\n      {\n        variant: 'destructive',\n        unavailable: false,\n        className: 'ds:text-[color:var(--destructive)]',\n      },\n    ],\n    defaultVariants: { variant: 'default', unavailable: false },\n  },\n);\n\nconst labelClasses = cva(\n  [\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-2xs)]',\n    // Quiet sentence-case caption — the shouty uppercase eyebrow made\n    // every menu read as a form. Groups should lean on separators first\n    // and reach for a Label only when the grouping is genuinely unclear.\n    'ds:text-[length:var(--font-size-xs)]',\n    'ds:font-[var(--font-weight-medium)]',\n    'ds:text-[color:var(--muted-foreground)]',\n    'ds:select-none',\n  ].join(' '),\n);\n\nconst indicatorSlotClasses =\n  'ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0';\n\n/* ------------------------------------------------------------------ */\n/* Root / Trigger / Portal                                              */\n/* ------------------------------------------------------------------ */\n\n/** A named settings row (a ChoiceSub or SwitchItem given a `name`) and\n *  its current state, as an agent reads it. Values only, never labels. */\nexport interface DropdownMenuSetting {\n  setting: string;\n  kind: 'choice' | 'switch';\n  /** ChoiceSub: the selected value and every option's value. */\n  value?: string;\n  options?: string[];\n  /** SwitchItem: whether it is on. */\n  checked?: boolean;\n  disabled: boolean;\n}\n\n// Curated agent-readiness handle — see dropdown-menu.agent.ts.\nexport interface DropdownMenuHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n  /** The named settings rows, while the menu is open (closed: none). */\n  getSettings: () => DropdownMenuSetting[];\n  /** Pick `value` on the named ChoiceSub. A closed menu opens for the\n   *  moment and closes again. Rejects on an unknown row, value or a\n   *  disabled one. */\n  setValue: (setting: string, value: string) => Promise<void>;\n  /** Turn the named SwitchItem on or off, as `setValue` does. */\n  setChecked: (setting: string, checked: boolean) => Promise<void>;\n}\n\n/* A named row registers with its Root so the handle can drive it. */\ntype SettingRow =\n  | {\n      kind: 'choice';\n      read: () => {\n        value: string;\n        options: ReadonlyArray<{ value: string; disabled?: boolean }>;\n        disabled: boolean;\n        closeOnSelect: boolean;\n      };\n      pick: (value: string) => void;\n    }\n  | {\n      kind: 'switch';\n      read: () => { checked: boolean; disabled: boolean };\n      pick: (checked: boolean) => void;\n    };\n\ntype RegisterSettingRow = (name: string, row: SettingRow) => () => void;\n\nconst SettingRowsContext = createContext<RegisterSettingRow | undefined>(\n  undefined,\n);\n\nconst nextFrame = () =>\n  new Promise<void>((resolve) => {\n    if (typeof requestAnimationFrame === 'function') {\n      requestAnimationFrame(() => resolve());\n    } else {\n      setTimeout(resolve, 16);\n    }\n  });\n\nexport interface DropdownMenuRootProps extends ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.Root\n> {\n  /** Opaque instance id — forwarded to DropdownMenu.Content as `data-component-id`. */\n  id?: string;\n}\n\nconst DropdownMenuIdContext = createContext<string | undefined>(undefined);\n\nconst Root = ({\n  dir,\n  id,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: DropdownMenuRootProps) => {\n  const autoDir = useDocumentDirection();\n  const [openRaw, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  });\n  const open = openRaw ?? false;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const rowsRef = useRef(new Map<string, SettingRow>());\n  // Counts explicit open/close calls on the handle.\n  const openRequestsRef = useRef(0);\n  const registerRow = useMemo<RegisterSettingRow>(\n    () => (name, row) => {\n      rowsRef.current.set(name, row);\n      return () => {\n        if (rowsRef.current.get(name) === row) rowsRef.current.delete(name);\n      };\n    },\n    [],\n  );\n\n  const handle = useMemo<DropdownMenuHandle>(() => {\n    /* Rows mount with the menu. A closed menu opens for the moment, waits\n       for the row to register, and closes again once the change lands. */\n    // open/close update the ref at once, not a render later, so a set\n    // right after an explicit open() sees the menu as open and leaves it so.\n    const show = (next: boolean) => {\n      openRef.current = next;\n      setOpen(next);\n    };\n    const withRow = async <K extends SettingRow['kind']>(\n      setting: string,\n      kind: K,\n      apply: (row: Extract<SettingRow, { kind: K }>) => void,\n    ) => {\n      const opened = !openRef.current;\n      if (opened) show(true);\n      const requests = openRequestsRef.current;\n      try {\n        // A row mounts a render or two after the menu opens.\n        let row = rowsRef.current.get(setting);\n        for (let frame = 0; !row && frame < 30; frame += 1) {\n          await nextFrame();\n          row = rowsRef.current.get(setting);\n        }\n        if (!row || row.kind !== kind) {\n          throw new Error(`No ${kind} setting named \"${setting}\" in this menu`);\n        }\n        apply(row as Extract<SettingRow, { kind: K }>);\n      } finally {\n        // Close only a menu this call opened, and nobody asked for since.\n        if (opened && openRequestsRef.current === requests) show(false);\n      }\n    };\n    return {\n      getIsOpen: () => openRef.current,\n      open: () => {\n        openRequestsRef.current += 1;\n        show(true);\n      },\n      close: () => {\n        openRequestsRef.current += 1;\n        show(false);\n      },\n      getSettings: () =>\n        [...rowsRef.current].map(([setting, row]) => {\n          if (row.kind === 'choice') {\n            const { value, options, disabled } = row.read();\n            return {\n              setting,\n              kind: 'choice' as const,\n              value,\n              options: options.map((option) => option.value),\n              disabled,\n            };\n          }\n          const { checked, disabled } = row.read();\n          return { setting, kind: 'switch' as const, checked, disabled };\n        }),\n      setValue: (setting, value) =>\n        withRow(setting, 'choice', (row) => {\n          const { options, disabled, closeOnSelect } = row.read();\n          const option = options.find((o) => o.value === value);\n          if (disabled || !option || option.disabled) {\n            throw new Error(\n              `\"${value}\" is not an option that \"${setting}\" can take now`,\n            );\n          }\n          row.pick(value);\n          // As a click on the option would.\n          if (closeOnSelect) show(false);\n        }),\n      setChecked: (setting, checked) =>\n        withRow(setting, 'switch', (row) => {\n          if (row.read().disabled) {\n            throw new Error(`\"${setting}\" is disabled`);\n          }\n          row.pick(checked);\n        }),\n    };\n  }, [setOpen]);\n  useAgentRegistration(dropdownMenuAgent, handle, id);\n\n  return (\n    <DropdownMenuIdContext.Provider value={id}>\n      <SettingRowsContext.Provider value={registerRow}>\n        <RadixDropdownMenu.Root\n          dir={dir ?? autoDir}\n          open={open}\n          onOpenChange={setOpen}\n          {...props}\n        />\n      </SettingRowsContext.Provider>\n    </DropdownMenuIdContext.Provider>\n  );\n};\nRoot.displayName = 'DropdownMenu.Root';\n\nconst Trigger = RadixDropdownMenu.Trigger;\nconst Portal = RadixDropdownMenu.Portal;\nconst RadixGroup = RadixDropdownMenu.Group;\nconst RadixRadioGroup = RadixDropdownMenu.RadioGroup;\n\n/* ------------------------------------------------------------------ */\n/* Content                                                              */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuContentProps\n  extends\n    ComponentPropsWithoutRef<typeof RadixDropdownMenu.Content>,\n    VariantProps<typeof contentVariants> {}\n\nconst Content = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Content>,\n  DropdownMenuContentProps\n>(({ className, sideOffset = 8, onCloseAutoFocus, ...props }, ref) => {\n  const instanceId = useContext(DropdownMenuIdContext);\n  return (\n    <RadixDropdownMenu.Portal>\n      {/* A region named after the trigger, so axe `region` passes while open. */}\n      <PopupRegion popupRef={ref}>\n        {(popupRef) => (\n          <RadixDropdownMenu.Content\n            ref={popupRef}\n            sideOffset={sideOffset}\n            className={contentVariants({ className })}\n            data-component=\"dropdown-menu\"\n            data-component-id={instanceId}\n            {...props}\n            onCloseAutoFocus={(event) => {\n              releaseStaleBodyPointerLock();\n              onCloseAutoFocus?.(event);\n            }}\n          />\n        )}\n      </PopupRegion>\n    </RadixDropdownMenu.Portal>\n  );\n});\nContent.displayName = 'DropdownMenu.Content';\n\n/* ------------------------------------------------------------------ */\n/* Item                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuItemProps extends ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.Item\n> {\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  description?: ReactNode;\n  /** Convenience — renders a DS <Kbd keys={…}> on the inline-end. */\n  shortcut?: Array<KbdNamedKey | string>;\n  /** `'destructive'` paints the label and icon in `--destructive`, for an\n   *  action that deletes or cancels. The host still confirms it (AlertDialog).\n   *  Default `'default'`. */\n  variant?: 'default' | 'destructive';\n  /** Why the item cannot be chosen. Only read with `disabled`: the item then\n   *  stays reachable by arrow keys and typeahead (the APG menu pattern), is\n   *  `aria-disabled`, ignores Enter, Space and click (the menu stays open),\n   *  and shows the reason as its second line, in place of `description`,\n   *  linked with `aria-describedby`. Without a reason, `disabled` items are\n   *  skipped, as before. Pass translated text. */\n  disabledReason?: string;\n}\n\nconst Item = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Item>,\n  DropdownMenuItemProps\n>(\n  (\n    {\n      className,\n      startIcon,\n      endIcon,\n      description,\n      shortcut,\n      variant,\n      disabled,\n      disabledReason,\n      textValue,\n      onSelect,\n      onClick,\n      children,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    },\n    ref,\n  ) => {\n    const baseId = useId();\n    const reasonId = `${baseId}-reason`;\n    const labelId = `${baseId}-label`;\n    /* Disabled with a reason: Radix must not see `disabled`, or it would\n       take the item out of arrow navigation. The guard below refuses it. */\n    const unavailable = Boolean(disabled && disabledReason);\n    const secondLine = unavailable ? disabledReason : description;\n    /* The reason is the description, so it stays out of the name, which a\n       menuitem would otherwise take from all of its text. */\n    const nameFromLabel =\n      unavailable && !props['aria-label'] && !props['aria-labelledby'];\n    return (\n      <RadixDropdownMenu.Item\n        ref={ref}\n        className={itemClasses({ variant, unavailable, className })}\n        disabled={unavailable ? false : disabled}\n        // Typeahead matches the label, never the reason under it.\n        textValue={\n          textValue ??\n          (unavailable && typeof children === 'string' ? children : undefined)\n        }\n        aria-describedby={\n          unavailable\n            ? [ariaDescribedBy, reasonId].filter(Boolean).join(' ')\n            : ariaDescribedBy\n        }\n        onClick={(event) => {\n          if (unavailable) return;\n          onClick?.(event);\n        }}\n        onSelect={(event) => {\n          if (unavailable) {\n            // Keeps the menu open and the item focused.\n            event.preventDefault();\n            return;\n          }\n          onSelect?.(event);\n        }}\n        {...props}\n        {...(unavailable\n          ? { 'aria-disabled': true, 'data-unavailable': '' }\n          : undefined)}\n        {...(nameFromLabel ? { 'aria-labelledby': labelId } : undefined)}\n      >\n        {startIcon ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n          >\n            {startIcon}\n          </span>\n        ) : null}\n        <span className=\"ds:flex-1 ds:flex ds:flex-col ds:min-w-0\">\n          <span\n            id={nameFromLabel ? labelId : undefined}\n            className=\"ds:truncate\"\n          >\n            {children}\n          </span>\n          {unavailable ? (\n            /* Wraps inside the width the labels set (w-0 + min-w-full),\n               rather than widening the menu or being cut off. */\n            <span\n              id={reasonId}\n              className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:w-0 ds:min-w-full ds:whitespace-normal ds:[overflow-wrap:anywhere]\"\n            >\n              {secondLine}\n            </span>\n          ) : secondLine ? (\n            <span className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {secondLine}\n            </span>\n          ) : null}\n        </span>\n        {shortcut ? (\n          <span className=\"ds:ms-auto\">\n            <Kbd keys={shortcut} size=\"sm\" />\n          </span>\n        ) : endIcon ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:ms-auto ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n          >\n            {endIcon}\n          </span>\n        ) : null}\n      </RadixDropdownMenu.Item>\n    );\n  },\n);\nItem.displayName = 'DropdownMenu.Item';\n\n/* ------------------------------------------------------------------ */\n/* CheckboxItem                                                         */\n/* ------------------------------------------------------------------ */\n\nexport type DropdownMenuCheckboxItemProps = ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.CheckboxItem\n>;\n\nconst CheckboxItem = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.CheckboxItem>,\n  DropdownMenuCheckboxItemProps\n>(({ className, children, ...props }, ref) => (\n  <RadixDropdownMenu.CheckboxItem\n    ref={ref}\n    className={itemClasses({ className })}\n    {...props}\n  >\n    <span className={indicatorSlotClasses}>\n      <RadixDropdownMenu.ItemIndicator>\n        <Check aria-hidden className=\"ds:size-4\" />\n      </RadixDropdownMenu.ItemIndicator>\n    </span>\n    <span className=\"ds:flex-1 ds:truncate\">{children}</span>\n  </RadixDropdownMenu.CheckboxItem>\n));\nCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\n/* Registers a named row with its Root for as long as it is mounted. The\n   row object is rebuilt each render; the Root reads it through a ref, so\n   it always sees the latest value and callback. */\nfunction useSettingRow(name: string | undefined, row: SettingRow): void {\n  const register = useContext(SettingRowsContext);\n  const latest = useRef(row);\n  useLayoutEffect(() => {\n    latest.current = row;\n  });\n  useEffect(() => {\n    if (!name || !register) return undefined;\n    const proxy: SettingRow =\n      latest.current.kind === 'choice'\n        ? {\n            kind: 'choice',\n            read: () =>\n              (\n                latest.current as Extract<SettingRow, { kind: 'choice' }>\n              ).read(),\n            pick: (value) =>\n              (latest.current as Extract<SettingRow, { kind: 'choice' }>).pick(\n                value,\n              ),\n          }\n        : {\n            kind: 'switch',\n            read: () =>\n              (\n                latest.current as Extract<SettingRow, { kind: 'switch' }>\n              ).read(),\n            pick: (checked) =>\n              (latest.current as Extract<SettingRow, { kind: 'switch' }>).pick(\n                checked,\n              ),\n          };\n    return register(name, proxy);\n  }, [name, register]);\n}\n\n/* ------------------------------------------------------------------ */\n/* SwitchItem                                                           */\n/*                                                                      */\n/* A persistent on/off toggle row (menuitemcheckbox semantics) whose    */\n/* indicator is a trailing switch glyph instead of a tick — for         */\n/* settings that live inside a menu (e.g. accessible mode). Selecting   */\n/* keeps the menu open so the user sees the toggle land.                */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuSwitchItemProps extends ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.CheckboxItem\n> {\n  /** Names the row for agents (the menu's `set_checked` action and\n   *  `settings` state) and emits `data-setting`. */\n  name?: string;\n}\n\n// Mirrors the kit Switch's `sm` metrics (track h-4 w-7, thumb size-3)\n// and its primary checked fill so the two switch affordances stay kin.\n// The muted-foreground border keeps the OFF state perceivable — without\n// it the muted track sits at ~1.2:1 on the popover (WCAG 1.4.11).\nconst switchTrackClasses = [\n  'ds:ms-auto ds:inline-flex ds:items-center ds:shrink-0',\n  'ds:h-4 ds:w-7 ds:p-[2px]',\n  'ds:rounded-[var(--radius-full)]',\n  'ds:border ds:border-[length:var(--border-width-sm)] ds:border-[color:var(--muted-foreground)]',\n  'ds:bg-[color:var(--muted)]',\n  'ds:[[data-state=checked]_&]:bg-[color:var(--primary)]',\n  'ds:[[data-state=checked]_&]:border-[color:var(--primary)]',\n  // Thumb slides via justify swap — logical-direction safe, no\n  // transform to fight under prefers-reduced-motion.\n  'ds:justify-start ds:[[data-state=checked]_&]:justify-end',\n  'ds:forced-colors:border-[CanvasText]',\n  // HCM strips fills — paint the checked track with the system\n  // selection colour so state isn't conveyed by thumb position alone.\n  'ds:forced-colors:[[data-state=checked]_&]:bg-[SelectedItem]',\n].join(' ');\n\nconst switchThumbClasses = [\n  'ds:block ds:size-3',\n  'ds:rounded-[var(--radius-full)]',\n  'ds:bg-[color:var(--background)]',\n  'ds:border ds:border-[length:var(--border-width-sm)] ds:border-[color:var(--muted-foreground)]',\n  'ds:[[data-state=checked]_&]:border-transparent',\n  'ds:shadow-[var(--shadow-sm)]',\n  'ds:forced-colors:bg-[CanvasText]',\n].join(' ');\n\nconst SwitchItem = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.CheckboxItem>,\n  DropdownMenuSwitchItemProps\n>(({ className, children, onSelect, name, ...props }, ref) => {\n  const { checked, onCheckedChange, disabled } = props;\n  useSettingRow(name, {\n    kind: 'switch',\n    read: () => ({ checked: checked === true, disabled: disabled === true }),\n    // What a click does, and only when it would change something: the\n    // consumer's onSelect, then the new state.\n    pick: (next) => {\n      if (next === (checked === true)) return;\n      onSelect?.(new Event('menu.itemSelect', { cancelable: true }));\n      onCheckedChange?.(next);\n    },\n  });\n  return (\n    <RadixDropdownMenu.CheckboxItem\n      ref={ref}\n      className={itemClasses({ className })}\n      data-setting={name}\n      onSelect={(event) => {\n        // Keep-open is unconditional — prevent first so a throwing consumer\n        // handler can't close the menu as a side effect.\n        event.preventDefault();\n        onSelect?.(event);\n      }}\n      {...props}\n    >\n      <span className=\"ds:flex-1 ds:truncate\">{children}</span>\n      <span aria-hidden=\"true\" className={switchTrackClasses}>\n        <span className={switchThumbClasses} />\n      </span>\n    </RadixDropdownMenu.CheckboxItem>\n  );\n});\nSwitchItem.displayName = 'DropdownMenu.SwitchItem';\n\n/* ------------------------------------------------------------------ */\n/* RadioGroup / RadioItem                                               */\n/* ------------------------------------------------------------------ */\n\nconst RadioGroup = RadixRadioGroup;\n\nexport type DropdownMenuRadioItemProps = ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.RadioItem\n>;\n\nconst RadioItem = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.RadioItem>,\n  DropdownMenuRadioItemProps\n>(({ className, children, ...props }, ref) => (\n  <RadixDropdownMenu.RadioItem\n    ref={ref}\n    className={itemClasses({ className })}\n    {...props}\n  >\n    {/* Real radio affordance: an always-visible ring with a filled dot\n        when selected — a tick reads as a checkbox, not a single choice.\n        The ring colours via the item's own data-state so the unchecked\n        options still advertise that they are part of a radio set. */}\n    <span className={indicatorSlotClasses} aria-hidden=\"true\">\n      <span\n        className={[\n          'ds:inline-flex ds:size-4 ds:items-center ds:justify-center ds:shrink-0',\n          'ds:rounded-[var(--radius-full)]',\n          'ds:border ds:border-[length:var(--border-width-sm)] ds:border-[color:var(--muted-foreground)]',\n          'ds:[[data-state=checked]_&]:border-[color:var(--accent)]',\n          // Accent on the lit row would vanish, so ring and dot take its ink.\n          'ds:not-forced-colors:[[data-highlighted][data-state=checked]_&]:border-[color:var(--accent-foreground)]',\n          'ds:forced-colors:border-[CanvasText]',\n        ].join(' ')}\n      >\n        <RadixDropdownMenu.ItemIndicator>\n          <span\n            className={[\n              'ds:block ds:size-2 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--accent)]',\n              'ds:not-forced-colors:group-data-[highlighted]/menu-row:bg-[color:var(--accent-foreground)]',\n              'ds:forced-colors:bg-[CanvasText]',\n            ].join(' ')}\n          />\n        </RadixDropdownMenu.ItemIndicator>\n      </span>\n    </span>\n    <span className=\"ds:flex-1 ds:truncate\">{children}</span>\n  </RadixDropdownMenu.RadioItem>\n));\nRadioItem.displayName = 'DropdownMenu.RadioItem';\n\n/* ------------------------------------------------------------------ */\n/* Label                                                                */\n/* ------------------------------------------------------------------ */\n\nexport type DropdownMenuLabelProps = ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.Label\n>;\n\nconst Label = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Label>,\n  DropdownMenuLabelProps\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Label\n    ref={ref}\n    className={labelClasses({ className })}\n    {...props}\n  />\n));\nLabel.displayName = 'DropdownMenu.Label';\n\n/* ------------------------------------------------------------------ */\n/* Separator                                                            */\n/* ------------------------------------------------------------------ */\n\nexport type DropdownMenuSeparatorProps = ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.Separator\n>;\n\nconst MenuSeparator = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Separator>,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Separator ref={ref} asChild {...props}>\n    <DsSeparator\n      className={['ds:my-[calc(var(--spacing-xs)/2)]', className ?? '']\n        .filter(Boolean)\n        .join(' ')}\n    />\n  </RadixDropdownMenu.Separator>\n));\nMenuSeparator.displayName = 'DropdownMenu.Separator';\n\n/* ------------------------------------------------------------------ */\n/* Shortcut — thin wrapper over DS Kbd for the right side of an Item   */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuShortcutProps {\n  keys: Array<KbdNamedKey | string>;\n  separator?: 'none' | 'plus' | 'then';\n}\n\nconst Shortcut = forwardRef<HTMLSpanElement, DropdownMenuShortcutProps>(\n  ({ keys, separator = 'none' }, ref) => (\n    <span ref={ref} className=\"ds:ms-auto ds:ps-[var(--spacing-sm)]\">\n      <Kbd keys={keys} separator={separator} size=\"sm\" />\n    </span>\n  ),\n);\nShortcut.displayName = 'DropdownMenu.Shortcut';\n\n/* ------------------------------------------------------------------ */\n/* Sub-menu                                                             */\n/* ------------------------------------------------------------------ */\n\nconst Sub = RadixDropdownMenu.Sub;\n\nexport interface DropdownMenuSubTriggerProps extends ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.SubTrigger\n> {\n  startIcon?: ReactNode;\n}\n\nconst SubTrigger = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.SubTrigger>,\n  DropdownMenuSubTriggerProps\n>(({ className, startIcon, children, ...props }, ref) => (\n  <RadixDropdownMenu.SubTrigger\n    ref={ref}\n    // Stays lit while focus is in its submenu, so the path is visible.\n    className={itemClasses({\n      className: [MENU_ROW_HIGHLIGHT.open, className].filter(Boolean).join(' '),\n    })}\n    {...props}\n  >\n    {startIcon ? (\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n      >\n        {startIcon}\n      </span>\n    ) : null}\n    <span className=\"ds:flex-1 ds:truncate\">{children}</span>\n    <ChevronRight\n      aria-hidden\n      className=\"ds:ms-auto ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100\"\n    />\n  </RadixDropdownMenu.SubTrigger>\n));\nSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\nexport type DropdownMenuSubContentProps = ComponentPropsWithoutRef<\n  typeof RadixDropdownMenu.SubContent\n>;\n\nconst SubContent = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.SubContent>,\n  DropdownMenuSubContentProps\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Portal>\n    <PopupRegion popupRef={ref}>\n      {(popupRef) => (\n        <RadixDropdownMenu.SubContent\n          ref={popupRef}\n          sideOffset={8}\n          data-component=\"dropdown-menu-sub-content\"\n          className={contentVariants({ className })}\n          {...props}\n        />\n      )}\n    </PopupRegion>\n  </RadixDropdownMenu.Portal>\n));\nSubContent.displayName = 'DropdownMenu.SubContent';\n\n/* ------------------------------------------------------------------ */\n/* ChoiceSub                                                            */\n/*                                                                      */\n/* One setting with a few exclusive options, as a single menu row that  */\n/* names the setting and shows its current value (\"Row density ·        */\n/* Compact ›\"). The row opens a submenu of radio items. It replaces the */\n/* \"label + Select\" row inside popovers: no Select ever opens inside a  */\n/* menu, and the whole settings menu stays keyboard-native. Picking an  */\n/* option keeps the menu open by default, like SwitchItem, so the user  */\n/* sees the value land and can adjust the next setting.                 */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuChoiceOption<T extends string = string> {\n  value: T;\n  label: ReactNode;\n  disabled?: boolean;\n}\n\nexport interface DropdownMenuChoiceSubProps<T extends string = string> {\n  /** The setting's name, shown at the start of the row. */\n  label: ReactNode;\n  /** The selected option's value; its label shows at the end of the row. */\n  value: T;\n  onValueChange: (value: T) => void;\n  options: ReadonlyArray<DropdownMenuChoiceOption<T>>;\n  startIcon?: ReactNode;\n  disabled?: boolean;\n  /** Close the whole menu after a pick. @default false */\n  closeOnSelect?: boolean;\n  /** Names the row for agents (the menu's `set_value` action and\n   *  `settings` state) and emits `data-setting`. */\n  name?: string;\n  className?: string;\n}\n\nfunction ChoiceSub<T extends string>({\n  label,\n  value,\n  onValueChange,\n  options,\n  startIcon,\n  disabled,\n  closeOnSelect = false,\n  name,\n  className,\n}: DropdownMenuChoiceSubProps<T>) {\n  const current = options.find((option) => option.value === value);\n  useSettingRow(name, {\n    kind: 'choice',\n    read: () => ({\n      value,\n      options,\n      disabled: disabled === true,\n      closeOnSelect,\n    }),\n    pick: (next) => onValueChange(next as T),\n  });\n  return (\n    <Sub>\n      <SubTrigger\n        startIcon={startIcon}\n        disabled={disabled}\n        className={className}\n        data-component=\"dropdown-menu-choice\"\n        data-value={value}\n        data-setting={name}\n      >\n        <span className=\"ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n          <span className=\"ds:truncate\">{label}</span>\n          {current ? (\n            <span className=\"ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:[[data-highlighted]_&]:text-current\">\n              {current.label}\n            </span>\n          ) : null}\n        </span>\n      </SubTrigger>\n      <SubContent>\n        <RadioGroup\n          value={value}\n          onValueChange={(next) => onValueChange(next as T)}\n        >\n          {options.map((option) => (\n            <RadioItem\n              key={option.value}\n              value={option.value}\n              disabled={option.disabled}\n              onSelect={\n                closeOnSelect ? undefined : (event) => event.preventDefault()\n              }\n            >\n              {option.label}\n            </RadioItem>\n          ))}\n        </RadioGroup>\n      </SubContent>\n    </Sub>\n  );\n}\nChoiceSub.displayName = 'DropdownMenu.ChoiceSub';\n\n/* ------------------------------------------------------------------ */\n/* Assembled namespace export                                           */\n/* ------------------------------------------------------------------ */\n\nexport const DropdownMenu = {\n  Root,\n  Trigger,\n  Portal,\n  Content,\n  Group: RadixGroup,\n  Item,\n  CheckboxItem,\n  SwitchItem,\n  RadioGroup,\n  RadioItem,\n  Label,\n  Separator: MenuSeparator,\n  Shortcut,\n  Sub,\n  SubTrigger,\n  SubContent,\n  ChoiceSub,\n};\n"],"names":["dropdownMenuAgent","handle","args","contentVariants","cva","itemClasses","MENU_ROW_HIGHLIGHT","labelClasses","indicatorSlotClasses","SettingRowsContext","createContext","nextFrame","resolve","DropdownMenuIdContext","Root","dir","id","openProp","defaultOpen","onOpenChange","props","autoDir","useDocumentDirection","openRaw","setOpen","useControllableState","open","openRef","useRef","useEffect","rowsRef","openRequestsRef","registerRow","useMemo","name","row","show","next","withRow","setting","kind","apply","opened","requests","frame","value","options","disabled","option","checked","closeOnSelect","o","useAgentRegistration","jsx","RadixDropdownMenu","Trigger","Portal","RadixGroup","RadixRadioGroup","Content","forwardRef","className","sideOffset","onCloseAutoFocus","ref","instanceId","useContext","PopupRegion","popupRef","event","releaseStaleBodyPointerLock","Item","startIcon","endIcon","description","shortcut","variant","disabledReason","textValue","onSelect","onClick","children","ariaDescribedBy","baseId","useId","reasonId","labelId","unavailable","secondLine","nameFromLabel","jsxs","Kbd","CheckboxItem","Check","useSettingRow","register","latest","useLayoutEffect","proxy","switchTrackClasses","switchThumbClasses","SwitchItem","onCheckedChange","RadioGroup","RadioItem","Label","MenuSeparator","DsSeparator","Shortcut","keys","separator","Sub","SubTrigger","ChevronRight","SubContent","ChoiceSub","label","onValueChange","current","DropdownMenu"],"mappings":"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"}

package/dist/_chunks/{editable-currency-cell-renderer-BlK-8A7b.js → editable-currency-cell-renderer-CZMQ5xRT.js}

@@ -3,7 +3,7 @@ import { useLayoutEffect as O, useMemo as V, useState as F, useRef as S, useEffe
 import { T as K } from "./tag-BNlcEJfE.js";
 import { useTranslation as w } from "react-i18next";
 import { I as z } from "./icon-button-S8_weU3g.js";
-import { I as q } from "./icon-button-group-BKtkVZ1W.js";
+import { I as q } from "./icon-button-group-SmkdVCNx.js";
 import { A as G, a as X } from "./arrow-up-BYvcvTkB.js";
 import { S as W } from "./square-check-big-dj0o8yA3.js";
 import { S as Z } from "./square-DASBRZ0U.js";
@@ -490,4 +490,4 @@ export {
   Ne as u,
   Ce as w
 };
-//# sourceMappingURL=editable-currency-cell-renderer-BlK-8A7b.js.map
+//# sourceMappingURL=editable-currency-cell-renderer-CZMQ5xRT.js.map