@ledgerhq/lumen-ui-react 0.0.54 → 0.0.56

package/dist/index.js

@@ -4,26 +4,26 @@ import { Banner as m } from "./lib/Components/Banner/Banner.js";
 import { BaseInput as x } from "./lib/Components/BaseInput/BaseInput.js";
 import { Button as a } from "./lib/Components/Button/Button.js";
 import { BaseButton as l } from "./lib/Components/Button/BaseButton.js";
-import { CardButton as c } from "./lib/Components/CardButton/CardButton.js";
+import { CardButton as g } from "./lib/Components/CardButton/CardButton.js";
 import { Checkbox as T } from "./lib/Components/Checkbox/Checkbox.js";
-import { Dialog as I, DialogContent as d, DialogTrigger as b } from "./lib/Components/Dialog/Dialog.js";
-import { DialogHeader as h } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
-import { IconButton as s } from "./lib/Components/IconButton/IconButton.js";
-import { InteractiveIcon as D } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
-import { Link as v } from "./lib/Components/Link/Link.js";
-import { ListItem as P } from "./lib/Components/ListItem/ListItem.js";
-import { Menu as R, MenuCheckboxItem as w, MenuContent as H, MenuGroup as j, MenuItem as q, MenuLabel as y, MenuPortal as z, MenuRadioGroup as E, MenuRadioItem as F, MenuSeparator as J, MenuSub as K, MenuSubContent as N, MenuSubTrigger as O, MenuTrigger as Q } from "./lib/Components/Menu/Menu.js";
-import { Search as V } from "./lib/Components/Search/Search.js";
-import { Select as X, SelectContent as Y, SelectGroup as Z, SelectItem as _, SelectItemText as $, SelectLabel as ee, SelectSeparator as oe, SelectTrigger as re } from "./lib/Components/Select/Select.js";
-import { Skeleton as ne } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spot as me } from "./lib/Components/Spot/Spot.js";
-import { Subheader as xe } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as ae } from "./lib/Components/Switch/Switch.js";
-import { Tag as le } from "./lib/Components/Tag/Tag.js";
-import { TextInput as ce } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as Te } from "./lib/Components/Tile/Tile.js";
-import { Tooltip as Ie, TooltipContent as de, TooltipProvider as be, TooltipTrigger as Ce } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as Be, useTheme as se } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { Dialog as I, DialogBody as d, DialogContent as b, DialogFooter as B, DialogTrigger as C } from "./lib/Components/Dialog/Dialog.js";
+import { DialogHeader as s } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
+import { IconButton as k } from "./lib/Components/IconButton/IconButton.js";
+import { InteractiveIcon as v } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
+import { Link as P } from "./lib/Components/Link/Link.js";
+import { ListItem as R } from "./lib/Components/ListItem/ListItem.js";
+import { Menu as y, MenuCheckboxItem as F, MenuContent as H, MenuGroup as j, MenuItem as q, MenuLabel as z, MenuPortal as E, MenuRadioGroup as J, MenuRadioItem as K, MenuSeparator as N, MenuSub as O, MenuSubContent as Q, MenuSubTrigger as U, MenuTrigger as V } from "./lib/Components/Menu/Menu.js";
+import { Search as X } from "./lib/Components/Search/Search.js";
+import { Select as Z, SelectContent as _, SelectGroup as $, SelectItem as ee, SelectItemText as oe, SelectLabel as re, SelectSeparator as te, SelectTrigger as ne } from "./lib/Components/Select/Select.js";
+import { Skeleton as me } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spot as xe } from "./lib/Components/Spot/Spot.js";
+import { Subheader as ae } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as le } from "./lib/Components/Switch/Switch.js";
+import { Tag as ge } from "./lib/Components/Tag/Tag.js";
+import { TextInput as Te } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as Ie } from "./lib/Components/Tile/Tile.js";
+import { Tooltip as be, TooltipContent as Be, TooltipProvider as Ce, TooltipTrigger as he } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as De, useTheme as ke } from "./lib/Components/ThemeProvider/ThemeProvider.js";
 export {
   r as AddressInput,
   n as AmountInput,
@@ -31,50 +31,52 @@ export {
   l as BaseButton,
   x as BaseInput,
   a as Button,
-  c as CardButton,
+  g as CardButton,
   T as Checkbox,
   I as Dialog,
-  d as DialogContent,
-  h as DialogHeader,
-  b as DialogTrigger,
-  s as IconButton,
-  D as InteractiveIcon,
-  v as Link,
-  P as ListItem,
-  R as Menu,
-  w as MenuCheckboxItem,
+  d as DialogBody,
+  b as DialogContent,
+  B as DialogFooter,
+  s as DialogHeader,
+  C as DialogTrigger,
+  k as IconButton,
+  v as InteractiveIcon,
+  P as Link,
+  R as ListItem,
+  y as Menu,
+  F as MenuCheckboxItem,
   H as MenuContent,
   j as MenuGroup,
   q as MenuItem,
-  y as MenuLabel,
-  z as MenuPortal,
-  E as MenuRadioGroup,
-  F as MenuRadioItem,
-  J as MenuSeparator,
-  K as MenuSub,
-  N as MenuSubContent,
-  O as MenuSubTrigger,
-  Q as MenuTrigger,
-  V as Search,
-  X as Select,
-  Y as SelectContent,
-  Z as SelectGroup,
-  _ as SelectItem,
-  $ as SelectItemText,
-  ee as SelectLabel,
-  oe as SelectSeparator,
-  re as SelectTrigger,
-  ne as Skeleton,
-  me as Spot,
-  xe as Subheader,
-  ae as Switch,
-  le as Tag,
-  ce as TextInput,
-  Be as ThemeProvider,
-  Te as Tile,
-  Ie as Tooltip,
-  de as TooltipContent,
-  be as TooltipProvider,
-  Ce as TooltipTrigger,
-  se as useTheme
+  z as MenuLabel,
+  E as MenuPortal,
+  J as MenuRadioGroup,
+  K as MenuRadioItem,
+  N as MenuSeparator,
+  O as MenuSub,
+  Q as MenuSubContent,
+  U as MenuSubTrigger,
+  V as MenuTrigger,
+  X as Search,
+  Z as Select,
+  _ as SelectContent,
+  $ as SelectGroup,
+  ee as SelectItem,
+  oe as SelectItemText,
+  re as SelectLabel,
+  te as SelectSeparator,
+  ne as SelectTrigger,
+  me as Skeleton,
+  xe as Spot,
+  ae as Subheader,
+  le as Switch,
+  ge as Tag,
+  Te as TextInput,
+  De as ThemeProvider,
+  Ie as Tile,
+  be as Tooltip,
+  Be as TooltipContent,
+  Ce as TooltipProvider,
+  he as TooltipTrigger,
+  ke as useTheme
 };

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

@@ -1,6 +1,6 @@
 import { DialogHeader } from './DialogHeader/DialogHeader';
-import { DialogContentProps, DialogProps } from './types';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { DialogContentProps, DialogProps, DialogTriggerProps } from './types';
+import * as React from 'react';
 /**
  * The root component that manages the dialog's open/closed state and contains the trigger and content.
  *
@@ -10,7 +10,7 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
  * @see {@link https://ldls.vercel.app/?path=/docs/containment-dialog-overview--docs Storybook}
  *
  * @example
- * import { Dialog, DialogTrigger, DialogContent, Button } from '@ledgerhq/lumen-ui-react';
+ * import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogBody, Button } from '@ledgerhq/lumen-ui-react';
  *
  * function MyComponent() {
  *   return (
@@ -26,13 +26,15 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
  *           onBack={() => {}}
  *           onClose={() => {}}
  *         />
- *         <p>This is a dialog!</p>
+ *         <DialogBody>
+ *           <p>This is a dialog!</p>
+ *         </DialogBody>
  *       </DialogContent>
  *     </Dialog>
  *   );
  * }
  */
-export declare function Dialog({ ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dialog({ height, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
 /**
  * The element that triggers the dialog to appear when interacted with.
  *
@@ -49,7 +51,7 @@ export declare function Dialog({ ...props }: DialogProps): import("react/jsx-run
  *   <Button>Click me for a dialog</Button>
  * </DialogTrigger>
  */
-export declare function DialogTrigger({ ...props }: DialogPrimitive.DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogTrigger({ ...props }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
 /**
  * The content container that displays the dialog information.
  *
@@ -77,5 +79,53 @@ export declare function DialogTrigger({ ...props }: DialogPrimitive.DialogTrigge
  * </DialogContent>
  */
 export declare function DialogContent({ className, children, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * The scrollable body area of the dialog.
+ *
+ * This component provides a scrollable container that expands to fill the
+ * remaining space between the header and footer. Use it when you have
+ * content that may overflow the dialog height.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/containment-dialog-overview--docs Storybook}
+ *
+ * @example
+ * <DialogContent>
+ *   <DialogHeader title="Title" onClose={handleClose} />
+ *   <DialogBody>
+ *     <p>Scrollable content here</p>
+ *   </DialogBody>
+ *   <DialogFooter>
+ *     <Button>Action</Button>
+ *   </DialogFooter>
+ * </DialogContent>
+ */
+export declare const DialogBody: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    className?: string;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * The fixed footer area of the dialog.
+ *
+ * This component provides a fixed container at the bottom of the dialog
+ * for actions like buttons. It stays in place while the body content scrolls.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/containment-dialog-overview--docs Storybook}
+ *
+ * @example
+ * <DialogContent>
+ *   <DialogHeader title="Title" onClose={handleClose} />
+ *   <DialogBody>
+ *     <p>Content</p>
+ *   </DialogBody>
+ *   <DialogFooter>
+ *     <Button>Cancel</Button>
+ *     <Button>Confirm</Button>
+ *   </DialogFooter>
+ * </DialogContent>
+ */
+export declare const DialogFooter: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    className?: string;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export { DialogHeader };
 //# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAsB,WAAW,EAAE,MAAM,SAAS,CAAC;AAC9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAE/C;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAC5B,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,kBAAkB,2CAEpC;AAsDD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAgBpB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAEL,kBAAkB,EAIlB,WAAW,EACX,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAwBjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,MAAM,CAAC,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAM/D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAE7D;AAuDD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAepB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU;;;+EAgBtB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY;;;+EAaxB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,57 +1,106 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
 import { cn as n } from "../../../libs/utils-shared/dist/index.js";
-import * as o from "@radix-ui/react-dialog";
+import * as r from "@radix-ui/react-dialog";
+import { cva as c } from "class-variance-authority";
 import * as i from "react";
-function m({ ...a }) {
-  return /* @__PURE__ */ t(o.Root, { "data-slot": "dialog", ...a });
+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%]",
+    "data-[state=closed]:animate-content-hide data-[state=open]:animate-content-show"
+  ],
+  {
+    variants: {
+      height: {
+        hug: "max-h-560",
+        fixed: "h-560"
+      }
+    },
+    defaultVariants: {
+      height: "hug"
+    }
+  }
+);
+function y({ height: a = "hug", ...t }) {
+  return /* @__PURE__ */ o(d.Provider, { value: { height: a }, children: /* @__PURE__ */ o(r.Root, { "data-slot": "dialog", ...t }) });
 }
-function f({
-  ...a
-}) {
-  return /* @__PURE__ */ t(o.Trigger, { "data-slot": "dialog-trigger", ...a });
+function D({ ...a }) {
+  return /* @__PURE__ */ o(r.Trigger, { "data-slot": "dialog-trigger", ...a });
 }
-function d({
+function m({
   ...a
 }) {
-  return /* @__PURE__ */ t(o.Portal, { "data-slot": "dialog-portal", ...a });
+  return /* @__PURE__ */ o(r.Portal, { "data-slot": "dialog-portal", ...a });
 }
 const s = i.forwardRef(
-  ({ className: a, ...e }, r) => /* @__PURE__ */ t(
-    o.Overlay,
+  ({ className: a, ...t }, e) => /* @__PURE__ */ o(
+    r.Overlay,
     {
-      ref: r,
+      ref: e,
       "data-slot": "dialog-overlay",
       className: n(
         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"
+        "z-dialog-overlay bg-canvas-overlay data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in fixed inset-0 backdrop-blur-sm"
       ),
-      ...e
+      ...t
     }
   )
 );
-function p({
+s.displayName = "DialogOverlay";
+function b({
   className: a,
-  children: e,
-  ...r
+  children: t,
+  ...e
 }) {
-  return /* @__PURE__ */ l(d, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ t(s, {}),
-    /* @__PURE__ */ t(
-      o.Content,
+  const { height: l } = i.useContext(d);
+  return /* @__PURE__ */ g(m, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ o(s, {}),
+    /* @__PURE__ */ o(
+      r.Content,
       {
         "data-slot": "dialog-content",
-        className: n(
-          "fixed left-[50%] top-[50%] z-dialog-content w-400 max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-2xl bg-canvas-sheet px-24 pb-24 pt-0 data-[state=closed]:animate-content-hide data-[state=open]:animate-content-show",
-          a
-        ),
-        ...r,
-        children: e
+        className: n(f({ height: l }), a),
+        ...e,
+        children: t
       }
     )
   ] });
 }
+const h = 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",
+        a
+      ),
+      ...e,
+      children: t
+    }
+  )
+);
+h.displayName = "DialogBody";
+const u = 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),
+      ...e,
+      children: t
+    }
+  )
+);
+u.displayName = "DialogFooter";
 export {
-  m as Dialog,
-  p as DialogContent,
-  f as DialogTrigger
+  y as Dialog,
+  h as DialogBody,
+  b as DialogContent,
+  u as DialogFooter,
+  D as DialogTrigger
 };

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

@@ -1,4 +1,10 @@
-import { FC } from 'react';
-import { DialogHeaderProps } from '../types';
-export declare const DialogHeader: FC<DialogHeaderProps>;
+import { default as React } from 'react';
+export declare const DialogHeader: React.ForwardRefExoticComponent<{
+    appearance?: "compact" | "extended";
+    title?: string;
+    description?: React.ReactNode;
+    onClose: () => void;
+    onBack?: () => void;
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & React.RefAttributes<HTMLDivElement>>;
 //# 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,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA6I7C,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAyB9C,CAAC"}
+{"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"}

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

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

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

@@ -1,5 +1,10 @@
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { ReactNode } from 'react';
+export type DialogHeight = 'hug' | 'fixed';
 export type DialogProps = {
+    /**
+     * The content to display inside the dialog.
+     */
+    children?: ReactNode;
     /**
      * Callback function to handle open state change.
      * @param open - The new open state of the dialog.
@@ -15,12 +20,25 @@ export type DialogProps = {
      * @default false
      */
     defaultOpen?: boolean;
-} & React.ComponentProps<typeof DialogPrimitive.Root>;
+    /**
+     * The height behavior of the dialog.
+     * - `hug`: Content-fit height up to max 560px (default)
+     * - `fixed`: Always exactly 560px height
+     * @default 'hug'
+     */
+    height?: DialogHeight;
+    /**
+     * Whether to render the dialog in modal mode.
+     * When true, interaction with outside elements is disabled.
+     * @default true
+     */
+    modal?: boolean;
+};
 export type DialogTriggerProps = {
     /**
      * The element that will trigger the dialog (e.g., button, icon, text).
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      */
@@ -29,12 +47,12 @@ export type DialogTriggerProps = {
      * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
      */
     className?: string;
-} & React.ComponentProps<typeof DialogPrimitive.Trigger>;
+};
 export type DialogContentProps = {
     /**
      * The content to display inside the dialog.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      */
@@ -43,13 +61,38 @@ export type DialogContentProps = {
      * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
      */
     className?: string;
-} & React.ComponentProps<typeof DialogPrimitive.Content>;
+    /**
+     * Event handler called when auto-focusing on open.
+     * Can be prevented by calling `event.preventDefault()`.
+     */
+    onOpenAutoFocus?: (event: Event) => void;
+    /**
+     * Event handler called when auto-focusing on close.
+     * Can be prevented by calling `event.preventDefault()`.
+     */
+    onCloseAutoFocus?: (event: Event) => void;
+    /**
+     * Event handler called when the escape key is pressed.
+     * Can be prevented by calling `event.preventDefault()`.
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Event handler called when a pointer event occurs outside the dialog.
+     * Can be prevented by calling `event.preventDefault()`.
+     */
+    onPointerDownOutside?: (event: CustomEvent) => void;
+    /**
+     * Event handler called when any interaction occurs outside the dialog.
+     * Can be prevented by calling `event.preventDefault()`.
+     */
+    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;
-} & React.ComponentProps<typeof DialogPrimitive.Overlay>;
+};
 export type DialogHeaderProps = {
     /**
      * The appearance variant of the header.
@@ -63,7 +106,7 @@ export type DialogHeaderProps = {
     /**
      * Optional description text to show below or beside the title.
      */
-    description?: string;
+    description?: ReactNode;
     /**
      * Callback function to handle close action.
      */
@@ -72,5 +115,29 @@ export type DialogHeaderProps = {
      * Optional callback for back navigation.
      */
     onBack?: () => void;
+    /**
+     * Additional custom CSS classes to apply.
+     */
+    className?: string;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>;
+export type DialogBodyProps = {
+    /**
+     * The content to display inside the dialog body.
+     */
+    children?: ReactNode;
+    /**
+     * Additional custom CSS classes to apply.
+     */
+    className?: string;
+} & React.HTMLAttributes<HTMLDivElement>;
+export type DialogFooterProps = {
+    /**
+     * The content to display inside the dialog footer.
+     */
+    children?: ReactNode;
+    /**
+     * Additional custom CSS classes to apply.
+     */
+    className?: string;
 } & React.HTMLAttributes<HTMLDivElement>;
 //# 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,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG;IACxB;;;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;CACvB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;AAEzD,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;CACrB,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,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"}

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

@@ -1,60 +1,18 @@
 import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
 import { IconSize } from '../Icon/Icon';
-declare const tagVariants: (props?: ({
-    appearance?: "base" | "disabled" | "gray" | "accent" | "success" | "warning" | "error" | null | undefined;
-    size?: "sm" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type TagProps = {
-    /**
-     * The appearance of the tag.
-     * @default accent
-     */
-    appearance?: 'base' | 'gray' | 'accent' | 'success' | 'error' | 'warning' | 'disabled';
-    /**
-     * The size of the tag.
-     * @default lg
-     */
-    size?: 'sm' | 'lg';
-    /**
-     * Icon component to render.
-     */
-    icon?: React.ComponentType<{
-        size?: IconSize;
-        className?: string;
-    }>;
-    /**
-     * Label text to display.
-     * @required
-     */
-    label: string;
-} & React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof tagVariants>;
 export declare const Tag: React.ForwardRefExoticComponent<{
-    /**
-     * The appearance of the tag.
-     * @default accent
-     */
-    appearance?: "base" | "gray" | "accent" | "success" | "error" | "warning" | "disabled";
-    /**
-     * The size of the tag.
-     * @default lg
-     */
+    appearance?: "base" | "gray" | "accent" | "success" | "error" | "warning";
     size?: "sm" | "lg";
-    /**
-     * Icon component to render.
-     */
     icon?: React.ComponentType<{
         size?: IconSize;
         className?: string;
     }>;
-    /**
-     * Label text to display.
-     * @required
-     */
     label: string;
+    disabled?: boolean;
 } & React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    appearance?: "base" | "disabled" | "gray" | "accent" | "success" | "warning" | "error" | null | undefined;
+    appearance?: "base" | "gray" | "accent" | "success" | "warning" | "error" | null | undefined;
     size?: "sm" | "lg" | null | undefined;
+    disabled?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
-export {};
 //# 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,cAAc,CAAC;AAExC,QAAA,MAAM,WAAW;;;8EAuBhB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,UAAU,CAAC,EACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU,CAAC;IACf;;;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;CACf,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACtC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEnC,eAAO,MAAM,GAAG;IA7Bd;;;OAGG;iBAEC,MAAM,GACN,MAAM,GACN,QAAQ,GACR,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU;IACd;;;OAGG;WACI,IAAI,GAAG,IAAI;IAClB;;OAEG;WACI,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE;;;OAGG;WACI,MAAM;;;;sHA2Bd,CAAC"}
+{"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,cAAc,CAAC;AAgCxC,eAAO,MAAM,GAAG;;;;YAxBN,CAAC;iBAAqB,CAAC;;;;;;;;sHAgD/B,CAAC"}

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

@@ -1,8 +1,8 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { cn as g } from "../../../libs/utils-shared/dist/index.js";
 import { cva as m } from "class-variance-authority";
-import l from "react";
-const b = m(
+import b from "react";
+const x = m(
   "inline-flex items-center justify-center gap-4 rounded-xs",
   {
     variants: {
@@ -12,40 +12,42 @@ const b = m(
         accent: "bg-accent text-on-accent",
         success: "bg-success text-success",
         error: "bg-error text-error",
-        warning: "bg-warning text-warning",
-        disabled: "bg-disabled text-disabled"
+        warning: "bg-warning text-warning"
       },
       size: {
         lg: "px-8 py-4 body-3",
         sm: "px-4 py-2 body-4"
+      },
+      disabled: {
+        true: "bg-disabled text-disabled",
+        false: ""
       }
     },
     defaultVariants: {
       appearance: "accent",
-      size: "lg"
+      size: "lg",
+      disabled: !1
     }
   }
-), x = l.forwardRef(
-  ({ className: n, appearance: r, size: e, icon: s, label: c, ...i }, o) => {
-    const d = e ? {
-      lg: 16,
-      sm: 12
-    }[e] : 16, a = s;
-    return /* @__PURE__ */ p(
-      "div",
-      {
-        className: g(n, b({ appearance: r, size: e })),
-        ref: o,
-        ...i,
-        children: [
-          a && /* @__PURE__ */ t(a, { size: d, className: "shrink-0" }),
-          /* @__PURE__ */ t("span", { children: c })
-        ]
-      }
-    );
-  }
-);
-x.displayName = "Tag";
+), u = b.forwardRef(({ className: s, appearance: n, size: e, icon: r, label: c, disabled: i, ...o }, d) => {
+  const p = e ? {
+    lg: 16,
+    sm: 12
+  }[e] : 16, a = r;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: g(s, x({ appearance: n, size: e, disabled: i })),
+      ref: d,
+      ...o,
+      children: [
+        a && /* @__PURE__ */ t(a, { size: p, className: "shrink-0" }),
+        /* @__PURE__ */ t("span", { children: c })
+      ]
+    }
+  );
+});
+u.displayName = "Tag";
 export {
-  x as Tag
+  u as Tag
 };

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

@@ -0,0 +1,32 @@
+import { IconSize } from '../Icon/Icon';
+export type TagProps = {
+    /**
+     * The appearance of the tag.
+     * @default accent
+     */
+    appearance?: 'base' | 'gray' | 'accent' | 'success' | 'error' | 'warning';
+    /**
+     * The size of the tag.
+     * @default lg
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Icon component to render.
+     */
+    icon?: React.ComponentType<{
+        size?: IconSize;
+        className?: string;
+    }>;
+    /**
+     * Label text to display.
+     * @required
+     */
+    label: string;
+    /**
+     * When `true`, prevents the user from interacting with the tag.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+} & React.HTMLAttributes<HTMLDivElement>;
+//# sourceMappingURL=Tag.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,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"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.0.53",
+  "version": "0.0.55",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -52,6 +52,7 @@
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.0.54",
+  "version": "0.0.56",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -41,7 +41,7 @@
     ]
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.0.11",
+    "@ledgerhq/lumen-utils-shared": "0.0.12",
     "i18next": "^23.7.0",
     "react-i18next": "^14.0.0"
   },
@@ -52,6 +52,7 @@
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",