@ledgerhq/lumen-ui-react 0.0.56 → 0.0.58

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

@@ -1,3 +1,4 @@
-export { Button, type ButtonProps } from './Button';
-export { BaseButton, type BaseButtonProps } from './BaseButton';
+export { Button } from './Button';
+export { BaseButton } from './BaseButton';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,66 @@
+import { IconSize } from '../Icon/types';
+export type BaseButtonProps = {
+    /**
+     * The visual style of the button.
+     * @default base
+     */
+    appearance?: 'base' | 'gray' | 'accent' | 'transparent' | 'no-background' | 'red';
+    /**
+     * The size variant of the button.
+     * @default md
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    /**
+     * If true, the button expands to full width of its container.
+     * @default false
+     */
+    isFull?: boolean;
+    /**
+     * Whether the button is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If true, shows a loading spinner instead of the icon.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Additional custom CSS classes to apply.
+     */
+    className?: string;
+    /**
+     * Optional prop to render the button as a child element.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * An optional icon component to render inside the button.
+     */
+    icon?: React.ComponentType<{
+        size?: IconSize;
+        className?: string;
+    }>;
+    /**
+     * Optional children to render inside the button.
+     */
+    children?: React.ReactNode;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export type ButtonProps = {
+    /**
+     * If true, shows a loading spinner and disables the button.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * The content of the button. This is required to ensure buttons always have a label.
+     * @required
+     */
+    children: React.ReactNode;
+    /**
+     * The size variant of the button.
+     * @default md
+     */
+    size?: 'sm' | 'md' | 'lg';
+} & Omit<BaseButtonProps, 'children' | 'size'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1,33 +1,4 @@
 import { default as React } from 'react';
-import { IconSize } from '../Icon/Icon';
-export type CardButtonProps = {
-    /**
-     * The visual style of the card button.
-     * @default base
-     */
-    appearance?: 'base' | 'outline';
-    /**
-     * An optional icon component to render on the left side.
-     */
-    icon?: React.ComponentType<{
-        size?: IconSize;
-        className?: string;
-    }>;
-    /**
-     * The main title of the card button.
-     * @required
-     */
-    title: string;
-    /**
-     * Optional descriptive text displayed below the title.
-     */
-    description?: string;
-    /**
-     * If true, hides the chevron arrow on the right side.
-     * @default false
-     */
-    hideChevron?: boolean;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
 /**
  * A customizable card button component that displays an optional icon, a required title, an optional description, and an optional chevron arrow.
  *
@@ -57,31 +28,13 @@ export type CardButtonProps = {
  * />
  */
 export declare const CardButton: React.ForwardRefExoticComponent<{
-    /**
-     * The visual style of the card button.
-     * @default base
-     */
     appearance?: "base" | "outline";
-    /**
-     * An optional icon component to render on the left side.
-     */
     icon?: React.ComponentType<{
-        size?: IconSize;
+        size?: import('../Icon').IconSize;
         className?: string;
     }>;
-    /**
-     * The main title of the card button.
-     * @required
-     */
     title: string;
-    /**
-     * Optional descriptive text displayed below the title.
-     */
     description?: string;
-    /**
-     * If true, hides the chevron arrow on the right side.
-     * @default false
-     */
     hideChevron?: boolean;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & React.RefAttributes<HTMLButtonElement>>;
 //# 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;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAkBxC,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;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;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,UAAU;IArDrB;;;OAGG;iBACU,MAAM,GAAG,SAAS;IAC/B;;OAEG;WACI,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE;;;OAGG;WACI,MAAM;IACb;;OAEG;kBACW,MAAM;IACpB;;;OAGG;kBACW,OAAO;6GA6DtB,CAAC"}
+{"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;;;YA3CuB,CAAC;iBAAqB,CAAC;;;;;6GAyEpE,CAAC"}

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

@@ -1,2 +1,3 @@
-export * from './CardButton';
+export { CardButton } from './CardButton';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,30 @@
+import { IconSize } from '../Icon/types';
+export type CardButtonProps = {
+    /**
+     * The visual style of the card button.
+     * @default base
+     */
+    appearance?: 'base' | 'outline';
+    /**
+     * An optional icon component to render on the left side.
+     */
+    icon?: React.ComponentType<{
+        size?: IconSize;
+        className?: string;
+    }>;
+    /**
+     * The main title of the card button.
+     * @required
+     */
+    title: string;
+    /**
+     * Optional descriptive text displayed below the title.
+     */
+    description?: string;
+    /**
+     * If true, hides the chevron arrow on the right side.
+     * @default false
+     */
+    hideChevron?: boolean;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;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;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -1,23 +1,5 @@
 import { default as React } from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-export type CheckboxProps = {
-    /**
-     * The controlled checked state of the checkbox.
-     */
-    checked?: boolean;
-    /**
-     * The default checked state (uncontrolled).
-     */
-    defaultChecked?: boolean;
-    /**
-     * Callback function called when the checked state changes.
-     */
-    onCheckedChange?: (checked: boolean) => void;
-    /**
-     * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
-     */
-    className?: string;
-} & Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'checked' | 'defaultChecked' | 'onCheckedChange' | 'asChild'>;
 /**
  * A customizable checkbox component built on top of Radix UI Checkbox primitive.
  *
@@ -58,21 +40,9 @@ export type CheckboxProps = {
  * <Checkbox className="mr-8" />
  */
 export declare const Checkbox: React.ForwardRefExoticComponent<{
-    /**
-     * The controlled checked state of the checkbox.
-     */
     checked?: boolean;
-    /**
-     * The default checked state (uncontrolled).
-     */
     defaultChecked?: boolean;
-    /**
-     * Callback function called when the checked state changes.
-     */
     onCheckedChange?: (checked: boolean) => void;
-    /**
-     * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
-     */
     className?: string;
 } & Omit<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref">, "defaultChecked" | "checked" | "asChild" | "onCheckedChange"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CACN,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,SAAS,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,SAAS,CAC7D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,QAAQ;IA5DnB;;OAEG;cACO,OAAO;IACjB;;OAEG;qBACc,OAAO;IACxB;;OAEG;sBACe,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;IAC5C;;OAEG;gBACS,MAAM;uMA0DlB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,QAAQ;;;;;uMAanB,CAAC"}

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

@@ -1,2 +1,3 @@
-export * from './Checkbox';
+export { Checkbox } from './Checkbox';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,20 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+export type CheckboxProps = {
+    /**
+     * The controlled checked state of the checkbox.
+     */
+    checked?: boolean;
+    /**
+     * The default checked state (uncontrolled).
+     */
+    defaultChecked?: boolean;
+    /**
+     * Callback function called when the checked state changes.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
+     */
+    className?: string;
+} & Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'checked' | 'defaultChecked' | 'onCheckedChange' | 'asChild'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CACN,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,SAAS,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,SAAS,CAC7D,CAAC"}

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

@@ -7,8 +7,8 @@ const d = i.createContext({
   height: "hug"
 }), f = c(
   [
-    "w-400 bg-canvas-sheet flex max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl pb-24",
-    "z-dialog-content fixed left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%]",
+    "flex w-400 max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl bg-canvas-sheet pb-24",
+    "fixed left-[50%] top-[50%] z-dialog-content translate-x-[-50%] translate-y-[-50%]",
     "data-[state=closed]:animate-content-hide data-[state=open]:animate-content-show"
   ],
   {
@@ -42,14 +42,14 @@ const s = i.forwardRef(
       "data-slot": "dialog-overlay",
       className: n(
         a,
-        "z-dialog-overlay bg-canvas-overlay data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in fixed inset-0 backdrop-blur-sm"
+        "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
     }
   )
 );
 s.displayName = "DialogOverlay";
-function b({
+function w({
   className: a,
   children: t,
   ...e
@@ -68,14 +68,14 @@ function b({
     )
   ] });
 }
-const h = i.forwardRef(
+const u = i.forwardRef(
   ({ className: a, children: t, ...e }, l) => /* @__PURE__ */ o(
     "div",
     {
       ref: l,
       "data-slot": "dialog-body",
       className: n(
-        "-mb-24 flex min-h-0 flex-1 flex-col overflow-y-auto px-24 pb-24 pt-4",
+        "-mb-24 flex min-h-0 grow flex-col overflow-y-auto px-24 pb-24",
         a
       ),
       ...e,
@@ -83,24 +83,24 @@ const h = i.forwardRef(
     }
   )
 );
-h.displayName = "DialogBody";
-const u = i.forwardRef(
+u.displayName = "DialogBody";
+const h = i.forwardRef(
   ({ className: a, children: t, ...e }, l) => /* @__PURE__ */ o(
     "div",
     {
       ref: l,
       "data-slot": "dialog-footer",
-      className: n("flex shrink-0 flex-col px-24 pt-24", a),
+      className: n("flex shrink-0 justify-end gap-8 px-24 pt-24", a),
       ...e,
       children: t
     }
   )
 );
-u.displayName = "DialogFooter";
+h.displayName = "DialogFooter";
 export {
   y as Dialog,
-  h as DialogBody,
-  b as DialogContent,
-  u as DialogFooter,
+  u as DialogBody,
+  w as DialogContent,
+  h as DialogFooter,
   D as DialogTrigger
 };

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

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 export declare const DialogHeader: React.ForwardRefExoticComponent<{
     appearance?: "compact" | "extended";
     title?: string;
-    description?: React.ReactNode;
+    description?: string;
     onClose: () => void;
     onBack?: () => void;
     className?: string;

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

@@ -1,16 +1,16 @@
 import { jsxs as t, 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 v } from "class-variance-authority";
+import { cva as b } from "class-variance-authority";
 import f from "react";
 import { useCommonTranslation as h } from "../../../../i18n/useCommonTranslation.js";
-import { ArrowLeft as b } from "../../../Symbols/Icons/ArrowLeft.js";
-import { Close as D } from "../../../Symbols/Icons/Close.js";
 import { IconButton as x } from "../../IconButton/IconButton.js";
-const y = v("-ml-14 -mr-8 flex px-24 text-base", {
+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", {
   variants: {
     appearance: {
-      compact: "h-64 min-h-64 flex-row items-center gap-12",
+      compact: "mb-12 h-64 min-h-64 flex-row items-center gap-12",
       extended: "flex-col gap-16 pb-12 pt-10"
     }
   }
@@ -21,9 +21,9 @@ const y = v("-ml-14 -mr-8 flex px-24 text-base", {
     {
       appearance: "no-background",
       size: "sm",
-      icon: b,
+      icon: v,
       onClick: r,
-      className: "shrink-0",
+      className: "-ml-12 shrink-0",
       "aria-label": a("components.dialogHeader.goBackAriaLabel")
     }
   );
@@ -36,7 +36,7 @@ const y = v("-ml-14 -mr-8 flex px-24 text-base", {
       size: "xs",
       icon: D,
       onClick: r,
-      className: "shrink-0",
+      className: "-mr-8 shrink-0",
       "aria-label": a("components.dialogHeader.closeAriaLabel")
     }
   );
@@ -91,7 +91,7 @@ const y = v("-ml-14 -mr-8 flex px-24 text-base", {
             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 ps-14", children: [
+          (o || l) && /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
             o && /* @__PURE__ */ e("div", { className: "heading-2-semi-bold", children: o }),
             l && /* @__PURE__ */ e("div", { className: "text-muted body-2", children: l })
           ] })

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

@@ -106,7 +106,7 @@ export type DialogHeaderProps = {
     /**
      * Optional description text to show below or beside the title.
      */
-    description?: ReactNode;
+    description?: string;
     /**
      * Callback function to handle close action.
      */

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,SAAS,CAAC;IACxB;;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;CACpB,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,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;CACpB,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"}

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

@@ -1,8 +1,3 @@
-export type IconSize = 12 | 16 | 20 | 24 | 40 | 48 | 56;
-export type IconProps = {
-    size?: IconSize;
-    className?: string;
-    children: React.ReactNode;
-} & React.SVGProps<SVGSVGElement>;
+import { IconProps } from './types';
 export declare const Icon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
 //# 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":"AAIA,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAmBlC,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;AAmBpC,eAAO,MAAM,IAAI,kHAgBhB,CAAC"}

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

@@ -1,5 +1,5 @@
 import { SVGProps } from 'react';
-import { IconProps } from './Icon';
+import { IconProps } from './types';
 /**
  * Create an Icon component
  *

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;AAC5D,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,GACd,UAAU,MAAM,EAChB,SAAS,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,EAA6B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC;;;;;;GAMG;AACH,QAAA,MAAM,UAAU,GACd,UAAU,MAAM,EAChB,SAAS,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,uIAgBrD,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

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

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

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

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

@@ -0,0 +1,16 @@
+export type IconSize = 12 | 16 | 20 | 24 | 40 | 48 | 56;
+export type IconProps = {
+    /**
+     * The size of the icon.
+     */
+    size?: IconSize;
+    /**
+     * The class name of the icon.
+     */
+    className?: string;
+    /**
+     * The children of the icon.
+     */
+    children: React.ReactNode;
+} & React.SVGProps<SVGSVGElement>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Icon/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC"}

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

@@ -1,52 +1,9 @@
 import { default as React } from 'react';
-import { BaseButtonProps } from '../Button';
-import type * as TooltipPrimitive from '@radix-ui/react-tooltip';
-export type IconButtonProps = {
-    /**
-     * Accessible label for the IconButton
-     */
-    'aria-label': string;
-    /**
-     * The icon to display in the button
-     */
-    icon: NonNullable<BaseButtonProps['icon']>;
-    /**
-     * Whether to show a tooltip with the aria-label on hover
-     * @default false
-     */
-    tooltip?: boolean;
-    /**
-     * The preferred position of the tooltip relative to the button
-     * @default "top"
-     */
-    tooltipPlacement?: TooltipPrimitive.TooltipContentProps['side'];
-    /**
-     * Optional text to show in the tooltip. If not provided, aria-label will be used
-     */
-    tooltipText?: string;
-} & Omit<BaseButtonProps, 'isFull'>;
 export declare const IconButton: React.ForwardRefExoticComponent<{
-    /**
-     * Accessible label for the IconButton
-     */
     'aria-label': string;
-    /**
-     * The icon to display in the button
-     */
-    icon: NonNullable<BaseButtonProps["icon"]>;
-    /**
-     * Whether to show a tooltip with the aria-label on hover
-     * @default false
-     */
+    icon: NonNullable<import('..').BaseButtonProps["icon"]>;
     tooltip?: boolean;
-    /**
-     * The preferred position of the tooltip relative to the button
-     * @default "top"
-     */
-    tooltipPlacement?: TooltipPrimitive.TooltipContentProps["side"];
-    /**
-     * Optional text to show in the tooltip. If not provided, aria-label will be used
-     */
+    tooltipPlacement?: import('@radix-ui/react-tooltip').TooltipContentProps["side"];
     tooltipText?: string;
-} & Omit<BaseButtonProps, "isFull"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<import('..').BaseButtonProps, "isFull"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=IconButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,eAAe,EAAE,MAAM,WAAW,CAAC;AAGxD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAChE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAEpC,eAAO,MAAM,UAAU;IAxBrB;;OAEG;kBACW,MAAM;IACpB;;OAEG;UACG,WAAW,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IAC1C;;;OAGG;cACO,OAAO;IACjB;;;OAGG;uBACgB,gBAAgB,CAAC,mBAAmB,CAAC,MAAM,CAAC;IAC/D;;OAEG;kBACW,MAAM;6EAuCrB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,UAAU;;;;;;0FAoCtB,CAAC"}

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

@@ -1,2 +1,3 @@
-export * from './IconButton';
+export { IconButton } from './IconButton';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/IconButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,27 @@
+import { BaseButtonProps } from '../Button/types';
+import type * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export type IconButtonProps = {
+    /**
+     * Accessible label for the IconButton
+     */
+    'aria-label': string;
+    /**
+     * The icon to display in the button
+     */
+    icon: NonNullable<BaseButtonProps['icon']>;
+    /**
+     * Whether to show a tooltip with the aria-label on hover
+     * @default false
+     */
+    tooltip?: boolean;
+    /**
+     * The preferred position of the tooltip relative to the button
+     * @default "top"
+     */
+    tooltipPlacement?: TooltipPrimitive.TooltipContentProps['side'];
+    /**
+     * Optional text to show in the tooltip. If not provided, aria-label will be used
+     */
+    tooltipText?: string;
+} & Omit<BaseButtonProps, 'isFull'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/IconButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAChE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC"}