@cfx-dev/ui-components 5.0.22 → 5.0.23

package/dist/components/ControlBox/ControlBox.js

@@ -1,11 +1,11 @@
-import { jsx as c } from "react/jsx-runtime";
-import e from "react";
-import { clsx as n } from "../../utils/clsx.js";
-const a = "cfxui__ControlBox__root__6a08c", i = "cfxui__ControlBox__small__8beb2", x = "cfxui__ControlBox__medium__628cd", u = "cfxui__ControlBox__large__1039d", o = {
-  root: a,
+import { jsx as e } from "react/jsx-runtime";
+import c from "react";
+import { clsx as a } from "../../utils/clsx.js";
+const n = "cfxui__ControlBox__root__6a08c", i = "cfxui__ControlBox__small__8beb2", u = "cfxui__ControlBox__medium__628cd", x = "cfxui__ControlBox__large__1039d", o = {
+  root: n,
   small: i,
-  medium: x,
-  large: u
+  medium: u,
+  large: x
 };
 function f(t) {
   const {
@@ -13,10 +13,10 @@ function f(t) {
     className: r,
     children: l,
     ref: m
-  } = t, s = n(o.root, r, o[_]);
-  return /* @__PURE__ */ c("div", { ref: m, className: s, children: l });
+  } = t, s = a(o.root, r, o[_]);
+  return /* @__PURE__ */ e("div", { ref: m, className: s, children: l });
 }
-const p = e.memo(f);
+const p = c.memo(f);
 export {
   f as ControlBox,
   p as default

package/dist/components/Decorate/Decorate.js

@@ -1,11 +1,11 @@
 import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import f from "react";
 import { clsx as r } from "../../utils/clsx.js";
-const i = "cfxui__Decorate__root__8f2af", N = "cfxui__Decorate__decorator__db06a", a = {
+const i = "cfxui__Decorate__root__8f2af", u = "cfxui__Decorate__decorator__db06a", a = {
   root: i,
-  decorator: N
+  decorator: u
 };
-function u(e) {
+function N(e) {
   const {
     decorator: o,
     children: t,
@@ -18,8 +18,8 @@ function u(e) {
     !!o && /* @__PURE__ */ n("div", { className: _, children: o })
   ] });
 }
-const C = f.memo(u);
+const C = f.memo(N);
 export {
-  u as Decorate,
+  N as Decorate,
   C as default
 };

package/dist/components/DropdownContent/DropdownContent.js

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

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,31 +1,31 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { R as m, T as c, D as p } from "../../DropdownContent-BTzahw95.js";
-import f from "react";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { R as m, T as c, D as f } from "../../DropdownContent-DCqFWnzj.js";
+import p from "react";
 function u(t) {
   const {
-    options: r,
-    onSelect: e,
+    options: e,
+    onSelect: r,
     contentClassName: n,
     fullWidth: s = !1,
     dir: a = "ltr",
     children: l,
-    ...i
+    ...d
   } = t;
-  return /* @__PURE__ */ d(m, { dir: a, children: [
+  return /* @__PURE__ */ i(m, { dir: a, children: [
     /* @__PURE__ */ o(c, { asChild: !0, children: l }),
     /* @__PURE__ */ o(
-      p,
+      f,
       {
-        options: r,
+        options: e,
         fullWidth: s,
-        onSelect: e,
+        onSelect: r,
         className: n,
-        ...i
+        ...d
       }
     )
   ] });
 }
-const x = f.memo(u);
+const x = p.memo(u);
 export {
   x as default
 };

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-BTzahw95.js";
+import { R as D, T as W, D as C } from "../../DropdownContent-DCqFWnzj.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/DropdownSelect/DropdownSelectShowcase.js

@@ -18,8 +18,8 @@ const u = [
     label: "bursts"
   }
 ];
-function d() {
-  const [c, i] = r.useState(void 0), [n, s] = r.useState(void 0);
+function s() {
+  const [c, i] = r.useState(void 0), [n, d] = r.useState(void 0);
   return /* @__PURE__ */ t(l, { gap: "large", vertical: !0, pb: 20, children: [
     /* @__PURE__ */ t(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(o, { children: "Default Select Input" }),
@@ -41,13 +41,13 @@ function d() {
           options: u,
           fullWidth: !0,
           value: n,
-          onChange: s
+          onChange: d
         }
       ) })
     ] })
   ] });
 }
-const g = r.memo(d);
+const g = r.memo(s);
 export {
   g as default
 };

package/dist/components/Flex/FlexShowcase.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import l from "react";
 import s from "./Flex.js";
-const x = "cfxui__FlexShowcase__box__d5286", o = {
-  box: x
+const t = "cfxui__FlexShowcase__box__d5286", o = {
+  box: t
 };
-function t(a) {
+function x(a) {
   return /* @__PURE__ */ e(s, { gap: "large", vertical: !0, children: /* @__PURE__ */ c(s, { ...a, children: [
     /* @__PURE__ */ e("div", { className: o.box }),
     /* @__PURE__ */ e("div", { className: o.box }),
@@ -13,7 +13,7 @@ function t(a) {
     /* @__PURE__ */ e("div", { className: o.box })
   ] }) });
 }
-const d = l.memo(t);
+const d = l.memo(x);
 export {
   d as default
 };

package/dist/components/Flyout/Flyout.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import u from "react";
-import { F as b } from "../../Combination-N-vN9BB-.js";
+import { F as b } from "../../Combination-DFRGuWx2.js";
 import N from "../Button/Button.js";
 import { clsx as l } from "../../utils/clsx.js";
 import "../../utils/links.js";

package/dist/components/Flyout/FlyoutShowcase.js

@@ -1,7 +1,7 @@
 import { jsxs as o, Fragment as s, jsx as r } from "react/jsx-runtime";
 import n from "react";
 import { Flyout as l } from "./Flyout.js";
-function i() {
+function u() {
   const [e, t] = n.useState(!0);
   return /* @__PURE__ */ o(s, { children: [
     /* @__PURE__ */ o("button", { type: "button", onClick: () => t(!e), children: [
@@ -22,7 +22,7 @@ function i() {
     )
   ] });
 }
-const d = n.memo(i);
+const c = n.memo(u);
 export {
-  d as default
+  c as default
 };

package/dist/components/FormField/FormFieldShowcase.js

@@ -6,7 +6,7 @@ import "../Button/Button.js";
 import "../../utils/links.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
-import "../../index-Cl_RnsqN.js";
+import "../../index-CUyjBl1Y.js";
 import "../../utils/ui/ui.js";
 import { Text as l } from "../Text/Text.js";
 import { FormField as c } from "./FormField.js";

package/dist/components/Icon/Icon.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import c from "react";
-import { I as h } from "../../cfxIcons-0xD_EEXT.js";
-import { I as _ } from "../../cfxIconsXLarge-D0vz6Yd_.js";
+import { I as h } from "../../cfxIcons-YyDWNxmM.js";
+import { I as _ } from "../../cfxIconsXLarge-Dw37ZSw2.js";
 import { getTextOpacity as d } from "../Text/Text.js";
 import { ui as t } from "../../utils/ui/ui.js";
 import { IconSizeEnum as f } from "../../utils/ui/ui.types.js";

package/dist/components/Icons/IconsShowcase.js

@@ -4,7 +4,7 @@ import e from "../Flex/Flex.js";
 import { Icon as I } from "../Icon/Icon.js";
 import { Text as A } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
-import { I as C } from "../../cfxIcons-0xD_EEXT.js";
+import { I as C } from "../../cfxIcons-YyDWNxmM.js";
 import "./cfx-iconsXLarge/Close.js";
 import "./cfx-iconsXLarge/Controller.js";
 import "./cfx-iconsXLarge/Copy.js";

package/dist/components/Icons/cfx-icons/Close.js

@@ -20,7 +20,7 @@ function t(r) {
     }
   );
 }
-const s = e.memo(t);
+const l = e.memo(t);
 export {
-  s as default
+  l as default
 };

package/dist/components/Icons/cfx-icons/Copy.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import C from "react";
-function t(r) {
+import t from "react";
+function C(r) {
   return /* @__PURE__ */ o(
     "svg",
     {
@@ -20,7 +20,7 @@ function t(r) {
     }
   );
 }
-const i = C.memo(t);
+const i = t.memo(C);
 export {
   i as default
 };

package/dist/components/Icons/cfx-icons/DownChevron.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import e from "react";
-function n(r) {
+function t(r) {
   return /* @__PURE__ */ o(
     "svg",
     {
@@ -20,7 +20,7 @@ function n(r) {
     }
   );
 }
-const i = e.memo(n);
+const i = e.memo(t);
 export {
   i as default
 };

package/dist/components/Icons/cfx-icons/Filter.js

@@ -1,14 +1,14 @@
-import { jsx as C } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import r from "react";
-function o(t) {
-  return /* @__PURE__ */ C(
+function e(C) {
+  return /* @__PURE__ */ t(
     "svg",
     {
       viewBox: "0 0 16 16",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
-      ...t,
-      children: /* @__PURE__ */ C(
+      ...C,
+      children: /* @__PURE__ */ t(
         "path",
         {
           d: "M9.14996 14.24C9.04996 14.24 8.94996 14.22 8.84996 14.18L7.15996 13.45C6.51996 13.17 6.10996 12.54 6.10996 11.85V8.16002L3.23996 4.62002C2.80996 4.09002 2.72996 3.38002 3.01996 2.77002C3.30996 2.16002 3.91996 1.77002 4.59996 1.77002H11.41C12.09 1.77002 12.7 2.15002 12.99 2.77002C13.28 3.38002 13.2 4.10002 12.77 4.62002L9.89996 8.16002V13.5C9.89996 13.75 9.76996 13.99 9.55996 14.13C9.43996 14.21 9.28996 14.25 9.14996 14.25V14.24ZM4.59996 3.25002C4.45996 3.25002 4.39996 3.34002 4.36996 3.39002C4.33996 3.44002 4.30996 3.55002 4.39996 3.65002L7.43996 7.40002C7.54996 7.53002 7.60996 7.70002 7.60996 7.87002V11.83C7.60996 11.93 7.66996 12.02 7.75996 12.06L8.39996 12.34V7.88002C8.39996 7.71002 8.45996 7.54002 8.56996 7.41002L11.61 3.66002C11.7 3.55002 11.67 3.45002 11.64 3.40002C11.61 3.35002 11.55 3.26002 11.41 3.26002H4.59996V3.25002Z"
@@ -17,7 +17,7 @@ function o(t) {
     }
   );
 }
-const i = r.memo(o);
+const i = r.memo(e);
 export {
   i as default
 };

package/dist/components/Icons/cfx-icons/Heart.js

@@ -18,7 +18,7 @@ function C(t) {
     }
   );
 }
-const n = o.memo(C);
+const a = o.memo(C);
 export {
-  n as default
+  a as default
 };

package/dist/components/Icons/cfx-icons/HeartFilled.js

@@ -18,7 +18,7 @@ function o(t) {
     }
   );
 }
-const n = e.memo(o);
+const i = e.memo(o);
 export {
-  n as default
+  i as default
 };

package/dist/components/Icons/cfx-icons/LeftArrow.js

@@ -20,7 +20,7 @@ function e(o) {
     }
   );
 }
-const i = t.memo(e);
+const f = t.memo(e);
 export {
-  i as default
+  f as default
 };

package/dist/components/Icons/cfx-icons/LeftChevron.js

@@ -20,7 +20,7 @@ function t(r) {
     }
   );
 }
-const i = e.memo(t);
+const f = e.memo(t);
 export {
-  i as default
+  f as default
 };

package/dist/components/Icons/cfx-icons/MoreInfo.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import C from "react";
-function e(r) {
+import e from "react";
+function t(r) {
   return /* @__PURE__ */ o(
     "svg",
     {
@@ -20,7 +20,7 @@ function e(r) {
     }
   );
 }
-const i = C.memo(e);
+const f = e.memo(t);
 export {
-  i as default
+  f as default
 };

package/dist/components/Icons/cfx-icons/Play.js

@@ -1,13 +1,13 @@
 import { jsx as e } from "react/jsx-runtime";
-import l from "react";
-function o(C) {
+import C from "react";
+function o(l) {
   return /* @__PURE__ */ e(
     "svg",
     {
       viewBox: "0 0 16 16",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
-      ...C,
+      ...l,
       children: /* @__PURE__ */ e(
         "path",
         {
@@ -19,7 +19,7 @@ function o(C) {
     }
   );
 }
-const n = l.memo(o);
+const d = C.memo(o);
 export {
-  n as default
+  d as default
 };

package/dist/components/Icons/cfx-icons/Plus.js

@@ -20,7 +20,7 @@ function e(r) {
     }
   );
 }
-const l = t.memo(e);
+const s = t.memo(e);
 export {
-  l as default
+  s as default
 };

package/dist/components/Icons/cfx-icons/Refresh.js

@@ -1,6 +1,6 @@
 import { jsx as C } from "react/jsx-runtime";
-import o from "react";
-function e(r) {
+import e from "react";
+function o(r) {
   return /* @__PURE__ */ C(
     "svg",
     {
@@ -20,7 +20,7 @@ function e(r) {
     }
   );
 }
-const s = o.memo(e);
+const s = e.memo(o);
 export {
   s as default
 };

package/dist/components/Icons/cfx-icons/Search.js

@@ -20,7 +20,7 @@ function t(o) {
     }
   );
 }
-const c = e.memo(t);
+const a = e.memo(t);
 export {
-  c as default
+  a as default
 };

package/dist/components/Icons/cfx-icons/ServerList.js

@@ -18,7 +18,7 @@ function e(r) {
     }
   );
 }
-const i = t.memo(e);
+const s = t.memo(e);
 export {
-  i as default
+  s as default
 };

package/dist/components/Icons/cfx-icons/ServerReconnect.js

@@ -1,14 +1,14 @@
-import { jsx as r } from "react/jsx-runtime";
-import e from "react";
-function o(C) {
-  return /* @__PURE__ */ r(
+import { jsx as e } from "react/jsx-runtime";
+import C from "react";
+function t(r) {
+  return /* @__PURE__ */ e(
     "svg",
     {
       viewBox: "0 0 16 16",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
-      ...C,
-      children: /* @__PURE__ */ r(
+      ...r,
+      children: /* @__PURE__ */ e(
         "path",
         {
           d: "M10.75 5H11.72C10.84 4.05 9.59 3.5 8.25 3.5C5.63 3.5 3.5 5.63 3.5 8.25C3.5 10.87 5.63 13 8.25 13C10.87 13 13 10.87 13 8.25C13 7.84 13.34 7.5 13.75 7.5C14.16 7.5 14.5 7.84 14.5 8.25C14.5 11.7 11.7 14.5 8.25 14.5C4.8 14.5 2 11.7 2 8.25C2 4.8 4.8 2 8.25 2C10.11 2 11.83 2.82 13 4.2V2.75C13 2.34 13.34 2 13.75 2C14.16 2 14.5 2.34 14.5 2.75V5.75C14.5 6.16 14.16 6.5 13.75 6.5H10.75C10.34 6.5 10 6.16 10 5.75C10 5.34 10.34 5 10.75 5ZM7.01 7.18V9.32C7.01 9.75 7.49 10.02 7.85 9.79L9.56 8.72C9.91 8.5 9.91 8 9.56 7.79L7.85 6.72C7.48 6.49 7.01 6.75 7.01 7.19V7.18Z",
@@ -18,7 +18,7 @@ function o(C) {
     }
   );
 }
-const c = e.memo(o);
+const c = C.memo(t);
 export {
   c as default
 };

package/dist/components/Icons/cfx-icons/Square.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import o from "react";
-function e(t) {
+import e from "react";
+function o(t) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -17,7 +17,7 @@ function e(t) {
     }
   );
 }
-const l = o.memo(e);
+const l = e.memo(o);
 export {
   l as default
 };

package/dist/components/Icons/cfx-icons/SquareFilled.js

@@ -1,13 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import t from "react";
-function o(e) {
-  return /* @__PURE__ */ r(
+function l(r) {
+  return /* @__PURE__ */ e(
     "svg",
     {
       viewBox: "0 0 16 16",
       xmlns: "http://www.w3.org/2000/svg",
-      ...e,
-      children: /* @__PURE__ */ r(
+      ...r,
+      children: /* @__PURE__ */ e(
         "path",
         {
           fill: "currentColor",
@@ -17,7 +17,7 @@ function o(e) {
     }
   );
 }
-const a = t.memo(o);
+const i = t.memo(l);
 export {
-  a as default
+  i as default
 };

package/dist/components/Icons/cfx-icons/Trash.js

@@ -17,7 +17,7 @@ function o(r) {
     }
   );
 }
-const e = t.memo(o);
+const H = t.memo(o);
 export {
-  e as default
+  H as default
 };

package/dist/components/Icons/cfx-icons/Undo.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import t from "react";
-function C(r) {
+function e(r) {
   return /* @__PURE__ */ o(
     "svg",
     {
@@ -20,7 +20,7 @@ function C(r) {
     }
   );
 }
-const i = t.memo(C);
+const d = t.memo(e);
 export {
-  i as default
+  d as default
 };

package/dist/components/Icons/cfx-icons/User.js

@@ -1,13 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
-import o from "react";
-function t(C) {
+import C from "react";
+function o(t) {
   return /* @__PURE__ */ r(
     "svg",
     {
       viewBox: "0 0 16 16",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
-      ...C,
+      ...t,
       children: /* @__PURE__ */ r(
         "path",
         {
@@ -18,7 +18,7 @@ function t(C) {
     }
   );
 }
-const l = o.memo(t);
+const s = C.memo(o);
 export {
-  l as default
+  s as default
 };

package/dist/components/Icons/cfx-icons/Users.js

@@ -1,6 +1,6 @@
 import { jsx as C } from "react/jsx-runtime";
-import o from "react";
-function t(r) {
+import t from "react";
+function o(r) {
   return /* @__PURE__ */ C(
     "svg",
     {
@@ -18,7 +18,7 @@ function t(r) {
     }
   );
 }
-const l = o.memo(t);
+const l = t.memo(o);
 export {
   l as default
 };

package/dist/components/Icons/cfx-icons/Verified.js

@@ -1,13 +1,13 @@
 import { jsx as C } from "react/jsx-runtime";
-import e from "react";
-function t(r) {
+import r from "react";
+function t(e) {
   return /* @__PURE__ */ C(
     "svg",
     {
       viewBox: "0 0 16 16",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
-      ...r,
+      ...e,
       children: /* @__PURE__ */ C(
         "path",
         {
@@ -17,7 +17,7 @@ function t(r) {
     }
   );
 }
-const f = e.memo(t);
+const f = r.memo(t);
 export {
   f as default
 };

package/dist/components/Icons/cfx-icons/Warning.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import o from "react";
-function n(C) {
+function t(C) {
   return /* @__PURE__ */ r(
     "svg",
     {
@@ -20,7 +20,7 @@ function n(C) {
     }
   );
 }
-const i = o.memo(n);
+const i = o.memo(t);
 export {
   i as default
 };