@cfx-dev/ui-components 4.2.23 → 4.3.0

package/dist/components/Button/Button.js

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

package/dist/components/Button/ButtonShowcase.js

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import l from "react";
-import { Flex as n } from "../Layout/Flex/Flex.js";
+import n from "../Layout/Flex/Flex.js";
 import { Text as i } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
-import { Button as r } from "./Button.js";
+import r from "./Button.js";
 import { ButtonBar as o } from "./ButtonBar.js";
 import { LinkButton as c } from "./LinkButton.js";
 function a() {

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

@@ -8,5 +8,5 @@ export interface LinkButtonProps extends BtnExtendedProps {
     target?: string;
     Component?: React.ElementType;
 }
-export declare const LinkButton: React.ForwardRefExoticComponent<LinkButtonProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare function LinkButton(props: LinkButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Button/LinkButton.js

@@ -1,33 +1,34 @@
-import { jsx as i } from "react/jsx-runtime";
-import n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import i from "react";
 import { noop as k } from "../../utils/functional.js";
-import { isExternalUrl as d } from "../../utils/links.js";
-import { getButtonClassName as x, ButtonContent as B } from "./Button.js";
-const M = n.forwardRef(function(t, a) {
+import { isExternalUrl as x } from "../../utils/links.js";
+import { getButtonClassName as d, ButtonContent as B } from "./Button.js";
+function M(t) {
   const {
-    to: o,
+    to: e,
     title: m = "",
-    tabIndex: s,
-    target: f = "",
+    tabIndex: a,
+    target: s = "",
     onClick: l = k,
-    isHrefProp: r = !1,
-    Component: c
-  } = t, u = n.useMemo(() => x(t), [t]), e = d(o), C = e ? "a" : c || "a", p = n.useMemo(() => e || r ? { href: o } : { to: o }, [o, e, r]);
-  return /* @__PURE__ */ i(
+    isHrefProp: n = !1,
+    Component: f,
+    ref: c
+  } = t, u = i.useMemo(() => d(t), [t]), o = x(e), C = o ? "a" : f || "a", p = i.useMemo(() => o || n ? { href: e } : { to: e }, [e, o, n]);
+  return /* @__PURE__ */ r(
     C,
     {
-      ref: a,
+      ref: c,
       className: u,
-      tabIndex: s,
+      tabIndex: a,
       title: m,
-      target: f,
+      target: s,
       rel: "noopener noreferrer",
       onClickCapture: l,
       ...p,
-      children: /* @__PURE__ */ i(B, { ...t })
+      children: /* @__PURE__ */ r(B, { ...t })
     }
   );
-});
+}
 export {
   M as LinkButton
 };

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

@@ -1,4 +1,4 @@
-export { Button, ButtonContent, getButtonClassName, } from './Button';
+export { default as Button, ButtonContent, getButtonClassName, } from './Button';
 export { ButtonBar } from './ButtonBar';
 export { LinkButton } from './LinkButton';
 export type { ButtonTheme, ButtonProps, } from './Button';

package/dist/components/Button/index.js

@@ -1,10 +1,10 @@
-import { Button as n, ButtonContent as r, getButtonClassName as e } from "./Button.js";
-import { ButtonBar as u } from "./ButtonBar.js";
-import { LinkButton as a } from "./LinkButton.js";
+import { default as n, ButtonContent as e, getButtonClassName as r } from "./Button.js";
+import { ButtonBar as B } from "./ButtonBar.js";
+import { LinkButton as f } from "./LinkButton.js";
 export {
   n as Button,
-  u as ButtonBar,
-  r as ButtonContent,
-  a as LinkButton,
-  e as getButtonClassName
+  B as ButtonBar,
+  e as ButtonContent,
+  f as LinkButton,
+  r as getButtonClassName
 };

package/dist/components/Checkbox/Checkbox.d.ts

@@ -7,6 +7,7 @@ export interface CheckboxProps extends Omit<CheckboxUi.CheckboxProps, 'color'>,
     size?: CheckboxSize;
     rootClassName?: string;
     indicatorClassName?: string;
+    iconIndicator?: React.ComponentType;
 }
 declare function Checkbox(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Checkbox>;