@cfx-dev/ui-components 3.0.2 → 3.0.4

package/dist/components/Link/Link.js

@@ -1,35 +1,44 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as _ } from "react/jsx-runtime";
 import c from "react";
-import { clsx as d } from "../../utils/clsx.js";
-const u = "_unsetAll_6pbf7_1", f = "_root_6pbf7_5", i = "_unstyled_6pbf7_30", m = "_secondary_6pbf7_33", s = {
-  unsetAll: u,
-  root: f,
-  unstyled: i,
-  secondary: m
+import { clsx as i } from "../../utils/clsx.js";
+const r = "cfxui__Link__unsetAll__58fea", d = "cfxui__Link__root__a29b3", u = "cfxui__Link__unstyled__f020c", f = "cfxui__Link__secondary__1e0f9", s = {
+  unsetAll: r,
+  root: d,
+  unstyled: u,
+  secondary: f
 };
-function _(t) {
+function m(e) {
   const {
-    className: n,
-    disabled: e = !1,
-    unstyled: o = !1,
-    theme: l = "default"
-  } = t;
-  return d(s.unsetAll, s.root, s[l], {
-    [s.disabled]: e,
-    [s.unstyled]: o
-  }, n);
+    className: a,
+    disabled: n = !1,
+    unstyled: t = !1,
+    theme: o = "default"
+  } = e;
+  return i(s.unsetAll, s.root, s[o], {
+    [s.disabled]: n,
+    [s.unstyled]: t
+  }, a);
 }
-function y(t) {
+function y(e) {
   const {
-    className: n,
-    children: e,
-    disabled: o = !1,
-    ...l
-  } = t, a = _(t);
-  return /* @__PURE__ */ r("a", { ...l, "aria-disabled": o, className: a, children: e });
+    className: a,
+    children: n,
+    disabled: t = !1,
+    ...o
+  } = e, l = m(e);
+  return /* @__PURE__ */ _(
+    "a",
+    {
+      ...o,
+      tabIndex: t ? -1 : 0,
+      "aria-disabled": t,
+      className: l,
+      children: n
+    }
+  );
 }
-const A = c.memo(y);
+const b = c.memo(y);
 export {
-  A as default,
-  _ as getLinkClassName
+  b as default,
+  m as getLinkClassName
 };

package/dist/components/Loaf/Loaf.js

@@ -1,27 +1,27 @@
-import { jsx as c } from "react/jsx-runtime";
-import i from "react";
+import { jsx as t } from "react/jsx-runtime";
+import e from "react";
 import { clsx as m } from "../../utils/clsx.js";
-const n = "_root_gg27t_1", f = "_bright_gg27t_14", o = {
+const n = "cfxui__Loaf__root__05393", u = "cfxui__Loaf__bright__6638c", o = {
   root: n,
-  "color-normal": "_color-normal_gg27t_10",
-  bright: f,
-  "color-gold": "_color-gold_gg27t_17",
-  "color-error": "_color-error_gg27t_24",
-  "size-small": "_size-small_gg27t_32",
-  "size-normal": "_size-normal_gg27t_39",
-  "size-large": "_size-large_gg27t_46"
-}, p = i.forwardRef(function(r, t) {
+  "color-normal": "cfxui__Loaf__color-normal__bec17",
+  bright: u,
+  "color-gold": "cfxui__Loaf__color-gold__4fa59",
+  "color-error": "cfxui__Loaf__color-error__9887b",
+  "size-small": "cfxui__Loaf__size-small__942f7",
+  "size-normal": "cfxui__Loaf__size-normal__7b2a1",
+  "size-large": "cfxui__Loaf__size-large__1679c"
+}, z = e.forwardRef(function(_, r) {
   const {
-    size: l = "normal",
-    color: s = "normal",
-    bright: _ = !1,
-    children: g,
-    className: a
-  } = r, e = m(o.root, o[`size-${l}`], o[`color-${s}`], a, {
-    [o.bright]: _
+    size: a = "normal",
+    color: c = "normal",
+    bright: l = !1,
+    children: f,
+    className: i
+  } = _, s = m(o.root, o[`size-${a}`], o[`color-${c}`], i, {
+    [o.bright]: l
   });
-  return /* @__PURE__ */ c("div", { ref: t, className: e, children: g });
+  return /* @__PURE__ */ t("div", { ref: r, className: s, children: f });
 });
 export {
-  p as Loaf
+  z as Loaf
 };

package/dist/components/Modal/Modal.js

@@ -1,60 +1,60 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import N from "react";
 import "../Button/Button.js";
 import { ButtonBar as k } from "../Button/ButtonBar.js";
 import "../Button/LinkButton.js";
-import y from "../IconButton/IconButton.js";
-import { Overlay as c } from "../Overlay/Overlay.js";
+import x from "../IconButton/IconButton.js";
+import { Overlay as t } from "../Overlay/Overlay.js";
 import { Text as m } from "../Text/Text.js";
-import { clsx as l } from "../../utils/clsx.js";
+import { clsx as s } from "../../utils/clsx.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
-import { useKeyboardClose as z } from "../../utils/hooks/useKeyboardClose.js";
+import { useKeyboardClose as y } from "../../utils/hooks/useKeyboardClose.js";
 import "../../index-2hJuj4UN.js";
-const B = "_root_zn44h_1", v = "_close_zn44h_37", x = "_header_zn44h_43", g = "_footer_zn44h_53", r = {
-  root: B,
-  "modal-appearance": "_modal-appearance_zn44h_1",
-  close: v,
-  header: x,
+const M = "cfxui__Modal__root__53283", B = "cfxui__Modal__close__2df9b", v = "cfxui__Modal__header__bec76", g = "cfxui__Modal__footer__bb2fc", a = {
+  root: M,
+  "modal-appearance": "cfxui__Modal__modal-appearance__60dd7",
+  close: B,
+  header: v,
   footer: g
 };
-function p(t) {
+function _(c) {
   const {
-    onClose: e,
-    children: s,
-    className: o,
+    onClose: o,
+    children: l,
+    className: e,
     overlayClassName: f,
-    backdropClassName: h,
-    contentClassName: _,
-    ariaDescribedby: b,
-    ariaLabelledby: u,
-    disableBackdropClose: i = !1,
+    backdropClassName: p,
+    contentClassName: b,
+    ariaDescribedby: u,
+    ariaLabelledby: h,
+    disableBackdropClose: d = !1,
     disableFocusLock: C = !1
-  } = t, d = N.useCallback(() => {
-    i || !e || e();
-  }, [e, i]);
-  return z(d), /* @__PURE__ */ n(c, { className: l(r.overlay, f), children: [
-    /* @__PURE__ */ a(
-      c.Backdrop,
+  } = c, n = N.useCallback(() => {
+    d || !o || o();
+  }, [o, d]);
+  return y(n), /* @__PURE__ */ i(t, { className: s(a.overlay, f), children: [
+    /* @__PURE__ */ r(
+      t.Backdrop,
       {
-        onClick: d,
-        className: l(r.backdrop, h)
+        onClick: n,
+        className: s(a.backdrop, p)
       }
     ),
-    /* @__PURE__ */ a(
-      c.Content,
+    /* @__PURE__ */ r(
+      t.Content,
       {
-        className: _,
+        className: b,
         disableFocusLock: C,
-        children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ i(
           "div",
           {
             role: "dialog",
-            "aria-describedby": b,
-            "aria-labelledby": u,
-            className: l(r.root, o),
+            "aria-describedby": u,
+            "aria-labelledby": h,
+            className: s(a.root, e),
             children: [
-              !!e && /* @__PURE__ */ a(y, { areaSize: "large", className: r.close, name: "Close", onClick: e }),
-              s
+              !!o && /* @__PURE__ */ r(x, { areaSize: "large", className: a.close, name: "Close", onClick: o }),
+              l
             ]
           }
         )
@@ -62,37 +62,37 @@ function p(t) {
     )
   ] });
 }
-p.Header = function(e) {
+_.Header = function(o) {
   const {
-    title: s,
-    description: o
-  } = e;
-  return /* @__PURE__ */ n("div", { className: r.header, children: [
-    /* @__PURE__ */ a(
+    title: l,
+    description: e
+  } = o;
+  return /* @__PURE__ */ i("div", { className: a.header, children: [
+    /* @__PURE__ */ r(
       m,
       {
         weight: "bold",
         size: "large",
-        children: s
+        children: l
       }
     ),
-    o && /* @__PURE__ */ a(
+    e && /* @__PURE__ */ r(
       m,
       {
         size: "small",
         color: "secondary",
-        children: o
+        children: e
       }
     )
   ] });
 };
-p.Footer = function(e) {
+_.Footer = function(o) {
   const {
-    className: s,
-    ...o
-  } = e;
-  return /* @__PURE__ */ a(k, { ...o, className: l(r.footer, s) });
+    className: l,
+    ...e
+  } = o;
+  return /* @__PURE__ */ r(k, { ...e, className: s(a.footer, l) });
 };
 export {
-  p as Modal
+  _ as Modal
 };

package/dist/components/NavList/NavList.js

@@ -1,32 +1,32 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import v from "react";
-import { Interactive as d } from "../Interactive/Interactive.js";
-import { clsx as _ } from "../../utils/clsx.js";
-import { noop as f } from "../../utils/functional.js";
-import { getValue as i } from "../../utils/getValue.js";
-const p = "_root_u7cv2_1", u = "_item_u7cv2_5", N = "_active_u7cv2_20", h = "_icon_u7cv2_30", c = {
-  root: p,
-  item: u,
-  active: N,
-  icon: h
-}, k = v.forwardRef(function(e, r) {
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import d from "react";
+import { Interactive as f } from "../Interactive/Interactive.js";
+import { clsx as l } from "../../utils/clsx.js";
+import { noop as v } from "../../utils/functional.js";
+import { getValue as c } from "../../utils/getValue.js";
+const N = "cfxui__NavList__root__6fbf7", p = "cfxui__NavList__item__d5754", u = "cfxui__NavList__active__4634d", x = "cfxui__NavList__icon__9a57e", o = {
+  root: N,
+  item: p,
+  active: u,
+  icon: x
+}, k = d.forwardRef(function(a, e) {
   const {
-    items: n,
-    activeItemId: s,
-    onActivate: a = f
-  } = e, m = n.map((o) => /* @__PURE__ */ l(
-    d,
+    items: s,
+    activeItemId: r,
+    onActivate: _ = v
+  } = a, n = s.map((i) => /* @__PURE__ */ m(
+    f,
     {
-      className: _(c.item, { [c.active]: o.id === s }),
-      onClick: () => a(o.id),
+      className: l(o.item, { [o.active]: i.id === r }),
+      onClick: () => _(i.id),
       children: [
-        !!o.icon && /* @__PURE__ */ t("div", { className: c.icon, children: i(o.icon) }),
-        /* @__PURE__ */ t("div", { className: c.label, children: i(o.label) })
+        !!i.icon && /* @__PURE__ */ t("div", { className: o.icon, children: c(i.icon) }),
+        /* @__PURE__ */ t("div", { className: o.label, children: c(i.label) })
       ]
     },
-    o.id
+    i.id
   ));
-  return /* @__PURE__ */ t("div", { ref: r, className: c.root, children: m });
+  return /* @__PURE__ */ t("div", { ref: e, className: o.root, children: n });
 });
 export {
   k as NavList

package/dist/components/Overlay/Overlay.js

@@ -1,34 +1,34 @@
 import { jsx as r } from "react/jsx-runtime";
 import l from "react";
-import { F as i } from "../../Combination-BRUj3CHE.js";
-import { Interactive as m } from "../Interactive/Interactive.js";
-import { clsx as n } from "../../utils/clsx.js";
+import { F as _ } from "../../Combination-BRUj3CHE.js";
+import { Interactive as d } from "../Interactive/Interactive.js";
+import { clsx as a } from "../../utils/clsx.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
-import { useOutlet as _ } from "../../utils/hooks/useOutlet.js";
-const f = "_root_17xdt_1", p = "_backdrop_17xdt_9", u = "_content_17xdt_27", a = {
+import { useOutlet as m } from "../../utils/hooks/useOutlet.js";
+const f = "cfxui__Overlay__root__7221c", u = "cfxui__Overlay__backdrop__bc193", p = "cfxui__Overlay__content__002f3", n = {
   root: f,
-  backdrop: p,
-  "backdrop-appearance": "_backdrop-appearance_17xdt_1",
-  content: u
+  backdrop: u,
+  "backdrop-appearance": "cfxui__Overlay__backdrop-appearance__785a5",
+  content: p
 }, k = "overlay-outlet";
-function s(c) {
+function i(t) {
   const {
     className: o,
-    children: t
-  } = c, e = n(a.root, o), d = _(k);
-  return /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("div", { className: e, children: t }) });
+    children: c
+  } = t, e = a(n.root, o), s = m(k);
+  return /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r("div", { className: e, children: c }) });
 }
-s.Backdrop = l.forwardRef(function(o, t) {
-  return /* @__PURE__ */ r(m, { ref: t, onClick: o.onClick, className: n(a.backdrop, o.className), children: o.children });
+i.Backdrop = l.forwardRef(function(o, c) {
+  return /* @__PURE__ */ r(d, { ref: c, onClick: o.onClick, className: a(n.backdrop, o.className), children: o.children });
 });
-s.Content = l.forwardRef(function(o, t) {
+i.Content = l.forwardRef(function(o, c) {
   const {
     disableFocusLock: e = !1
   } = o;
-  return /* @__PURE__ */ r("div", { ref: t, className: n(a.content, o.className), children: /* @__PURE__ */ r(i, { disabled: e, children: o.children }) });
+  return /* @__PURE__ */ r("div", { ref: c, className: a(n.content, o.className), children: /* @__PURE__ */ r(_, { disabled: e, children: o.children }) });
 });
 export {
   k as OVERLAY_OUTLET_ID,
-  s as Overlay
+  i as Overlay
 };

package/dist/components/Popover/Popover.js

@@ -1,46 +1,46 @@
-import { jsxs as d, jsx as u } from "react/jsx-runtime";
-import N from "react";
-import { Interactive as x } from "../Interactive/Interactive.js";
-import { clsx as t } from "../../utils/clsx.js";
-const C = "_root_3gp1h_1", w = "_active_3gp1h_4", M = "_popover_3gp1h_4", P = "_appearance_3gp1h_1", o = {
+import { jsxs as P, jsx as d } from "react/jsx-runtime";
+import h from "react";
+import { Interactive as N } from "../Interactive/Interactive.js";
+import { clsx as r } from "../../utils/clsx.js";
+const C = "cfxui__Popover__root__4521b", g = "cfxui__Popover__active__e4504", w = "cfxui__Popover__popover__bea1e", M = "cfxui__Popover__appearance__20d42", o = {
   root: C,
-  active: w,
-  popover: M,
-  appearance: P,
-  "pos-top-right": "_pos-top-right_3gp1h_37",
-  "pos-top-left": "_pos-top-left_3gp1h_41"
-}, I = N.forwardRef(function(s, p) {
+  active: g,
+  popover: w,
+  appearance: M,
+  "pos-top-right": "cfxui__Popover__pos-top-right__95a54",
+  "pos-top-left": "cfxui__Popover__pos-top-left__a93aa"
+}, E = h.forwardRef(function(t, s) {
   const {
-    at: r = "top-right",
+    at: p = "top-right",
     as: a = "div",
-    popover: c,
-    children: n,
+    popover: _,
+    children: c,
     active: i = !1,
-    onMouseEnter: _,
+    onMouseEnter: n,
     onMouseLeave: v,
-    onMouseDown: l,
-    rootClassName: m,
-    popoverClassName: f
-  } = s, e = i, h = t(o.root, m, {
+    onMouseDown: f,
+    rootClassName: l,
+    popoverClassName: m
+  } = t, e = i, u = r(o.root, l, {
     [o.active]: e
-  }), g = t(o.popover, f, o[`pos-${r}`]);
-  return /* @__PURE__ */ d(
-    x,
+  }), x = r(o.popover, m, o[`pos-${p}`]);
+  return /* @__PURE__ */ P(
+    N,
     {
       as: a,
-      ref: p,
+      ref: s,
       showPointer: !1,
-      className: h,
-      onMouseEnter: _,
+      className: u,
+      onMouseEnter: n,
       onMouseLeave: v,
-      onMouseDown: l,
+      onMouseDown: f,
       children: [
-        n(e),
-        e && /* @__PURE__ */ u("div", { className: g, children: c })
+        c(e),
+        e && /* @__PURE__ */ d("div", { className: x, children: _ })
       ]
     }
   );
 });
 export {
-  I as Popover
+  E as Popover
 };

package/dist/components/Popover/PopoverShowcase.js

@@ -1,17 +1,17 @@
 import { jsx as o } from "react/jsx-runtime";
 import s from "react";
-import { Button as m } from "../Button/Button.js";
+import { Button as a } from "../Button/Button.js";
 import "../Button/LinkButton.js";
-import { Flex as a } from "../Layout/Flex/Flex.js";
+import { Flex as m } from "../Layout/Flex/Flex.js";
 import { usePopoverController as i } from "../../utils/hooks/usePopoverController.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
 import "../../index-2hJuj4UN.js";
 import { Popover as l } from "./Popover.js";
-const v = "_popover_1s88x_1", u = {
+const v = "cfxui__PopoverShowcase__popover__432d2", c = {
   popover: v
 };
-function c() {
+function u() {
   const {
     active: e,
     wrapperRef: r,
@@ -20,7 +20,7 @@ function c() {
     handleMouseDown: n
   } = i();
   return /* @__PURE__ */ o(
-    a,
+    m,
     {
       fullWidth: !0,
       centered: !0,
@@ -35,9 +35,9 @@ function c() {
           onMouseDown: n,
           active: e,
           popover: /* @__PURE__ */ o("div", { style: { padding: "20px" }, children: "Popover content" }),
-          popoverClassName: u.popover,
+          popoverClassName: c.popover,
           children: () => /* @__PURE__ */ o(
-            m,
+            a,
             {
               text: "Hover me"
             }
@@ -47,7 +47,7 @@ function c() {
     }
   );
 }
-const D = s.memo(c);
+const C = s.memo(u);
 export {
-  D as default
+  C as default
 };

package/dist/components/PremiumBadge/PremiumBadge.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
-import a from "react";
-import { Title as m } from "../Title/Title.js";
-import { clsx as s } from "../../utils/clsx.js";
-const g = "_root_137v5_1", c = {
-  root: g
+import m from "react";
+import { Title as a } from "../Title/Title.js";
+import { clsx as g } from "../../utils/clsx.js";
+const s = "cfxui__PremiumBadge__root__7477e", c = {
+  root: s
 }, t = {
   ag: {
     // https://github.com/microsoft/fluentui-emoji/tree/main/assets/Optical%20disk
@@ -23,15 +23,15 @@ const g = "_root_137v5_1", c = {
     imgSrc: new URL("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20style='filter:%20drop-shadow(0%200%201px%20rgba(0,0,0,.75))'%3e%3cpath%20d='M28.9788%2017.0028L25.8711%2017.2166C25.0368%2017.2777%2024.6927%2018.2958%2025.3288%2018.8252L27.7169%2020.78C28.2384%2021.2076%2029.0309%2020.9836%2029.2395%2020.3524L29.9486%2018.2246C30.1676%2017.5933%2029.6566%2016.9519%2028.9788%2017.0028Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M21.7494%202.69148L21.0294%205.59149C20.8294%206.37149%2021.6894%207.00148%2022.3694%206.57148L24.9094%204.99149C25.4594%204.65149%2025.4894%203.85148%2024.9594%203.47148L23.1794%202.18148C22.6494%201.79148%2021.9094%202.06148%2021.7494%202.69148Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M6.43056%204.99468L8.96056%206.57468C9.64056%207.00468%2010.5005%206.38468%2010.3105%205.59468L9.59056%202.69467C9.43056%202.06467%208.69055%201.79468%208.16055%202.17468L6.38055%203.46468C5.85055%203.86468%205.88056%204.65468%206.43056%204.99468Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M4.18524%2020.7128L6.47524%2018.7928C7.09524%2018.2728%206.76524%2017.2628%205.96524%2017.2128L2.98524%2017.0028C2.33524%2016.9528%201.84524%2017.5828%202.04524%2018.2028L2.72524%2020.2928C2.92524%2020.9128%203.69524%2021.1328%204.18524%2020.7128Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M17.7952%2028.0047L16.6752%2025.2347C16.3752%2024.4847%2015.3152%2024.4847%2015.0152%2025.2347L13.8952%2028.0047C13.6552%2028.6047%2014.0952%2029.2647%2014.7452%2029.2647H16.9452C17.5952%2029.2547%2018.0352%2028.6047%2017.7952%2028.0047Z'%20fill='%23FCD53F'/%3e%3cpath%20d='M17.5645%203.3242L19.2913%207.04387C19.617%207.73821%2020.2584%208.22424%2021.0083%208.33335L25.0639%208.95825C26.8993%209.23599%2027.6393%2011.4876%2026.3565%2012.8168L23.268%2016.0008C22.7647%2016.5166%2022.5378%2017.2506%2022.6562%2017.9648L23.3667%2022.3391C23.6726%2024.2238%2021.6793%2025.6323%2020.0117%2024.7098L16.6074%2022.8153C15.9166%2022.4284%2015.0878%2022.4284%2014.397%2022.8153L10.9927%2024.7098C9.32509%2025.6323%207.33183%2024.2238%207.63773%2022.3391L8.34819%2017.9648C8.4666%2017.2506%208.23965%2016.5166%207.7364%2016.0008L4.64785%2012.8168C3.35519%2011.4777%204.10513%209.23599%205.9405%208.95825L9.99608%208.33335C10.746%208.21432%2011.3874%207.72829%2011.713%207.04387L13.4399%203.3242C14.2589%201.5586%2016.7455%201.5586%2017.5645%203.3242Z'%20fill='%23FCD53F'/%3e%3c/svg%3e", import.meta.url).toString(),
     title: "Element Club Platinum"
   }
-}, f = a.forwardRef(function(l, i) {
+}, f = m.forwardRef(function(l, i) {
   const {
     level: C,
     className: r
   } = l;
   if (!t[C])
     return null;
-  const o = s(c.root, r);
-  return /* @__PURE__ */ e("div", { ref: i, className: o, children: /* @__PURE__ */ e(m, { title: t[C].title, children: /* @__PURE__ */ e("img", { src: t[C].imgSrc, alt: t[C].title }) }) });
+  const o = g(c.root, r);
+  return /* @__PURE__ */ e("div", { ref: i, className: o, children: /* @__PURE__ */ e(a, { title: t[C].title, children: /* @__PURE__ */ e("img", { src: t[C].imgSrc, alt: t[C].title }) }) });
 });
 export {
   f as PremiumBadge

package/dist/components/Prose/Prose.js

@@ -1,12 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
-const r = "_root_n8l9t_1", s = {
-  root: r
+import { jsx as r } from "react/jsx-runtime";
+const t = "cfxui__Prose__root__e03c1", s = {
+  root: t
 };
-function c({
+function e({
   children: o
 }) {
-  return /* @__PURE__ */ t("div", { className: s.root, children: o });
+  return /* @__PURE__ */ r("div", { className: s.root, children: o });
 }
 export {
-  c as Prose
+  e as Prose
 };

package/dist/components/Radio/Radio.js

@@ -1,43 +1,43 @@
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import s from "react";
-import { clsx as h } from "../../utils/clsx.js";
-const u = "_root_1yglr_1", p = "_indicator_1yglr_29", x = "_disabled_1yglr_44", e = {
-  root: u,
-  "size-normal": "_size-normal_1yglr_19",
-  "size-large": "_size-large_1yglr_22",
-  indicator: p,
-  disabled: x
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import a from "react";
+import { clsx as b } from "../../utils/clsx.js";
+const h = "cfxui__Radio__root__05f1c", R = "cfxui__Radio__indicator__2181e", p = "cfxui__Radio__disabled__c411f", o = {
+  root: h,
+  "size-normal": "cfxui__Radio__size-normal__6dccc",
+  "size-large": "cfxui__Radio__size-large__0a074",
+  indicator: R,
+  disabled: p
 };
-let r = 1;
-function C(n) {
+let t = 1;
+function C(d) {
   const {
-    checked: a,
-    onChange: i,
-    label: d,
-    size: c = "normal",
-    className: _,
-    disabled: t = !1
-  } = n, m = s.useRef(r);
-  s.useEffect(() => {
-    r += 1;
+    checked: i,
+    onChange: n,
+    label: _,
+    size: l = "normal",
+    className: r,
+    disabled: s = !1
+  } = d, f = a.useRef(t);
+  a.useEffect(() => {
+    t += 1;
   }, []);
-  const b = () => {
-    i(!a);
-  }, l = s.useId(), f = h(e.root, _, e[`size-${c}`], { [e.disabled]: t });
-  return /* @__PURE__ */ g("label", { className: f, htmlFor: l, children: [
-    /* @__PURE__ */ o(
+  const m = () => {
+    n(!i);
+  }, c = a.useId(), u = b(o.root, r, o[`size-${l}`], { [o.disabled]: s });
+  return /* @__PURE__ */ x("label", { className: u, htmlFor: c, children: [
+    /* @__PURE__ */ e(
       "input",
       {
         type: "radio",
-        tabIndex: m.current,
-        checked: a,
-        disabled: t,
-        onChange: b,
-        id: l
+        tabIndex: f.current,
+        checked: i,
+        disabled: s,
+        onChange: m,
+        id: c
       }
     ),
-    /* @__PURE__ */ o("div", { className: e.indicator }),
-    /* @__PURE__ */ o("div", { className: e.label, children: d })
+    /* @__PURE__ */ e("div", { className: o.indicator }),
+    /* @__PURE__ */ e("div", { className: o.label, children: _ })
   ] });
 }
 export {