@cfx-dev/ui-components 5.0.14 → 5.0.15

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

@@ -1,19 +1,19 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as a from "react";
 import gn from "react";
-import { c as me, P as N, a as g, b as U, u as ye, g as wn, f as Mn, h as Pe } from "./index-CfQtbUfi.js";
+import { c as me, P as N, a as g, b as U, u as ye, g as wn, f as _n, h as Pe } from "./index-CfQtbUfi.js";
 import { c as xe, u as Te } from "./index-9LBuZ7x4.js";
-import { u as le, a as ve, c as Ae, h as _n, b as hn, R as Cn, F as Rn, D as In, C as bn, d as En, A as Sn, e as Dn } from "./Combination-CcTTSYNP.js";
+import { u as le, a as ve, c as Ae, h as Mn, b as hn, R as Cn, F as Rn, D as In, C as bn, d as En, A as Sn, e as Dn } from "./Combination-CcTTSYNP.js";
 import { P as ge } from "./index-3ctv5u9o.js";
 import { clsx as Se } from "./utils/clsx.js";
 import { ui as yn } from "./utils/ui/ui.js";
-var de = "rovingFocusGroup.onEntryFocus", Pn = { bubbles: !1, cancelable: !0 }, z = "RovingFocusGroup", [fe, Ne, xn] = xe(z), [Tn, Oe] = me(
-  z,
+var de = "rovingFocusGroup.onEntryFocus", Pn = { bubbles: !1, cancelable: !0 }, Z = "RovingFocusGroup", [fe, Ne, xn] = xe(Z), [Tn, Oe] = me(
+  Z,
   [xn]
-), [An, Nn] = Tn(z), Fe = a.forwardRef(
+), [An, Nn] = Tn(Z), Fe = a.forwardRef(
   (e, t) => /* @__PURE__ */ s(fe.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ s(fe.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ s(On, { ...e, ref: t }) }) })
 );
-Fe.displayName = z;
+Fe.displayName = Z;
 var On = a.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
