@cfx-dev/ui-components 2.0.3 → 2.0.5

package/dist/components/NavList/NavList.js

@@ -1,33 +1,33 @@
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
-import d from "react";
-import { Interactive as _ } from "../Interactive/Interactive.js";
-import { clsx as v } from "../../utils/clsx.js";
+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 c } from "../../utils/getValue.js";
-import '../../assets/NavList.css';const p = "_root_14z0z_1", z = "_item_14z0z_5", N = "_active_14z0z_20", h = "_icon_14z0z_30", t = {
+import { getValue as i } from "../../utils/getValue.js";
+import '../../assets/NavList.css';const p = "_root_u7cv2_1", u = "_item_u7cv2_5", N = "_active_u7cv2_20", h = "_icon_u7cv2_30", c = {
   root: p,
-  item: z,
+  item: u,
   active: N,
   icon: h
-}, g = d.forwardRef(function(e, r) {
+}, k = v.forwardRef(function(e, r) {
   const {
     items: n,
     activeItemId: s,
     onActivate: a = f
   } = e, m = n.map((o) => /* @__PURE__ */ l(
-    _,
+    d,
     {
-      className: v(t.item, { [t.active]: o.id === s }),
+      className: _(c.item, { [c.active]: o.id === s }),
       onClick: () => a(o.id),
       children: [
-        !!o.icon && /* @__PURE__ */ i("div", { className: t.icon, children: c(o.icon) }),
-        /* @__PURE__ */ i("div", { className: t.label, children: c(o.label) })
+        !!o.icon && /* @__PURE__ */ t("div", { className: c.icon, children: i(o.icon) }),
+        /* @__PURE__ */ t("div", { className: c.label, children: i(o.label) })
       ]
     },
     o.id
   ));
-  return /* @__PURE__ */ i("div", { ref: r, className: t.root, children: m });
+  return /* @__PURE__ */ t("div", { ref: r, className: c.root, children: m });
 });
 export {
-  g as NavList
+  k as NavList
 };

package/dist/components/Radio/Radio.js

@@ -1,30 +1,30 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
 import s from "react";
-import { clsx as g } from "../../utils/clsx.js";
-import '../../assets/Radio.css';const h = "_root_e4x8g_1", u = "_indicator_e4x8g_29", p = "_disabled_e4x8g_44", e = {
-  root: h,
-  "size-normal": "_size-normal_e4x8g_19",
-  "size-large": "_size-large_e4x8g_22",
-  indicator: u,
-  disabled: p
+import { clsx as h } from "../../utils/clsx.js";
+import '../../assets/Radio.css';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
 };
-let i = 1;
-function I(l) {
+let r = 1;
+function C(n) {
   const {
     checked: a,
-    onChange: r,
+    onChange: i,
     label: d,
     size: c = "normal",
     className: _,
     disabled: t = !1
-  } = l, m = s.useRef(i);
+  } = n, m = s.useRef(r);
   s.useEffect(() => {
-    i += 1;
+    r += 1;
   }, []);
-  const x = () => {
-    r(!a);
-  }, n = s.useId(), b = g(e.root, _, e[`size-${c}`], { [e.disabled]: t });
-  return /* @__PURE__ */ f("label", { className: b, htmlFor: n, children: [
+  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(
       "input",
       {
@@ -32,8 +32,8 @@ function I(l) {
         tabIndex: m.current,
         checked: a,
         disabled: t,
-        onChange: x,
-        id: n
+        onChange: b,
+        id: l
       }
     ),
     /* @__PURE__ */ o("div", { className: e.indicator }),
@@ -41,5 +41,5 @@ function I(l) {
   ] });
 }
 export {
-  I as Radio
+  C as Radio
 };