@cfx-dev/ui-components 5.0.15 → 5.0.17

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/assets/css/Flyout.css

@@ -1 +1 @@
-@keyframes cfxui__Flyout__holder-appearance-rtl__3ccf2{0%{opacity:0;transform:translate(calc(var(--quant) * 2.5))}to{opacity:1;transform:translate(0)}}@keyframes cfxui__Flyout__holder-appearance-btu__84100{0%{opacity:0;transform:translateY(calc(var(--quant) * 2.5))}to{opacity:1;transform:translateY(0)}}@keyframes cfxui__Flyout__backdrop-appearance-rtl__9f651{0%{opacity:0}to{opacity:1}}.cfxui__Flyout__root__eba04{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;pointer-events:none}.cfxui__Flyout__root__eba04 .cfxui__Flyout__backdrop__57f9e{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay-backdrop-background);opacity:0;pointer-events:none}.cfxui__Flyout__root__eba04 .cfxui__Flyout__holder__d80b5{position:fixed;top:0;right:0;bottom:0;left:0;border-radius:0;background:rgba(var(--color-bg),1);opacity:0;transform:translate(calc(var(--quant) * 2.5));pointer-events:none}.cfxui__Flyout__root__eba04 .cfxui__Flyout__holder__d80b5 .cfxui__Flyout__content__04e42{width:100%;height:100%;overflow:hidden}@media (min-width: 640px){.cfxui__Flyout__root__eba04 .cfxui__Flyout__holder__d80b5{inset:0 0 0 calc(100vw - 420px);border-radius:var(--border-radius-medium) 0 0 var(--border-radius-medium)}}.cfxui__Flyout__root__eba04 .cfxui__Flyout__header__40009{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--quant) * 2)}.cfxui__Flyout__root__eba04 .cfxui__Flyout__header__40009 .cfxui__Flyout__title__b235a{flex-grow:1;width:1px;display:flex;align-items:center;gap:calc(var(--quant) * 2);font-size:var(--font-size-xxlarge)}.cfxui__Flyout__root__eba04.cfxui__Flyout__active__14a29 .cfxui__Flyout__backdrop__57f9e{opacity:1;pointer-events:all;animation:cfxui__Flyout__backdrop-appearance__d9564 .2s ease}.cfxui__Flyout__root__eba04.cfxui__Flyout__active__14a29 .cfxui__Flyout__mask__72713{opacity:1}.cfxui__Flyout__root__eba04.cfxui__Flyout__active__14a29 .cfxui__Flyout__holder__d80b5{opacity:1;transform:translate(0);pointer-events:all;animation:cfxui__Flyout__holder-appearance-btu__84100 .2s ease}@media (min-width: 640px){.cfxui__Flyout__root__eba04.cfxui__Flyout__active__14a29 .cfxui__Flyout__holder__d80b5{animation:cfxui__Flyout__holder-appearance-rtl__3ccf2 .2s ease}}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452{--offset-flyout: calc((100vh - (var(--height) - var(--offset-safezone) * 2) * 1) * .5 - var(--quant) * 4);top:var(--offset-flyout, initial);bottom:var(--offset-flyout, initial);padding:calc((100vh - (var(--height) - var(--offset-safezone) * 2) * 1) * .5 - var(--offset-flyout, initial)) calc((100vw - (var(--width) - var(--offset-safezone) * 2) * 1) * .5) calc((100vh - (var(--height) - var(--offset-safezone) * 2) * 1) * .5 - var(--offset-flyout, initial)) calc(var(--quant) * 6);border-radius:var(--border-radius-large) 0 0 var(--border-radius-large);box-shadow:0 0 0 calc(var(--quant) * .25) var(--color-flyout-holder-border) inset,var(--shadow-large, initial)}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452 .cfxui__Flyout__mask__72713{--mask-right: var(--viewport-right, initial);--mask-right-offset: calc(var(--mask-right, initial) - var(--quant) * 4);position:fixed;top:0;right:0;bottom:0;left:0;mask:linear-gradient(90deg,#000 0%,#000 var(--mask-right-offset, initial),transparent var(--mask-right, initial),transparent 100%);opacity:0;pointer-events:none}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452.cfxui__Flyout__size-medium__1fc09 .cfxui__Flyout__holder__d80b5{left:32vw}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452.cfxui__Flyout__size-small__038a5 .cfxui__Flyout__holder__d80b5{left:48vw}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452.cfxui__Flyout__size-xsmall__839e8 .cfxui__Flyout__holder__d80b5{left:64vw}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452.cfxui__Flyout__size-xxsmall__33712 .cfxui__Flyout__holder__d80b5{left:80vw;padding:calc(var(--quant) * 5) calc(var(--quant) * 3.75)}
+@keyframes cfxui__Flyout__backdrop-appearance__d9564{0%{opacity:0}to{opacity:1}}@keyframes cfxui__Flyout__backdrop-disappearance__bf898{0%{opacity:1}to{opacity:0}}@keyframes cfxui__Flyout__holder-appearance-rtl__3ccf2{0%{opacity:0;transform:translate(calc(var(--quant) * 2.5))}to{opacity:1;transform:translate(0)}}@keyframes cfxui__Flyout__holder-appearance-btu__84100{0%{opacity:0;transform:translateY(calc(var(--quant) * 2.5))}to{opacity:1;transform:translateY(0)}}@keyframes cfxui__Flyout__holder-appearance-ltr__83bd2{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(var(--quant) * 2.5))}}@keyframes cfxui__Flyout__holder-appearance-utb__846eb{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--quant) * 2.5))}}.cfxui__Flyout__root__eba04{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;pointer-events:none}.cfxui__Flyout__root__eba04 .cfxui__Flyout__backdrop__57f9e{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay-backdrop-background);opacity:0;pointer-events:none;animation:cfxui__Flyout__backdrop-disappearance__bf898 .2s ease}.cfxui__Flyout__root__eba04 .cfxui__Flyout__holder__d80b5{position:fixed;top:0;right:0;bottom:0;left:0;border-radius:0;background:rgba(var(--color-bg),1);opacity:0;transform:translate(calc(var(--quant) * 2.5));pointer-events:none;animation:cfxui__Flyout__holder-appearance-utb__846eb .2s ease}.cfxui__Flyout__root__eba04 .cfxui__Flyout__holder__d80b5 .cfxui__Flyout__content__04e42{width:100%;height:100%;overflow:hidden}@media (min-width: 640px){.cfxui__Flyout__root__eba04 .cfxui__Flyout__holder__d80b5{inset:0 0 0 calc(100vw - 420px);border-radius:var(--border-radius-medium) 0 0 var(--border-radius-medium);animation:cfxui__Flyout__holder-appearance-ltr__83bd2 .2s ease}}.cfxui__Flyout__root__eba04 .cfxui__Flyout__header__40009{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--quant) * 2)}.cfxui__Flyout__root__eba04 .cfxui__Flyout__header__40009 .cfxui__Flyout__title__b235a{flex-grow:1;width:1px;display:flex;align-items:center;gap:calc(var(--quant) * 2);font-size:var(--font-size-xxlarge)}.cfxui__Flyout__root__eba04.cfxui__Flyout__active__14a29 .cfxui__Flyout__backdrop__57f9e{opacity:1;pointer-events:all;animation:cfxui__Flyout__backdrop-appearance__d9564 .2s ease}.cfxui__Flyout__root__eba04.cfxui__Flyout__active__14a29 .cfxui__Flyout__mask__72713{opacity:1}.cfxui__Flyout__root__eba04.cfxui__Flyout__active__14a29 .cfxui__Flyout__holder__d80b5{opacity:1;transform:translate(0);pointer-events:all;animation:cfxui__Flyout__holder-appearance-btu__84100 .2s ease}@media (min-width: 640px){.cfxui__Flyout__root__eba04.cfxui__Flyout__active__14a29 .cfxui__Flyout__holder__d80b5{animation:cfxui__Flyout__holder-appearance-rtl__3ccf2 .2s ease}}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452{--offset-flyout: calc((100vh - (var(--height) - var(--offset-safezone) * 2) * 1) * .5 - var(--quant) * 4);top:var(--offset-flyout, initial);bottom:var(--offset-flyout, initial);padding:calc((100vh - (var(--height) - var(--offset-safezone) * 2) * 1) * .5 - var(--offset-flyout, initial)) calc((100vw - (var(--width) - var(--offset-safezone) * 2) * 1) * .5) calc((100vh - (var(--height) - var(--offset-safezone) * 2) * 1) * .5 - var(--offset-flyout, initial)) calc(var(--quant) * 6);border-radius:var(--border-radius-large) 0 0 var(--border-radius-large);box-shadow:0 0 0 calc(var(--quant) * .25) var(--color-flyout-holder-border) inset,var(--shadow-large, initial)}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452 .cfxui__Flyout__mask__72713{--mask-right: var(--viewport-right, initial);--mask-right-offset: calc(var(--mask-right, initial) - var(--quant) * 4);position:fixed;top:0;right:0;bottom:0;left:0;mask:linear-gradient(90deg,#000 0%,#000 var(--mask-right-offset, initial),transparent var(--mask-right, initial),transparent 100%);opacity:0;pointer-events:none}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452.cfxui__Flyout__size-medium__1fc09 .cfxui__Flyout__holder__d80b5{left:32vw}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452.cfxui__Flyout__size-small__038a5 .cfxui__Flyout__holder__d80b5{left:48vw}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452.cfxui__Flyout__size-xsmall__839e8 .cfxui__Flyout__holder__d80b5{left:64vw}.cfxui__Flyout__root__eba04.cfxui__Flyout__theme-legacy__a3452.cfxui__Flyout__size-xxsmall__33712 .cfxui__Flyout__holder__d80b5{left:80vw;padding:calc(var(--quant) * 5) calc(var(--quant) * 3.75)}

package/dist/assets/css/Link.css

@@ -1 +1 @@
-.cfxui__Link__unsetAll__58fea{all:unset}.cfxui__Link__root__a29b3{display:inline-flex;border-radius:var(--border-radius-xsmall);color:var(--anchor-color)}.cfxui__Link__root__a29b3{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Link__root__a29b3:not([aria-disabled=true]){cursor:pointer;text-decoration:underline;text-decoration-color:currentcolor}.cfxui__Link__root__a29b3:not([aria-disabled=true]):hover{text-decoration-color:var(--anchor-decoration-color-hover)}.cfxui__Link__root__a29b3:not([aria-disabled=true]):focus-visible:not(:active,:hover){box-shadow:0 0 0 var(--anchor-outline-size, initial) var(--color-anchor-focus-outline)}.cfxui__Link__root__a29b3[aria-disabled=true]{cursor:not-allowed;opacity:.5}.cfxui__Link__root__a29b3[aria-disabled=true]:active{pointer-events:none}.cfxui__Link__root__a29b3.cfxui__Link__unstyled__f020c{text-decoration:none}
+.cfxui__Link__unsetAll__58fea{all:unset}.cfxui__Link__root__a29b3{display:inline-flex;border-radius:var(--border-radius-xsmall);color:var(--anchor-color)}.cfxui__Link__root__a29b3{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Link__root__a29b3:not([aria-disabled=true]){cursor:pointer;text-decoration:underline;text-decoration-color:currentcolor}.cfxui__Link__root__a29b3:not([aria-disabled=true]):hover{text-decoration-color:var(--anchor-color-hover);color:var(--anchor-color-hover)}.cfxui__Link__root__a29b3:not([aria-disabled=true]):focus-visible:not(:active,:hover){box-shadow:0 0 0 var(--anchor-outline-size, initial) var(--color-anchor-focus-outline)}.cfxui__Link__root__a29b3[aria-disabled=true]{cursor:not-allowed;opacity:.4}.cfxui__Link__root__a29b3[aria-disabled=true]:active{pointer-events:none}.cfxui__Link__root__a29b3.cfxui__Link__unstyled__f020c{text-decoration:none;color:inherit}.cfxui__Link__root__a29b3.cfxui__Link__unstyled__f020c:hover{color:inherit}

package/dist/assets/css/Text.css

@@ -1 +1 @@
-.cfxui__Text__root__2fe11{--trim-line-height: calc(var(--font-size-current) * var(--line-height-current));--trim-extra-height: calc(var(--trim-line-height) - 1cap);--trim-size: calc((var(--trim-extra-height) / 2) * -1)}.cfxui__Text__root__2fe11{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Text__root__2fe11:before{content:"";margin-bottom:calc(var(--trim-size) - .015cap);display:table}.cfxui__Text__root__2fe11:after{content:"";margin-top:calc(var(--trim-size) + .025cap);display:table}.cfxui__Text__root__2fe11.cfxui__Text__verticalTrimDisabled__34631:before,.cfxui__Text__root__2fe11.cfxui__Text__verticalTrimDisabled__34631:after{display:none;margin:0}.cfxui__Text__root__2fe11.cfxui__Text__centered__4d7bd{text-align:center}.cfxui__Text__root__2fe11.cfxui__Text__underlined__5860e{text-decoration:underline}.cfxui__Text__root__2fe11.cfxui__Text__strikethrough__e3ee3{text-decoration:line-through}.cfxui__Text__root__2fe11.cfxui__Text__truncated__417f4{width:100%;white-space:nowrap;overflow-x:clip;display:inline-block;mask:linear-gradient(90deg,rgba(var(--color-red),1),rgba(var(--color-red),1) calc(100% - 2ch),transparent)}.cfxui__Text__root__2fe11.cfxui__Text__typographic__d8155{overflow-wrap:break-word}.cfxui__Text__root__2fe11.cfxui__Text__typographic__d8155 li{margin-left:calc(var(--quant) * 4)}.cfxui__Text__root__2fe11:not(.cfxui__Text__typographic__d8155) a{color:inherit;text-decoration:none}.cfxui__Text__root__2fe11.cfxui__Text__block__cb1b6{max-width:100%}
+.cfxui__Text__root__2fe11{--trim-line-height: calc(var(--font-size-current) * var(--line-height-current));--trim-extra-height: calc(var(--trim-line-height) - 1cap);--trim-size: calc((var(--trim-extra-height) / 2) * -1)}.cfxui__Text__root__2fe11{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Text__root__2fe11:before{content:"";margin-bottom:calc(var(--trim-size) - .015cap);display:table}.cfxui__Text__root__2fe11:after{content:"";margin-top:calc(var(--trim-size) + .025cap);display:table}.cfxui__Text__root__2fe11.cfxui__Text__verticalTrimDisabled__34631:before,.cfxui__Text__root__2fe11.cfxui__Text__verticalTrimDisabled__34631:after{display:none;margin:0}.cfxui__Text__root__2fe11.cfxui__Text__centered__4d7bd{text-align:center}.cfxui__Text__root__2fe11.cfxui__Text__underlined__5860e{text-decoration:underline}.cfxui__Text__root__2fe11.cfxui__Text__strikethrough__e3ee3{text-decoration:line-through}.cfxui__Text__root__2fe11.cfxui__Text__truncated__417f4{width:100%;white-space:nowrap;overflow-x:clip;display:inline-block;mask:linear-gradient(90deg,rgba(var(--color-red),1),rgba(var(--color-red),1) calc(100% - 2ch),transparent)}.cfxui__Text__root__2fe11.cfxui__Text__typographic__d8155{overflow-wrap:break-word}.cfxui__Text__root__2fe11.cfxui__Text__typographic__d8155 li{margin-left:calc(var(--quant) * 4)}.cfxui__Text__root__2fe11:not(.cfxui__Text__typographic__d8155) a{color:inherit;text-decoration:none}.cfxui__Text__root__2fe11:not(.cfxui__Text__typographic__d8155) a:hover{color:inherit}.cfxui__Text__root__2fe11.cfxui__Text__block__cb1b6{max-width:100%}

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/dist/components/Flyout/Flyout.js

@@ -1,19 +1,22 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { jsx as _, jsxs as u } from "react/jsx-runtime";
 import y from "react";
 import { F as x } from "../../Combination-N-vN9BB-.js";
 import F from "../Button/Button.js";
 import { clsx as c } from "../../utils/clsx.js";
 import "../../utils/links.js";
-import { Interactive as k } from "../Interactive/Interactive.js";
-import { noop as b } from "../../utils/functional.js";
+import { Interactive as b } from "../Interactive/Interactive.js";
+import { noop as k } from "../../utils/functional.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import { useKeyboardClose as N } from "../../utils/hooks/useKeyboardClose.js";
 import { useOutlet as C } from "../../utils/hooks/useOutlet.js";
 const v = "cfxui__Flyout__root__eba04", z = "cfxui__Flyout__backdrop__57f9e", O = "cfxui__Flyout__holder__d80b5", L = "cfxui__Flyout__content__04e42", T = "cfxui__Flyout__header__40009", I = "cfxui__Flyout__title__b235a", E = "cfxui__Flyout__active__14a29", U = "cfxui__Flyout__mask__72713", e = {
   root: v,
   backdrop: z,
+  "backdrop-disappearance": "cfxui__Flyout__backdrop-disappearance__bf898",
   holder: O,
+  "holder-appearance-utb": "cfxui__Flyout__holder-appearance-utb__846eb",
   content: L,
+  "holder-appearance-ltr": "cfxui__Flyout__holder-appearance-ltr__83bd2",
   header: T,
   title: I,
   active: E,
@@ -25,50 +28,49 @@ const v = "cfxui__Flyout__root__eba04", z = "cfxui__Flyout__backdrop__57f9e", O
   "size-medium": "cfxui__Flyout__size-medium__1fc09",
   "size-small": "cfxui__Flyout__size-small__038a5",
   "size-xsmall": "cfxui__Flyout__size-xsmall__839e8",
-  "size-xxsmall": "cfxui__Flyout__size-xxsmall__33712",
-  "backdrop-appearance-rtl": "cfxui__Flyout__backdrop-appearance-rtl__9f651"
+  "size-xxsmall": "cfxui__Flyout__size-xxsmall__33712"
 }, g = "flyout-outlet", H = "cfxui-root", n = "shrink";
 function S(i) {
   const {
-    disabled: t = !1,
+    disabled: o = !1,
     size: a = "medium",
-    theme: s = "default",
-    onClose: l = b,
-    children: r,
-    holderClassName: u,
+    theme: r = "default",
+    onClose: l = k,
+    children: s,
+    holderClassName: m,
     rootClassName: d,
-    maskClassName: f
-  } = i, p = C(g);
+    maskClassName: p
+  } = i, f = C(g);
   y.useEffect(() => {
-    if (t)
+    if (o)
       return;
-    const _ = document.getElementById(H);
-    return _ == null || _.classList.add(n), () => _ == null ? void 0 : _.classList.remove(n);
-  }, [t]), N(l);
+    const t = document.getElementById(H);
+    return t == null || t.classList.add(n), () => t == null ? void 0 : t.classList.remove(n);
+  }, [o]), N(l);
   const h = c(
     e.root,
     e[`size-${a}`],
-    e[`theme-${s}`],
+    e[`theme-${r}`],
     {
-      [e.active]: !t
+      [e.active]: !o
     },
     d
   );
-  return /* @__PURE__ */ o(p, { children: /* @__PURE__ */ m("div", { className: h, children: [
-    /* @__PURE__ */ o(k, { showPointer: !1, className: e.backdrop, onClick: l }),
-    /* @__PURE__ */ o("div", { className: c(e.mask, f), children: /* @__PURE__ */ o("div", { className: c(e.holder, u), children: /* @__PURE__ */ o(x, { disabled: t, className: e.content, children: r }) }) })
+  return /* @__PURE__ */ _(f, { children: /* @__PURE__ */ u("div", { className: h, children: [
+    /* @__PURE__ */ _(b, { showPointer: !1, className: e.backdrop, onClick: l }),
+    /* @__PURE__ */ _("div", { className: c(e.mask, p), children: /* @__PURE__ */ _("div", { className: c(e.holder, m), children: /* @__PURE__ */ _(x, { disabled: o, className: e.content, children: s }) }) })
   ] }) });
 }
-S.Header = function(t) {
+S.Header = function(o) {
   const {
     onClose: a,
-    children: s,
+    children: r,
     ref: l,
-    className: r
-  } = t;
-  return /* @__PURE__ */ m("div", { ref: l, className: c(e.header, r), children: [
-    /* @__PURE__ */ o("div", { className: e.title, children: s }),
-    !!a && /* @__PURE__ */ o(F, { icon: "Close", onClick: a })
+    className: s
+  } = o;
+  return /* @__PURE__ */ u("div", { ref: l, className: c(e.header, s), children: [
+    /* @__PURE__ */ _("div", { className: e.title, children: r }),
+    !!a && /* @__PURE__ */ _(F, { icon: "Close", onClick: a })
   ] });
 };
 export {

package/dist/components/IconButton/IconButton.d.ts

@@ -9,6 +9,7 @@ export interface IconButtonProps extends TextColorProps {
     areaSize?: IconButtonAreaSize;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     className?: string;
+    iconClassName?: string;
     disabled?: boolean;
     ariaLabel?: string;
 }

package/dist/components/IconButton/IconButton.js

@@ -1,53 +1,55 @@
 import { jsx as t } from "react/jsx-runtime";
-import p from "react";
-import { Icon as x } from "../Icon/Icon.js";
-import { clsx as I } from "../../utils/clsx.js";
-const B = "cfxui__IconButton__unset__de209", b = "cfxui__IconButton__root__5af4a", y = "cfxui__IconButton__medium__52958", g = "cfxui__IconButton__large__6d5d8", o = {
-  unset: B,
-  root: b,
-  medium: y,
+import x from "react";
+import { Icon as I } from "../Icon/Icon.js";
+import { clsx as B } from "../../utils/clsx.js";
+const b = "cfxui__IconButton__unset__de209", y = "cfxui__IconButton__root__5af4a", N = "cfxui__IconButton__medium__52958", g = "cfxui__IconButton__large__6d5d8", o = {
+  unset: b,
+  root: y,
+  medium: N,
   large: g
 };
 function k(n) {
   const {
-    name: e,
-    onClick: a,
-    className: c,
+    name: a,
+    onClick: e,
+    className: s,
+    iconClassName: c,
     disabled: r,
-    ariaLabel: s,
-    areaSize: _ = "small",
-    size: u = "small",
-    color: m = "primary",
+    ariaLabel: _,
+    areaSize: m = "small",
+    size: l = "small",
+    color: u = "primary",
     colorToken: i,
-    opacity: l,
-    luminance: f,
-    ...d
+    opacity: f,
+    luminance: d,
+    ...p
   } = n;
   return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
-      className: I(o.unset, o.root, c, o[_]),
-      onClick: a,
+      className: B(o.unset, o.root, s, o[m]),
+      onClick: e,
       disabled: r,
-      "aria-label": s,
-      ...d,
+      "aria-label": _,
+      ...p,
       children: /* @__PURE__ */ t(
-        x,
+        I,
         {
           as: "span",
-          name: e,
-          color: m,
-          size: u,
+          name: a,
+          color: u,
+          size: l,
           colorToken: i,
-          opacity: l,
-          luminance: f
+          opacity: f,
+          luminance: d,
+          className: c
         }
       )
     }
   );
 }
-const C = p.memo(k);
+const L = x.memo(k);
 export {
-  C as default
+  L as default
 };

package/dist/components/Link/Link.d.ts

@@ -3,6 +3,7 @@ import { ColorType } from '../../utils/ui';
 
 export interface LinkBaseProps {
     color?: ColorType;
+    theme?: 'default' | 'secondary';
     className?: string;
     disabled?: boolean;
     unstyled?: boolean;

package/dist/components/Link/Link.js

@@ -1,43 +1,44 @@
 import { jsx as u } from "react/jsx-runtime";
-import _ from "react";
-import { clsx as d } from "../../utils/clsx.js";
-import { getColor as a } from "../../utils/color.js";
-const f = "cfxui__Link__unsetAll__58fea", m = "cfxui__Link__root__a29b3", y = "cfxui__Link__unstyled__f020c", e = {
-  unsetAll: f,
+import f from "react";
+import { clsx as _ } from "../../utils/clsx.js";
+import { getColor as r } from "../../utils/color.js";
+const d = "cfxui__Link__unsetAll__58fea", m = "cfxui__Link__root__a29b3", y = "cfxui__Link__unstyled__f020c", n = {
+  unsetAll: d,
   root: m,
   unstyled: y
 };
 function k(t) {
   const {
-    className: o,
-    disabled: n = !1,
-    unstyled: s = !1
+    className: e,
+    disabled: s = !1,
+    unstyled: o = !1
   } = t;
-  return d(e.unsetAll, e.root, {
-    [e.disabled]: n,
-    [e.unstyled]: s
-  }, o);
+  return _(n.unsetAll, n.root, {
+    [n.disabled]: s,
+    [n.unstyled]: o
+  }, e);
 }
 function x(t) {
   const {
-    color: o = "tertiary"
-  } = t;
+    color: e,
+    theme: s = "default"
+  } = t, o = () => e || (s === "default" ? "tertiary" : "primary");
   return {
-    "--anchor-color": a({ color: o }),
-    "--anchor-decoration-color-hover": a({
-      color: o,
-      opacity: 0.5
+    "--anchor-color": r({ color: o() }),
+    "--anchor-color-hover": r({
+      color: o(),
+      opacity: 0.6
     })
   };
 }
 function L(t) {
   const {
-    className: o,
-    children: n,
-    disabled: s = !1,
+    className: e,
+    children: s,
+    disabled: o = !1,
     ...l
   } = t, {
-    style: r
+    style: a
   } = l, c = k(t), i = x(t);
   return /* @__PURE__ */ u(
     "a",
@@ -45,18 +46,18 @@ function L(t) {
       ...l,
       style: {
         ...i,
-        ...r
+        ...a
       },
-      tabIndex: s ? -1 : 0,
-      "aria-disabled": s,
+      tabIndex: o ? -1 : 0,
+      "aria-disabled": o,
       className: c,
-      children: n
+      children: s
     }
   );
 }
-const g = _.memo(L);
+const A = f.memo(L);
 export {
-  g as default,
+  A as default,
   k as getLinkClassName,
   x as getLinkStyles
 };

package/dist/components/Link/LinkShowcase.js

@@ -1,32 +1,32 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import n from "react";
+import t from "react";
 import d from "../Flex/Flex.js";
 import { Text as r } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
-import t from "./ButtonLink.js";
+import n from "./ButtonLink.js";
 import l from "./Link.js";
 function c() {
   return /* @__PURE__ */ i(d, { gap: "large", vertical: !0, children: [
     /* @__PURE__ */ i(d, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ e(r, { children: "Color Default" }),
+      /* @__PURE__ */ e(r, { children: "Default Theme" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, { href: "/", children: "Link active" }) }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, { href: "/", disabled: !0, children: "Link disable" }) }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, { href: "/", unstyled: !0, children: "Link unstyled" }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, { href: "/", disabled: !0, children: "Link disable" }) })
     ] }),
     /* @__PURE__ */ i(d, { gap: "medium", vertical: !0, children: [
-      /* @__PURE__ */ e(r, { children: "Color secondary" }),
+      /* @__PURE__ */ e(r, { children: "Secondary Theme" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, { href: "/", color: "secondary", children: "Link active" }) }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, { href: "/", color: "secondary", disabled: !0, children: "Link disable" }) })
     ] }),
     /* @__PURE__ */ i(d, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(r, { children: "Color red" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, { href: "/", color: "red", children: "Link active" }) }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, { href: "/", color: "red", disabled: !0, children: "Link disable" }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, { href: "/", color: "red", disabled: !0, children: "Link disable" }) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, { href: "/", unstyled: !0, children: "This is an unstyled link" }) })
     ] }),
     /* @__PURE__ */ i(d, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(r, { children: "ButtonLink - look like link but its button" }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { children: "Link active" }) }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { disabled: !0, children: "Link disable" }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(n, { children: "Link active" }) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(n, { disabled: !0, children: "Link disable" }) })
     ] }),
     /* @__PURE__ */ i(d, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(r, { children: "Inside text" }),
@@ -66,7 +66,7 @@ function c() {
     ] })
   ] });
 }
-const f = n.memo(c);
+const f = t.memo(c);
 export {
   f as default
 };

package/package.json

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