@ledgerhq/lumen-ui-react 0.0.81 → 0.0.83

package/dist/lib/Components/Dialog/Dialog.js

@@ -1,9 +1,8 @@
 import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { createSafeContext as u, cn as l } from "../../../libs/utils-shared/dist/index.js";
-import * as r from "@radix-ui/react-dialog";
-import { cva as h } from "class-variance-authority";
-import * as n from "react";
-const [p, s] = u("Dialog"), x = h(
+import { createSafeContext as u, cn as n } from "../../../libs/utils-shared/dist/index.js";
+import * as l from "@radix-ui/react-dialog";
+import { cva as f } from "class-variance-authority";
+const [h, r] = u("Dialog"), x = f(
   [
     "flex w-400 max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl bg-canvas-sheet pb-24",
     "fixed top-[50%] left-[50%] z-dialog-content translate-[-50%]",
@@ -22,94 +21,100 @@ const [p, s] = u("Dialog"), x = h(
   }
 );
 function C({ height: a = "hug", ...t }) {
-  return /* @__PURE__ */ o(p, { value: { height: a }, children: /* @__PURE__ */ o(r.Root, { "data-slot": "dialog", ...t }) });
+  return /* @__PURE__ */ o(h, { value: { height: a }, children: /* @__PURE__ */ o(l.Root, { "data-slot": "dialog", ...t }) });
 }
-function R({ ...a }) {
-  return /* @__PURE__ */ o(r.Trigger, { "data-slot": "dialog-trigger", ...a });
+function w({ ...a }) {
+  return /* @__PURE__ */ o(l.Trigger, { "data-slot": "dialog-trigger", ...a });
 }
-function v({
+function p({
   ...a
 }) {
-  return /* @__PURE__ */ o(r.Portal, { "data-slot": "dialog-portal", ...a });
+  return /* @__PURE__ */ o(l.Portal, { "data-slot": "dialog-portal", ...a });
 }
-const d = n.forwardRef(
-  ({ className: a, ...t }, e) => /* @__PURE__ */ o(
-    r.Overlay,
-    {
-      ref: e,
-      "data-slot": "dialog-overlay",
-      className: l(
-        a,
-        "fixed inset-0 z-dialog-overlay bg-canvas-overlay backdrop-blur-sm data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in"
-      ),
-      ...t
-    }
-  )
+const s = ({ ref: a, className: t, ...e }) => /* @__PURE__ */ o(
+  l.Overlay,
+  {
+    ref: a,
+    "data-slot": "dialog-overlay",
+    className: n(
+      t,
+      "fixed inset-0 z-dialog-overlay bg-canvas-overlay backdrop-blur-sm data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in"
+    ),
+    ...e
+  }
 );
-d.displayName = "DialogOverlay";
+s.displayName = "DialogOverlay";
 function P({
   className: a,
   children: t,
   ...e
 }) {
-  const { height: i } = s({
+  const { height: i } = r({
     consumerName: "DialogContent",
     contextRequired: !0
   });
-  return /* @__PURE__ */ m(v, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ o(d, {}),
+  return /* @__PURE__ */ m(p, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ o(s, {}),
     /* @__PURE__ */ o(
-      r.Content,
+      l.Content,
       {
         "data-slot": "dialog-content",
-        className: l(x({ height: i }), a),
+        className: n(x({ height: i }), a),
         ...e,
         children: t
       }
     )
   ] });
 }
-const y = n.forwardRef(
-  ({ className: a, children: t, scrollbarWidth: e = "none", style: i, ...g }, c) => {
-    const { height: f } = s({
-      consumerName: "DialogBody",
-      contextRequired: !0
-    });
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        ref: c,
-        "data-slot": "dialog-body",
-        style: { scrollbarWidth: e, ...i },
-        className: l(
-          "-mb-24 flex min-h-0 grow flex-col overflow-y-auto px-24 pb-24",
-          f === "hug" ? "basis-auto" : "basis-0",
-          a
-        ),
-        ...g,
-        children: t
-      }
-    );
-  }
-);
-y.displayName = "DialogBody";
-const D = n.forwardRef(
-  ({ className: a, children: t, ...e }, i) => /* @__PURE__ */ o(
+const v = ({
+  ref: a,
+  className: t,
+  children: e,
+  scrollbarWidth: i = "none",
+  style: d,
+  ...g
+}) => {
+  const { height: c } = r({
+    consumerName: "DialogBody",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ o(
     "div",
     {
-      ref: i,
-      "data-slot": "dialog-footer",
-      className: l("flex shrink-0 justify-end gap-8 px-24 pt-24", a),
-      ...e,
-      children: t
+      ref: a,
+      "data-slot": "dialog-body",
+      style: { scrollbarWidth: i, ...d },
+      className: n(
+        "-mb-24 flex min-h-0 grow flex-col overflow-y-auto px-24 pb-24",
+        c === "hug" ? "basis-auto" : "basis-0",
+        t
+      ),
+      ...g,
+      children: e
     }
-  )
+  );
+};
+v.displayName = "DialogBody";
+const y = ({
+  ref: a,
+  className: t,
+  children: e,
+  ...i
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    ref: a,
+    "data-slot": "dialog-footer",
+    className: n("flex shrink-0 justify-end gap-8 px-24 pt-24", t),
+    ...i,
+    children: e
+  }
 );
-D.displayName = "DialogFooter";
+y.displayName = "DialogFooter";
 export {
   C as Dialog,
-  y as DialogBody,
+  v as DialogBody,
   P as DialogContent,
-  D as DialogFooter,
-  R as DialogTrigger
+  y as DialogFooter,
+  w as DialogTrigger
 };

package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts

@@ -1,10 +1,6 @@
-import { default as React } from 'react';
-export declare const DialogHeader: React.ForwardRefExoticComponent<{
-    appearance?: "compact" | "extended";
-    title?: string;
-    description?: string;
-    onClose: () => void;
-    onBack?: () => void;
-    className?: string;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & React.RefAttributes<HTMLDivElement>>;
+import { DialogHeaderProps } from '../types';
+export declare const DialogHeader: {
+    ({ ref, title, description, appearance, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=DialogHeader.d.ts.map

package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Dialog/DialogHeader/DialogHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAa,MAAM,OAAO,CAAC;AA2JlC,eAAO,MAAM,YAAY;;;;;;;kGAuBxB,CAAC"}
+{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Dialog/DialogHeader/DialogHeader.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAgJ7C,eAAO,MAAM,YAAY;wDAMtB,iBAAiB;;CAqBnB,CAAC"}

package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js

@@ -1,122 +1,124 @@
-import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, Fragment as s, jsx as e } from "react/jsx-runtime";
 import { cn as c } from "../../../../libs/utils-shared/dist/index.js";
-import * as p from "@radix-ui/react-dialog";
-import { cva as b } from "class-variance-authority";
-import f from "react";
-import { useCommonTranslation as h } from "../../../../i18n/useCommonTranslation.js";
-import { IconButton as x } from "../../IconButton/IconButton.js";
-import { ArrowLeft as v } from "../../../Symbols/Icons/ArrowLeft.js";
-import { Close as D } from "../../../Symbols/Icons/Close.js";
-const y = b("flex px-24 text-base", {
+import * as h from "@radix-ui/react-dialog";
+import { cva as N } from "class-variance-authority";
+import { useCommonTranslation as x } from "../../../../i18n/useCommonTranslation.js";
+import { IconButton as g } from "../../IconButton/IconButton.js";
+import { ArrowLeft as b } from "../../../Symbols/Icons/ArrowLeft.js";
+import { Close as v } from "../../../Symbols/Icons/Close.js";
+const D = N("flex px-24 text-base", {
   variants: {
     appearance: {
       compact: "mb-12 h-64 min-h-64 flex-row items-center gap-12",
       extended: "flex-col gap-16 pb-12 pt-10"
     }
   }
-}), m = ({ onBack: r }) => {
-  const { t: a } = h();
+}), d = ({ onBack: r }) => {
+  const { t: a } = x();
   return /* @__PURE__ */ e(
-    x,
+    g,
     {
       appearance: "no-background",
       size: "sm",
-      icon: v,
+      icon: b,
       onClick: r,
       className: "-ml-12 shrink-0",
       "aria-label": a("components.dialogHeader.goBackAriaLabel")
     }
   );
-}, d = ({ onClose: r }) => {
-  const { t: a } = h();
+}, p = ({ onClose: r }) => {
+  const { t: a } = x();
   return /* @__PURE__ */ e(
-    x,
+    g,
     {
       appearance: "gray",
       size: "xs",
-      icon: D,
+      icon: v,
       onClick: r,
       className: "-mr-8 shrink-0",
       "aria-label": a("components.dialogHeader.closeAriaLabel")
     }
   );
-}, H = ({ hidden: r, className: a, ...o }) => /* @__PURE__ */ e(
-  p.Title,
+}, y = ({ hidden: r, className: a, ...o }) => /* @__PURE__ */ e(
+  h.Title,
   {
     "data-slot": "dialog-title",
     className: c(r && "sr-only", a),
     ...o
   }
-), w = ({ hidden: r, className: a, ...o }) => /* @__PURE__ */ e(
-  p.Description,
+), H = ({ hidden: r, className: a, ...o }) => /* @__PURE__ */ e(
+  h.Description,
   {
     "data-slot": "dialog-description",
     className: c(r && "sr-only", a),
     ...o
   }
-), g = f.forwardRef(
-  ({
-    className: r,
-    appearance: a = "compact",
-    title: o,
-    description: l,
-    onClose: n,
-    onBack: i,
-    ...u
-  }, N) => /* @__PURE__ */ t(
-    "div",
-    {
-      ref: N,
-      className: y({ appearance: a, className: r }),
-      ...u,
-      children: [
-        a === "compact" && /* @__PURE__ */ t(s, { children: [
-          i && /* @__PURE__ */ e(m, { onBack: i }),
-          /* @__PURE__ */ t(
-            "div",
-            {
-              className: c("flex min-w-0 flex-1 flex-col", {
-                "pl-40": !i
-              }),
-              children: [
-                o && /* @__PURE__ */ e("div", { className: "truncate text-center heading-5-semi-bold", children: o }),
-                l && /* @__PURE__ */ e("div", { className: "truncate text-center body-2 text-muted", children: l })
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(d, { onClose: n })
+), f = ({
+  ref: r,
+  className: a,
+  appearance: o = "compact",
+  title: l,
+  description: t,
+  onClose: m,
+  onBack: n,
+  ...u
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    ref: r,
+    className: D({ appearance: o, className: a }),
+    ...u,
+    children: [
+      o === "compact" && /* @__PURE__ */ i(s, { children: [
+        n && /* @__PURE__ */ e(d, { onBack: n }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: c("flex min-w-0 flex-1 flex-col", {
+              "pl-40": !n
+            }),
+            children: [
+              l && /* @__PURE__ */ e("div", { className: "truncate text-center heading-5-semi-bold", children: l }),
+              t && /* @__PURE__ */ e("div", { className: "truncate text-center body-2 text-muted", children: t })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(p, { onClose: m })
+      ] }),
+      o === "extended" && /* @__PURE__ */ i(s, { children: [
+        /* @__PURE__ */ i("div", { className: "flex h-40 flex-row items-center", children: [
+          n && /* @__PURE__ */ e(d, { onBack: n }),
+          /* @__PURE__ */ e("div", { className: "ml-auto", children: /* @__PURE__ */ e(p, { onClose: m }) })
         ] }),
-        a === "extended" && /* @__PURE__ */ t(s, { children: [
-          /* @__PURE__ */ t("div", { className: "flex h-40 flex-row items-center", children: [
-            i && /* @__PURE__ */ e(m, { onBack: i }),
-            /* @__PURE__ */ e("div", { className: "ml-auto", children: /* @__PURE__ */ e(d, { onClose: n }) })
-          ] }),
-          (o || l) && /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
-            o && /* @__PURE__ */ e("div", { className: "heading-3-semi-bold", children: o }),
-            l && /* @__PURE__ */ e("div", { className: "body-2 text-muted", children: l })
-          ] })
+        (l || t) && /* @__PURE__ */ i("div", { className: "flex flex-col gap-4", children: [
+          l && /* @__PURE__ */ e("div", { className: "heading-3-semi-bold", children: l }),
+          t && /* @__PURE__ */ e("div", { className: "body-2 text-muted", children: t })
         ] })
-      ]
-    }
-  )
-);
-g.displayName = "DialogHeaderComponent";
-const C = f.forwardRef(
-  ({ title: r = "", description: a, appearance: o = "compact", ...l }, n) => /* @__PURE__ */ t(s, { children: [
-    /* @__PURE__ */ e(
-      g,
-      {
-        ref: n,
-        title: r,
-        description: a,
-        appearance: o,
-        ...l
-      }
-    ),
-    /* @__PURE__ */ e(H, { hidden: !0, children: r }),
-    a && /* @__PURE__ */ e(w, { hidden: !0, children: a })
-  ] })
+      ] })
+    ]
+  }
 );
+f.displayName = "DialogHeaderComponent";
+const C = ({
+  ref: r,
+  title: a = "",
+  description: o,
+  appearance: l = "compact",
+  ...t
+}) => /* @__PURE__ */ i(s, { children: [
+  /* @__PURE__ */ e(
+    f,
+    {
+      ref: r,
+      title: a,
+      description: o,
+      appearance: l,
+      ...t
+    }
+  ),
+  /* @__PURE__ */ e(y, { hidden: !0, children: a }),
+  o && /* @__PURE__ */ e(H, { hidden: !0, children: o })
+] });
 C.displayName = "DialogHeader";
 export {
   C as DialogHeader

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ComponentPropsWithRef, ReactNode } from 'react';
 export type DialogHeight = 'hug' | 'fixed';
 export type DialogProps = {
     /**
@@ -48,6 +48,12 @@ export type DialogTriggerProps = {
      */
     className?: string;
 };
+export type DialogOverlayProps = {
+    /**
+     * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'div'>;
 export type DialogContentProps = {
     /**
      * The content to display inside the dialog.
@@ -87,12 +93,6 @@ export type DialogContentProps = {
      */
     onInteractOutside?: (event: CustomEvent) => void;
 };
-export type DialogOverlayProps = {
-    /**
-     * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
-     */
-    className?: string;
-};
 export type DialogHeaderProps = {
     /**
      * The appearance variant of the header.
@@ -119,7 +119,7 @@ export type DialogHeaderProps = {
      * Additional custom CSS classes to apply.
      */
     className?: string;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>;
+} & Omit<ComponentPropsWithRef<'div'>, 'className'>;
 export type DialogBodyProps = {
     /**
      * The content to display inside the dialog body.
@@ -135,7 +135,7 @@ export type DialogBodyProps = {
      * @default 'none'
      */
     scrollbarWidth?: 'none' | 'auto';
-} & React.HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 export type DialogFooterProps = {
     /**
      * The content to display inside the dialog footer.
@@ -145,5 +145,5 @@ export type DialogFooterProps = {
      * Additional custom CSS classes to apply.
      */
     className?: string;
-} & React.HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACpD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACpD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import { DividerProps } from './types';
 /**
  * A simple divider component for separating content sections.
  *
@@ -18,7 +19,8 @@
  * // With custom styling
  * <Divider className="my-16" />
  */
-export declare const Divider: import('react').ForwardRefExoticComponent<{
-    orientation?: "horizontal" | "vertical";
-} & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Divider: {
+    ({ ref, className, orientation, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Divider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Divider/Divider.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO;;mGAgBnB,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO;gDAKjB,YAAY;;CAcd,CAAC"}

package/dist/lib/Components/Divider/Divider.js

@@ -1,23 +1,25 @@
 import { jsx as i } from "react/jsx-runtime";
-import { cn as t } from "../../../libs/utils-shared/dist/index.js";
-import { forwardRef as l } from "react";
-const d = l(
-  ({ className: o, orientation: r = "horizontal", ...e }, a) => /* @__PURE__ */ i(
-    "div",
-    {
-      ref: a,
-      role: "separator",
-      "aria-orientation": r,
-      className: t(
-        "border-muted-subtle",
-        r === "horizontal" ? "w-full border-t" : "h-full border-l",
-        o
-      ),
-      ...e
-    }
-  )
+import { cn as l } from "../../../libs/utils-shared/dist/index.js";
+const t = ({
+  ref: o,
+  className: e,
+  orientation: r = "horizontal",
+  ...a
+}) => /* @__PURE__ */ i(
+  "div",
+  {
+    ref: o,
+    role: "separator",
+    "aria-orientation": r,
+    className: l(
+      "border-muted-subtle",
+      r === "horizontal" ? "w-full border-t" : "h-full border-l",
+      e
+    ),
+    ...a
+  }
 );
-d.displayName = "Divider";
+t.displayName = "Divider";
 export {
-  d as Divider
+  t as Divider
 };

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

@@ -1,9 +1,9 @@
-import { HTMLAttributes } from 'react';
+import { ComponentPropsWithRef } from 'react';
 export type DividerProps = {
     /**
      * The orientation of the divider
      * @default 'horizontal'
      */
     orientation?: 'horizontal' | 'vertical';
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Divider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Divider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -1,3 +1,6 @@
 import { IconProps } from './types';
-export declare const Icon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const Icon: {
+    ({ ref, size, className, children, viewBox, xmlns, ...props }: IconProps): import('react').ReactSVGElement;
+    displayName: string;
+};
 //# sourceMappingURL=Icon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAoBpC,eAAO,MAAM,IAAI,kHAgBhB,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAoBpC,eAAO,MAAM,IAAI;mEAQd,SAAS;;CAcX,CAAC"}

package/dist/lib/Components/Icon/Icon.js

@@ -1,7 +1,7 @@
 import { cn as s } from "../../../libs/utils-shared/dist/index.js";
 import { cva as a } from "class-variance-authority";
-import { forwardRef as k, createElement as l } from "react";
-const h = a("inline-block", {
+import { createElement as k } from "react";
+const l = a("inline-block", {
   variants: {
     size: {
       12: "icon-w-12 icon-h-12 icon-stroke-12",
@@ -17,22 +17,28 @@ const h = a("inline-block", {
   defaultVariants: {
     size: 24
   }
-}), m = k(
-  ({ size: o = 24, className: n = "", children: i, viewBox: c, xmlns: e, ...r }, t) => l(
-    "svg",
-    {
-      ref: t,
-      fill: "none",
-      "aria-hidden": "true",
-      xmlns: e,
-      viewBox: c,
-      className: s(n, h({ size: o }), "inline-block"),
-      ...r
-    },
-    i
-  )
+}), h = ({
+  ref: o,
+  size: n = 24,
+  className: i = "",
+  children: c,
+  viewBox: e,
+  xmlns: r,
+  ...t
+}) => k(
+  "svg",
+  {
+    ref: o,
+    fill: "none",
+    "aria-hidden": "true",
+    xmlns: r,
+    viewBox: e,
+    className: s(i, l({ size: n }), "inline-block"),
+    ...t
+  },
+  c
 );
-m.displayName = "Icon";
+h.displayName = "Icon";
 export {
-  m as Icon
+  h as Icon
 };

package/dist/lib/Components/Icon/createIcon.d.ts

@@ -7,6 +7,9 @@ import { IconProps } from './types';
  * @param iconJsx - The JSX content of the icon
  * @returns Icon component
  */
-declare const createIcon: (iconName: string, iconJsx: React.ReactElement<SVGProps<SVGSVGElement>>) => import('react').ForwardRefExoticComponent<Omit<Omit<IconProps, "children">, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+declare const createIcon: (iconName: string, iconJsx: React.ReactElement<SVGProps<SVGSVGElement>>) => {
+    ({ ref, className, ...props }: Omit<IconProps, "children">): import('react').FunctionComponentElement<IconProps>;
+    displayName: string;
+};
 export default createIcon;
 //# sourceMappingURL=createIcon.d.ts.map

package/dist/lib/Components/Icon/createIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/createIcon.ts"],"names":[],"mappings":"AACA,OAAO,EAA6B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,aACJ,MAAM,WACP,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,uIAgBrD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/createIcon.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,aACJ,MAAM,WACP,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;mCAMjD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;;CAY/B,CAAC;AAEF,eAAe,UAAU,CAAC"}