@cfx-dev/ui-components 5.0.7 → 5.0.9

package/dist/components/Button/LinkButton.d.ts

@@ -6,6 +6,7 @@ export interface LinkButtonProps extends BtnExtendedProps {
     to: string;
     isHrefProp?: boolean;
     target?: string;
+    rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];
     Component?: React.ElementType;
 }
 export declare function LinkButton(props: LinkButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/LinkButton.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
 import o from "react";
-import { isExternalUrl as b } from "../../utils/links.js";
-import { getButtonClassName as h, ButtonContent as B } from "./Button.js";
-function M(e) {
+import { isExternalUrl as h } from "../../utils/links.js";
+import { getButtonClassName as B, ButtonContent as N } from "./Button.js";
+function P(e) {
   const {
     to: t,
     title: f = "",
@@ -12,8 +12,9 @@ function M(e) {
     isHrefProp: a = !1,
     Component: c,
     disabled: l = !1,
-    ref: C
-  } = e, d = o.useMemo(() => h(e), [e]), r = b(t), k = r ? "a" : c || "a", p = o.useMemo(() => r || a ? { href: t } : { to: t }, [t, r, a]), x = o.useCallback((i) => {
+    ref: C,
+    rel: d = "noopener noreferrer"
+  } = e, k = o.useMemo(() => B(e), [e]), r = h(t), p = r ? "a" : c || "a", x = o.useMemo(() => r || a ? { href: t } : { to: t }, [t, r, a]), b = o.useCallback((i) => {
     if (l) {
       i.preventDefault();
       return;
@@ -21,20 +22,20 @@ function M(e) {
     n && n(i);
   }, [l, n]);
   return /* @__PURE__ */ s(
-    k,
+    p,
     {
       ref: C,
-      className: d,
+      className: k,
       tabIndex: m,
       title: f,
       target: u,
-      rel: "noopener noreferrer",
-      onClickCapture: x,
-      ...p,
-      children: /* @__PURE__ */ s(B, { ...e })
+      rel: d,
+      onClickCapture: b,
+      ...x,
+      children: /* @__PURE__ */ s(N, { ...e })
     }
   );
 }
 export {
-  M as LinkButton
+  P as LinkButton
 };

package/dist/components/Checkbox/Checkbox.js

@@ -114,9 +114,9 @@ var q = "Checkbox", [ce, yt] = W(q), [ne, F] = ce(q);
 function se(o) {
   const {
     __scopeCheckbox: a,
-    checked: n,
+    checked: c,
     children: p,
-    defaultChecked: i,
+    defaultChecked: r,
     disabled: e,
     form: _,
     name: h,
@@ -125,41 +125,41 @@ function se(o) {
     value: x = "on",
     // @ts-expect-error
     internal_do_not_use_render: u
-  } = o, [t, v] = Y({
-    prop: n,
-    defaultProp: i ?? !1,
+  } = o, [n, y] = Y({
+    prop: c,
+    defaultProp: r ?? !1,
     onChange: d,
     caller: q
-  }), [l, k] = f.useState(null), [C, c] = f.useState(null), r = f.useRef(!1), N = l ? !!_ || !!l.closest("form") : (
+  }), [l, k] = f.useState(null), [C, i] = f.useState(null), t = f.useRef(!1), g = l ? !!_ || !!l.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
-  ), g = {
-    checked: t,
+  ), I = {
+    checked: n,
     disabled: e,
-    setChecked: v,
+    setChecked: y,
     control: l,
     setControl: k,
     name: h,
     form: _,
     value: x,
-    hasConsumerStoppedPropagationRef: r,
+    hasConsumerStoppedPropagationRef: t,
     required: b,
-    defaultChecked: I(i) ? !1 : i,
-    isFormControl: N,
+    defaultChecked: v(r) ? !1 : r,
+    isFormControl: g,
     bubbleInput: C,
-    setBubbleInput: c
+    setBubbleInput: i
   };
   return /* @__PURE__ */ m(
     ne,
     {
       scope: a,
-      ...g,
-      children: ae(u) ? u(g) : p
+      ...I,
+      children: ae(u) ? u(I) : p
     }
   );
 }
 var O = "CheckboxTrigger", D = f.forwardRef(
-  ({ __scopeCheckbox: o, onKeyDown: a, onClick: n, ...p }, i) => {
+  ({ __scopeCheckbox: o, onKeyDown: a, onClick: c, ...p }, r) => {
     const {
       control: e,
       value: _,
@@ -168,22 +168,22 @@ var O = "CheckboxTrigger", D = f.forwardRef(
       required: b,
       setControl: x,
       setChecked: u,
-      hasConsumerStoppedPropagationRef: t,
-      isFormControl: v,
+      hasConsumerStoppedPropagationRef: n,
+      isFormControl: y,
       bubbleInput: l
-    } = F(O, o), k = A(i, x), C = f.useRef(d);
+    } = F(O, o), k = A(r, x), C = f.useRef(d);
     return f.useEffect(() => {
-      const c = e == null ? void 0 : e.form;
-      if (c) {
-        const r = () => u(C.current);
-        return c.addEventListener("reset", r), () => c.removeEventListener("reset", r);
+      const i = e == null ? void 0 : e.form;
+      if (i) {
+        const t = () => u(C.current);
+        return i.addEventListener("reset", t), () => i.removeEventListener("reset", t);
       }
     }, [e, u]), /* @__PURE__ */ m(
       w.button,
       {
         type: "button",
         role: "checkbox",
-        "aria-checked": I(d) ? "mixed" : d,
+        "aria-checked": v(d) ? "mixed" : d,
         "aria-required": b,
         "data-state": K(d),
         "data-disabled": h ? "" : void 0,
@@ -191,11 +191,11 @@ var O = "CheckboxTrigger", D = f.forwardRef(
         value: _,
         ...p,
         ref: k,
-        onKeyDown: T(a, (c) => {
-          c.key === "Enter" && c.preventDefault();
+        onKeyDown: T(a, (i) => {
+          i.key === "Enter" && i.preventDefault();
         }),
-        onClick: T(n, (c) => {
-          u((r) => I(r) ? !0 : !r), l && v && (t.current = c.isPropagationStopped(), t.current || c.stopPropagation());
+        onClick: T(c, (i) => {
+          u((t) => v(t) ? !0 : !t), l && y && (n.current = i.isPropagationStopped(), n.current || i.stopPropagation());
         })
       }
     );
@@ -205,9 +205,9 @@ D.displayName = O;
 var L = f.forwardRef(
   (o, a) => {
     const {
-      __scopeCheckbox: n,
+      __scopeCheckbox: c,
       name: p,
-      checked: i,
+      checked: r,
       defaultChecked: e,
       required: _,
       disabled: h,
@@ -219,8 +219,8 @@ var L = f.forwardRef(
     return /* @__PURE__ */ m(
       se,
       {
-        __scopeCheckbox: n,
-        checked: i,
+        __scopeCheckbox: c,
+        checked: r,
         defaultChecked: e,
         disabled: h,
         required: _,
@@ -228,19 +228,19 @@ var L = f.forwardRef(
         name: p,
         form: x,
         value: d,
-        internal_do_not_use_render: ({ isFormControl: t }) => /* @__PURE__ */ U(V, { children: [
+        internal_do_not_use_render: ({ isFormControl: n }) => /* @__PURE__ */ U(V, { children: [
           /* @__PURE__ */ m(
             D,
             {
               ...u,
               ref: a,
-              __scopeCheckbox: n
+              __scopeCheckbox: c
             }
           ),
-          t && /* @__PURE__ */ m(
+          n && /* @__PURE__ */ m(
             G,
             {
-              __scopeCheckbox: n
+              __scopeCheckbox: c
             }
           )
         ] })
@@ -251,17 +251,17 @@ var L = f.forwardRef(
 L.displayName = q;
 var j = "CheckboxIndicator", H = f.forwardRef(
   (o, a) => {
-    const { __scopeCheckbox: n, forceMount: p, ...i } = o, e = F(j, n);
+    const { __scopeCheckbox: c, forceMount: p, ...r } = o, e = F(j, c);
     return /* @__PURE__ */ m(
       oe,
       {
-        present: p || I(e.checked) || e.checked === !0,
+        present: p || v(e.checked) || e.checked === !0,
         children: /* @__PURE__ */ m(
           w.span,
           {
             "data-state": K(e.checked),
             "data-disabled": e.disabled ? "" : void 0,
-            ...i,
+            ...r,
             ref: a,
             style: { pointerEvents: "none", ...o.style }
           }
@@ -272,10 +272,10 @@ var j = "CheckboxIndicator", H = f.forwardRef(
 );
 H.displayName = j;
 var $ = "CheckboxBubbleInput", G = f.forwardRef(
-  ({ __scopeCheckbox: o, ...a }, n) => {
+  ({ __scopeCheckbox: o, ...a }, c) => {
     const {
       control: p,
-      hasConsumerStoppedPropagationRef: i,
+      hasConsumerStoppedPropagationRef: r,
       checked: e,
       defaultChecked: _,
       required: h,
@@ -283,28 +283,28 @@ var $ = "CheckboxBubbleInput", G = f.forwardRef(
       name: b,
       value: x,
       form: u,
-      bubbleInput: t,
-      setBubbleInput: v
-    } = F($, o), l = A(n, v), k = ee(e), C = Z(p);
+      bubbleInput: n,
+      setBubbleInput: y
+    } = F($, o), l = A(c, y), k = ee(e), C = Z(p);
     f.useEffect(() => {
-      const r = t;
-      if (!r) return;
-      const N = window.HTMLInputElement.prototype, y = Object.getOwnPropertyDescriptor(
-        N,
+      const t = n;
+      if (!t) return;
+      const g = window.HTMLInputElement.prototype, N = Object.getOwnPropertyDescriptor(
+        g,
         "checked"
-      ).set, S = !i.current;
-      if (k !== e && y) {
+      ).set, S = !r.current;
+      if (k !== e && N) {
         const z = new Event("click", { bubbles: S });
-        r.indeterminate = I(e), y.call(r, I(e) ? !1 : e), r.dispatchEvent(z);
+        t.indeterminate = v(e), N.call(t, v(e) ? !1 : e), t.dispatchEvent(z);
       }
-    }, [t, k, e, i]);
-    const c = f.useRef(I(e) ? !1 : e);
+    }, [n, k, e, r]);
+    const i = f.useRef(v(e) ? !1 : e);
     return /* @__PURE__ */ m(
       w.input,
       {
         type: "checkbox",
         "aria-hidden": !0,
-        defaultChecked: _ ?? c.current,
+        defaultChecked: _ ?? i.current,
         required: h,
         disabled: d,
         name: b,
@@ -333,11 +333,11 @@ G.displayName = $;
 function ae(o) {
   return typeof o == "function";
 }
-function I(o) {
+function v(o) {
   return o === "indeterminate";
 }
 function K(o) {
-  return I(o) ? "indeterminate" : o ? "checked" : "unchecked";
+  return v(o) ? "indeterminate" : o ? "checked" : "unchecked";
 }
 const me = "cfxui__Checkbox__rootUnset__cbb57", pe = "cfxui__Checkbox__root__865aa", de = "cfxui__Checkbox__secondary__95e8e", ue = "cfxui__Checkbox__isChecked__e5d94", le = "cfxui__Checkbox__icon__f9f6b", fe = "cfxui__Checkbox__square__029aa", _e = "cfxui__Checkbox__indicator__2afc0", he = "cfxui__Checkbox__squareFilledIcon__7d9b7", Ce = "cfxui__Checkbox__tickIcon__a7f19", s = {
   rootUnset: me,
@@ -356,9 +356,9 @@ const me = "cfxui__Checkbox__rootUnset__cbb57", pe = "cfxui__Checkbox__root__865
 function ke(o) {
   const {
     id: a,
-    size: n = "medium",
+    size: c = "medium",
     rootClassName: p,
-    indicatorClassName: i,
+    indicatorClassName: r,
     iconClassName: e,
     checkedClassName: _,
     squareClassName: h,
@@ -366,33 +366,33 @@ function ke(o) {
     color: b,
     opacity: x,
     luminance: u,
-    checked: t,
-    iconSquare: v = te,
+    checked: n,
+    iconSquare: y = te,
     iconIndicator: l = M,
     name: k,
     theme: C = "primary",
-    onClick: c,
-    onCheckedChange: r,
-    ...N
-  } = o, [g, y] = R.useState(t);
+    onClick: i,
+    onCheckedChange: t,
+    ...g
+  } = o, [I, N] = R.useState(n);
   R.useEffect(() => {
-    y(t);
-  }, [t]);
+    N(n);
+  }, [n]);
   const S = R.useCallback(() => {
-    y((E) => !E);
+    N((E) => !E);
   }, []), z = R.useCallback((E) => {
-    y(E), r && r(E);
-  }, [r]), X = ie(o), B = P(
+    N(E), t && t(E);
+  }, [t]), X = ie(o), B = P(
     s.isChecked,
     _
   ), J = P(
     s.root,
     s.rootUnset,
-    s[`size-${n}`],
+    s[`size-${c}`],
     s[C],
     p,
     {
-      [B]: t
+      [B]: I
     }
   ), Q = P(
     s.icon,
@@ -406,9 +406,9 @@ function ke(o) {
   return /* @__PURE__ */ U(
     L,
     {
-      ...N,
+      ...g,
       id: a,
-      checked: g,
+      checked: I,
       style: { color: X },
       className: J,
       onClick: S,
@@ -419,23 +419,23 @@ function ke(o) {
           {
             type: "hidden",
             name: k,
-            value: t ? "on" : ""
+            value: I ? "on" : ""
           }
         ),
         /* @__PURE__ */ m(
-          v,
+          y,
           {
             className: P(
               s.square,
               s[C],
               {
-                [B]: t
+                [B]: I
               },
               h
             )
           }
         ),
-        /* @__PURE__ */ m(H, { className: P(s.indicator, s[C], i), children: /* @__PURE__ */ m(l, { className: Q }) })
+        /* @__PURE__ */ m(H, { className: P(s.indicator, s[C], r), children: /* @__PURE__ */ m(l, { className: Q }) })
       ]
     }
   );

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "5.0.7",
+  "version": "5.0.9",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",