@cfx-dev/ui-components 5.0.15 → 5.0.16

package/dist/{DropdownContent-BqQZ17mb.js → DropdownContent-BTzahw95.js}

@@ -20,18 +20,18 @@ var On = a.forwardRef((e, t) => {
     orientation: o,
     loop: r = !1,
     dir: c,
-    currentTabStopId: i,
+    currentTabStopId: d,
     defaultCurrentTabStopId: l,
-    onCurrentTabStopIdChange: v,
-    onEntryFocus: p,
-    preventScrollOnEntryFocus: d = !1,
-    ...u
+    onCurrentTabStopIdChange: m,
+    onEntryFocus: v,
+    preventScrollOnEntryFocus: u = !1,
+    ...i
   } = e, f = a.useRef(null), _ = U(t, f), w = Te(c), [b, M] = ye({
-    prop: i,
+    prop: d,
     defaultProp: l ?? null,
-    onChange: v,
+    onChange: m,
     caller: Z
-  }), [R, T] = a.useState(!1), h = ve(p), D = Ne(n), B = a.useRef(!1), [Q, O] = a.useState(0);
+  }), [R, T] = a.useState(!1), h = ve(v), D = Ne(n), B = a.useRef(!1), [Q, O] = a.useState(0);
   return a.useEffect(() => {
     const C = f.current;
     if (C)
@@ -62,7 +62,7 @@ var On = a.forwardRef((e, t) => {
         {
           tabIndex: R || Q === 0 ? -1 : 0,
           "data-orientation": o,
-          ...u,
+          ...i,
           ref: _,
           style: { outline: "none", ...e.style },
           onMouseDown: g(e.onMouseDown, () => {
@@ -76,7 +76,7 @@ var On = a.forwardRef((e, t) => {
                 const V = D().filter((P) => P.focusable), W = V.find((P) => P.active), ee = V.find((P) => P.id === b), se = [W, ee, ...V].filter(
                   Boolean
                 ).map((P) => P.ref.current);
-                Le(se, d);
+                Le(se, u);
               }
             }
             B.current = !1;
@@ -93,9 +93,9 @@ var On = a.forwardRef((e, t) => {
       focusable: o = !0,
       active: r = !1,
       tabStopId: c,
-      children: i,
+      children: d,
       ...l
-    } = e, v = le(), p = c || v, d = Nn(ke, n), u = d.currentTabStopId === p, f = Ne(n), { onFocusableItemAdd: _, onFocusableItemRemove: w, currentTabStopId: b } = d;
+    } = e, m = le(), v = c || m, u = Nn(ke, n), i = u.currentTabStopId === v, f = Ne(n), { onFocusableItemAdd: _, onFocusableItemRemove: w, currentTabStopId: b } = u;
     return a.useEffect(() => {
       if (o)
         return _(), () => w();
@@ -103,27 +103,27 @@ var On = a.forwardRef((e, t) => {
       fe.ItemSlot,
       {
         scope: n,
-        id: p,
+        id: v,
         focusable: o,
         active: r,
         children: /* @__PURE__ */ s(
           N.span,
           {
-            tabIndex: u ? 0 : -1,
-            "data-orientation": d.orientation,
+            tabIndex: i ? 0 : -1,
+            "data-orientation": u.orientation,
             ...l,
             ref: t,
             onMouseDown: g(e.onMouseDown, (M) => {
-              o ? d.onItemFocus(p) : M.preventDefault();
+              o ? u.onItemFocus(v) : M.preventDefault();
             }),
-            onFocus: g(e.onFocus, () => d.onItemFocus(p)),
+            onFocus: g(e.onFocus, () => u.onItemFocus(v)),
             onKeyDown: g(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, t) => {
                 else if (R === "prev" || R === "next") {
                   R === "prev" && h.reverse();
                   const D = h.indexOf(M.currentTarget);
-                  h = d.loop ? Ln(h, D + 1) : h.slice(D + 1);
+                  h = u.loop ? Ln(h, D + 1) : h.slice(D + 1);
                 }
                 setTimeout(() => Le(h));
               }
             }),
-            children: typeof i == "function" ? i({ isCurrentTabStop: u, hasTabStop: b != null }) : i
+            children: typeof d == "function" ? d({ isCurrentTabStop: i, hasTabStop: b != null }) : d
           }
         )
       }
@@ -182,11 +182,11 @@ var Kn = Fe, Un = Ge, pe = ["Enter", " "], $n = ["ArrowDown", "PageUp", "Home"],
   Ae,
   Oe
 ]), re = Ae(), $e = Oe(), [Hn, $] = k(q), [jn, J] = k(q), Be = (e) => {
-  const { __scopeMenu: t, open: n = !1, children: o, dir: r, onOpenChange: c, modal: i = !0 } = e, l = re(t), [v, p] = a.useState(null), d = a.useRef(!1), u = ve(c), f = Te(r);
+  const { __scopeMenu: t, open: n = !1, children: o, dir: r, onOpenChange: c, modal: d = !0 } = e, l = re(t), [m, v] = a.useState(null), u = a.useRef(!1), i = ve(c), f = Te(r);
   return a.useEffect(() => {
     const _ = () => {
-      d.current = !0, document.addEventListener("pointerdown", w, { capture: !0, once: !0 }), document.addEventListener("pointermove", w, { capture: !0, once: !0 });
-    }, w = () => d.current = !1;
+      u.current = !0, document.addEventListener("pointerdown", w, { capture: !0, once: !0 }), document.addEventListener("pointermove", w, { capture: !0, once: !0 });
+    }, w = () => u.current = !1;
     return document.addEventListener("keydown", _, { capture: !0 }), () => {
       document.removeEventListener("keydown", _, { capture: !0 }), document.removeEventListener("pointerdown", w, { capture: !0 }), document.removeEventListener("pointermove", w, { capture: !0 });
     };
@@ -195,17 +195,17 @@ var Kn = Fe, Un = Ge, pe = ["Enter", " "], $n = ["ArrowDown", "PageUp", "Home"],
     {
       scope: t,
       open: n,
-      onOpenChange: u,
-      content: v,
-      onContentChange: p,
+      onOpenChange: i,
+      content: m,
+      onContentChange: v,
       children: /* @__PURE__ */ s(
         jn,
         {
           scope: t,
-          onClose: a.useCallback(() => u(!1), [u]),
-          isUsingKeyboardRef: d,
+          onClose: a.useCallback(() => i(!1), [i]),
+          isUsingKeyboardRef: u,
           dir: f,
-          modal: i,
+          modal: d,
           children: o
         }
       )
@@ -224,8 +224,8 @@ var Zn = "MenuPortal", [vo, Ve] = k(Zn, {
   forceMount: void 0
 }), S = "MenuContent", [qn, _e] = k(S), We = a.forwardRef(
   (e, t) => {
-    const n = Ve(S, e.__scopeMenu), { forceMount: o = n.forceMount, ...r } = e, c = $(S, e.__scopeMenu), i = J(S, e.__scopeMenu);
-    return /* @__PURE__ */ s(j.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: o || c.open, children: /* @__PURE__ */ s(j.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ s(Jn, { ...r, ref: t }) : /* @__PURE__ */ s(Qn, { ...r, ref: t }) }) }) });
+    const n = Ve(S, e.__scopeMenu), { forceMount: o = n.forceMount, ...r } = e, c = $(S, e.__scopeMenu), d = J(S, e.__scopeMenu);
+    return /* @__PURE__ */ s(j.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: o || c.open, children: /* @__PURE__ */ s(j.Slot, { scope: e.__scopeMenu, children: d.modal ? /* @__PURE__ */ s(Jn, { ...r, ref: t }) : /* @__PURE__ */ s(Qn, { ...r, ref: t }) }) }) });
   }
 ), Jn = a.forwardRef(
   (e, t) => {
@@ -270,27 +270,27 @@ var Zn = "MenuPortal", [vo, Ve] = k(Zn, {
       loop: o = !1,
       trapFocus: r,
       onOpenAutoFocus: c,
-      onCloseAutoFocus: i,
+      onCloseAutoFocus: d,
       disableOutsidePointerEvents: l,
-      onEntryFocus: v,
-      onEscapeKeyDown: p,
-      onPointerDownOutside: d,
-      onFocusOutside: u,
+      onEntryFocus: m,
+      onEscapeKeyDown: v,
+      onPointerDownOutside: u,
+      onFocusOutside: i,
       onInteractOutside: f,
       onDismiss: _,
       disableOutsideScroll: w,
       ...b
-    } = e, M = $(S, n), R = J(S, n), T = re(n), h = $e(n), D = Yn(n), [B, Q] = a.useState(null), O = a.useRef(null), C = U(t, O, M.onContentChange), G = a.useRef(0), F = a.useRef(""), V = a.useRef(0), W = a.useRef(null), ee = a.useRef("right"), ne = a.useRef(0), se = w ? Cn : a.Fragment, P = w ? { as: et, allowPinchZoom: !0 } : void 0, vn = (m) => {
+    } = e, M = $(S, n), R = J(S, n), T = re(n), h = $e(n), D = Yn(n), [B, Q] = a.useState(null), O = a.useRef(null), C = U(t, O, M.onContentChange), G = a.useRef(0), F = a.useRef(""), V = a.useRef(0), W = a.useRef(null), ee = a.useRef("right"), ne = a.useRef(0), se = w ? Cn : a.Fragment, P = w ? { as: et, allowPinchZoom: !0 } : void 0, vn = (p) => {
       var K, be;
-      const E = F.current + m, y = D().filter((x) => !x.disabled), A = document.activeElement, ue = (K = y.find((x) => x.ref.current === A)) == null ? void 0 : K.textValue, ie = y.map((x) => x.textValue), Ie = ft(ie, E, ue), Y = (be = y.find((x) => x.textValue === Ie)) == null ? void 0 : be.ref.current;
+      const E = F.current + p, y = D().filter((x) => !x.disabled), A = document.activeElement, ue = (K = y.find((x) => x.ref.current === A)) == null ? void 0 : K.textValue, ie = y.map((x) => x.textValue), Ie = ft(ie, E, ue), Y = (be = y.find((x) => x.textValue === Ie)) == null ? void 0 : be.ref.current;
       (function x(Ee) {
         F.current = Ee, window.clearTimeout(G.current), Ee !== "" && (G.current = window.setTimeout(() => x(""), 1e3));
       })(E), Y && setTimeout(() => Y.focus());
     };
     a.useEffect(() => () => window.clearTimeout(G.current), []), hn();
-    const L = a.useCallback((m) => {
+    const L = a.useCallback((p) => {
       var y, A;
-      return ee.current === ((y = W.current) == null ? void 0 : y.side) && mt(m, (A = W.current) == null ? void 0 : A.area);
+      return ee.current === ((y = W.current) == null ? void 0 : y.side) && mt(p, (A = W.current) == null ? void 0 : A.area);
     }, []);
     return /* @__PURE__ */ s(
       qn,
@@ -298,46 +298,46 @@ var Zn = "MenuPortal", [vo, Ve] = k(Zn, {
         scope: n,
         searchRef: F,
         onItemEnter: a.useCallback(
-          (m) => {
-            L(m) && m.preventDefault();
+          (p) => {
+            L(p) && p.preventDefault();
           },
           [L]
         ),
         onItemLeave: a.useCallback(
-          (m) => {
+          (p) => {
             var E;
-            L(m) || ((E = O.current) == null || E.focus(), Q(null));
+            L(p) || ((E = O.current) == null || E.focus(), Q(null));
           },
           [L]
         ),
         onTriggerLeave: a.useCallback(
-          (m) => {
-            L(m) && m.preventDefault();
+          (p) => {
+            L(p) && p.preventDefault();
           },
           [L]
         ),
         pointerGraceTimerRef: V,
-        onPointerGraceIntentChange: a.useCallback((m) => {
-          W.current = m;
+        onPointerGraceIntentChange: a.useCallback((p) => {
+          W.current = p;
         }, []),
         children: /* @__PURE__ */ s(se, { ...P, children: /* @__PURE__ */ s(
           Rn,
           {
             asChild: !0,
             trapped: r,
-            onMountAutoFocus: g(c, (m) => {
+            onMountAutoFocus: g(c, (p) => {
               var E;
-              m.preventDefault(), (E = O.current) == null || E.focus({ preventScroll: !0 });
+              p.preventDefault(), (E = O.current) == null || E.focus({ preventScroll: !0 });
             }),
-            onUnmountAutoFocus: i,
+            onUnmountAutoFocus: d,
             children: /* @__PURE__ */ s(
               In,
               {
                 asChild: !0,
                 disableOutsidePointerEvents: l,
-                onEscapeKeyDown: p,
-                onPointerDownOutside: d,
-                onFocusOutside: u,
+                onEscapeKeyDown: v,
+                onPointerDownOutside: u,
+                onFocusOutside: i,
                 onInteractOutside: f,
                 onDismiss: _,
                 children: /* @__PURE__ */ s(
@@ -350,8 +350,8 @@ var Zn = "MenuPortal", [vo, Ve] = k(Zn, {
                     loop: o,
                     currentTabStopId: B,
                     onCurrentTabStopIdChange: Q,
-                    onEntryFocus: g(v, (m) => {
-                      R.isUsingKeyboardRef.current || m.preventDefault();
+                    onEntryFocus: g(m, (p) => {
+                      R.isUsingKeyboardRef.current || p.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
                     children: /* @__PURE__ */ s(
@@ -366,25 +366,25 @@ var Zn = "MenuPortal", [vo, Ve] = k(Zn, {
                         ...b,
                         ref: C,
                         style: { outline: "none", ...b.style },
-                        onKeyDown: g(b.onKeyDown, (m) => {
-                          const y = m.target.closest("[data-radix-menu-content]") === m.currentTarget, A = m.ctrlKey || m.altKey || m.metaKey, ue = m.key.length === 1;
-                          y && (m.key === "Tab" && m.preventDefault(), !A && ue && vn(m.key));
+                        onKeyDown: g(b.onKeyDown, (p) => {
+                          const y = p.target.closest("[data-radix-menu-content]") === p.currentTarget, A = p.ctrlKey || p.altKey || p.metaKey, ue = p.key.length === 1;
+                          y && (p.key === "Tab" && p.preventDefault(), !A && ue && vn(p.key));
                           const ie = O.current;
-                          if (m.target !== ie || !Bn.includes(m.key)) return;
-                          m.preventDefault();
+                          if (p.target !== ie || !Bn.includes(p.key)) return;
+                          p.preventDefault();
                           const Y = D().filter((K) => !K.disabled).map((K) => K.ref.current);
-                          Ke.includes(m.key) && Y.reverse(), dt(Y);
+                          Ke.includes(p.key) && Y.reverse(), dt(Y);
                         }),
-                        onBlur: g(e.onBlur, (m) => {
-                          m.currentTarget.contains(m.target) || (window.clearTimeout(G.current), F.current = "");
+                        onBlur: g(e.onBlur, (p) => {
+                          p.currentTarget.contains(p.target) || (window.clearTimeout(G.current), F.current = "");
                         }),
                         onPointerMove: g(
                           e.onPointerMove,
-                          z((m) => {
-                            const E = m.target, y = ne.current !== m.clientX;
-                            if (m.currentTarget.contains(E) && y) {
-                              const A = m.clientX > ne.current ? "right" : "left";
-                              ee.current = A, ne.current = m.clientX;
+                          z((p) => {
+                            const E = p.target, y = ne.current !== p.clientX;
+                            if (p.currentTarget.contains(E) && y) {
+                              const A = p.clientX > ne.current ? "right" : "left";
+                              ee.current = A, ne.current = p.clientX;
                             }
                           })
                         )
@@ -417,31 +417,31 @@ var tt = "MenuLabel", Ye = a.forwardRef(
 Ye.displayName = tt;
 var te = "MenuItem", De = "menu.itemSelect", ae = a.forwardRef(
   (e, t) => {
-    const { disabled: n = !1, onSelect: o, ...r } = e, c = a.useRef(null), i = J(te, e.__scopeMenu), l = _e(te, e.__scopeMenu), v = U(t, c), p = a.useRef(!1), d = () => {
-      const u = c.current;
-      if (!n && u) {
+    const { disabled: n = !1, onSelect: o, ...r } = e, c = a.useRef(null), d = J(te, e.__scopeMenu), l = _e(te, e.__scopeMenu), m = U(t, c), v = a.useRef(!1), u = () => {
+      const i = c.current;
+      if (!n && i) {
         const f = new CustomEvent(De, { bubbles: !0, cancelable: !0 });
-        u.addEventListener(De, (_) => o == null ? void 0 : o(_), { once: !0 }), wn(u, f), f.defaultPrevented ? p.current = !1 : i.onClose();
+        i.addEventListener(De, (_) => o == null ? void 0 : o(_), { once: !0 }), wn(i, f), f.defaultPrevented ? v.current = !1 : d.onClose();
       }
     };
     return /* @__PURE__ */ s(
       Xe,
       {
         ...r,
-        ref: v,
+        ref: m,
         disabled: n,
-        onClick: g(e.onClick, d),
-        onPointerDown: (u) => {
+        onClick: g(e.onClick, u),
+        onPointerDown: (i) => {
           var f;
-          (f = e.onPointerDown) == null || f.call(e, u), p.current = !0;
+          (f = e.onPointerDown) == null || f.call(e, i), v.current = !0;
         },
-        onPointerUp: g(e.onPointerUp, (u) => {
+        onPointerUp: g(e.onPointerUp, (i) => {
           var f;
-          p.current || (f = u.currentTarget) == null || f.click();
+          v.current || (f = i.currentTarget) == null || f.click();
         }),
-        onKeyDown: g(e.onKeyDown, (u) => {
+        onKeyDown: g(e.onKeyDown, (i) => {
           const f = l.searchRef.current !== "";
-          n || f && u.key === " " || pe.includes(u.key) && (u.currentTarget.click(), u.preventDefault());
+          n || f && i.key === " " || pe.includes(i.key) && (i.currentTarget.click(), i.preventDefault());
         })
       }
     );
@@ -450,9 +450,9 @@ var te = "MenuItem", De = "menu.itemSelect", ae = a.forwardRef(
 ae.displayName = te;
 var Xe = a.forwardRef(
   (e, t) => {
-    const { __scopeMenu: n, disabled: o = !1, textValue: r, ...c } = e, i = _e(te, n), l = $e(n), v = a.useRef(null), p = U(t, v), [d, u] = a.useState(!1), [f, _] = a.useState("");
+    const { __scopeMenu: n, disabled: o = !1, textValue: r, ...c } = e, d = _e(te, n), l = $e(n), m = a.useRef(null), v = U(t, m), [u, i] = a.useState(!1), [f, _] = a.useState("");
     return a.useEffect(() => {
-      const w = v.current;
+      const w = m.current;
       w && _((w.textContent ?? "").trim());
     }, [c.children]), /* @__PURE__ */ s(
       j.ItemSlot,
@@ -464,23 +464,23 @@ var Xe = a.forwardRef(
           N.div,
           {
             role: "menuitem",
-            "data-highlighted": d ? "" : void 0,
+            "data-highlighted": u ? "" : void 0,
             "aria-disabled": o || void 0,
             "data-disabled": o ? "" : void 0,
             ...c,
-            ref: p,
+            ref: v,
             onPointerMove: g(
               e.onPointerMove,
               z((w) => {
-                o ? i.onItemLeave(w) : (i.onItemEnter(w), w.defaultPrevented || w.currentTarget.focus({ preventScroll: !0 }));
+                o ? d.onItemLeave(w) : (d.onItemEnter(w), w.defaultPrevented || w.currentTarget.focus({ preventScroll: !0 }));
               })
             ),
             onPointerLeave: g(
               e.onPointerLeave,
-              z((w) => i.onItemLeave(w))
+              z((w) => d.onItemLeave(w))
             ),
-            onFocus: g(e.onFocus, () => u(!0)),
-            onBlur: g(e.onBlur, () => u(!1))
+            onFocus: g(e.onFocus, () => i(!0)),
+            onBlur: g(e.onBlur, () => i(!1))
           }
         ) })
       }
@@ -532,8 +532,8 @@ var Ze = "MenuRadioItem", qe = a.forwardRef(
         onSelect: g(
           o.onSelect,
           () => {
-            var i;
-            return (i = r.onValueChange) == null ? void 0 : i.call(r, n);
+            var d;
+            return (d = r.onValueChange) == null ? void 0 : d.call(r, n);
           },
           { checkForDefaultPrevented: !1 }
         )
@@ -589,15 +589,15 @@ var ut = "MenuArrow", nn = a.forwardRef(
 nn.displayName = ut;
 var it = "MenuSub", [go, tn] = k(it), H = "MenuSubTrigger", on = a.forwardRef(
   (e, t) => {
-    const n = $(H, e.__scopeMenu), o = J(H, e.__scopeMenu), r = tn(H, e.__scopeMenu), c = _e(H, e.__scopeMenu), i = a.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: v } = c, p = { __scopeMenu: e.__scopeMenu }, d = a.useCallback(() => {
-      i.current && window.clearTimeout(i.current), i.current = null;
+    const n = $(H, e.__scopeMenu), o = J(H, e.__scopeMenu), r = tn(H, e.__scopeMenu), c = _e(H, e.__scopeMenu), d = a.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: m } = c, v = { __scopeMenu: e.__scopeMenu }, u = a.useCallback(() => {
+      d.current && window.clearTimeout(d.current), d.current = null;
     }, []);
-    return a.useEffect(() => d, [d]), a.useEffect(() => {
-      const u = l.current;
+    return a.useEffect(() => u, [u]), a.useEffect(() => {
+      const i = l.current;
       return () => {
-        window.clearTimeout(u), v(null);
+        window.clearTimeout(i), m(null);
       };
-    }, [l, v]), /* @__PURE__ */ s(we, { asChild: !0, ...p, children: /* @__PURE__ */ s(
+    }, [l, m]), /* @__PURE__ */ s(we, { asChild: !0, ...v, children: /* @__PURE__ */ s(
       Xe,
       {
         id: r.triggerId,
@@ -607,23 +607,23 @@ var it = "MenuSub", [go, tn] = k(it), H = "MenuSubTrigger", on = a.forwardRef(
         "data-state": cn(n.open),
         ...e,
         ref: Pe(t, r.onTriggerChange),
-        onClick: (u) => {
+        onClick: (i) => {
           var f;
-          (f = e.onClick) == null || f.call(e, u), !(e.disabled || u.defaultPrevented) && (u.currentTarget.focus(), n.open || n.onOpenChange(!0));
+          (f = e.onClick) == null || f.call(e, i), !(e.disabled || i.defaultPrevented) && (i.currentTarget.focus(), n.open || n.onOpenChange(!0));
         },
         onPointerMove: g(
           e.onPointerMove,
-          z((u) => {
-            c.onItemEnter(u), !u.defaultPrevented && !e.disabled && !n.open && !i.current && (c.onPointerGraceIntentChange(null), i.current = window.setTimeout(() => {
-              n.onOpenChange(!0), d();
+          z((i) => {
+            c.onItemEnter(i), !i.defaultPrevented && !e.disabled && !n.open && !d.current && (c.onPointerGraceIntentChange(null), d.current = window.setTimeout(() => {
+              n.onOpenChange(!0), u();
             }, 100));
           })
         ),
         onPointerLeave: g(
           e.onPointerLeave,
-          z((u) => {
+          z((i) => {
             var _, w;
-            d();
+            u();
             const f = (_ = n.content) == null ? void 0 : _.getBoundingClientRect();
             if (f) {
               const b = (w = n.content) == null ? void 0 : w.dataset.side, M = b === "right", R = M ? -5 : 5, T = f[M ? "left" : "right"], h = f[M ? "right" : "left"];
@@ -631,7 +631,7 @@ var it = "MenuSub", [go, tn] = k(it), H = "MenuSubTrigger", on = a.forwardRef(
                 area: [
                   // Apply a bleed on clientX to ensure that our exit point is
                   // consistently within polygon bounds
-                  { x: u.clientX + R, y: u.clientY },
+                  { x: i.clientX + R, y: i.clientY },
                   { x: T, y: f.top },
                   { x: h, y: f.top },
                   { x: h, y: f.bottom },
@@ -643,15 +643,15 @@ var it = "MenuSub", [go, tn] = k(it), H = "MenuSubTrigger", on = a.forwardRef(
                 300
               );
             } else {
-              if (c.onTriggerLeave(u), u.defaultPrevented) return;
+              if (c.onTriggerLeave(i), i.defaultPrevented) return;
               c.onPointerGraceIntentChange(null);
             }
           })
         ),
-        onKeyDown: g(e.onKeyDown, (u) => {
+        onKeyDown: g(e.onKeyDown, (i) => {
           var _;
           const f = c.searchRef.current !== "";
-          e.disabled || f && u.key === " " || Vn[o.dir].includes(u.key) && (n.onOpenChange(!0), (_ = n.content) == null || _.focus(), u.preventDefault());
+          e.disabled || f && i.key === " " || Vn[o.dir].includes(i.key) && (n.onOpenChange(!0), (_ = n.content) == null || _.focus(), i.preventDefault());
         })
       }
     ) });
@@ -660,34 +660,34 @@ var it = "MenuSub", [go, tn] = k(it), H = "MenuSubTrigger", on = a.forwardRef(
 on.displayName = H;
 var rn = "MenuSubContent", an = a.forwardRef(
   (e, t) => {
-    const n = Ve(S, e.__scopeMenu), { forceMount: o = n.forceMount, ...r } = e, c = $(S, e.__scopeMenu), i = J(S, e.__scopeMenu), l = tn(rn, e.__scopeMenu), v = a.useRef(null), p = U(t, v);
+    const n = Ve(S, e.__scopeMenu), { forceMount: o = n.forceMount, ...r } = e, c = $(S, e.__scopeMenu), d = J(S, e.__scopeMenu), l = tn(rn, e.__scopeMenu), m = a.useRef(null), v = U(t, m);
     return /* @__PURE__ */ s(j.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: o || c.open, children: /* @__PURE__ */ s(j.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(
       Me,
       {
         id: l.contentId,
         "aria-labelledby": l.triggerId,
         ...r,
-        ref: p,
+        ref: v,
         align: "start",
-        side: i.dir === "rtl" ? "left" : "right",
+        side: d.dir === "rtl" ? "left" : "right",
         disableOutsidePointerEvents: !1,
         disableOutsideScroll: !1,
         trapFocus: !1,
-        onOpenAutoFocus: (d) => {
-          var u;
-          i.isUsingKeyboardRef.current && ((u = v.current) == null || u.focus()), d.preventDefault();
+        onOpenAutoFocus: (u) => {
+          var i;
+          d.isUsingKeyboardRef.current && ((i = m.current) == null || i.focus()), u.preventDefault();
         },
-        onCloseAutoFocus: (d) => d.preventDefault(),
-        onFocusOutside: g(e.onFocusOutside, (d) => {
-          d.target !== l.trigger && c.onOpenChange(!1);
+        onCloseAutoFocus: (u) => u.preventDefault(),
+        onFocusOutside: g(e.onFocusOutside, (u) => {
+          u.target !== l.trigger && c.onOpenChange(!1);
         }),
-        onEscapeKeyDown: g(e.onEscapeKeyDown, (d) => {
-          i.onClose(), d.preventDefault();
+        onEscapeKeyDown: g(e.onEscapeKeyDown, (u) => {
+          d.onClose(), u.preventDefault();
         }),
-        onKeyDown: g(e.onKeyDown, (d) => {
+        onKeyDown: g(e.onKeyDown, (u) => {
           var _;
-          const u = d.currentTarget.contains(d.target), f = Wn[i.dir].includes(d.key);
-          u && f && (c.onOpenChange(!1), (_ = l.trigger) == null || _.focus(), d.preventDefault());
+          const i = u.currentTarget.contains(u.target), f = Wn[d.dir].includes(u.key);
+          i && f && (c.onOpenChange(!1), (_ = l.trigger) == null || _.focus(), u.preventDefault());
         })
       }
     ) }) }) });
@@ -712,20 +712,20 @@ function lt(e, t) {
   return e.map((n, o) => e[(t + o) % e.length]);
 }
 function ft(e, t, n) {
-  const r = t.length > 1 && Array.from(t).every((p) => p === t[0]) ? t[0] : t, c = n ? e.indexOf(n) : -1;
-  let i = lt(e, Math.max(c, 0));
-  r.length === 1 && (i = i.filter((p) => p !== n));
-  const v = i.find(
-    (p) => p.toLowerCase().startsWith(r.toLowerCase())
+  const r = t.length > 1 && Array.from(t).every((v) => v === t[0]) ? t[0] : t, c = n ? e.indexOf(n) : -1;
+  let d = lt(e, Math.max(c, 0));
+  r.length === 1 && (d = d.filter((v) => v !== n));
+  const m = d.find(
+    (v) => v.toLowerCase().startsWith(r.toLowerCase())
   );
-  return v !== n ? v : void 0;
+  return m !== n ? m : void 0;
 }
 function pt(e, t) {
   const { x: n, y: o } = e;
   let r = !1;
-  for (let c = 0, i = t.length - 1; c < t.length; i = c++) {
-    const l = t[c], v = t[i], p = l.x, d = l.y, u = v.x, f = v.y;
-    d > o != f > o && n < (u - p) * (o - d) / (f - d) + p && (r = !r);
+  for (let c = 0, d = t.length - 1; c < t.length; d = c++) {
+    const l = t[c], m = t[d], v = l.x, u = l.y, i = m.x, f = m.y;
+    u > o != f > o && n < (i - v) * (o - u) / (f - u) + v && (r = !r);
   }
   return r;
 }
@@ -747,12 +747,12 @@ var vt = Be, gt = we, wt = We, _t = he, Mt = Ye, ht = ae, Ct = He, Rt = ze, It =
     dir: o,
     open: r,
     defaultOpen: c,
-    onOpenChange: i,
+    onOpenChange: d,
     modal: l = !0
-  } = e, v = I(t), p = a.useRef(null), [d, u] = ye({
+  } = e, m = I(t), v = a.useRef(null), [u, i] = ye({
     prop: r,
     defaultProp: c ?? !1,
-    onChange: i,
+    onChange: d,
     caller: ce
   });
   return /* @__PURE__ */ s(
@@ -760,21 +760,21 @@ var vt = Be, gt = we, wt = We, _t = he, Mt = Ye, ht = ae, Ct = He, Rt = ze, It =
     {
       scope: t,
       triggerId: le(),
-      triggerRef: p,
+      triggerRef: v,
       contentId: le(),
-      open: d,
-      onOpenChange: u,
-      onOpenToggle: a.useCallback(() => u((f) => !f), [u]),
+      open: u,
+      onOpenChange: i,
+      onOpenToggle: a.useCallback(() => i((f) => !f), [i]),
       modal: l,
-      children: /* @__PURE__ */ s(vt, { ...v, open: d, onOpenChange: u, dir: o, modal: l, children: n })
+      children: /* @__PURE__ */ s(vt, { ...m, open: u, onOpenChange: i, dir: o, modal: l, children: n })
     }
   );
 };
 un.displayName = ce;
 var dn = "DropdownMenuTrigger", ln = a.forwardRef(
   (e, t) => {
-    const { __scopeDropdownMenu: n, disabled: o = !1, ...r } = e, c = sn(dn, n), i = I(n);
-    return /* @__PURE__ */ s(gt, { asChild: !0, ...i, children: /* @__PURE__ */ s(
+    const { __scopeDropdownMenu: n, disabled: o = !1, ...r } = e, c = sn(dn, n), d = I(n);
+    return /* @__PURE__ */ s(gt, { asChild: !0, ...d, children: /* @__PURE__ */ s(
       N.button,
       {
         type: "button",
@@ -800,7 +800,7 @@ var dn = "DropdownMenuTrigger", ln = a.forwardRef(
 ln.displayName = dn;
 var fn = "DropdownMenuContent", pn = a.forwardRef(
   (e, t) => {
-    const { __scopeDropdownMenu: n, ...o } = e, r = sn(fn, n), c = I(n), i = a.useRef(!1);
+    const { __scopeDropdownMenu: n, ...o } = e, r = sn(fn, n), c = I(n), d = a.useRef(!1);
     return /* @__PURE__ */ s(
       wt,
       {
@@ -810,12 +810,12 @@ var fn = "DropdownMenuContent", pn = a.forwardRef(
         ...o,
         ref: t,
         onCloseAutoFocus: g(e.onCloseAutoFocus, (l) => {
-          var v;
-          i.current || (v = r.triggerRef.current) == null || v.focus(), i.current = !1, l.preventDefault();
+          var m;
+          d.current || (m = r.triggerRef.current) == null || m.focus(), d.current = !1, l.preventDefault();
         }),
         onInteractOutside: g(e.onInteractOutside, (l) => {
-          const v = l.detail.originalEvent, p = v.button === 0 && v.ctrlKey === !0, d = v.button === 2 || p;
-          (!r.modal || d) && (i.current = !0);
+          const m = l.detail.originalEvent, v = m.button === 0 && m.ctrlKey === !0, u = m.button === 2 || v;
+          (!r.modal || u) && (d.current = !0);
         }),
         style: {
           ...e.style,
@@ -921,15 +921,16 @@ function ao(e) {
     triggerWidth: t,
     options: n,
     selectedValue: o,
-    fullWidth: r = !1,
-    className: c,
-    itemClassName: i,
-    onSelect: l
+    selectedClassName: r,
+    fullWidth: c = !1,
+    className: d,
+    itemClassName: l,
+    onSelect: m
   } = e, v = Se(
-    c,
+    d,
     X.content,
     {
-      [X.fullWidth]: r
+      [X.fullWidth]: c
     }
   );
   return /* @__PURE__ */ s(
@@ -942,19 +943,20 @@ function ao(e) {
         width: t,
         zIndex: yn.zindex("max")
       },
-      children: n.map((p) => /* @__PURE__ */ s(
+      children: n.map((u) => /* @__PURE__ */ s(
         Qt,
         {
-          disabled: p.disabled,
-          className: Se(X.item, i, {
-            [X.disabled]: p.disabled,
-            [X.selected]: p.value === o
+          disabled: u.disabled,
+          className: Se(X.item, l, {
+            [X.disabled]: u.disabled,
+            [X.selected]: u.value === o,
+            [r || ""]: u.value === o && r
           }),
-          onSelect: () => l(p.value),
+          onSelect: () => m(u.value),
           style: { width: t },
-          children: p.label
+          children: u.label
         },
-        p.value
+        u.value
       ))
     }
   );

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

@@ -13,6 +13,7 @@ export interface DropdownContentProps {
     selectedValue?: DropdownOptionValueType;
     className?: string;
     itemClassName?: string;
+    selectedClassName?: string;
     triggerWidth?: React.CSSProperties['width'];
     fullWidth?: boolean;
     onSelect: (value: string) => void;

package/dist/components/DropdownContent/DropdownContent.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { D as a } from "../../DropdownContent-BqQZ17mb.js";
+import { D as a } from "../../DropdownContent-BTzahw95.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 r } from "../../DropdownContent-BqQZ17mb.js";
+import { D as r } from "../../DropdownContent-BTzahw95.js";
 export {
   r as DropdownContent
 };

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 c, D as p } from "../../DropdownContent-BqQZ17mb.js";
+import { R as m, T as c, D as p } from "../../DropdownContent-BTzahw95.js";
 import f from "react";
 function u(t) {
   const {

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { R as D, T as W, D as C } from "../../DropdownContent-BqQZ17mb.js";
+import { R as D, T as W, D as C } from "../../DropdownContent-BTzahw95.js";
 import a, { useRef as R, useState as v, useEffect as b } from "react";
 import N from "../Flex/Flex.js";
 import { clsx as T } from "../../utils/clsx.js";

package/package.json

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