@cfx-dev/ui-components 3.0.2 → 3.0.4

package/dist/components/Button/Button.js

@@ -1,109 +1,109 @@
-import { jsx as r, jsxs as W, Fragment as g } from "react/jsx-runtime";
+import { jsx as a, jsxs as W, Fragment as g } from "react/jsx-runtime";
 import m from "react";
 import { Icon as A } from "../Icon/Icon.js";
-import { clsx as B } from "../../utils/clsx.js";
-import { noop as y } from "../../utils/functional.js";
-const q = "_unsetAll_13zdy_1", I = "_root_13zdy_5", M = "_fullWidth_13zdy_38", j = "_primary_13zdy_58", w = "_secondary_13zdy_79", F = "_linked_13zdy_121", R = "_quicklink_13zdy_150", v = "_icon_13zdy_157", D = "_icononly_13zdy_182", L = "_decorator_13zdy_187", o = {
-  unsetAll: q,
-  root: I,
-  fullWidth: M,
-  primary: j,
-  secondary: w,
-  "on-light": "_on-light_13zdy_100",
-  linked: F,
-  quicklink: R,
-  icon: v,
-  icononly: D,
-  decorator: L
+import { clsx as q } from "../../utils/clsx.js";
+import { noop as x } from "../../utils/functional.js";
+const I = "cfxui__Button__unsetAll__44b96", M = "cfxui__Button__root__e2ace", j = "cfxui__Button__fullWidth__f61d9", w = "cfxui__Button__primary__1c59f", F = "cfxui__Button__secondary__b2b84", R = "cfxui__Button__linked__330cb", v = "cfxui__Button__quicklink__204ac", D = "cfxui__Button__icon__44e51", L = "cfxui__Button__icononly__4f786", U = "cfxui__Button__decorator__39a9b", t = {
+  unsetAll: I,
+  root: M,
+  fullWidth: j,
+  primary: w,
+  secondary: F,
+  "on-light": "cfxui__Button__on-light__ae69c",
+  linked: R,
+  quicklink: v,
+  icon: D,
+  icononly: L,
+  decorator: U
 };
-function U(c) {
+function z(l) {
   const {
-    text: t = null,
-    icon: l,
+    text: o = null,
+    icon: e,
     decorator: n = null
-  } = c;
+  } = l;
   return /* @__PURE__ */ W(g, { children: [
-    t,
-    !!l && /* @__PURE__ */ r(A, { name: l, className: o.icon }),
-    !!n && /* @__PURE__ */ r("div", { className: o.decorator, children: n })
+    o,
+    !!e && /* @__PURE__ */ a(A, { name: e, className: t.icon }),
+    !!n && /* @__PURE__ */ a("div", { className: t.decorator, children: n })
   ] });
 }
-function E(c) {
+function E(l) {
   const {
-    text: t = null,
-    icon: l,
+    text: o = null,
+    icon: e,
     theme: n = "default",
-    disabled: s = !1,
-    className: d = "",
-    autofocus: u = !1,
-    fullWidth: a = !1,
+    disabled: u = !1,
+    className: s = "",
+    autofocus: r = !1,
+    fullWidth: _ = !1,
     tabIndex: i
-  } = c;
-  return B(o.unsetAll, o.root, o[n], d, {
-    [o.disabled]: s,
-    [o.icononly]: !!l && (t === null || typeof t > "u"),
-    [o.text]: !!t,
-    [o.autofocus]: u || typeof i < "u",
-    [o.fullWidth]: a
+  } = l;
+  return q(t.unsetAll, t.root, t[n], s, {
+    [t.disabled]: u,
+    [t.icononly]: !!e && (o === null || typeof o > "u"),
+    [t.text]: !!o,
+    [t.autofocus]: r || typeof i < "u",
+    [t.fullWidth]: _
   });
 }
-const P = m.forwardRef(function(t, l) {
+const P = m.forwardRef(function(o, e) {
   const {
     text: n = null,
-    icon: s,
-    title: d = "",
-    type: u = "button",
-    className: a = "",
+    icon: u,
+    title: s = "",
+    type: r = "button",
+    className: _ = "",
     theme: i = "default",
-    disabled: e = !1,
-    onClick: h = y,
-    onMouseDown: p = y,
-    onMouseUp: z = y,
-    autofocus: _ = !1,
-    tabIndex: f,
-    fullWidth: k = !1,
-    ariaLabel: b = ""
-  } = t, x = m.useMemo(() => E({
+    disabled: c = !1,
+    onClick: b = x,
+    onMouseDown: h = x,
+    onMouseUp: k = x,
+    autofocus: f = !1,
+    tabIndex: d,
+    fullWidth: B = !1,
+    ariaLabel: y = ""
+  } = o, p = m.useMemo(() => E({
     text: n,
-    icon: s,
+    icon: u,
     theme: i,
-    disabled: e,
-    className: a,
-    autofocus: _,
-    fullWidth: k,
-    tabIndex: f
+    disabled: c,
+    className: _,
+    autofocus: f,
+    fullWidth: B,
+    tabIndex: d
   }), [
-    _,
-    a,
-    k,
-    e,
-    s,
     f,
+    _,
+    B,
+    c,
+    u,
+    d,
     n,
     i
   ]), C = m.useCallback((N) => {
-    e || h(N);
-  }, [e, h]);
-  return /* @__PURE__ */ r(
+    c || b(N);
+  }, [c, b]);
+  return /* @__PURE__ */ a(
     "button",
     {
-      ref: l,
-      disabled: e,
-      className: x,
+      ref: e,
+      disabled: c,
+      className: p,
       onClick: C,
-      onMouseDown: p,
-      onMouseUp: z,
-      autoFocus: _,
-      tabIndex: f,
-      title: d,
-      type: u,
-      "aria-label": b,
-      children: /* @__PURE__ */ r(U, { ...t })
+      onMouseDown: h,
+      onMouseUp: k,
+      autoFocus: f,
+      tabIndex: d,
+      title: s,
+      type: r,
+      "aria-label": y,
+      children: /* @__PURE__ */ a(z, { ...o })
     }
   );
 });
 export {
   P as Button,
-  U as ButtonContent,
+  z as ButtonContent,
   E as getButtonClassName
 };

package/dist/components/Button/ButtonBar.js

@@ -1,6 +1,6 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { clsx as o } from "../../utils/clsx.js";
-const i = "_bar_4bu59_1", l = {
+const i = "cfxui__ButtonBar__bar__cf894", f = {
   bar: i
 }, t = {
   start: "flex-start",
@@ -12,15 +12,15 @@ function u(e) {
     children: n,
     className: r,
     justify: s = "center",
-    align: a = "center"
+    align: c = "center"
   } = e;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: o(l.bar, r),
+      className: o(f.bar, r),
       style: {
         justifyContent: t[s],
-        alignItems: t[a]
+        alignItems: t[c]
       },
       children: n
     }

package/dist/components/Checkbox/Checkbox.js

@@ -1,5 +1,5 @@
-import { jsxs as z, jsx as f } from "react/jsx-runtime";
-import * as a from "react";
+import { jsxs as z, jsx as l } from "react/jsx-runtime";
+import * as c from "react";
 import L from "react";
 import { u as S, f as y, c as j, a as W, P as O, b as A, d as B, e as H } from "../../index-CjWRnNpt.js";
 import { r as K } from "../../index-2hJuj4UN.js";
@@ -43,6 +43,11 @@ import "../Icons/cfx-icons/Users.js";
 import "../Icons/cfx-icons/Visibility.js";
 import "../Icons/cfx-icons/VisibilityOff.js";
 import "../Icons/cfx-icons/Warning.js";
+import "../Icons/cfx-icons/Cart.js";
+import "../Icons/cfx-icons/User.js";
+import "../Icons/cfx-icons/Verified.js";
+import "../Icons/cfx-icons/UpvotesBurst.js";
+import "../Icons/cfx-icons/UpvotesRecurring.js";
 import "../Icons/cfx-icons-big/Like.js";
 import "../Icons/cfx-icons-big/Subscriptions.js";
 import "../Icons/cfx-icons-big/Upload.js";
@@ -51,15 +56,15 @@ import "../Icons/cfx-icons-big/Confirm.js";
 import { clsx as R } from "../../utils/clsx.js";
 import { getColor as q } from "../../utils/color.js";
 function X(e, t) {
-  return a.useReducer((n, o) => t[n][o] ?? n, e);
+  return c.useReducer((o, n) => t[o][n] ?? o, e);
 }
 var I = (e) => {
-  const { present: t, children: n } = e, o = F(t), s = typeof n == "function" ? n({ present: o.isPresent }) : a.Children.only(n), c = S(o.ref, G(s));
-  return typeof n == "function" || o.isPresent ? a.cloneElement(s, { ref: c }) : null;
+  const { present: t, children: o } = e, n = F(t), s = typeof o == "function" ? o({ present: n.isPresent }) : c.Children.only(o), a = S(n.ref, G(s));
+  return typeof o == "function" || n.isPresent ? c.cloneElement(s, { ref: a }) : null;
 };
 I.displayName = "Presence";
 function F(e) {
-  const [t, n] = a.useState(), o = a.useRef({}), s = a.useRef(e), c = a.useRef("none"), l = e ? "mounted" : "unmounted", [u, m] = X(l, {
+  const [t, o] = c.useState(), n = c.useRef({}), s = c.useRef(e), a = c.useRef("none"), f = e ? "mounted" : "unmounted", [u, m] = X(f, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -72,97 +77,97 @@ function F(e) {
       MOUNT: "mounted"
     }
   });
-  return a.useEffect(() => {
-    const r = _(o.current);
-    c.current = u === "mounted" ? r : "none";
+  return c.useEffect(() => {
+    const r = x(n.current);
+    a.current = u === "mounted" ? r : "none";
   }, [u]), y(() => {
-    const r = o.current, p = s.current;
-    if (p !== e) {
-      const C = c.current, N = _(r);
-      e ? m("MOUNT") : N === "none" || (r == null ? void 0 : r.display) === "none" ? m("UNMOUNT") : m(p && C !== N ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
+    const r = n.current, d = s.current;
+    if (d !== e) {
+      const C = a.current, _ = x(r);
+      e ? m("MOUNT") : _ === "none" || (r == null ? void 0 : r.display) === "none" ? m("UNMOUNT") : m(d && C !== _ ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
     }
   }, [e, m]), y(() => {
     if (t) {
       const r = (i) => {
-        const N = _(o.current).includes(i.animationName);
-        i.target === t && N && K.flushSync(() => m("ANIMATION_END"));
-      }, p = (i) => {
-        i.target === t && (c.current = _(o.current));
+        const _ = x(n.current).includes(i.animationName);
+        i.target === t && _ && K.flushSync(() => m("ANIMATION_END"));
+      }, d = (i) => {
+        i.target === t && (a.current = x(n.current));
       };
-      return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", r), t.addEventListener("animationend", r), () => {
-        t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", r), t.removeEventListener("animationend", r);
+      return t.addEventListener("animationstart", d), t.addEventListener("animationcancel", r), t.addEventListener("animationend", r), () => {
+        t.removeEventListener("animationstart", d), t.removeEventListener("animationcancel", r), t.removeEventListener("animationend", r);
       };
     } else
       m("ANIMATION_END");
   }, [t, m]), {
     isPresent: ["mounted", "unmountSuspended"].includes(u),
-    ref: a.useCallback((r) => {
-      r && (o.current = getComputedStyle(r)), n(r);
+    ref: c.useCallback((r) => {
+      r && (n.current = getComputedStyle(r)), o(r);
     }, [])
   };
 }
-function _(e) {
+function x(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 function G(e) {
-  var o, s;
-  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+  var n, s;
+  let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
-var x = "Checkbox", [J, nt] = j(x), [Q, V] = J(x), M = a.forwardRef(
+var E = "Checkbox", [J, ct] = j(E), [Q, V] = J(E), M = c.forwardRef(
   (e, t) => {
     const {
-      __scopeCheckbox: n,
-      name: o,
+      __scopeCheckbox: o,
+      name: n,
       checked: s,
-      defaultChecked: c,
-      required: l,
+      defaultChecked: a,
+      required: f,
       disabled: u,
       value: m = "on",
       onCheckedChange: r,
-      ...p
-    } = e, [i, C] = a.useState(null), N = S(t, (d) => C(d)), v = a.useRef(!1), P = i ? !!i.closest("form") : !0, [b = !1, E] = W({
+      ...d
+    } = e, [i, C] = c.useState(null), _ = S(t, (p) => C(p)), k = c.useRef(!1), P = i ? !!i.closest("form") : !0, [b = !1, g] = W({
       prop: s,
-      defaultProp: c,
+      defaultProp: a,
       onChange: r
-    }), D = a.useRef(b);
-    return a.useEffect(() => {
-      const d = i == null ? void 0 : i.form;
-      if (d) {
-        const k = () => E(D.current);
-        return d.addEventListener("reset", k), () => d.removeEventListener("reset", k);
+    }), D = c.useRef(b);
+    return c.useEffect(() => {
+      const p = i == null ? void 0 : i.form;
+      if (p) {
+        const N = () => g(D.current);
+        return p.addEventListener("reset", N), () => p.removeEventListener("reset", N);
       }
-    }, [i, E]), /* @__PURE__ */ z(Q, { scope: n, state: b, disabled: u, children: [
-      /* @__PURE__ */ f(
+    }, [i, g]), /* @__PURE__ */ z(Q, { scope: o, state: b, disabled: u, children: [
+      /* @__PURE__ */ l(
         O.button,
         {
           type: "button",
           role: "checkbox",
           "aria-checked": h(b) ? "mixed" : b,
-          "aria-required": l,
+          "aria-required": f,
           "data-state": w(b),
           "data-disabled": u ? "" : void 0,
           disabled: u,
           value: m,
-          ...p,
-          ref: N,
-          onKeyDown: A(e.onKeyDown, (d) => {
-            d.key === "Enter" && d.preventDefault();
+          ...d,
+          ref: _,
+          onKeyDown: A(e.onKeyDown, (p) => {
+            p.key === "Enter" && p.preventDefault();
           }),
-          onClick: A(e.onClick, (d) => {
-            E((k) => h(k) ? !0 : !k), P && (v.current = d.isPropagationStopped(), v.current || d.stopPropagation());
+          onClick: A(e.onClick, (p) => {
+            g((N) => h(N) ? !0 : !N), P && (k.current = p.isPropagationStopped(), k.current || p.stopPropagation());
           })
         }
       ),
-      P && /* @__PURE__ */ f(
+      P && /* @__PURE__ */ l(
         Y,
         {
           control: i,
-          bubbles: !v.current,
-          name: o,
+          bubbles: !k.current,
+          name: n,
           value: m,
           checked: b,
-          required: l,
+          required: f,
           disabled: u,
           style: { transform: "translateX(-100%)" }
         }
@@ -170,15 +175,15 @@ var x = "Checkbox", [J, nt] = j(x), [Q, V] = J(x), M = a.forwardRef(
     ] });
   }
 );
-M.displayName = x;
-var T = "CheckboxIndicator", U = a.forwardRef(
+M.displayName = E;
+var T = "CheckboxIndicator", U = c.forwardRef(
   (e, t) => {
-    const { __scopeCheckbox: n, forceMount: o, ...s } = e, c = V(T, n);
-    return /* @__PURE__ */ f(I, { present: o || h(c.state) || c.state === !0, children: /* @__PURE__ */ f(
+    const { __scopeCheckbox: o, forceMount: n, ...s } = e, a = V(T, o);
+    return /* @__PURE__ */ l(I, { present: n || h(a.state) || a.state === !0, children: /* @__PURE__ */ l(
       O.span,
       {
-        "data-state": w(c.state),
-        "data-disabled": c.disabled ? "" : void 0,
+        "data-state": w(a.state),
+        "data-disabled": a.disabled ? "" : void 0,
         ...s,
         ref: t,
         style: { pointerEvents: "none", ...e.style }
@@ -188,22 +193,22 @@ var T = "CheckboxIndicator", U = a.forwardRef(
 );
 U.displayName = T;
 var Y = (e) => {
-  const { control: t, checked: n, bubbles: o = !0, ...s } = e, c = a.useRef(null), l = B(n), u = H(t);
-  return a.useEffect(() => {
-    const m = c.current, r = window.HTMLInputElement.prototype, i = Object.getOwnPropertyDescriptor(r, "checked").set;
-    if (l !== n && i) {
-      const C = new Event("click", { bubbles: o });
-      m.indeterminate = h(n), i.call(m, h(n) ? !1 : n), m.dispatchEvent(C);
+  const { control: t, checked: o, bubbles: n = !0, ...s } = e, a = c.useRef(null), f = B(o), u = H(t);
+  return c.useEffect(() => {
+    const m = a.current, r = window.HTMLInputElement.prototype, i = Object.getOwnPropertyDescriptor(r, "checked").set;
+    if (f !== o && i) {
+      const C = new Event("click", { bubbles: n });
+      m.indeterminate = h(o), i.call(m, h(o) ? !1 : o), m.dispatchEvent(C);
     }
-  }, [l, n, o]), /* @__PURE__ */ f(
+  }, [f, o, n]), /* @__PURE__ */ l(
     "input",
     {
       type: "checkbox",
       "aria-hidden": !0,
-      defaultChecked: h(n) ? !1 : n,
+      defaultChecked: h(o) ? !1 : o,
       ...s,
       tabIndex: -1,
-      ref: c,
+      ref: a,
       style: {
         ...e.style,
         ...u,
@@ -222,34 +227,34 @@ function w(e) {
   return h(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
 var Z = M, ee = U;
-const te = "_rootUnset_1i045_1", ne = "_root_1i045_1", oe = "_indicator_1i045_20", g = {
+const te = "cfxui__Checkbox__rootUnset__cbb57", oe = "cfxui__Checkbox__root__865aa", ne = "cfxui__Checkbox__indicator__2afc0", v = {
   rootUnset: te,
-  root: ne,
-  indicator: oe,
-  "size-small": "_size-small_1i045_26",
-  "size-normal": "_size-normal_1i045_41",
-  "size-large": "_size-large_1i045_56"
+  root: oe,
+  indicator: ne,
+  "size-small": "cfxui__Checkbox__size-small__02440",
+  "size-normal": "cfxui__Checkbox__size-normal__700f4",
+  "size-large": "cfxui__Checkbox__size-large__28529"
 };
 function re(e) {
   const {
     id: t,
-    size: n = "normal",
-    rootClassName: o,
+    size: o = "normal",
+    rootClassName: n,
     indicatorClassName: s,
-    colorToken: c,
-    color: l,
+    colorToken: a,
+    color: f,
     opacity: u,
     luminance: m,
     ...r
-  } = e, p = R(
-    g.root,
-    g.rootUnset,
-    g[`size-${n}`],
-    o
+  } = e, d = R(
+    v.root,
+    v.rootUnset,
+    v[`size-${o}`],
+    n
   ), i = q(e);
-  return /* @__PURE__ */ f(Z, { ...r, id: t, style: { color: i }, className: p, children: /* @__PURE__ */ f(ee, { className: R(g.indicator, s), children: /* @__PURE__ */ f($, {}) }) });
+  return /* @__PURE__ */ l(Z, { ...r, id: t, style: { color: i }, className: d, children: /* @__PURE__ */ l(ee, { className: R(v.indicator, s), children: /* @__PURE__ */ l($, {}) }) });
 }
-const ot = L.memo(re);
+const at = L.memo(re);
 export {
-  ot as default
+  at as default
 };

package/dist/components/ClipboardButton/ClipboardButton.js

@@ -1,43 +1,43 @@
 import { jsx as r } from "react/jsx-runtime";
 import c from "react";
 import { Button as C } from "../Button/Button.js";
-import { Title as f } from "../Title/Title.js";
-import { clsx as u } from "../../utils/clsx.js";
-import { noop as _ } from "../../utils/functional.js";
+import { Title as _ } from "../Title/Title.js";
+import { clsx as f } from "../../utils/clsx.js";
+import { noop as u } from "../../utils/functional.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
 import "../../index-2hJuj4UN.js";
-import { useClipboardComponent as k } from "../../utils/hooks/useClipboardComponent.js";
-const b = "_root_185u8_1", h = "_copied_185u8_1", e = {
-  root: b,
-  copied: h
+import { useClipboardComponent as b } from "../../utils/hooks/useClipboardComponent.js";
+const x = "cfxui__ClipboardButton__root__e8251", k = "cfxui__ClipboardButton__copied__6e0b9", e = {
+  root: x,
+  copied: k
 };
-function x(o) {
+function h(o) {
   const {
-    hoverTitle: T,
-    copiedTitle: B,
+    hoverTitle: B,
+    copiedTitle: T,
     textToCopy: j,
     fixedOn: n,
-    onClick: t = _,
+    onClick: t = u,
     ...l
   } = o, {
     copied: p,
     handleClick: i,
     title: m
-  } = k(o), d = c.useCallback((a) => {
-    t(a), i();
-  }, [i, t]), s = u(e.root, { [e.copied]: p });
+  } = b(o), d = c.useCallback((s) => {
+    t(s), i();
+  }, [i, t]), a = f(e.root, { [e.copied]: p });
   return /* @__PURE__ */ r(
-    f,
+    _,
     {
       title: m,
       fixedOn: n,
-      rootClassName: s,
+      rootClassName: a,
       children: /* @__PURE__ */ r(C, { ...l, onClick: d })
     }
   );
 }
-const z = c.memo(x);
+const z = c.memo(h);
 export {
   z as default
 };

package/dist/components/ControlBox/ControlBox.js

@@ -1,19 +1,19 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import c from "react";
-import { clsx as _ } from "../../utils/clsx.js";
-const e = "_root_1ykga_1", f = "_small_1ykga_5", g = "_normal_1ykga_8", i = "_large_1ykga_11", o = {
+import { clsx as m } from "../../utils/clsx.js";
+const e = "cfxui__ControlBox__root__6a08c", x = "cfxui__ControlBox__small__8beb2", f = "cfxui__ControlBox__normal__e3aa5", i = "cfxui__ControlBox__large__1039d", o = {
   root: e,
-  small: f,
-  normal: g,
+  small: x,
+  normal: f,
   large: i
-}, y = c.forwardRef(function(r, a) {
+}, p = c.forwardRef(function(r, t) {
   const {
-    size: t = "normal",
+    size: _ = "normal",
     className: l,
-    children: s
-  } = r, n = _(o.root, l, o[t]);
-  return /* @__PURE__ */ m("div", { ref: a, className: n, children: s });
+    children: a
+  } = r, n = m(o.root, l, o[_]);
+  return /* @__PURE__ */ s("div", { ref: t, className: n, children: a });
 });
 export {
-  y as ControlBox
+  p as ControlBox
 };

package/dist/components/CountryFlag/CountryFlag.js

@@ -1,21 +1,21 @@
 import { jsx as t } from "react/jsx-runtime";
-import f from "react";
-import { Title as l } from "../Title/Title.js";
+import l from "react";
+import { Title as f } from "../Title/Title.js";
 import { clsx as i } from "../../utils/clsx.js";
-const m = "_root_n4jzf_1", u = {
+const m = "cfxui__CountryFlag__root__95489", u = {
   root: m
-}, x = f.forwardRef(function(r, e) {
+}, y = l.forwardRef(function(r, e) {
   const {
     country: o,
     className: s,
-    title: n,
-    forceShow: a = !1
+    title: a,
+    forceShow: n = !1
   } = r;
-  if (!a && (o === "001" || o === "AQ" || o === "aq"))
+  if (!n && (o === "001" || o === "AQ" || o === "aq"))
     return null;
   const c = i(u.root, s, `fi-${o.toLowerCase()}`);
-  return /* @__PURE__ */ t(l, { title: n, children: /* @__PURE__ */ t("div", { ref: e, className: c }) });
+  return /* @__PURE__ */ t(f, { title: a, children: /* @__PURE__ */ t("div", { ref: e, className: c }) });
 });
 export {
-  x as CountryFlag
+  y as CountryFlag
 };