@ledgerhq/lumen-ui-react 0.0.80 → 0.0.82

package/dist/lib/Components/BaseInput/BaseInput.js

@@ -1,16 +1,16 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
 import { cn as a } from "../../../libs/utils-shared/dist/index.js";
-import l from "react";
-import { useCommonTranslation as _ } from "../../../i18n/useCommonTranslation.js";
-import { InteractiveIcon as $ } from "../InteractiveIcon/InteractiveIcon.js";
+import d from "react";
+import { useCommonTranslation as $ } from "../../../i18n/useCommonTranslation.js";
+import { InteractiveIcon as q } from "../InteractiveIcon/InteractiveIcon.js";
 import { DeleteCircleFill as I } from "../../Symbols/Icons/DeleteCircleFill.js";
-const q = a(
+const H = a(
   "group relative flex h-48 w-full cursor-text items-center gap-8 rounded-sm bg-muted px-16 transition-colors",
   "focus-within:ring-2 focus-within:ring-active hover:bg-muted-hover",
   "has-disabled:cursor-not-allowed has-disabled:bg-disabled has-disabled:text-disabled",
   "has-invalid:border-error has-invalid:ring-1 has-invalid:ring-error",
   'has-[input[aria-invalid="true"]]:border-error has-[input[aria-invalid="true"]]:ring-1 has-[input[aria-invalid="true"]]:ring-error'
-), H = a(
+), K = a(
   "peer w-full flex-1 bg-muted body-1 text-base caret-active outline-hidden transition-colors",
   "group-hover:bg-muted-hover group-disabled:bg-disabled",
   "group-has-disabled:cursor-not-allowed group-has-disabled:bg-disabled group-has-disabled:text-disabled",
@@ -21,130 +21,129 @@ const q = a(
   "pointer-events-none absolute top-6 left-16 origin-left body-4 text-muted transition-all duration-300",
   "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-placeholder-shown:body-2",
   "group-has-disabled:text-disabled",
-  "peer-focus:top-6 peer-focus:-translate-y-0 peer-focus:body-4",
+  "peer-focus:top-6 peer-focus:translate-y-0 peer-focus:body-4",
   "w-[calc(100%-var(--size-56))] truncate"
-), G = l.forwardRef(
-  ({
-    className: N,
-    containerClassName: R,
-    inputClassName: S,
-    labelClassName: k,
-    label: u,
-    id: j,
-    disabled: f,
-    errorMessage: i,
-    suffix: E,
-    prefix: z,
-    onClear: p,
-    hideClearButton: B = !1,
-    "aria-invalid": m,
-    onChange: d,
-    ...o
-  }, C) => {
-    var x;
-    const { t: D } = _(), r = l.useRef(null), F = l.useId(), b = j || `input-${F}`, L = m || (i ? !0 : void 0), c = o.value !== void 0, [T, v] = l.useState(
-      ((x = o.defaultValue) == null ? void 0 : x.toString()) || ""
-    ), V = l.useCallback(
-      (t) => {
-        c || v(t.target.value), d == null || d(t);
-      },
-      [c, d]
-    ), g = (c ? !!o.value && o.value.toString().length > 0 : T.length > 0) && !f && !B, w = `${b}-error`, A = () => {
-      var e;
-      if (!r.current) return;
-      const t = (e = Object.getOwnPropertyDescriptor(
-        window.HTMLInputElement.prototype,
-        "value"
-      )) == null ? void 0 : e.set;
-      t == null || t.call(r.current, ""), c || v("");
-      const s = new Event("input", { bubbles: !0 });
-      r.current.dispatchEvent(s), r.current.focus(), p == null || p();
+), G = ({
+  ref: N,
+  className: S,
+  containerClassName: k,
+  inputClassName: R,
+  labelClassName: E,
+  label: u,
+  id: j,
+  disabled: m,
+  errorMessage: i,
+  suffix: z,
+  prefix: B,
+  onClear: p,
+  hideClearButton: C = !1,
+  "aria-invalid": f,
+  onChange: l,
+  ...o
+}) => {
+  var x;
+  const { t: D } = $(), n = d.useRef(null), F = d.useId(), b = j || `input-${F}`, L = f || (i ? !0 : void 0), c = o.value !== void 0, [T, v] = d.useState(
+    ((x = o.defaultValue) == null ? void 0 : x.toString()) || ""
+  ), V = d.useCallback(
+    (t) => {
+      c || v(t.target.value), l == null || l(t);
+    },
+    [c, l]
+  ), g = (c ? !!o.value && o.value.toString().length > 0 : T.length > 0) && !m && !C, w = `${b}-error`, A = () => {
+    var e;
+    if (!n.current) return;
+    const t = (e = Object.getOwnPropertyDescriptor(
+      window.HTMLInputElement.prototype,
+      "value"
+    )) == null ? void 0 : e.set;
+    t == null || t.call(n.current, ""), c || v("");
+    const s = new Event("input", { bubbles: !0 });
+    n.current.dispatchEvent(s), n.current.focus(), p == null || p();
+  };
+  function O(...t) {
+    return (s) => {
+      t.forEach((e) => {
+        e && (typeof e == "function" ? e(s) : e.current = s);
+      });
     };
-    function O(...t) {
-      return (s) => {
-        t.forEach((e) => {
-          e && (typeof e == "function" ? e(s) : e.current = s);
-        });
-      };
-    }
-    return /* @__PURE__ */ h("div", { className: N, children: [
-      /* @__PURE__ */ h(
-        "div",
-        {
-          className: a(q, R),
-          onPointerDown: (t) => {
-            if (t.target.closest("input, button, a")) return;
-            const e = r.current;
-            if (!e) return;
-            const y = e.value.length > 0 ? e.value.length : 0;
-            window.requestAnimationFrame(() => {
-              try {
-                e.setSelectionRange(y, y);
-              } catch {
-              }
-              e.focus();
-            });
-          },
-          children: [
-            z,
-            /* @__PURE__ */ n(
-              "input",
-              {
-                ref: O(C, r),
-                id: b,
-                disabled: f,
-                placeholder: " ",
-                "aria-invalid": L,
-                "aria-describedby": i ? w : void 0,
-                className: a(
-                  H,
-                  u && "pt-12 body-2",
-                  S
-                ),
-                onChange: V,
-                ...o
-              }
-            ),
-            u && /* @__PURE__ */ n(
-              "label",
-              {
-                htmlFor: b,
-                className: a(
-                  U,
-                  i && "text-error",
-                  k
-                ),
-                children: u
-              }
-            ),
-            g && /* @__PURE__ */ n(
-              $,
-              {
-                iconType: "filled",
-                onClick: A,
-                "aria-label": D("components.baseInput.clearInputAriaLabel"),
-                children: /* @__PURE__ */ n(I, { size: 20 })
-              }
-            ),
-            !g && E
-          ]
-        }
-      ),
-      i && /* @__PURE__ */ h(
-        "div",
-        {
-          id: w,
-          className: "mt-8 flex items-center gap-2 body-3 text-error",
-          role: "alert",
-          children: [
-            /* @__PURE__ */ n(I, { size: 16, className: "shrink-0 text-error" }),
-            /* @__PURE__ */ n("span", { children: i })
-          ]
-        }
-      )
-    ] });
   }
-);
+  return /* @__PURE__ */ h("div", { className: S, children: [
+    /* @__PURE__ */ h(
+      "div",
+      {
+        className: a(H, k),
+        onPointerDown: (t) => {
+          if (t.target.closest("input, button, a")) return;
+          const e = n.current;
+          if (!e) return;
+          const y = e.value.length > 0 ? e.value.length : 0;
+          window.requestAnimationFrame(() => {
+            try {
+              e.setSelectionRange(y, y);
+            } catch {
+            }
+            e.focus();
+          });
+        },
+        children: [
+          B,
+          /* @__PURE__ */ r(
+            "input",
+            {
+              ref: O(N, n),
+              id: b,
+              disabled: m,
+              placeholder: " ",
+              "aria-invalid": L,
+              "aria-describedby": i ? w : void 0,
+              className: a(
+                K,
+                u && "pt-12 body-2",
+                R
+              ),
+              onChange: V,
+              ...o
+            }
+          ),
+          u && /* @__PURE__ */ r(
+            "label",
+            {
+              htmlFor: b,
+              className: a(
+                U,
+                i && "text-error",
+                E
+              ),
+              children: u
+            }
+          ),
+          g && /* @__PURE__ */ r(
+            q,
+            {
+              iconType: "filled",
+              onClick: A,
+              "aria-label": D("components.baseInput.clearInputAriaLabel"),
+              children: /* @__PURE__ */ r(I, { size: 20 })
+            }
+          ),
+          !g && z
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ h(
+      "div",
+      {
+        id: w,
+        className: "mt-8 flex items-center gap-2 body-3 text-error",
+        role: "alert",
+        children: [
+          /* @__PURE__ */ r(I, { size: 16, className: "shrink-0 text-error" }),
+          /* @__PURE__ */ r("span", { children: i })
+        ]
+      }
+    )
+  ] });
+};
 G.displayName = "BaseInput";
 export {
   G as BaseInput

package/dist/lib/Components/BaseInput/types.d.ts

@@ -1,3 +1,4 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
 export type BaseInputProps = {
     /**
      * The label text that floats above the input when focused or filled.
@@ -16,12 +17,12 @@ export type BaseInputProps = {
      * Custom content to render after the input.
      * @example suffix={<Icon />}
      */
-    suffix?: React.ReactNode;
+    suffix?: ReactNode;
     /**
      * Custom content to render before the input (left side in LTR).
      * @example prefix={<Icon />}
      */
-    prefix?: React.ReactNode;
+    prefix?: ReactNode;
     /**
      * Optional function to extend the default clear behavior with custom logic
      */
@@ -47,5 +48,5 @@ export type BaseInputProps = {
      * Additional class names to apply to the label element
      */
     labelClassName?: string;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'>;
+} & Omit<ComponentPropsWithRef<'input'>, 'size' | 'prefix'>;
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/BaseInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/BaseInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC"}

package/dist/lib/Components/Button/BaseButton.d.ts

@@ -1,17 +1,6 @@
-import { default as React } from 'react';
-import { IconSize } from '../Icon/types';
-export declare const BaseButton: React.ForwardRefExoticComponent<{
-    appearance?: "base" | "gray" | "accent" | "transparent" | "no-background" | "red";
-    size?: "xs" | "sm" | "md" | "lg";
-    isFull?: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-    className?: string;
-    asChild?: boolean;
-    icon?: React.ComponentType<{
-        size?: IconSize;
-        className?: string;
-    }>;
-    children?: React.ReactNode;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+import { BaseButtonProps } from './types';
+export declare const BaseButton: {
+    ({ ref, className, appearance, size, isFull, disabled, asChild, icon: Icon, loading, children, onClick, ...props }: BaseButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=BaseButton.d.ts.map

package/dist/lib/Components/Button/BaseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA2EzC,eAAO,MAAM,UAAU;;;;;;;;iBA7D8B,aAAa;YAAO,CAAC;iBAAqB,CAAC;;qBAE1C,SAAS;2FAwH9D,CAAC"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAyE1C,eAAO,MAAM,UAAU;wHAapB,eAAe;;CA4CjB,CAAC"}

package/dist/lib/Components/Button/BaseButton.js

@@ -1,10 +1,9 @@
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { cn as f } from "../../../libs/utils-shared/dist/index.js";
 import { Slot as x, Slottable as h } from "@radix-ui/react-slot";
 import { cva as d } from "class-variance-authority";
-import z from "react";
-import { Spinner as S } from "../Spinner/Spinner.js";
-const y = d(
+import { Spinner as z } from "../Spinner/Spinner.js";
+const S = d(
   "inline-flex size-fit cursor-pointer items-center justify-center rounded-full body-1-semi-bold transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
   {
     variants: {
@@ -52,7 +51,7 @@ const y = d(
       isFull: !1
     }
   }
-), b = d("shrink-0", {
+), c = d("shrink-0", {
   variants: {
     appearance: {
       base: "text-on-interactive",
@@ -66,60 +65,59 @@ const y = d(
       true: "text-disabled"
     }
   }
-}), B = z.forwardRef(
-  ({
-    className: l,
-    appearance: a = "base",
-    size: s,
-    isFull: u,
-    disabled: e = !1,
-    asChild: i = !1,
-    icon: n,
-    loading: r = !1,
-    children: o,
-    onClick: p,
-    ...v
-  }, m) => {
-    const c = s ? {
-      xs: 16,
-      sm: 20,
-      md: 24,
-      lg: 24
-    }[s] : 24;
-    return /* @__PURE__ */ g(
-      i ? x : "button",
-      {
-        className: f(
-          y({ disabled: e, loading: r, appearance: a, size: s, isFull: u }),
-          l
+}), y = ({
+  ref: l,
+  className: u,
+  appearance: a = "base",
+  size: s,
+  isFull: v,
+  disabled: e = !1,
+  asChild: o = !1,
+  icon: n,
+  loading: r = !1,
+  children: i,
+  onClick: p,
+  ...g
+}) => {
+  const b = s ? {
+    xs: 16,
+    sm: 20,
+    md: 24,
+    lg: 24
+  }[s] : 24;
+  return /* @__PURE__ */ m(
+    o ? x : "button",
+    {
+      className: f(
+        S({ disabled: e, loading: r, appearance: a, size: s, isFull: v }),
+        u
+      ),
+      ref: l,
+      "data-disabled": e || void 0,
+      disabled: e,
+      onClick: p,
+      ...g,
+      children: [
+        r && /* @__PURE__ */ t(
+          z,
+          {
+            size: b,
+            className: c({ appearance: a, disabled: e })
+          }
         ),
-        ref: m,
-        "data-disabled": e || void 0,
-        disabled: e,
-        onClick: p,
-        ...v,
-        children: [
-          r && /* @__PURE__ */ t(
-            S,
-            {
-              size: c,
-              className: b({ appearance: a, disabled: e })
-            }
-          ),
-          !r && n && /* @__PURE__ */ t(
-            n,
-            {
-              size: c,
-              className: b({ appearance: a, disabled: e })
-            }
-          ),
-          o && (i ? /* @__PURE__ */ t(h, { children: o }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: o }))
-        ]
-      }
-    );
-  }
-);
-B.displayName = "BaseButton";
+        !r && n && /* @__PURE__ */ t(
+          n,
+          {
+            size: b,
+            className: c({ appearance: a, disabled: e })
+          }
+        ),
+        i && (o ? /* @__PURE__ */ t(h, { children: i }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: i }))
+      ]
+    }
+  );
+};
+y.displayName = "BaseButton";
 export {
-  B as BaseButton
+  y as BaseButton
 };

package/dist/lib/Components/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { ButtonProps } from './types';
 /**
  * A customizable button component that supports various appearances, sizes, full-width mode, loading states, and optional icons.
  *
@@ -32,9 +32,8 @@ import { default as React } from 'react';
  * </Button>
  *
  */
-export declare const Button: React.ForwardRefExoticComponent<{
-    loading?: boolean;
-    children: React.ReactNode;
-    size?: "sm" | "md" | "lg";
-} & Omit<import('./types').BaseButtonProps, "children" | "size"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: {
+    ({ ref, className, loading, disabled, children, size, icon, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Button.d.ts.map

package/dist/lib/Components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,MAAM;;oBART,SAAS;;0GAwBlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAetC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,MAAM;4EAShB,WAAW;;CAcb,CAAC"}

package/dist/lib/Components/Button/Button.js

@@ -1,9 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
-import { cn as n } from "../../../libs/utils-shared/dist/index.js";
-import { cva as f } from "class-variance-authority";
-import d from "react";
+import { cn as e } from "../../../libs/utils-shared/dist/index.js";
+import { cva as d } from "class-variance-authority";
 import { BaseButton as u } from "./BaseButton.js";
-const c = f("", {
+const c = d("", {
   variants: {
     size: {
       sm: "px-16 py-12 body-2-semi-bold",
@@ -14,22 +13,29 @@ const c = f("", {
   defaultVariants: {
     size: "md"
   }
-}), l = d.forwardRef(
-  ({ className: o, loading: a, disabled: r, children: m, size: t, icon: s, ...p }, e) => /* @__PURE__ */ i(
-    u,
-    {
-      ref: e,
-      size: t,
-      disabled: r,
-      icon: s,
-      loading: a,
-      className: n(c({ size: t }), "gap-8", o),
-      ...p,
-      children: m
-    }
-  )
+}), f = ({
+  ref: o,
+  className: a,
+  loading: m,
+  disabled: r,
+  children: s,
+  size: t,
+  icon: p,
+  ...n
+}) => /* @__PURE__ */ i(
+  u,
+  {
+    ref: o,
+    size: t,
+    disabled: r,
+    icon: p,
+    loading: m,
+    className: e(c({ size: t }), "gap-8", a),
+    ...n,
+    children: s
+  }
 );
-l.displayName = "Button";
+f.displayName = "Button";
 export {
-  l as Button
+  f as Button
 };

package/dist/lib/Components/Button/types.d.ts

@@ -1,3 +1,4 @@
+import { ComponentPropsWithRef, ComponentType, ReactNode } from 'react';
 import { IconSize } from '../Icon/types';
 export type BaseButtonProps = {
     /**
@@ -37,15 +38,15 @@ export type BaseButtonProps = {
     /**
      * An optional icon component to render inside the button.
      */
-    icon?: React.ComponentType<{
+    icon?: ComponentType<{
         size?: IconSize;
         className?: string;
     }>;
     /**
      * Optional children to render inside the button.
      */
-    children?: React.ReactNode;
-} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+    children?: ReactNode;
+} & ComponentPropsWithRef<'button'>;
 export type ButtonProps = {
     /**
      * If true, shows a loading spinner and disables the button.
@@ -56,7 +57,7 @@ export type ButtonProps = {
      * The content of the button. This is required to ensure buttons always have a label.
      * @required
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * The size variant of the button.
      * @default md

package/dist/lib/Components/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,CAAC,EACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,aAAa,GACb,eAAe,GACf,KAAK,CAAC;IACV;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,CAAC,EACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,aAAa,GACb,eAAe,GACf,KAAK,CAAC;IACV;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AAEpC,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC"}

package/dist/lib/Components/CardButton/CardButton.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { CardButtonProps } from './types';
 /**
  * A customizable card button component that displays an optional icon, a required title, an optional description, and an optional chevron arrow.
  *
@@ -27,14 +27,8 @@ import { default as React } from 'react';
  *   appearance="outline"
  * />
  */
-export declare const CardButton: React.ForwardRefExoticComponent<{
-    appearance?: "base" | "outline";
-    icon?: React.ComponentType<{
-        size?: import('../Icon').IconSize;
-        className?: string;
-    }>;
-    title: string;
-    description?: string;
-    hideChevron?: boolean;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CardButton: {
+    ({ ref, className, appearance, icon, title, description, hideChevron, ...props }: CardButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=CardButton.d.ts.map

package/dist/lib/Components/CardButton/CardButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/CardButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,UAAU;;iBA3CG,aAAa;YAAO,CAAC;iBAAqB,CAAC;;;;;6GAyEpE,CAAC"}
+{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/CardButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkB1C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,UAAU;sFASpB,eAAe;;CA2BjB,CAAC"}