@ledgerhq/lumen-ui-react 0.0.81 → 0.0.83

package/dist/lib/Components/Stepper/Stepper.js

@@ -0,0 +1,100 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cn as d, getStepperCalculations as b } from "../../../libs/utils-shared/dist/index.js";
+import { forwardRef as v } from "react";
+const s = 48, i = 4, N = v(
+  ({ className: m, currentStep: t, totalSteps: r, disabled: h = !1, label: o, ...f }, u) => {
+    const {
+      displayLabel: p,
+      r: n,
+      cx: l,
+      cy: c,
+      trackDashArray: k,
+      progressDashArray: y,
+      progressDashOffset: x
+    } = b({
+      currentStep: t,
+      totalSteps: r,
+      size: s,
+      label: o,
+      strokeWidth: i
+    });
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: u,
+        role: "progressbar",
+        "aria-valuenow": t,
+        "aria-valuemin": 1,
+        "aria-valuemax": r,
+        "aria-label": p,
+        className: d(
+          "relative flex size-48 shrink-0 items-center justify-center rounded-full",
+          m
+        ),
+        ...f,
+        children: [
+          /* @__PURE__ */ a(
+            "svg",
+            {
+              width: s,
+              height: s,
+              viewBox: `0 0 ${s} ${s}`,
+              className: "rotate-135",
+              "aria-hidden": !0,
+              children: [
+                /* @__PURE__ */ e(
+                  "circle",
+                  {
+                    cx: l,
+                    cy: c,
+                    r: n,
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeLinecap: "round",
+                    className: "stroke-muted-subtle",
+                    style: {
+                      strokeWidth: `${i}px`,
+                      strokeDasharray: k,
+                      strokeDashoffset: 0
+                    }
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "circle",
+                  {
+                    cx: l,
+                    cy: c,
+                    r: n,
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeLinecap: "round",
+                    className: d(
+                      h ? "stroke-muted-subtle-hover" : "stroke-active",
+                      "transition-[stroke-dashoffset,stroke] duration-300 ease-in-out"
+                    ),
+                    style: {
+                      strokeWidth: `${i}px`,
+                      strokeDasharray: y,
+                      strokeDashoffset: x
+                    }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "absolute inset-0 m-4 flex items-center justify-center text-base", children: o ? /* @__PURE__ */ e("span", { className: "body-2-semi-bold", children: o }) : /* @__PURE__ */ a("span", { children: [
+            /* @__PURE__ */ e("span", { className: "body-1-semi-bold", children: Math.min(Math.max(t, 0), r) }),
+            /* @__PURE__ */ a("span", { className: "body-2-semi-bold text-muted", children: [
+              "/",
+              r
+            ] })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+N.displayName = "Stepper";
+export {
+  N as Stepper
+};

package/dist/lib/Components/Stepper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Stepper';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/Stepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Stepper/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'react';
+export type StepperProps = {
+    /**
+     * Current step number (1-based). Use 0 or negative to show minimal dot (before starting).
+     */
+    currentStep: number;
+    /**
+     * Total number of steps.
+     */
+    totalSteps: number;
+    /**
+     * Whether the stepper is disabled. Changes the progress arc to a muted style.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Optional custom label. Defaults to "{currentStep}/{totalSteps}".
+     */
+    label?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-import { SubheaderActionProps, SubheaderCountProps, SubheaderDescriptionProps, SubheaderProps, SubheaderRowProps, SubheaderShowMoreProps, SubheaderTitleProps } from './types';
+import { SubheaderActionProps, SubheaderCountProps, SubheaderDescriptionProps, SubheaderInfoProps, SubheaderProps, SubheaderRowProps, SubheaderShowMoreProps, SubheaderTitleProps } from './types';
 /**
  * Title component for the Subheader. Displays the main heading.
  * Use the `as` prop to control heading semantics and avoid multiple h2s on a page.
@@ -24,9 +23,10 @@ export declare const SubheaderCount: ({ value, format, className, ...props }: Su
 /**
  * Info component for the Subheader. Displays an information icon that can be wrapped in a Tooltip.
  */
-export declare const SubheaderInfo: React.ForwardRefExoticComponent<Omit<import('../InteractiveIcon').InteractiveIconProps, "children" | "iconType"> & {
-    iconType?: "filled" | "stroked";
-} & React.RefAttributes<HTMLButtonElement>>;
+export declare const SubheaderInfo: {
+    ({ ref, iconType, className, ...props }: SubheaderInfoProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * ShowMore component for the Subheader. Displays a static chevron right icon to indicate expandable content.
  * Position this after SubheaderCount and before other elements.

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

@@ -1 +1 @@
-{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EAEzB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,qDAKxB,mBAAmB,4CAYrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAKtB,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,2CAKxB,mBAAmB,4CAUrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;;2CAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,4BAG3B,sBAAsB,4CAUxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,sCAI9B,yBAAyB,4CAM3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,+CAKzB,oBAAoB,4CActB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,sCAInB,cAAc,4CAMhB,CAAC"}
+{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,qDAKxB,mBAAmB,4CAYrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAKtB,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,2CAKxB,mBAAmB,4CAUrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;6CAKvB,kBAAkB;;CAcpB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,4BAG3B,sBAAsB,4CAUxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,sCAI9B,yBAAyB,4CAM3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,+CAKzB,oBAAoB,4CActB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,sCAInB,cAAc,4CAMhB,CAAC"}

package/dist/lib/Components/Subheader/Subheader.js

@@ -1,112 +1,116 @@
-import { jsx as o } from "react/jsx-runtime";
-import { cn as a } from "../../../libs/utils-shared/dist/index.js";
-import c from "react";
-import { Information as m } from "../../Symbols/Icons/Information.js";
-import { ChevronRight as d } from "../../Symbols/Icons/ChevronRight.js";
+import { jsx as n } from "react/jsx-runtime";
+import { cn as s } from "../../../libs/utils-shared/dist/index.js";
+import { Information as c } from "../../Symbols/Icons/Information.js";
+import { ChevronRight as m } from "../../Symbols/Icons/ChevronRight.js";
 import { InteractiveIcon as i } from "../InteractiveIcon/InteractiveIcon.js";
-const S = ({
+const f = ({
   children: t,
   as: e = "h2",
   className: r,
-  ...n
-}) => /* @__PURE__ */ o(
+  ...o
+}) => /* @__PURE__ */ n(
   e,
   {
-    className: a(
+    className: s(
       "min-w-0 truncate heading-4-semi-bold text-base",
       r
     ),
-    ...n,
+    ...o,
     children: t
   }
-), N = ({
+), x = ({
   children: t,
   onClick: e,
   className: r,
-  ...n
-}) => /* @__PURE__ */ o(
+  ...o
+}) => /* @__PURE__ */ n(
   e ? "button" : "div",
   {
-    className: a(
+    className: s(
       "flex items-center gap-4",
       e && "cursor-pointer",
       r
     ),
     onClick: e,
-    ...n,
+    ...o,
     children: t
   }
-), y = ({
+), S = ({
   value: t,
   format: e,
   className: r,
-  ...n
+  ...o
 }) => {
-  const s = e ? e(t) : `(${t})`;
-  return /* @__PURE__ */ o(
+  const a = e ? e(t) : `(${t})`;
+  return /* @__PURE__ */ n(
     "span",
     {
-      className: a("shrink-0 pl-2 body-2 text-muted", r),
-      ...n,
-      children: s
+      className: s("shrink-0 pl-2 body-2 text-muted", r),
+      ...o,
+      children: a
     }
   );
-}, u = c.forwardRef(({ iconType: t = "stroked", className: e, ...r }, n) => /* @__PURE__ */ o("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ o(
+}, d = ({
+  ref: t,
+  iconType: e = "stroked",
+  className: r,
+  ...o
+}) => /* @__PURE__ */ n("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ n(
   i,
   {
-    ref: n,
-    iconType: t,
-    className: e,
+    ref: t,
+    iconType: e,
+    className: r,
     "aria-label": "More information",
-    ...r,
-    children: /* @__PURE__ */ o(m, { size: 16 })
+    ...o,
+    children: /* @__PURE__ */ n(c, { size: 16 })
   }
-) }));
-u.displayName = "SubheaderInfo";
-const I = ({
+) });
+d.displayName = "SubheaderInfo";
+const N = ({
   className: t,
   ...e
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ n(
   i,
   {
-    className: a("-ml-2", t),
+    className: s("-ml-2", t),
     iconType: "stroked",
     ...e,
-    children: /* @__PURE__ */ o(d, { size: 20 })
+    children: /* @__PURE__ */ n(m, { size: 20 })
   }
-), g = ({
+), y = ({
   children: t,
   className: e,
   ...r
-}) => /* @__PURE__ */ o("p", { className: a("body-3 text-muted", e), ...r, children: t }), v = ({
+}) => /* @__PURE__ */ n("p", { className: s("body-3 text-muted", e), ...r, children: t }), I = ({
   children: t,
   onClick: e,
   className: r,
-  ...n
-}) => /* @__PURE__ */ o(
+  ...o
+}) => /* @__PURE__ */ n(
   "button",
   {
     type: "button",
     onClick: e,
-    className: a(
+    className: s(
       "ml-auto shrink-0 cursor-pointer pl-8 body-2 text-interactive",
       r
     ),
-    ...n,
+    ...o,
     children: t
   }
-), w = ({
+), g = ({
   className: t,
   children: e,
   ...r
-}) => /* @__PURE__ */ o("div", { className: a("flex flex-col gap-4", t), ...r, children: e });
+}) => /* @__PURE__ */ n("div", { className: s("flex flex-col gap-4", t), ...r, children: e });
 export {
-  w as Subheader,
-  v as SubheaderAction,
-  y as SubheaderCount,
-  g as SubheaderDescription,
-  u as SubheaderInfo,
-  N as SubheaderRow,
-  I as SubheaderShowMore,
-  S as SubheaderTitle
+  g as Subheader,
+  I as SubheaderAction,
+  S as SubheaderCount,
+  y as SubheaderDescription,
+  d as SubheaderInfo,
+  x as SubheaderRow,
+  N as SubheaderShowMore,
+  f as SubheaderTitle
 };

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

@@ -1,20 +1,21 @@
+import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
 import { InteractiveIconProps } from '../InteractiveIcon';
 export type SubheaderProps = {
     /**
      * The children of the subheader, which should include SubheaderRow, SubheaderTitle, SubheaderDescription, etc.
      */
-    children?: React.ReactNode;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+    children?: ReactNode;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
 export type SubheaderRowProps = {
     /**
      * The children of the subheader row.
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * Optional click handler to make the row interactive.
      */
     onClick?: () => void;
-} & Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'onClick'>;
+} & Omit<HTMLAttributes<HTMLElement>, 'children' | 'onClick'>;
 export type SubheaderTitleProps = {
     /**
      * The title text of the subheader.
@@ -26,7 +27,7 @@ export type SubheaderTitleProps = {
      * @default 'h2'
      */
     as?: keyof Pick<HTMLElementTagNameMap, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span'>;
-} & Omit<React.HTMLAttributes<HTMLHeadingElement>, 'children'>;
+} & Omit<HTMLAttributes<HTMLHeadingElement>, 'children'>;
 export type SubheaderCountProps = {
     /**
      * The count value to display.
@@ -37,7 +38,7 @@ export type SubheaderCountProps = {
      * Defaults to (n) => `(${n})`
      */
     format?: (value: number) => string;
-} & Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>;
+} & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>;
 export type SubheaderInfoProps = Omit<InteractiveIconProps, 'children' | 'iconType'> & {
     /**
      * The visual style of the icon button.
@@ -49,17 +50,17 @@ export type SubheaderDescriptionProps = {
     /**
      * The description text to display below the title row.
      */
-    children: React.ReactNode;
-} & Omit<React.HTMLAttributes<HTMLParagraphElement>, 'children'>;
+    children: ReactNode;
+} & Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>;
 export type SubheaderActionProps = {
     /**
      * The action element to display (e.g., button text).
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * Click handler for the action.
      */
     onClick: () => void;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick'>;
-export type SubheaderShowMoreProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick'>;
+export type SubheaderShowMoreProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,IAAI,CACb,qBAAqB,EACrB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CACzD,CAAC;CACH,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,UAAU,CAAC,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,oBAAoB,EACpB,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEhF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EACrC,UAAU,CACX,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,IAAI,CACb,qBAAqB,EACrB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CACzD,CAAC;CACH,GAAG,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,oBAAoB,EACpB,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAE1E,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,cAAc,CAAC,eAAe,CAAC,EAC/B,UAAU,CACX,CAAC"}

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

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { SwitchProps } from './types';
 /**
  * A customizable switch component.
  *
@@ -20,10 +19,8 @@ import * as SwitchPrimitive from '@radix-ui/react-switch';
  * const [selected, setSelected] = useState(false);
  * <Switch size="sm" selected={selected} onChange={(selected) => setSelected(selected)} disabled={someCondition} />
  */
-export declare const Switch: React.ForwardRefExoticComponent<{
-    selected?: boolean;
-    defaultSelected?: boolean;
-    onChange?: (selected: boolean) => void;
-    size?: "sm" | "md";
-} & Omit<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref">, "onChange" | "defaultChecked" | "checked" | "onCheckedChange"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Switch: {
+    ({ ref, className, selected, defaultSelected, onChange, size, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAsC1B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;;;;;oMAmBlB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Switch/Switch.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAqCtC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;8EAQhB,WAAW;;CAWb,CAAC"}

package/dist/lib/Components/Switch/Switch.js

@@ -2,7 +2,6 @@ import { jsx as t } from "react/jsx-runtime";
 import { cn as s } from "../../../libs/utils-shared/dist/index.js";
 import * as e from "@radix-ui/react-switch";
 import { cva as d } from "class-variance-authority";
-import m from "react";
 const u = d(
   s(
     "group flex cursor-pointer items-center rounded-full p-2 transition-colors duration-200 ease-in-out focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
@@ -21,7 +20,7 @@ const u = d(
       size: "md"
     }
   }
-), h = d(
+), m = d(
   "translate-x-0 rounded-full bg-white transition-transform duration-200 ease-in-out group-data-disabled:bg-base",
   {
     variants: {
@@ -34,21 +33,27 @@ const u = d(
       size: "md"
     }
   }
-), b = m.forwardRef(
-  ({ className: i, selected: o, defaultSelected: r, onChange: c, size: a = "md", ...n }, l) => /* @__PURE__ */ t(
-    e.Root,
-    {
-      ref: l,
-      className: s(i, u({ size: a })),
-      checked: o,
-      defaultChecked: r,
-      onCheckedChange: c,
-      ...n,
-      children: /* @__PURE__ */ t(e.Thumb, { className: h({ size: a }) })
-    }
-  )
+), h = ({
+  ref: i,
+  className: o,
+  selected: r,
+  defaultSelected: n,
+  onChange: c,
+  size: a = "md",
+  ...l
+}) => /* @__PURE__ */ t(
+  e.Root,
+  {
+    ref: i,
+    className: s(o, u({ size: a })),
+    checked: r,
+    defaultChecked: n,
+    onCheckedChange: c,
+    ...l,
+    children: /* @__PURE__ */ t(e.Thumb, { className: m({ size: a }) })
+  }
 );
-b.displayName = "Switch";
+h.displayName = "Switch";
 export {
-  b as Switch
+  h as Switch
 };

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

@@ -1,3 +1,4 @@
+import { ComponentPropsWithRef } from 'react';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 export type SwitchProps = {
     /**
@@ -17,5 +18,5 @@ export type SwitchProps = {
      * @default 'md'
      */
     size?: 'sm' | 'md';
-} & Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, 'onChange' | 'checked' | 'defaultChecked' | 'onCheckedChange'>;
+} & Omit<ComponentPropsWithRef<typeof SwitchPrimitive.Root>, 'onChange' | 'checked' | 'defaultChecked' | 'onCheckedChange'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB,GAAG,IAAI,CACN,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,UAAU,GAAG,SAAS,GAAG,gBAAgB,GAAG,iBAAiB,CAC9D,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB,GAAG,IAAI,CACN,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAClD,UAAU,GAAG,SAAS,GAAG,gBAAgB,GAAG,iBAAiB,CAC9D,CAAC"}

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

@@ -1,18 +1,6 @@
-import { VariantProps } from 'class-variance-authority';
-import { default as React } from 'react';
-import { IconSize } from '../Icon/types';
-export declare const Tag: React.ForwardRefExoticComponent<{
-    appearance?: "base" | "gray" | "accent" | "success" | "error" | "warning";
-    size?: "sm" | "md";
-    icon?: React.ComponentType<{
-        size?: IconSize;
-        className?: string;
-    }>;
-    label: string;
-    disabled?: boolean;
-} & React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    appearance?: "base" | "error" | "gray" | "accent" | "success" | "warning" | null | undefined;
-    size?: "sm" | "md" | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+import { TagProps } from './types';
+export declare const Tag: {
+    ({ ref, className, appearance, size, icon, label, disabled, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgCzC,eAAO,MAAM,GAAG;;;iBAzBF,aACP;YAAO,CAAC;iBAAqB,CAAC;;;;;;;;sHAgDnC,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA+BnC,eAAO,MAAM,GAAG;4EASb,QAAQ;;CAqBV,CAAC"}

package/dist/lib/Components/Tag/Tag.js

@@ -1,8 +1,7 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { cn as l } from "../../../libs/utils-shared/dist/index.js";
 import { cva as b } from "class-variance-authority";
-import g from "react";
-const x = b(
+const g = b(
   "inline-flex items-center justify-center gap-4 rounded-xs",
   {
     variants: {
@@ -29,25 +28,34 @@ const x = b(
       disabled: !1
     }
   }
-), u = g.forwardRef(({ className: s, appearance: n, size: e, icon: r, label: c, disabled: i, ...o }, d) => {
-  const m = e ? {
+), x = ({
+  ref: s,
+  className: n,
+  appearance: r,
+  size: e,
+  icon: c,
+  label: i,
+  disabled: o,
+  ...d
+}) => {
+  const p = e ? {
     md: 16,
     sm: 12
-  }[e] : 16, a = r;
-  return /* @__PURE__ */ p(
+  }[e] : 16, a = c;
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: l(s, x({ appearance: n, size: e, disabled: i })),
-      ref: d,
-      ...o,
+      className: l(n, g({ appearance: r, size: e, disabled: o })),
+      ref: s,
+      ...d,
       children: [
-        a && /* @__PURE__ */ t(a, { size: m, className: "shrink-0" }),
-        /* @__PURE__ */ t("span", { children: c })
+        a && /* @__PURE__ */ t(a, { size: p, className: "shrink-0" }),
+        /* @__PURE__ */ t("span", { children: i })
       ]
     }
   );
-});
-u.displayName = "Tag";
+};
+x.displayName = "Tag";
 export {
-  u as Tag
+  x as Tag
 };

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

@@ -1,3 +1,4 @@
+import { ComponentPropsWithRef, ComponentType } from 'react';
 import { IconSize } from '../Icon/types';
 export type TagProps = {
     /**
@@ -13,7 +14,7 @@ export type TagProps = {
     /**
      * Icon component to render.
      */
-    icon?: React.ComponentType<{
+    icon?: ComponentType<{
         size?: IconSize;
         className?: string;
     }>;
@@ -28,5 +29,5 @@ export type TagProps = {
      * @default false
      */
     disabled?: boolean;
-} & React.HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1E;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;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;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1E;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { TextInputProps } from './types';
 /**
  * A customizable input component with floating label, automatic clear button, error states, and focus/hover effects.
@@ -54,5 +53,8 @@ import { TextInputProps } from './types';
  *   }}
  * />
  */
-export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const TextInput: {
+    ({ ref, ...props }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=TextInput.d.ts.map