@@ -22,16 +22,16 @@ var On = a.forwardRef((e, t) => {
     dir: c,
     currentTabStopId: i,
     defaultCurrentTabStopId: l,
-    onCurrentTabStopIdChange: m,
-    onEntryFocus: v,
+    onCurrentTabStopIdChange: v,
+    onEntryFocus: p,
     preventScrollOnEntryFocus: d = !1,
     ...u
-  } = e, f = a.useRef(null), M = U(t, f), w = Te(c), [b, _] = ye({
+  } = e, f = a.useRef(null), _ = U(t, f), w = Te(c), [b, M] = ye({
     prop: i,
     defaultProp: l ?? null,
-    onChange: m,
-    caller: z
-  }), [R, T] = a.useState(!1), h = ve(v), D = Ne(n), B = a.useRef(!1), [J, O] = a.useState(0);
+    onChange: v,
+    caller: Z
+  }), [R, T] = a.useState(!1), h = ve(p), D = Ne(n), B = a.useRef(!1), [Q, O] = a.useState(0);
   return a.useEffect(() => {
     const C = f.current;
     if (C)
@@ -45,8 +45,8 @@ var On = a.forwardRef((e, t) => {
       loop: r,
       currentTabStopId: b,
       onItemFocus: a.useCallback(
-        (C) => _(C),
-        [_]
+        (C) => M(C),
+        [M]
       ),
       onItemShiftTab: a.useCallback(() => T(!0), []),
       onFocusableItemAdd: a.useCallback(
@@ -60,10 +60,10 @@ var On = a.forwardRef((e, t) => {
       children: /* @__PURE__ */ s(
         N.div,
         {
-          tabIndex: R || J === 0 ? -1 : 0,
+          tabIndex: R || Q === 0 ? -1 : 0,
           "data-orientation": o,
           ...u,
-          ref: M,
+          ref: _,
           style: { outline: "none", ...e.style },
           onMouseDown: g(e.onMouseDown, () => {
             B.current = !0;
@@ -73,7 +73,7 @@ var On = a.forwardRef((e, t) => {
             if (C.target === C.currentTarget && G && !R) {
               const F = new CustomEvent(de, Pn);
               if (C.currentTarget.dispatchEvent(F), !F.defaultPrevented) {
-                const V = D().filter((P) => P.focusable), W = V.find((P) => P.active), Q = V.find((P) => P.id === b), se = [W, Q, ...V].filter(
+                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);
@@ -95,15 +95,15 @@ var On = a.forwardRef((e, t) => {
       tabStopId: c,
       children: i,
       ...l
-    } = e, m = le(), v = c || m, d = Nn(ke, n), u = d.currentTabStopId === v, f = Ne(n), { onFocusableItemAdd: M, onFocusableItemRemove: w, currentTabStopId: b } = d;
+    } = e, v = le(), p = c || v, d = Nn(ke, n), u = d.currentTabStopId === p, f = Ne(n), { onFocusableItemAdd: _, onFocusableItemRemove: w, currentTabStopId: b } = d;
     return a.useEffect(() => {
       if (o)
-        return M(), () => w();
-    }, [o, M, w]), /* @__PURE__ */ s(
+        return _(), () => w();
+    }, [o, _, w]), /* @__PURE__ */ s(
       fe.ItemSlot,
       {
         scope: n,
-        id: v,
+        id: p,
         focusable: o,
         active: r,
         children: /* @__PURE__ */ s(
@@ -113,25 +113,25 @@ var On = a.forwardRef((e, t) => {
             "data-orientation": d.orientation,
             ...l,
             ref: t,
-            onMouseDown: g(e.onMouseDown, (_) => {
-              o ? d.onItemFocus(v) : _.preventDefault();
+            onMouseDown: g(e.onMouseDown, (M) => {
+              o ? d.onItemFocus(p) : M.preventDefault();
             }),
-            onFocus: g(e.onFocus, () => d.onItemFocus(v)),
-            onKeyDown: g(e.onKeyDown, (_) => {
-              if (_.key === "Tab" && _.shiftKey) {
+            onFocus: g(e.onFocus, () => d.onItemFocus(p)),
+            onKeyDown: g(e.onKeyDown, (M) => {
+              if (M.key === "Tab" && M.shiftKey) {
                 d.onItemShiftTab();
                 return;
               }
-              if (_.target !== _.currentTarget) return;
-              const R = Gn(_, d.orientation, d.dir);
+              if (M.target !== M.currentTarget) return;
+              const R = Gn(M, d.orientation, d.dir);
               if (R !== void 0) {
-                if (_.metaKey || _.ctrlKey || _.altKey || _.shiftKey) return;
-                _.preventDefault();
+                if (M.metaKey || M.ctrlKey || M.altKey || M.shiftKey) return;
+                M.preventDefault();
                 let h = f().filter((D) => D.focusable).map((D) => D.ref.current);
                 if (R === "last") h.reverse();
                 else if (R === "prev" || R === "next") {
                   R === "prev" && h.reverse();
-                  const D = h.indexOf(_.currentTarget);
+                  const D = h.indexOf(M.currentTarget);
                   h = d.loop ? Ln(h, D + 1) : h.slice(D + 1);
                 }
                 setTimeout(() => Le(h));
@@ -177,18 +177,18 @@ var Kn = Fe, Un = Ge, pe = ["Enter", " "], $n = ["ArrowDown", "PageUp", "Home"],
 }, Wn = {
   ltr: ["ArrowLeft"],
   rtl: ["ArrowRight"]
-}, Z = "Menu", [H, Yn, Xn] = xe(Z), [k, Ue] = me(Z, [
+}, q = "Menu", [j, Yn, Xn] = xe(q), [k, Ue] = me(q, [
   Xn,
   Ae,
   Oe
-]), re = Ae(), $e = Oe(), [Hn, $] = k(Z), [jn, q] = k(Z), Be = (e) => {
-  const { __scopeMenu: t, open: n = !1, children: o, dir: r, onOpenChange: c, modal: i = !0 } = e, l = re(t), [m, v] = a.useState(null), d = a.useRef(!1), u = ve(c), f = Te(r);
+]), 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);
   return a.useEffect(() => {
-    const M = () => {
+    const _ = () => {
       d.current = !0, document.addEventListener("pointerdown", w, { capture: !0, once: !0 }), document.addEventListener("pointermove", w, { capture: !0, once: !0 });
     }, w = () => d.current = !1;
-    return document.addEventListener("keydown", M, { capture: !0 }), () => {
-      document.removeEventListener("keydown", M, { capture: !0 }), document.removeEventListener("pointerdown", w, { capture: !0 }), document.removeEventListener("pointermove", w, { capture: !0 });
+    return document.addEventListener("keydown", _, { capture: !0 }), () => {
+      document.removeEventListener("keydown", _, { capture: !0 }), document.removeEventListener("pointerdown", w, { capture: !0 }), document.removeEventListener("pointermove", w, { capture: !0 });
     };
   }, []), /* @__PURE__ */ s(En, { ...l, children: /* @__PURE__ */ s(
     Hn,
@@ -196,8 +196,8 @@ var Kn = Fe, Un = Ge, pe = ["Enter", " "], $n = ["ArrowDown", "PageUp", "Home"],
       scope: t,
       open: n,
       onOpenChange: u,
-      content: m,
-      onContentChange: v,
+      content: v,
+      onContentChange: p,
       children: /* @__PURE__ */ s(
         jn,
         {
@@ -212,7 +212,7 @@ var Kn = Fe, Un = Ge, pe = ["Enter", " "], $n = ["ArrowDown", "PageUp", "Home"],
     }
   ) });
 };
-Be.displayName = Z;
+Be.displayName = q;
 var zn = "MenuAnchor", we = a.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...o } = e, r = re(n);
@@ -220,21 +220,21 @@ var zn = "MenuAnchor", we = a.forwardRef(
   }
 );
 we.displayName = zn;
-var Zn = "MenuPortal", [mo, Ve] = k(Zn, {
+var Zn = "MenuPortal", [vo, Ve] = k(Zn, {
   forceMount: void 0
-}), S = "MenuContent", [qn, Me] = k(S), We = a.forwardRef(
+}), 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 = q(S, e.__scopeMenu);
-    return /* @__PURE__ */ s(H.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: o || c.open, children: /* @__PURE__ */ s(H.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), 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 }) }) }) });
   }
 ), Jn = a.forwardRef(
   (e, t) => {
     const n = $(S, e.__scopeMenu), o = a.useRef(null), r = U(t, o);
     return a.useEffect(() => {
       const c = o.current;
-      if (c) return _n(c);
+      if (c) return Mn(c);
     }, []), /* @__PURE__ */ s(
-      _e,
+      Me,
       {
         ...e,
         ref: r,
@@ -253,7 +253,7 @@ var Zn = "MenuPortal", [mo, Ve] = k(Zn, {
 ), Qn = a.forwardRef((e, t) => {
   const n = $(S, e.__scopeMenu);
   return /* @__PURE__ */ s(
-    _e,
+    Me,
     {
       ...e,
       ref: t,
@@ -263,7 +263,7 @@ var Zn = "MenuPortal", [mo, Ve] = k(Zn, {
       onDismiss: () => n.onOpenChange(!1)
     }
   );
-}), et = Mn("MenuContent.ScrollLock"), _e = a.forwardRef(
+}), et = _n("MenuContent.ScrollLock"), Me = a.forwardRef(
   (e, t) => {
     const {
       __scopeMenu: n,
@@ -272,25 +272,25 @@ var Zn = "MenuPortal", [mo, Ve] = k(Zn, {
       onOpenAutoFocus: c,
       onCloseAutoFocus: i,
       disableOutsidePointerEvents: l,
-      onEntryFocus: m,
-      onEscapeKeyDown: v,
+      onEntryFocus: v,
+      onEscapeKeyDown: p,
       onPointerDownOutside: d,
       onFocusOutside: u,
       onInteractOutside: f,
-      onDismiss: M,
+      onDismiss: _,
       disableOutsideScroll: w,
       ...b
-    } = e, _ = $(S, n), R = q(S, n), T = re(n), h = $e(n), D = Yn(n), [B, J] = a.useState(null), O = a.useRef(null), C = U(t, O, _.onContentChange), G = a.useRef(0), F = a.useRef(""), V = a.useRef(0), W = a.useRef(null), Q = a.useRef("right"), ee = a.useRef(0), se = w ? Cn : a.Fragment, P = w ? { as: et, allowPinchZoom: !0 } : void 0, vn = (p) => {
+    } = 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) => {
       var K, be;
-      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;
+      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;
       (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((p) => {
+    const L = a.useCallback((m) => {
       var y, A;
-      return Q.current === ((y = W.current) == null ? void 0 : y.side) && mt(p, (A = W.current) == null ? void 0 : A.area);
+      return ee.current === ((y = W.current) == null ? void 0 : y.side) && mt(m, (A = W.current) == null ? void 0 : A.area);
     }, []);
     return /* @__PURE__ */ s(
       qn,
@@ -298,36 +298,36 @@ var Zn = "MenuPortal", [mo, Ve] = k(Zn, {
         scope: n,
         searchRef: F,
         onItemEnter: a.useCallback(
-          (p) => {
-            L(p) && p.preventDefault();
+          (m) => {
+            L(m) && m.preventDefault();
           },
           [L]
         ),
         onItemLeave: a.useCallback(
-          (p) => {
+          (m) => {
             var E;
-            L(p) || ((E = O.current) == null || E.focus(), J(null));
+            L(m) || ((E = O.current) == null || E.focus(), Q(null));
           },
           [L]
         ),
         onTriggerLeave: a.useCallback(
-          (p) => {
-            L(p) && p.preventDefault();
+          (m) => {
+            L(m) && m.preventDefault();
           },
           [L]
         ),
         pointerGraceTimerRef: V,
-        onPointerGraceIntentChange: a.useCallback((p) => {
-          W.current = p;
+        onPointerGraceIntentChange: a.useCallback((m) => {
+          W.current = m;
         }, []),
         children: /* @__PURE__ */ s(se, { ...P, children: /* @__PURE__ */ s(
           Rn,
           {
             asChild: !0,
             trapped: r,
-            onMountAutoFocus: g(c, (p) => {
+            onMountAutoFocus: g(c, (m) => {
               var E;
-              p.preventDefault(), (E = O.current) == null || E.focus({ preventScroll: !0 });
+              m.preventDefault(), (E = O.current) == null || E.focus({ preventScroll: !0 });
             }),
             onUnmountAutoFocus: i,
             children: /* @__PURE__ */ s(
@@ -335,11 +335,11 @@ var Zn = "MenuPortal", [mo, Ve] = k(Zn, {
               {
                 asChild: !0,
                 disableOutsidePointerEvents: l,
-                onEscapeKeyDown: v,
+                onEscapeKeyDown: p,
                 onPointerDownOutside: d,
                 onFocusOutside: u,
                 onInteractOutside: f,
-                onDismiss: M,
+                onDismiss: _,
                 children: /* @__PURE__ */ s(
                   Kn,
                   {
@@ -349,9 +349,9 @@ var Zn = "MenuPortal", [mo, Ve] = k(Zn, {
                     orientation: "vertical",
                     loop: o,
                     currentTabStopId: B,
-                    onCurrentTabStopIdChange: J,
-                    onEntryFocus: g(m, (p) => {
-                      R.isUsingKeyboardRef.current || p.preventDefault();
+                    onCurrentTabStopIdChange: Q,
+                    onEntryFocus: g(v, (m) => {
+                      R.isUsingKeyboardRef.current || m.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
                     children: /* @__PURE__ */ s(
@@ -359,32 +359,32 @@ var Zn = "MenuPortal", [mo, Ve] = k(Zn, {
                       {
                         role: "menu",
                         "aria-orientation": "vertical",
-                        "data-state": cn(_.open),
+                        "data-state": cn(M.open),
                         "data-radix-menu-content": "",
                         dir: R.dir,
                         ...T,
                         ...b,
                         ref: C,
                         style: { outline: "none", ...b.style },
-                        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));
+                        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));
                           const ie = O.current;
-                          if (p.target !== ie || !Bn.includes(p.key)) return;
-                          p.preventDefault();
+                          if (m.target !== ie || !Bn.includes(m.key)) return;
+                          m.preventDefault();
                           const Y = D().filter((K) => !K.disabled).map((K) => K.ref.current);
-                          Ke.includes(p.key) && Y.reverse(), dt(Y);
+                          Ke.includes(m.key) && Y.reverse(), dt(Y);
                         }),
-                        onBlur: g(e.onBlur, (p) => {
-                          p.currentTarget.contains(p.target) || (window.clearTimeout(G.current), F.current = "");
+                        onBlur: g(e.onBlur, (m) => {
+                          m.currentTarget.contains(m.target) || (window.clearTimeout(G.current), F.current = "");
                         }),
                         onPointerMove: g(
                           e.onPointerMove,
-                          j((p) => {
-                            const E = p.target, y = ee.current !== p.clientX;
-                            if (p.currentTarget.contains(E) && y) {
-                              const A = p.clientX > ee.current ? "right" : "left";
-                              Q.current = A, ee.current = p.clientX;
+                          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;
                             }
                           })
                         )
@@ -417,27 +417,27 @@ 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 = q(te, e.__scopeMenu), l = Me(te, e.__scopeMenu), m = U(t, c), v = a.useRef(!1), d = () => {
+    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 f = new CustomEvent(De, { bubbles: !0, cancelable: !0 });
-        u.addEventListener(De, (M) => o == null ? void 0 : o(M), { once: !0 }), wn(u, f), f.defaultPrevented ? v.current = !1 : i.onClose();
+        u.addEventListener(De, (_) => o == null ? void 0 : o(_), { once: !0 }), wn(u, f), f.defaultPrevented ? p.current = !1 : i.onClose();
       }
     };
     return /* @__PURE__ */ s(
       Xe,
       {
         ...r,
-        ref: m,
+        ref: v,
         disabled: n,
         onClick: g(e.onClick, d),
         onPointerDown: (u) => {
           var f;
-          (f = e.onPointerDown) == null || f.call(e, u), v.current = !0;
+          (f = e.onPointerDown) == null || f.call(e, u), p.current = !0;
         },
         onPointerUp: g(e.onPointerUp, (u) => {
           var f;
-          v.current || (f = u.currentTarget) == null || f.click();
+          p.current || (f = u.currentTarget) == null || f.click();
         }),
         onKeyDown: g(e.onKeyDown, (u) => {
           const f = l.searchRef.current !== "";
@@ -450,12 +450,12 @@ 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 = Me(te, n), l = $e(n), m = a.useRef(null), v = U(t, m), [d, u] = a.useState(!1), [f, M] = a.useState("");
+    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("");
     return a.useEffect(() => {
-      const w = m.current;
-      w && M((w.textContent ?? "").trim());
+      const w = v.current;
+      w && _((w.textContent ?? "").trim());
     }, [c.children]), /* @__PURE__ */ s(
-      H.ItemSlot,
+      j.ItemSlot,
       {
         scope: n,
         disabled: o,
@@ -468,16 +468,16 @@ var Xe = a.forwardRef(
             "aria-disabled": o || void 0,
             "data-disabled": o ? "" : void 0,
             ...c,
-            ref: v,
+            ref: p,
             onPointerMove: g(
               e.onPointerMove,
-              j((w) => {
+              z((w) => {
                 o ? i.onItemLeave(w) : (i.onItemEnter(w), w.defaultPrevented || w.currentTarget.focus({ preventScroll: !0 }));
               })
             ),
             onPointerLeave: g(
               e.onPointerLeave,
-              j((w) => i.onItemLeave(w))
+              z((w) => i.onItemLeave(w))
             ),
             onFocus: g(e.onFocus, () => u(!0)),
             onBlur: g(e.onBlur, () => u(!1))
@@ -587,17 +587,17 @@ var ut = "MenuArrow", nn = a.forwardRef(
   }
 );
 nn.displayName = ut;
-var it = "MenuSub", [vo, tn] = k(it), X = "MenuSubTrigger", on = a.forwardRef(
+var it = "MenuSub", [go, tn] = k(it), H = "MenuSubTrigger", on = a.forwardRef(
   (e, t) => {
-    const n = $(X, e.__scopeMenu), o = q(X, e.__scopeMenu), r = tn(X, e.__scopeMenu), c = Me(X, e.__scopeMenu), i = a.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: m } = c, v = { __scopeMenu: e.__scopeMenu }, d = a.useCallback(() => {
+    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;
     }, []);
     return a.useEffect(() => d, [d]), a.useEffect(() => {
       const u = l.current;
       return () => {
-        window.clearTimeout(u), m(null);
+        window.clearTimeout(u), v(null);
       };
-    }, [l, m]), /* @__PURE__ */ s(we, { asChild: !0, ...v, children: /* @__PURE__ */ s(
+    }, [l, v]), /* @__PURE__ */ s(we, { asChild: !0, ...p, children: /* @__PURE__ */ s(
       Xe,
       {
         id: r.triggerId,
@@ -613,7 +613,7 @@ var it = "MenuSub", [vo, tn] = k(it), X = "MenuSubTrigger", on = a.forwardRef(
         },
         onPointerMove: g(
           e.onPointerMove,
-          j((u) => {
+          z((u) => {
             c.onItemEnter(u), !u.defaultPrevented && !e.disabled && !n.open && !i.current && (c.onPointerGraceIntentChange(null), i.current = window.setTimeout(() => {
               n.onOpenChange(!0), d();
             }, 100));
@@ -621,12 +621,12 @@ var it = "MenuSub", [vo, tn] = k(it), X = "MenuSubTrigger", on = a.forwardRef(
         ),
         onPointerLeave: g(
           e.onPointerLeave,
-          j((u) => {
-            var M, w;
+          z((u) => {
+            var _, w;
             d();
-            const f = (M = n.content) == null ? void 0 : M.getBoundingClientRect();
+            const f = (_ = n.content) == null ? void 0 : _.getBoundingClientRect();
             if (f) {
-              const b = (w = n.content) == null ? void 0 : w.dataset.side, _ = b === "right", R = _ ? -5 : 5, T = f[_ ? "left" : "right"], h = f[_ ? "right" : "left"];
+              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"];
               c.onPointerGraceIntentChange({
                 area: [
                   // Apply a bleed on clientX to ensure that our exit point is
@@ -649,25 +649,25 @@ var it = "MenuSub", [vo, tn] = k(it), X = "MenuSubTrigger", on = a.forwardRef(
           })
         ),
         onKeyDown: g(e.onKeyDown, (u) => {
-          var M;
+          var _;
           const f = c.searchRef.current !== "";
-          e.disabled || f && u.key === " " || Vn[o.dir].includes(u.key) && (n.onOpenChange(!0), (M = n.content) == null || M.focus(), u.preventDefault());
+          e.disabled || f && u.key === " " || Vn[o.dir].includes(u.key) && (n.onOpenChange(!0), (_ = n.content) == null || _.focus(), u.preventDefault());
         })
       }
     ) });
   }
 );
-on.displayName = X;
+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 = q(S, e.__scopeMenu), l = tn(rn, e.__scopeMenu), m = a.useRef(null), v = U(t, m);
-    return /* @__PURE__ */ s(H.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: o || c.open, children: /* @__PURE__ */ s(H.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(
-      _e,
+    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);
+    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: v,
+        ref: p,
         align: "start",
         side: i.dir === "rtl" ? "left" : "right",
         disableOutsidePointerEvents: !1,
@@ -675,7 +675,7 @@ var rn = "MenuSubContent", an = a.forwardRef(
         trapFocus: !1,
         onOpenAutoFocus: (d) => {
           var u;
-          i.isUsingKeyboardRef.current && ((u = m.current) == null || u.focus()), d.preventDefault();
+          i.isUsingKeyboardRef.current && ((u = v.current) == null || u.focus()), d.preventDefault();
         },
         onCloseAutoFocus: (d) => d.preventDefault(),
         onFocusOutside: g(e.onFocusOutside, (d) => {
@@ -685,9 +685,9 @@ var rn = "MenuSubContent", an = a.forwardRef(
           i.onClose(), d.preventDefault();
         }),
         onKeyDown: g(e.onKeyDown, (d) => {
-          var M;
+          var _;
           const u = d.currentTarget.contains(d.target), f = Wn[i.dir].includes(d.key);
-          u && f && (c.onOpenChange(!1), (M = l.trigger) == null || M.focus(), d.preventDefault());
+          u && f && (c.onOpenChange(!1), (_ = l.trigger) == null || _.focus(), d.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((v) => v === t[0]) ? t[0] : t, c = n ? e.indexOf(n) : -1;
+  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((v) => v !== n));
-  const m = i.find(
-    (v) => v.toLowerCase().startsWith(r.toLowerCase())
+  r.length === 1 && (i = i.filter((p) => p !== n));
+  const v = i.find(
+    (p) => p.toLowerCase().startsWith(r.toLowerCase())
   );
-  return m !== n ? m : void 0;
+  return v !== n ? v : 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], m = t[i], v = l.x, d = l.y, u = m.x, f = m.y;
-    d > o != f > o && n < (u - v) * (o - d) / (f - d) + v && (r = !r);
+    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);
   }
   return r;
 }
@@ -734,10 +734,10 @@ function mt(e, t) {
   const n = { x: e.clientX, y: e.clientY };
   return pt(n, t);
 }
-function j(e) {
+function z(e) {
   return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-var vt = Be, gt = we, wt = We, Mt = he, _t = Ye, ht = ae, Ct = He, Rt = ze, It = qe, bt = Qe, Et = en, St = nn, Dt = on, yt = an, ce = "DropdownMenu", [Pt, go] = me(
+var vt = Be, gt = we, wt = We, _t = he, Mt = Ye, ht = ae, Ct = He, Rt = ze, It = qe, bt = Qe, Et = en, St = nn, Dt = on, yt = an, ce = "DropdownMenu", [Pt, wo] = me(
   ce,
   [Ue]
 ), I = Ue(), [xt, sn] = Pt(ce), un = (e) => {
@@ -749,7 +749,7 @@ var vt = Be, gt = we, wt = We, Mt = he, _t = Ye, ht = ae, Ct = He, Rt = ze, It =
     defaultOpen: c,
     onOpenChange: i,
     modal: l = !0
-  } = e, m = I(t), v = a.useRef(null), [d, u] = ye({
+  } = e, v = I(t), p = a.useRef(null), [d, u] = ye({
     prop: r,
     defaultProp: c ?? !1,
     onChange: i,
@@ -760,13 +760,13 @@ var vt = Be, gt = we, wt = We, Mt = he, _t = Ye, ht = ae, Ct = He, Rt = ze, It =
     {
       scope: t,
       triggerId: le(),
-      triggerRef: v,
+      triggerRef: p,
       contentId: le(),
       open: d,
       onOpenChange: u,
       onOpenToggle: a.useCallback(() => u((f) => !f), [u]),
       modal: l,
-      children: /* @__PURE__ */ s(vt, { ...m, open: d, onOpenChange: u, dir: o, modal: l, children: n })
+      children: /* @__PURE__ */ s(vt, { ...v, open: d, onOpenChange: u, dir: o, modal: l, children: n })
     }
   );
 };
@@ -810,11 +810,11 @@ var fn = "DropdownMenuContent", pn = a.forwardRef(
         ...o,
         ref: t,
         onCloseAutoFocus: g(e.onCloseAutoFocus, (l) => {
-          var m;
-          i.current || (m = r.triggerRef.current) == null || m.focus(), i.current = !1, l.preventDefault();
+          var v;
+          i.current || (v = r.triggerRef.current) == null || v.focus(), i.current = !1, l.preventDefault();
         }),
         onInteractOutside: g(e.onInteractOutside, (l) => {
-          const m = l.detail.originalEvent, v = m.button === 0 && m.ctrlKey === !0, d = m.button === 2 || v;
+          const v = l.detail.originalEvent, p = v.button === 0 && v.ctrlKey === !0, d = v.button === 2 || p;
           (!r.modal || d) && (i.current = !0);
         }),
         style: {
@@ -833,14 +833,14 @@ pn.displayName = fn;
 var Tt = "DropdownMenuGroup", At = a.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...o } = e, r = I(n);
-    return /* @__PURE__ */ s(Mt, { ...r, ...o, ref: t });
+    return /* @__PURE__ */ s(_t, { ...r, ...o, ref: t });
   }
 );
 At.displayName = Tt;
 var Nt = "DropdownMenuLabel", Ot = a.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...o } = e, r = I(n);
-    return /* @__PURE__ */ s(_t, { ...r, ...o, ref: t });
+    return /* @__PURE__ */ s(Mt, { ...r, ...o, ref: t });
   }
 );
 Ot.displayName = Nt;
@@ -908,26 +908,28 @@ var Zt = "DropdownMenuSubContent", qt = a.forwardRef((e, t) => {
   );
 });
 qt.displayName = Zt;
-var wo = un, Mo = ln, Jt = pn, Qt = mn;
-const eo = "cfxui__DropdownContent__fullWidth__c56c3", no = "cfxui__DropdownContent__item__8feac", to = "cfxui__DropdownContent__content__ea3aa", oo = "cfxui__DropdownContent__disabled__9002a", ne = {
+var _o = un, Mo = ln, Jt = pn, Qt = mn;
+const eo = "cfxui__DropdownContent__fullWidth__c56c3", no = "cfxui__DropdownContent__item__8feac", to = "cfxui__DropdownContent__content__ea3aa", oo = "cfxui__DropdownContent__disabled__9002a", ro = "cfxui__DropdownContent__selected__91015", X = {
   fullWidth: eo,
   item: no,
   content: to,
-  disabled: oo
+  disabled: oo,
+  selected: ro
 };
-function ro(e) {
+function ao(e) {
   const {
     triggerWidth: t,
     options: n,
-    fullWidth: o = !1,
-    className: r,
-    itemClassName: c,
-    onSelect: i
-  } = e, l = Se(
-    r,
-    ne.content,
+    selectedValue: o,
+    fullWidth: r = !1,
+    className: c,
+    itemClassName: i,
+    onSelect: l
+  } = e, v = Se(
+    c,
+    X.content,
     {
-      [ne.fullWidth]: o
+      [X.fullWidth]: r
     }
   );
   return /* @__PURE__ */ s(
@@ -935,30 +937,31 @@ function ro(e) {
     {
       align: "end",
       side: "bottom",
-      className: l,
+      className: v,
       style: {
         width: t,
         zIndex: yn.zindex("max")
       },
-      children: n.map((m) => /* @__PURE__ */ s(
+      children: n.map((p) => /* @__PURE__ */ s(
         Qt,
         {
-          disabled: m.disabled,
-          className: Se(ne.item, c, {
-            [ne.disabled]: m.disabled
+          disabled: p.disabled,
+          className: Se(X.item, i, {
+            [X.disabled]: p.disabled,
+            [X.selected]: p.value === o
           }),
-          onSelect: () => i(m.value),
+          onSelect: () => l(p.value),
           style: { width: t },
-          children: m.label
+          children: p.label
         },
-        m.value
+        p.value
       ))
     }
   );
 }
-const _o = gn.memo(ro);
+const ho = gn.memo(ao);
 export {
-  _o as D,
-  wo as R,
+  ho as D,
+  _o as R,
   Mo as T
 };

package/dist/assets/css/DropdownContent.css

@@ -1 +1 @@
-.cfxui__DropdownContent__fullWidth__c56c3{width:100%}.cfxui__DropdownContent__fullWidth__c56c3 .cfxui__DropdownContent__item__8feac{width:100%;padding-left:calc(var(--quant) * 2.5);padding-right:calc(var(--quant) * 2.5)}.cfxui__DropdownContent__content__ea3aa{--border-color: var(--color-input-border);border-radius:var(--border-radius-medium);box-shadow:0 0 0 var(--input-border-size, initial) var(--border-color) inset;background-color:rgba(var(--color-bg),1);overflow:hidden}.cfxui__DropdownContent__content__ea3aa.cfxui__DropdownContent__onlight__352dc{--border-color: var(--color-input-onlight-border)}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{height:var(--button-height, initial);display:flex;align-items:center;padding:calc(var(--quant) * 2) var(--spacer-xsmall) calc(var(--quant) * 2) var(--spacer-xsmall);cursor:pointer}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac:not(:last-child){box-shadow:0 calc(-1 * var(--input-border-size, initial)) 0 0 var(--border-color) inset}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac:hover:not(.cfxui__DropdownContent__disabled__9002a){background-color:rgba(var(--color-bg-light),1)}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac.cfxui__DropdownContent__disabled__9002a{cursor:not-allowed;color:rgba(var(--color-secondary),1);background-color:rgba(var(--color-bg-dark),.5)}
+.cfxui__DropdownContent__fullWidth__c56c3{width:100%}.cfxui__DropdownContent__fullWidth__c56c3 .cfxui__DropdownContent__item__8feac{width:100%;padding-left:calc(var(--quant) * 2.5);padding-right:calc(var(--quant) * 2.5)}.cfxui__DropdownContent__content__ea3aa{--border-color: var(--color-input-border);border-radius:var(--border-radius-medium);box-shadow:0 0 0 var(--input-border-size, initial) var(--border-color) inset;background-color:rgba(var(--color-bg),1);overflow:hidden}.cfxui__DropdownContent__content__ea3aa.cfxui__DropdownContent__onlight__352dc{--border-color: var(--color-input-onlight-border)}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{height:var(--button-height, initial);display:flex;align-items:center;padding:calc(var(--quant) * 2) var(--spacer-xsmall) calc(var(--quant) * 2) var(--spacer-xsmall);cursor:pointer}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac:not(:last-child){box-shadow:0 calc(-1 * var(--input-border-size, initial)) 0 0 var(--border-color) inset}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac:hover:not(.cfxui__DropdownContent__disabled__9002a,.cfxui__DropdownContent__selected__91015){background-color:rgba(var(--color-bg-light),1)}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac.cfxui__DropdownContent__disabled__9002a{cursor:not-allowed;color:rgba(var(--color-secondary),1);background-color:rgba(var(--color-bg-dark),.5)}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac.cfxui__DropdownContent__selected__91015{background-color:rgba(var(--color-secondary),.5);font-weight:var(--font-weight-bold)}

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

@@ -6,9 +6,11 @@ export interface DropdownOption<T extends string> {
     disabled?: boolean;
 }
 export type ExtraClassNameType = 'content' | 'trigger';
-export type DropdownContentOption = DropdownOption<string>;
+export type DropdownOptionValueType = string;
+export type DropdownContentOption = DropdownOption<DropdownOptionValueType>;
 export interface DropdownContentProps {
     options: DropdownContentOption[];
+    selectedValue?: DropdownOptionValueType;
     className?: string;
     itemClassName?: string;
     triggerWidth?: React.CSSProperties['width'];

package/dist/components/DropdownContent/DropdownContent.js

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

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

@@ -1,2 +1,2 @@
 export { default as DropdownContent } from './DropdownContent';
-export type { DropdownContentProps, DropdownContentOption, } from './DropdownContent';
+export type { DropdownContentProps, DropdownContentOption, DropdownOptionValueType, } from './DropdownContent';

package/dist/components/DropdownContent/index.js

@@ -1,4 +1,4 @@
-import { D as r } from "../../DropdownContent-BMfQCuaP.js";
+import { D as r } from "../../DropdownContent-BqQZ17mb.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-BMfQCuaP.js";
+import { R as m, T as c, D as p } from "../../DropdownContent-BqQZ17mb.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-BMfQCuaP.js";
+import { R as D, T as W, D as C } from "../../DropdownContent-BqQZ17mb.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.14",
+  "version": "5.0.15",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",