@cfx-dev/ui-components 5.0.22 → 5.0.24

package/dist/components/Icons/cfx-iconsXLarge/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-iconsXLarge/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-iconsXLarge/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-iconsXLarge/Filter.js

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

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

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

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

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

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

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

package/dist/components/Icons/cfx-iconsXLarge/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-iconsXLarge/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-iconsXLarge/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 64 64",
       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-iconsXLarge/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-iconsXLarge/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-iconsXLarge/Search.js

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

package/dist/components/Icons/cfx-iconsXLarge/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-iconsXLarge/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 64 64",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
-      ...C,
-      children: /* @__PURE__ */ r(
+      ...r,
+      children: /* @__PURE__ */ e(
         "path",
         {
           d: "M56 32C56 45.23 45.23 56 32 56C18.77 56 8 45.23 8 32C8 18.77 18.77 8 32 8C39.66 8 46.68 11.59 51.17 17.57V10C51.17 8.9 52.07 8 53.17 8C54.27 8 55.17 8.9 55.17 10V22C55.17 23.1 54.27 24 53.17 24H41.17C40.07 24 39.17 23.1 39.17 22C39.17 20.9 40.07 20 41.17 20H47.99C44.25 15 38.39 12 32 12C20.97 12 12 20.97 12 32C12 43.03 20.97 52 32 52C43.03 52 52 43.03 52 32C52 30.9 52.9 30 54 30C55.1 30 56 30.9 56 32ZM27.96 23.91C26.63 23.08 24.9 24.03 24.9 25.61V38.39C24.9 39.96 26.63 40.92 27.96 40.09L38.19 33.71C39.44 32.93 39.45 31.1 38.19 30.32L27.96 23.92V23.91Z",
@@ -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-iconsXLarge/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-iconsXLarge/SquareFilled.js

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

package/dist/components/Icons/cfx-iconsXLarge/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-iconsXLarge/Undo.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 d = t.memo(C);
 export {
-  i as default
+  d as default
 };

package/dist/components/Icons/cfx-iconsXLarge/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 64 64",
       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-iconsXLarge/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-iconsXLarge/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 64 64",
       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-iconsXLarge/VisibilityOff.js

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

package/dist/components/Icons/cfx-iconsXLarge/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
 };

package/dist/components/Icons/index.js

@@ -1,5 +1,5 @@
-import { I as s } from "../../cfxIcons-0xD_EEXT.js";
-import { I as a } from "../../cfxIconsXLarge-D0vz6Yd_.js";
+import { I as s } from "../../cfxIcons-YyDWNxmM.js";
+import { I as a } from "../../cfxIconsXLarge-Dw37ZSw2.js";
 export {
   s as Icons,
   a as IconsXLarge

package/dist/components/InfoPanel/InfoPanelShowcase.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import a from "react";
+import o from "react";
 import i from "../Flex/Flex.js";
 import { Text as n } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
@@ -8,33 +8,33 @@ import c from "./InfoPanel.js";
 function l() {
   return /* @__PURE__ */ e(n, { size: "small", children: t });
 }
-const o = () => {
+const a = () => {
 };
 function d() {
   return /* @__PURE__ */ r(i, { gap: "large", vertical: !0, children: [
     /* @__PURE__ */ r(i, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(n, { children: "Default" }),
-      /* @__PURE__ */ e(c, { onClick: o, icon: "Warning", children: /* @__PURE__ */ e(l, {}) })
+      /* @__PURE__ */ e(c, { onClick: a, icon: "Warning", children: /* @__PURE__ */ e(l, {}) })
     ] }),
     /* @__PURE__ */ r(i, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(n, { children: "Success" }),
-      /* @__PURE__ */ e(c, { onClick: o, type: "success", icon: "Close", children: /* @__PURE__ */ e(l, {}) })
+      /* @__PURE__ */ e(c, { onClick: a, type: "success", icon: "Close", children: /* @__PURE__ */ e(l, {}) })
     ] }),
     /* @__PURE__ */ r(i, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(n, { children: "Error" }),
-      /* @__PURE__ */ e(c, { onClick: o, type: "error", icon: "Users", children: /* @__PURE__ */ e(l, {}) })
+      /* @__PURE__ */ e(c, { onClick: a, type: "error", icon: "Users", children: /* @__PURE__ */ e(l, {}) })
     ] }),
     /* @__PURE__ */ r(i, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(n, { children: "Warning" }),
-      /* @__PURE__ */ e(c, { onClick: o, type: "warning", icon: "Search", children: /* @__PURE__ */ e(l, {}) })
+      /* @__PURE__ */ e(c, { onClick: a, type: "warning", icon: "Search", children: /* @__PURE__ */ e(l, {}) })
     ] }),
     /* @__PURE__ */ r(i, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(n, { children: "Small" }),
-      /* @__PURE__ */ e(c, { onClick: o, size: "small", icon: "Warning", children: /* @__PURE__ */ e(l, {}) })
+      /* @__PURE__ */ e(c, { onClick: a, size: "small", icon: "Warning", children: /* @__PURE__ */ e(l, {}) })
     ] }),
     /* @__PURE__ */ r(i, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(n, { children: "Large" }),
-      /* @__PURE__ */ e(c, { onClick: o, size: "large", icon: "Warning", children: /* @__PURE__ */ e(l, {}) })
+      /* @__PURE__ */ e(c, { onClick: a, size: "large", icon: "Warning", children: /* @__PURE__ */ e(l, {}) })
     ] }),
     /* @__PURE__ */ r(i, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(n, { children: "Not interactive" }),
@@ -42,7 +42,7 @@ function d() {
     ] })
   ] });
 }
