@cfx-dev/ui-components 4.5.11 → 4.5.12

package/dist/{DropdownContent-BertjH0y.js → DropdownContent-CLtPVRZg.js}

@@ -20,18 +20,18 @@ var On = a.forwardRef((e, o) => {
     orientation: t,
     loop: r = !1,
     dir: c,
-    currentTabStopId: u,
+    currentTabStopId: d,
     defaultCurrentTabStopId: l,
-    onCurrentTabStopIdChange: _,
-    onEntryFocus: m,
-    preventScrollOnEntryFocus: d = !1,
+    onCurrentTabStopIdChange: m,
+    onEntryFocus: _,
+    preventScrollOnEntryFocus: u = !1,
     ...i
   } = e, f = a.useRef(null), v = z(o, f), g = Te(c), [b, M] = xe({
-    prop: u,
+    prop: d,
     defaultProp: l ?? null,
-    onChange: _,
+    onChange: m,
     caller: Z
-  }), [R, T] = a.useState(!1), h = we(m), S = Oe(n), $ = a.useRef(!1), [Q, O] = a.useState(0);
+  }), [R, T] = a.useState(!1), h = we(_), S = Oe(n), $ = a.useRef(!1), [Q, O] = a.useState(0);
   return a.useEffect(() => {
     const C = f.current;
     if (C)
@@ -76,7 +76,7 @@ var On = a.forwardRef((e, o) => {
                 const B = S().filter((y) => y.focusable), V = B.find((y) => y.active), ee = B.find((y) => y.id === b), se = [V, ee, ...B].filter(
                   Boolean
                 ).map((y) => y.ref.current);
-                Ke(se, d);
+                Ke(se, u);
               }
             }
             $.current = !1;
@@ -93,9 +93,9 @@ var On = a.forwardRef((e, o) => {
       focusable: t = !0,
       active: r = !1,
       tabStopId: c,
-      children: u,
+      children: d,
       ...l
-    } = e, _ = le(), m = c || _, d = Nn(Ge, n), i = d.currentTabStopId === m, f = Oe(n), { onFocusableItemAdd: v, onFocusableItemRemove: g, currentTabStopId: b } = d;
+    } = e, m = le(), _ = c || m, u = Nn(Ge, n), i = u.currentTabStopId === _, f = Oe(n), { onFocusableItemAdd: v, onFocusableItemRemove: g, currentTabStopId: b } = u;
     return a.useEffect(() => {
       if (t)
         return v(), () => g();
@@ -103,27 +103,27 @@ var On = a.forwardRef((e, o) => {
       pe.ItemSlot,
       {
         scope: n,
-        id: m,
+        id: _,
         focusable: t,
         active: r,
         children: /* @__PURE__ */ s(
           N.span,
           {
             tabIndex: i ? 0 : -1,
-            "data-orientation": d.orientation,
+            "data-orientation": u.orientation,
             ...l,
             ref: o,
             onMouseDown: w(e.onMouseDown, (M) => {
-              t ? d.onItemFocus(m) : M.preventDefault();
+              t ? u.onItemFocus(_) : M.preventDefault();
             }),
-            onFocus: w(e.onFocus, () => d.onItemFocus(m)),
+            onFocus: w(e.onFocus, () => u.onItemFocus(_)),
             onKeyDown: w(e.onKeyDown, (M) => {
               if (M.key === "Tab" && M.shiftKey) {
-                d.onItemShiftTab();
+                u.onItemShiftTab();
                 return;
               }
               if (M.target !== M.currentTarget) return;
-              const R = Gn(M, d.orientation, d.dir);
+              const R = Gn(M, u.orientation, u.dir);
               if (R !== void 0) {
                 if (M.metaKey || M.ctrlKey || M.altKey || M.shiftKey) return;
                 M.preventDefault();
@@ -132,12 +132,12 @@ var On = a.forwardRef((e, o) => {
                 else if (R === "prev" || R === "next") {
                   R === "prev" && h.reverse();
                   const S = h.indexOf(M.currentTarget);
-                  h = d.loop ? Ln(h, S + 1) : h.slice(S + 1);
+                  h = u.loop ? Ln(h, S + 1) : h.slice(S + 1);
                 }
                 setTimeout(() => Ke(h));
               }
             }),
-            children: typeof u == "function" ? u({ isCurrentTabStop: i, hasTabStop: b != null }) : u
+            children: typeof d == "function" ? d({ isCurrentTabStop: i, hasTabStop: b != null }) : d
           }
         )
       }
@@ -182,11 +182,11 @@ var Kn = ke, zn = Le, me = ["Enter", " "], Un = ["ArrowDown", "PageUp", "Home"],
   Ae,
   Fe
 ]), re = Ae(), $e = Fe(), [Xn, U] = k(q), [Hn, J] = k(q), Be = (e) => {
-  const { __scopeMenu: o, open: n = !1, children: t, dir: r, onOpenChange: c, modal: u = !0 } = e, l = re(o), [_, m] = a.useState(null), d = a.useRef(!1), i = we(c), f = Te(r);
+  const { __scopeMenu: o, open: n = !1, children: t, dir: r, onOpenChange: c, modal: d = !0 } = e, l = re(o), [m, _] = a.useState(null), u = a.useRef(!1), i = we(c), f = Te(r);
   return a.useEffect(() => {
     const v = () => {
-      d.current = !0, document.addEventListener("pointerdown", g, { capture: !0, once: !0 }), document.addEventListener("pointermove", g, { capture: !0, once: !0 });
-    }, g = () => d.current = !1;
+      u.current = !0, document.addEventListener("pointerdown", g, { capture: !0, once: !0 }), document.addEventListener("pointermove", g, { capture: !0, once: !0 });
+    }, g = () => u.current = !1;
     return document.addEventListener("keydown", v, { capture: !0 }), () => {
       document.removeEventListener("keydown", v, { capture: !0 }), document.removeEventListener("pointerdown", g, { capture: !0 }), document.removeEventListener("pointermove", g, { capture: !0 });
     };
@@ -196,16 +196,16 @@ var Kn = ke, zn = Le, me = ["Enter", " "], Un = ["ArrowDown", "PageUp", "Home"],
       scope: o,
       open: n,
       onOpenChange: i,
-      content: _,
-      onContentChange: m,
+      content: m,
+      onContentChange: _,
       children: /* @__PURE__ */ s(
         Hn,
         {
           scope: o,
           onClose: a.useCallback(() => i(!1), [i]),
-          isUsingKeyboardRef: d,
+          isUsingKeyboardRef: u,
           dir: f,
-          modal: u,
+          modal: d,
           children: t
         }
       )
@@ -224,8 +224,8 @@ var Zn = "MenuPortal", [vt, Ve] = k(Zn, {
   forceMount: void 0
 }), E = "MenuContent", [qn, Me] = k(E), We = a.forwardRef(
   (e, o) => {
-    const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), u = J(E, e.__scopeMenu);
-    return /* @__PURE__ */ s(H.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: t || c.open, children: /* @__PURE__ */ s(H.Slot, { scope: e.__scopeMenu, children: u.modal ? /* @__PURE__ */ s(Jn, { ...r, ref: o }) : /* @__PURE__ */ s(Qn, { ...r, ref: o }) }) }) });
+    const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), d = J(E, e.__scopeMenu);
+    return /* @__PURE__ */ s(H.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: t || c.open, children: /* @__PURE__ */ s(H.Slot, { scope: e.__scopeMenu, children: d.modal ? /* @__PURE__ */ s(Jn, { ...r, ref: o }) : /* @__PURE__ */ s(Qn, { ...r, ref: o }) }) }) });
   }
 ), Jn = a.forwardRef(
   (e, o) => {
@@ -270,11 +270,11 @@ var Zn = "MenuPortal", [vt, Ve] = k(Zn, {
       loop: t = !1,
       trapFocus: r,
       onOpenAutoFocus: c,
-      onCloseAutoFocus: u,
+      onCloseAutoFocus: d,
       disableOutsidePointerEvents: l,
-      onEntryFocus: _,
-      onEscapeKeyDown: m,
-      onPointerDownOutside: d,
+      onEntryFocus: m,
+      onEscapeKeyDown: _,
+      onPointerDownOutside: u,
       onFocusOutside: i,
       onInteractOutside: f,
       onDismiss: v,
@@ -329,14 +329,14 @@ var Zn = "MenuPortal", [vt, Ve] = k(Zn, {
               var D;
               p.preventDefault(), (D = O.current) == null || D.focus({ preventScroll: !0 });
             }),
-            onUnmountAutoFocus: u,
+            onUnmountAutoFocus: d,
             children: /* @__PURE__ */ s(
               bn,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: l,
-                onEscapeKeyDown: m,
-                onPointerDownOutside: d,
+                onEscapeKeyDown: _,
+                onPointerDownOutside: u,
                 onFocusOutside: i,
                 onInteractOutside: f,
                 onDismiss: v,
@@ -350,7 +350,7 @@ var Zn = "MenuPortal", [vt, Ve] = k(Zn, {
                     loop: t,
                     currentTabStopId: $,
                     onCurrentTabStopIdChange: Q,
-                    onEntryFocus: w(_, (p) => {
+                    onEntryFocus: w(m, (p) => {
                       R.isUsingKeyboardRef.current || p.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
@@ -417,27 +417,27 @@ var oo = "MenuLabel", Ye = a.forwardRef(
 Ye.displayName = oo;
 var oe = "MenuItem", Se = "menu.itemSelect", ae = a.forwardRef(
   (e, o) => {
-    const { disabled: n = !1, onSelect: t, ...r } = e, c = a.useRef(null), u = J(oe, e.__scopeMenu), l = Me(oe, e.__scopeMenu), _ = z(o, c), m = a.useRef(!1), d = () => {
+    const { disabled: n = !1, onSelect: t, ...r } = e, c = a.useRef(null), d = J(oe, e.__scopeMenu), l = Me(oe, e.__scopeMenu), m = z(o, c), _ = a.useRef(!1), u = () => {
       const i = c.current;
       if (!n && i) {
         const f = new CustomEvent(Se, { bubbles: !0, cancelable: !0 });
-        i.addEventListener(Se, (v) => t == null ? void 0 : t(v), { once: !0 }), vn(i, f), f.defaultPrevented ? m.current = !1 : u.onClose();
+        i.addEventListener(Se, (v) => t == null ? void 0 : t(v), { once: !0 }), vn(i, f), f.defaultPrevented ? _.current = !1 : d.onClose();
       }
     };
     return /* @__PURE__ */ s(
       Xe,
       {
         ...r,
-        ref: _,
+        ref: m,
         disabled: n,
-        onClick: w(e.onClick, d),
+        onClick: w(e.onClick, u),
         onPointerDown: (i) => {
           var f;
-          (f = e.onPointerDown) == null || f.call(e, i), m.current = !0;
+          (f = e.onPointerDown) == null || f.call(e, i), _.current = !0;
         },
         onPointerUp: w(e.onPointerUp, (i) => {
           var f;
-          m.current || (f = i.currentTarget) == null || f.click();
+          _.current || (f = i.currentTarget) == null || f.click();
         }),
         onKeyDown: w(e.onKeyDown, (i) => {
           const f = l.searchRef.current !== "";
@@ -450,9 +450,9 @@ var oe = "MenuItem", Se = "menu.itemSelect", ae = a.forwardRef(
 ae.displayName = oe;
 var Xe = a.forwardRef(
   (e, o) => {
-    const { __scopeMenu: n, disabled: t = !1, textValue: r, ...c } = e, u = Me(oe, n), l = $e(n), _ = a.useRef(null), m = z(o, _), [d, i] = a.useState(!1), [f, v] = a.useState("");
+    const { __scopeMenu: n, disabled: t = !1, textValue: r, ...c } = e, d = Me(oe, n), l = $e(n), m = a.useRef(null), _ = z(o, m), [u, i] = a.useState(!1), [f, v] = a.useState("");
     return a.useEffect(() => {
-      const g = _.current;
+      const g = m.current;
       g && v((g.textContent ?? "").trim());
     }, [c.children]), /* @__PURE__ */ s(
       H.ItemSlot,
@@ -464,20 +464,20 @@ var Xe = a.forwardRef(
           N.div,
           {
             role: "menuitem",
-            "data-highlighted": d ? "" : void 0,
+            "data-highlighted": u ? "" : void 0,
             "aria-disabled": t || void 0,
             "data-disabled": t ? "" : void 0,
             ...c,
-            ref: m,
+            ref: _,
             onPointerMove: w(
               e.onPointerMove,
               j((g) => {
-                t ? u.onItemLeave(g) : (u.onItemEnter(g), g.defaultPrevented || g.currentTarget.focus({ preventScroll: !0 }));
+                t ? d.onItemLeave(g) : (d.onItemEnter(g), g.defaultPrevented || g.currentTarget.focus({ preventScroll: !0 }));
               })
             ),
             onPointerLeave: w(
               e.onPointerLeave,
-              j((g) => u.onItemLeave(g))
+              j((g) => d.onItemLeave(g))
             ),
             onFocus: w(e.onFocus, () => i(!0)),
             onBlur: w(e.onBlur, () => i(!1))
@@ -532,8 +532,8 @@ var qe = "MenuRadioItem", Je = a.forwardRef(
         onSelect: w(
           t.onSelect,
           () => {
-            var u;
-            return (u = r.onValueChange) == null ? void 0 : u.call(r, n);
+            var d;
+            return (d = r.onValueChange) == null ? void 0 : d.call(r, n);
           },
           { checkForDefaultPrevented: !1 }
         )
@@ -589,15 +589,15 @@ var io = "MenuArrow", on = a.forwardRef(
 on.displayName = io;
 var uo = "MenuSub", [Mt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
   (e, o) => {
-    const n = U(Y, e.__scopeMenu), t = J(Y, e.__scopeMenu), r = tn(Y, e.__scopeMenu), c = Me(Y, e.__scopeMenu), u = a.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: _ } = c, m = { __scopeMenu: e.__scopeMenu }, d = a.useCallback(() => {
-      u.current && window.clearTimeout(u.current), u.current = null;
+    const n = U(Y, e.__scopeMenu), t = J(Y, e.__scopeMenu), r = tn(Y, e.__scopeMenu), c = Me(Y, e.__scopeMenu), d = a.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: m } = c, _ = { __scopeMenu: e.__scopeMenu }, u = a.useCallback(() => {
+      d.current && window.clearTimeout(d.current), d.current = null;
     }, []);
-    return a.useEffect(() => d, [d]), a.useEffect(() => {
+    return a.useEffect(() => u, [u]), a.useEffect(() => {
       const i = l.current;
       return () => {
-        window.clearTimeout(i), _(null);
+        window.clearTimeout(i), m(null);
       };
-    }, [l, _]), /* @__PURE__ */ s(ve, { asChild: !0, ...m, children: /* @__PURE__ */ s(
+    }, [l, m]), /* @__PURE__ */ s(ve, { asChild: !0, ..._, children: /* @__PURE__ */ s(
       Xe,
       {
         id: r.triggerId,
@@ -614,8 +614,8 @@ var uo = "MenuSub", [Mt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
         onPointerMove: w(
           e.onPointerMove,
           j((i) => {
-            c.onItemEnter(i), !i.defaultPrevented && !e.disabled && !n.open && !u.current && (c.onPointerGraceIntentChange(null), u.current = window.setTimeout(() => {
-              n.onOpenChange(!0), d();
+            c.onItemEnter(i), !i.defaultPrevented && !e.disabled && !n.open && !d.current && (c.onPointerGraceIntentChange(null), d.current = window.setTimeout(() => {
+              n.onOpenChange(!0), u();
             }, 100));
           })
         ),
@@ -623,7 +623,7 @@ var uo = "MenuSub", [Mt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
           e.onPointerLeave,
           j((i) => {
             var v, g;
-            d();
+            u();
             const f = (v = n.content) == null ? void 0 : v.getBoundingClientRect();
             if (f) {
               const b = (g = n.content) == null ? void 0 : g.dataset.side, M = b === "right", R = M ? -5 : 5, T = f[M ? "left" : "right"], h = f[M ? "right" : "left"];
@@ -660,34 +660,34 @@ var uo = "MenuSub", [Mt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
 rn.displayName = Y;
 var an = "MenuSubContent", cn = a.forwardRef(
   (e, o) => {
-    const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), u = J(E, e.__scopeMenu), l = tn(an, e.__scopeMenu), _ = a.useRef(null), m = z(o, _);
+    const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), d = J(E, e.__scopeMenu), l = tn(an, e.__scopeMenu), m = a.useRef(null), _ = z(o, m);
     return /* @__PURE__ */ s(H.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: t || c.open, children: /* @__PURE__ */ s(H.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(
       he,
       {
         id: l.contentId,
         "aria-labelledby": l.triggerId,
         ...r,
-        ref: m,
+        ref: _,
         align: "start",
-        side: u.dir === "rtl" ? "left" : "right",
+        side: d.dir === "rtl" ? "left" : "right",
         disableOutsidePointerEvents: !1,
         disableOutsideScroll: !1,
         trapFocus: !1,
-        onOpenAutoFocus: (d) => {
+        onOpenAutoFocus: (u) => {
           var i;
-          u.isUsingKeyboardRef.current && ((i = _.current) == null || i.focus()), d.preventDefault();
+          d.isUsingKeyboardRef.current && ((i = m.current) == null || i.focus()), u.preventDefault();
         },
-        onCloseAutoFocus: (d) => d.preventDefault(),
-        onFocusOutside: w(e.onFocusOutside, (d) => {
-          d.target !== l.trigger && c.onOpenChange(!1);
+        onCloseAutoFocus: (u) => u.preventDefault(),
+        onFocusOutside: w(e.onFocusOutside, (u) => {
+          u.target !== l.trigger && c.onOpenChange(!1);
         }),
-        onEscapeKeyDown: w(e.onEscapeKeyDown, (d) => {
-          u.onClose(), d.preventDefault();
+        onEscapeKeyDown: w(e.onEscapeKeyDown, (u) => {
+          d.onClose(), u.preventDefault();
         }),
-        onKeyDown: w(e.onKeyDown, (d) => {
+        onKeyDown: w(e.onKeyDown, (u) => {
           var v;
-          const i = d.currentTarget.contains(d.target), f = Vn[u.dir].includes(d.key);
-          i && f && (c.onOpenChange(!1), (v = l.trigger) == null || v.focus(), d.preventDefault());
+          const i = u.currentTarget.contains(u.target), f = Vn[d.dir].includes(u.key);
+          i && f && (c.onOpenChange(!1), (v = l.trigger) == null || v.focus(), u.preventDefault());
         })
       }
     ) }) }) });
@@ -712,20 +712,20 @@ function fo(e, o) {
   return e.map((n, t) => e[(o + t) % e.length]);
 }
 function po(e, o, n) {
-  const r = o.length > 1 && Array.from(o).every((m) => m === o[0]) ? o[0] : o, c = n ? e.indexOf(n) : -1;
-  let u = fo(e, Math.max(c, 0));
-  r.length === 1 && (u = u.filter((m) => m !== n));
-  const _ = u.find(
-    (m) => m.toLowerCase().startsWith(r.toLowerCase())
+  const r = o.length > 1 && Array.from(o).every((_) => _ === o[0]) ? o[0] : o, c = n ? e.indexOf(n) : -1;
+  let d = fo(e, Math.max(c, 0));
+  r.length === 1 && (d = d.filter((_) => _ !== n));
+  const m = d.find(
+    (_) => _.toLowerCase().startsWith(r.toLowerCase())
   );
-  return _ !== n ? _ : void 0;
+  return m !== n ? m : void 0;
 }
 function mo(e, o) {
   const { x: n, y: t } = e;
   let r = !1;
-  for (let c = 0, u = o.length - 1; c < o.length; u = c++) {
-    const l = o[c], _ = o[u], m = l.x, d = l.y, i = _.x, f = _.y;
-    d > t != f > t && n < (i - m) * (t - d) / (f - d) + m && (r = !r);
+  for (let c = 0, d = o.length - 1; c < o.length; d = c++) {
+    const l = o[c], m = o[d], _ = l.x, u = l.y, i = m.x, f = m.y;
+    u > t != f > t && n < (i - _) * (t - u) / (f - u) + _ && (r = !r);
   }
   return r;
 }
@@ -747,12 +747,12 @@ var wo = Be, go = ve, vo = We, Mo = Ce, ho = Ye, Co = ae, Ro = He, Io = Ze, bo =
     dir: t,
     open: r,
     defaultOpen: c,
-    onOpenChange: u,
+    onOpenChange: d,
     modal: l = !0
-  } = e, _ = I(o), m = a.useRef(null), [d, i] = xe({
+  } = e, m = I(o), _ = a.useRef(null), [u, i] = xe({
     prop: r,
     defaultProp: c ?? !1,
-    onChange: u,
+    onChange: d,
     caller: ce
   });
   return /* @__PURE__ */ s(
@@ -760,21 +760,21 @@ var wo = Be, go = ve, vo = We, Mo = Ce, ho = Ye, Co = ae, Ro = He, Io = Ze, bo =
     {
       scope: o,
       triggerId: le(),
-      triggerRef: m,
+      triggerRef: _,
       contentId: le(),
-      open: d,
+      open: u,
       onOpenChange: i,
       onOpenToggle: a.useCallback(() => i((f) => !f), [i]),
       modal: l,
-      children: /* @__PURE__ */ s(wo, { ..._, open: d, onOpenChange: i, dir: t, modal: l, children: n })
+      children: /* @__PURE__ */ s(wo, { ...m, open: u, onOpenChange: i, dir: t, modal: l, children: n })
     }
   );
 };
 dn.displayName = ce;
 var ln = "DropdownMenuTrigger", fn = a.forwardRef(
   (e, o) => {
-    const { __scopeDropdownMenu: n, disabled: t = !1, ...r } = e, c = un(ln, n), u = I(n);
-    return /* @__PURE__ */ s(go, { asChild: !0, ...u, children: /* @__PURE__ */ s(
+    const { __scopeDropdownMenu: n, disabled: t = !1, ...r } = e, c = un(ln, n), d = I(n);
+    return /* @__PURE__ */ s(go, { asChild: !0, ...d, children: /* @__PURE__ */ s(
       N.button,
       {
         type: "button",
@@ -800,7 +800,7 @@ var ln = "DropdownMenuTrigger", fn = a.forwardRef(
 fn.displayName = ln;
 var pn = "DropdownMenuContent", mn = a.forwardRef(
   (e, o) => {
-    const { __scopeDropdownMenu: n, ...t } = e, r = un(pn, n), c = I(n), u = a.useRef(!1);
+    const { __scopeDropdownMenu: n, ...t } = e, r = un(pn, n), c = I(n), d = a.useRef(!1);
     return /* @__PURE__ */ s(
       vo,
       {
@@ -810,12 +810,12 @@ var pn = "DropdownMenuContent", mn = a.forwardRef(
         ...t,
         ref: o,
         onCloseAutoFocus: w(e.onCloseAutoFocus, (l) => {
-          var _;
-          u.current || (_ = r.triggerRef.current) == null || _.focus(), u.current = !1, l.preventDefault();
+          var m;
+          d.current || (m = r.triggerRef.current) == null || m.focus(), d.current = !1, l.preventDefault();
         }),
         onInteractOutside: w(e.onInteractOutside, (l) => {
-          const _ = l.detail.originalEvent, m = _.button === 0 && _.ctrlKey === !0, d = _.button === 2 || m;
-          (!r.modal || d) && (u.current = !0);
+          const m = l.detail.originalEvent, _ = m.button === 0 && m.ctrlKey === !0, u = m.button === 2 || _;
+          (!r.modal || u) && (d.current = !0);
         }),
         style: {
           ...e.style,
@@ -945,10 +945,11 @@ function ut(e) {
     size: t,
     fullWidth: r = !1,
     className: c,
-    onSelect: u
-  } = e, l = it(t), _ = fe(
+    itemClassName: d,
+    onSelect: l
+  } = e, m = it(t), _ = fe(
     c,
-    l,
+    m,
     {
       [X.fullWidth]: r
     }
@@ -963,18 +964,18 @@ function ut(e) {
         width: o,
         zIndex: Ne.zindex("max")
       },
-      children: n.map((m) => /* @__PURE__ */ s(
+      children: n.map((u) => /* @__PURE__ */ s(
         et,
         {
-          disabled: m.disabled,
-          className: fe(X.item, {
-            [X.disabled]: m.disabled
+          disabled: u.disabled,
+          className: fe(X.item, d, {
+            [X.disabled]: u.disabled
           }),
-          onSelect: () => u(m.value),
+          onSelect: () => l(u.value),
           style: { width: o },
-          children: m.label
+          children: u.label
         },
-        m.value
+        u.value
       ))
     }
   );

package/dist/components/DropdownContent/DropdownContent.d.ts

@@ -12,6 +12,7 @@ export type DropdownContentOption = DropdownOption<string>;
 export interface DropdownContentProps {
     options: DropdownContentOption[];
     className?: string;
+    itemClassName?: string;
     triggerWidth?: React.CSSProperties['width'];
     size?: ResponsiveValueType<InputSize>;
     fullWidth?: boolean;

package/dist/components/DropdownContent/DropdownContent.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { D as a, g as i } from "../../DropdownContent-BertjH0y.js";
+import { D as a, g as i } from "../../DropdownContent-CLtPVRZg.js";
 import "react";
 import "../../utils/clsx.js";
 import "../../utils/ui/ui.js";

package/dist/components/DropdownContent/index.js

@@ -1,4 +1,4 @@
-import { D as n, g as t } from "../../DropdownContent-BertjH0y.js";
+import { D as n, g as t } from "../../DropdownContent-CLtPVRZg.js";
 export {
   n as DropdownContent,
   t as getDropdownContentSizeClassNames

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { R as m, T as p, D as f } from "../../DropdownContent-BertjH0y.js";
+import { R as m, T as p, D as f } from "../../DropdownContent-CLtPVRZg.js";
 import u from "react";
 function h(t) {
   const {

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as l } from "react/jsx-runtime";
-import { g as W, R as N, T as R, D as v } from "../../DropdownContent-BertjH0y.js";
+import { g as W, R as N, T as R, D as v } from "../../DropdownContent-CLtPVRZg.js";
 import _, { useRef as b, useState as z, useEffect as I } from "react";
 import T from "../Flex/Flex.js";
 import { clsx as j } from "../../utils/clsx.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "4.5.11",
+  "version": "4.5.12",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",