-const v = a.memo(d);
+const v = o.memo(d);
 export {
   v as default
 };

package/dist/components/Input/InputShowcase.js

@@ -1,17 +1,17 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import d from "react";
+import i from "react";
 import l from "../Flex/Flex.js";
 import { FormField as a } from "../FormField/FormField.js";
 import { Text as c } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
-import i from "./Input.js";
+import d from "./Input.js";
 const s = /^\+?[0-9]*$/;
 function v() {
-  const [o, n] = d.useState(""), [u, p] = d.useState(0), [h, t] = d.useState("");
+  const [o, n] = i.useState(""), [u, p] = i.useState(0), [h, t] = i.useState("");
   return /* @__PURE__ */ r(l, { gap: "large", vertical: !0, children: [
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "Default" }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(i, { placeholder: "Placeholder" }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { placeholder: "Placeholder" }) })
     ] }),
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "Success" }),
@@ -20,13 +20,13 @@ function v() {
         {
           state: "success",
           message: "This is a success message",
-          children: /* @__PURE__ */ e(i, { placeholder: "Placeholder" })
+          children: /* @__PURE__ */ e(d, { placeholder: "Placeholder" })
         }
       ) })
     ] }),
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "Error" }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(a, { state: "error", message: "This is an error message", children: /* @__PURE__ */ e(i, { placeholder: "Placeholder", state: "error" }) }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(a, { state: "error", message: "This is an error message", children: /* @__PURE__ */ e(d, { placeholder: "Placeholder", state: "error" }) }) })
     ] }),
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "Label" }),
@@ -37,35 +37,35 @@ function v() {
           icon: "MoreInfo",
           required: !0,
           title: "title",
-          children: /* @__PURE__ */ e(i, { placeholder: "Placeholder" })
+          children: /* @__PURE__ */ e(d, { placeholder: "Placeholder" })
         }
       ) })
     ] }),
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "Disabled" }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(i, { placeholder: "Placeholder", disabled: !0 }) }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(i, { placeholder: "Placeholder", disabled: !0, value: "Some input value" }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { placeholder: "Placeholder", disabled: !0 }) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { placeholder: "Placeholder", disabled: !0, value: "Some input value" }) })
     ] }),
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "With placrholder icon" }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(i, { placeholder: "Placeholder", placeholderIcon: "Tick" }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { placeholder: "Placeholder", placeholderIcon: "Tick" }) })
     ] }),
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "BackdropBlur" }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(i, { backdropBlur: !0, placeholder: "Placeholder", placeholderIcon: "Tick" }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { backdropBlur: !0, placeholder: "Placeholder", placeholderIcon: "Tick" }) })
     ] }),
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "Full width" }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(i, { fullWidth: !0, placeholder: "Placeholder", placeholderIcon: "Tick" }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { fullWidth: !0, placeholder: "Placeholder", placeholderIcon: "Tick" }) })
     ] }),
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "Loading" }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(i, { disabled: !0, loading: !0, placeholder: "Placeholder", placeholderIcon: "Tick" }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { disabled: !0, loading: !0, placeholder: "Placeholder", placeholderIcon: "Tick" }) })
     ] }),
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "With phone pattern Regex" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        i,
+        d,
         {
           pattern: s,
           placeholder: "Placeholder",
@@ -78,7 +78,7 @@ function v() {
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "Decorator" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        i,
+        d,
         {
           placeholder: "Placeholder",
           placeholderIcon: "Tick",
@@ -89,7 +89,7 @@ function v() {
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "Type Number input with min=1 max=100" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        i,
+        d,
         {
           placeholder: "Placeholder",
           placeholderIcon: "Tick",
@@ -104,7 +104,7 @@ function v() {
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "Type search" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        i,
+        d,
         {
           placeholder: "Placeholder",
           placeholderIcon: "Search",
@@ -117,7 +117,7 @@ function v() {
     /* @__PURE__ */ r(l, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(c, { children: "Theme onlight" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        i,
+        d,
         {
           placeholder: "Placeholder",
           placeholderIcon: "Search",
@@ -130,7 +130,7 @@ function v() {
     ] })
   ] });
 }
-const k = d.memo(v);
+const k = i.memo(v);
 export {
   k as default
 };

package/dist/components/Input/RichInput.js

@@ -6,7 +6,7 @@ import "../../utils/links.js";
 import { useDynamicRef as u } from "../../utils/hooks/useDynamicRef.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
-import "../../index-Cl_RnsqN.js";
+import "../../index-CUyjBl1Y.js";
 import { ui as T } from "../../utils/ui/ui.js";
 const j = "cfxui__RichInput__root__57e6e", w = "cfxui__RichInput__renderer__8b298", z = "cfxui__RichInput__clear__5538b", c = {
   root: j,