@ledgerhq/lumen-ui-react 0.0.66 → 0.0.68

package/dist/lib/Components/Select/Select.js

@@ -97,9 +97,9 @@ const x = c(
     position: r,
     ...i,
     children: [
-      /* @__PURE__ */ e(R, {}),
+      /* @__PURE__ */ e(j, {}),
       /* @__PURE__ */ e(a.Viewport, { className: y({ position: r }), children: o }),
-      /* @__PURE__ */ e(C, {})
+      /* @__PURE__ */ e(z, {})
     ]
   }
 ) }));
@@ -147,7 +147,7 @@ const I = s.forwardRef(
   )
 );
 I.displayName = "SelectSeparator";
-const z = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
+const R = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
   a.ItemText,
   {
     ref: r,
@@ -156,8 +156,8 @@ const z = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
     ...o
   }
 ));
-z.displayName = a.ItemText.displayName;
-function R({
+R.displayName = a.ItemText.displayName;
+function j({
   className: t,
   ...o
 }) {
@@ -174,7 +174,7 @@ function R({
     }
   );
 }
-function C({
+function z({
   className: t,
   ...o
 }) {
@@ -196,7 +196,7 @@ export {
   N as SelectContent,
   G as SelectGroup,
   v as SelectItem,
-  z as SelectItemText,
+  R as SelectItemText,
   w as SelectLabel,
   I as SelectSeparator,
   h as SelectTrigger

package/dist/lib/Components/Spot/Spot.js

@@ -4,8 +4,8 @@ import { cva as h } from "class-variance-authority";
 import { useMemo as f } from "react";
 import { Spinner as b } from "../Spinner/Spinner.js";
 import { InformationFill as g } from "../../Symbols/Icons/InformationFill.js";
-import { WarningFill as z } from "../../Symbols/Icons/WarningFill.js";
-import { DeleteCircleFill as x } from "../../Symbols/Icons/DeleteCircleFill.js";
+import { WarningFill as x } from "../../Symbols/Icons/WarningFill.js";
+import { DeleteCircleFill as z } from "../../Symbols/Icons/DeleteCircleFill.js";
 import { CheckmarkCircleFill as w } from "../../Symbols/Icons/CheckmarkCircleFill.js";
 import { BluetoothCircleFill as y } from "../../Symbols/Icons/BluetoothCircleFill.js";
 const F = h(
@@ -57,9 +57,9 @@ const F = h(
       case "check":
         return /* @__PURE__ */ e(w, { size: t });
       case "error":
-        return /* @__PURE__ */ e(x, { size: t });
-      case "warning":
         return /* @__PURE__ */ e(z, { size: t });
+      case "warning":
+        return /* @__PURE__ */ e(x, { size: t });
       case "info":
         return /* @__PURE__ */ e(g, { size: t });
       case "loader":

package/dist/lib/Components/ThemeProvider/ThemeProvider.js

@@ -19,7 +19,7 @@ const [x, p] = i("ThemeProvider"), D = ({
     [t, o]
   );
   return /* @__PURE__ */ r(x, { value: d, children: /* @__PURE__ */ r(h, { locale: o, children: e }) });
-}, O = () => {
+}, P = () => {
   const e = p({
     consumerName: "useTheme",
     contextRequired: !0
@@ -31,5 +31,5 @@ const [x, p] = i("ThemeProvider"), D = ({
 };
 export {
   D as ThemeProvider,
-  O as useTheme
+  P as useTheme
 };

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

@@ -1,4 +1,3 @@
-import { MouseEventHandler } from 'react';
 import { TileContentProps, TileDescriptionProps, TileSpotProps, TileTitleProps } from './types';
 /**
  * A flexible tile component that uses a composite pattern for maximum customization.
@@ -30,11 +29,13 @@ import { TileContentProps, TileDescriptionProps, TileSpotProps, TileTitleProps }
 export declare const Tile: import('react').ForwardRefExoticComponent<{
     appearance?: "no-background" | "card";
     disabled?: boolean;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
+    centered?: boolean;
+    onClick?: import('react').MouseEventHandler<HTMLButtonElement>;
     children: import('react').ReactNode;
     className?: string;
     'aria-label'?: string;
-} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "onClick"> & import('react').RefAttributes<HTMLDivElement>>;
+    secondaryAction?: import('react').ReactNode;
+} & Omit<import('react').HTMLAttributes<HTMLButtonElement>, "onClick"> & import('react').RefAttributes<HTMLDivElement>>;
 /**
  * A spot adapter for use within Tile. Automatically inherits the disabled state from the parent Tile.
  * Always renders at a fixed size of 48.
@@ -85,7 +86,7 @@ export declare const TileDescription: {
  * </Tile>
  */
 export declare const TileSecondaryAction: import('react').ForwardRefExoticComponent<{
-    onClick?: MouseEventHandler;
+    onClick?: import('react').MouseEventHandler;
     icon: React.ComponentType<Omit<import('../Icon').IconProps, "children">>;
     className?: string;
 } & Omit<import('react').HTMLAttributes<HTMLButtonElement>, "onClick"> & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAc,iBAAiB,EAAyB,MAAM,OAAO,CAAC;AAG7E,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EAGpB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AAgEjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;;;;;;;oHAsGhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAM5C,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CASlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,SAAS;wCAInB,cAAc;;CAiBhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,eAAe;wCAIzB,oBAAoB;;CAiBtB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;;;;0HAuC9B,CAAC"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EAGpB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AAuCjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;;;;;;;;;uHAyChB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAM5C,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CASlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,SAAS;wCAInB,cAAc;;CAiBhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,eAAe;wCAIzB,oBAAoB;;CAiBtB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;;;;0HAsC9B,CAAC"}

package/dist/lib/Components/Tile/Tile.js

@@ -1,242 +1,182 @@
-import { jsx as s, jsxs as q } from "react/jsx-runtime";
-import { extractSlottable as C, createSafeContext as I, cn as u } from "../../../libs/utils-shared/dist/index.js";
-import { cva as v } from "class-variance-authority";
-import { forwardRef as x, useState as w, useCallback as d } from "react";
-import { Spot as z } from "../Spot/Spot.js";
-import { InteractiveIcon as V } from "../InteractiveIcon/InteractiveIcon.js";
-const [j, p] = I("Tile"), T = {
-  root: v(
+import { jsx as a, jsxs as T } from "react/jsx-runtime";
+import { createSafeContext as v, cn as n } from "../../../libs/utils-shared/dist/index.js";
+import { cva as f } from "class-variance-authority";
+import { forwardRef as b, useCallback as x } from "react";
+import { Spot as y } from "../Spot/Spot.js";
+import { InteractiveIcon as N } from "../InteractiveIcon/InteractiveIcon.js";
+const [g, l] = v("Tile"), m = {
+  root: f([
+    "group relative flex flex-col items-center rounded-md text-base transition-colors focus-visible:outline-2 focus-visible:outline-focus"
+  ]),
+  inner: f(
     [
-      "group relative flex flex-col items-center gap-8 text-base transition-colors",
+      "flex w-full flex-col items-center gap-8 px-8 py-12",
       "rounded-md focus-visible:outline-2 focus-visible:outline-focus"
     ],
     {
       variants: {
         appearance: {
-          "no-background": "bg-base-transparent",
-          card: "bg-surface"
-        },
-        isActive: {
-          true: "",
-          false: ""
+          "no-background": "bg-base-transparent hover:not-disabled:bg-base-transparent-hover active:not-disabled:bg-base-transparent-pressed",
+          card: "bg-surface hover:not-disabled:bg-surface-hover active:not-disabled:bg-surface-pressed"
         },
         disabled: {
-          true: "",
+          true: "cursor-default",
+          false: "cursor-pointer"
+        },
+        centered: {
+          true: "h-full justify-center",
           false: ""
         }
       },
-      compoundVariants: [
-        {
-          appearance: "no-background",
-          isActive: !1,
-          disabled: !1,
-          className: "hover:bg-base-transparent-hover"
-        },
-        {
-          appearance: "no-background",
-          isActive: !0,
-          disabled: !1,
-          className: "bg-base-transparent-pressed"
-        },
-        {
-          appearance: "card",
-          isActive: !1,
-          disabled: !1,
-          className: "hover:bg-surface-hover"
-        },
-        {
-          appearance: "card",
-          isActive: !0,
-          disabled: !1,
-          className: "bg-surface-pressed"
-        }
-      ],
       defaultVariants: {
         appearance: "no-background",
-        isActive: !1,
-        disabled: !1
+        disabled: !1,
+        centered: !1
       }
     }
-  ),
-  button: v(
-    "flex w-full cursor-pointer flex-col items-center gap-8 rounded-md px-8 py-12 focus-visible:outline-2 focus-visible:outline-focus"
   )
-}, P = x(
+}, h = b(
   ({
     className: e,
-    onClick: i,
-    appearance: r = "no-background",
-    disabled: t = !1,
-    "aria-label": f,
-    children: m,
-    onMouseDown: l,
-    onMouseUp: o,
-    onMouseLeave: c,
-    ...n
-  }, N) => {
-    const [g, b] = w(!1), { slotElement: h, remainingChildren: A } = C(
-      m,
-      y
-    ), S = d(
-      (a) => {
-        a.target.closest(
-          "[data-secondary-button-container]"
-        ) || (l == null || l(a), b(!0));
-      },
-      [l]
-    ), k = d(
-      (a) => {
-        b(!1), o == null || o(a);
-      },
-      [o]
-    ), R = d(
-      (a) => {
-        b(!1), c == null || c(a);
-      },
-      [c]
-    );
-    return /* @__PURE__ */ s(j, { value: { disabled: t }, children: /* @__PURE__ */ q(
-      "div",
-      {
-        ...n,
-        ref: N,
-        className: T.root({
-          appearance: r,
-          isActive: g,
-          disabled: t,
-          className: e
-        }),
-        onMouseDown: t ? void 0 : (a) => {
-          S(a);
-        },
-        onMouseUp: t ? void 0 : (a) => {
-          k(a);
-        },
-        onMouseLeave: t ? void 0 : (a) => {
-          R(a);
-        },
-        children: [
-          /* @__PURE__ */ s(
-            "button",
-            {
-              "aria-label": f,
-              onClick: t ? void 0 : i,
-              disabled: t,
-              "data-disabled": t || void 0,
-              className: T.button(),
-              children: A
-            }
-          ),
-          h
-        ]
-      }
-    ) });
-  }
+    onClick: t,
+    secondaryAction: r,
+    appearance: o = "no-background",
+    disabled: i = !1,
+    centered: c = !1,
+    children: d,
+    style: u,
+    ...p
+  }, s) => /* @__PURE__ */ a(g, { value: { disabled: i }, children: /* @__PURE__ */ T(
+    "div",
+    {
+      ref: s,
+      style: u,
+      className: m.root({
+        className: e
+      }),
+      children: [
+        /* @__PURE__ */ a(
+          "button",
+          {
+            ...p,
+            onClick: t,
+            disabled: i,
+            className: m.inner({
+              appearance: o,
+              disabled: i,
+              centered: c
+            }),
+            children: d
+          }
+        ),
+        r
+      ]
+    }
+  ) })
 );
-P.displayName = "Tile";
-const D = (e) => {
-  const { disabled: i } = p({
+h.displayName = "Tile";
+const S = (e) => {
+  const { disabled: t } = l({
     consumerName: "TileSpot",
     contextRequired: !0
   });
-  return /* @__PURE__ */ s(z, { ...e, size: 48, disabled: i });
+  return /* @__PURE__ */ a(y, { ...e, size: 48, disabled: t });
 };
-D.displayName = "TileSpot";
-const E = ({
+S.displayName = "TileSpot";
+const w = ({
   children: e,
-  className: i,
+  className: t,
   ...r
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ a(
   "div",
   {
-    className: u("flex w-full flex-col items-center text-center", i),
+    className: n("flex w-full flex-col items-center text-center", t),
     ...r,
     children: e
   }
 );
-E.displayName = "TileContent";
-const O = ({
+w.displayName = "TileContent";
+const R = ({
   children: e,
-  className: i,
+  className: t,
   ...r
 }) => {
-  const { disabled: t } = p({
+  const { disabled: o } = l({
     consumerName: "TileTitle",
     contextRequired: !0
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: u(
+      className: n(
         "w-full truncate body-2-semi-bold",
-        t && "text-disabled",
-        i
+        o && "text-disabled",
+        t
       ),
       ...r,
       children: e
     }
   );
 };
-O.displayName = "TileTitle";
-const B = ({
+R.displayName = "TileTitle";
+const j = ({
   children: e,
-  className: i,
+  className: t,
   ...r
 }) => {
-  const { disabled: t } = p({
+  const { disabled: o } = l({
     consumerName: "TileDescription",
     contextRequired: !0
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: u(
+      className: n(
         "w-full truncate body-3",
-        t ? "text-disabled" : "text-muted",
-        i
+        o ? "text-disabled" : "text-muted",
+        t
       ),
       ...r,
       children: e
     }
   );
 };
-B.displayName = "TileDescription";
-const y = x(({ onClick: e, icon: i, className: r, "aria-label": t, ...f }, m) => {
-  const { disabled: l } = p({
+j.displayName = "TileDescription";
+const q = b(({ onClick: e, icon: t, className: r, "aria-label": o, ...i }, c) => {
+  const { disabled: d } = l({
     consumerName: "TileSecondaryAction",
     contextRequired: !0
-  }), o = d(
-    (n) => {
-      n.stopPropagation(), n.preventDefault(), e == null || e(n);
+  }), u = x(
+    (s) => {
+      s.stopPropagation(), s.preventDefault(), e == null || e(s);
     },
     [e]
   );
-  if (l) return null;
-  const c = i;
-  return /* @__PURE__ */ s(
-    V,
+  if (d) return null;
+  const p = t;
+  return /* @__PURE__ */ a(
+    N,
     {
-      "data-slot": "tile-secondary-action",
-      className: u(
+      className: n(
         "absolute top-8 right-4 opacity-0 transition-opacity duration-200 group-hover:opacity-100 focus-within:opacity-100",
         r
       ),
       "data-secondary-button-container": !0,
       iconType: "stroked",
-      onClick: o,
-      "aria-label": t,
-      ref: m,
-      ...f,
-      children: /* @__PURE__ */ s(c, { size: 24 })
+      onClick: u,
+      "aria-label": o,
+      ref: c,
+      ...i,
+      children: /* @__PURE__ */ a(p, { size: 24 })
     }
   );
 });
-y.displayName = "TileSecondaryAction";
+q.displayName = "TileSecondaryAction";
 export {
-  P as Tile,
-  E as TileContent,
-  B as TileDescription,
-  y as TileSecondaryAction,
-  D as TileSpot,
-  O as TileTitle
+  h as Tile,
+  w as TileContent,
+  j as TileDescription,
+  q as TileSecondaryAction,
+  S as TileSpot,
+  R as TileTitle
 };

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

@@ -18,6 +18,12 @@ export type TileProps = {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Whether the tile content should be centered vertically.
+     * Useful when the tile has a fixed height and you want the content centered.
+     * @default false
+     */
+    centered?: boolean;
     /**
      * The function to call when the tile is clicked.
      */
@@ -36,7 +42,12 @@ export type TileProps = {
      * Aria label for accessibility.
      */
     'aria-label'?: string;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'onClick'>;
+    /**
+     * The secondary action to display inside the tile.
+     * Typically contains a TileSecondaryAction component.
+     */
+    secondaryAction?: ReactNode;
+} & Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'>;
 export type TileSpotProps = DiscriminatedSpotProps;
 export type TileContentProps = {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC;AAEpD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC"}

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

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+/**
+ * A compact button component displaying an icon above a label in a vertical layout.
+ * Ideal for grids, toolbars, or quick action menus.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/action-tilebutton--docs Storybook}
+ *
+ * @example
+ * import { TileButton } from '@ledgerhq/lumen-ui-react';
+ * import { Settings } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <TileButton icon={Settings} onClick={() => console.log('clicked')}>
+ *   Settings
+ * </TileButton>
+ *
+ * @example
+ * // Using with router (asChild pattern)
+ * import { Link } from 'react-router-dom';
+ *
+ * <TileButton asChild icon={Settings}>
+ *   <Link to="/settings">Settings</Link>
+ * </TileButton>
+ */
+export declare const TileButton: React.ForwardRefExoticComponent<{
+    icon: React.ComponentType<{
+        size?: import('../Icon').IconSize;
+        className?: string;
+    }>;
+    children: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+    isFull?: boolean;
+    className?: string;
+    'aria-label'?: string;
+    asChild?: boolean;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onClick"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=TileButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/TileButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAsC3C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU;;YAvDlB,CAAC;iBAAqB,CAAC;;;;;;;;;yHAuG3B,CAAC"}

package/dist/lib/Components/TileButton/TileButton.js

@@ -0,0 +1,81 @@
+import { jsxs as b, jsx as s } from "react/jsx-runtime";
+import { cn as p } from "../../../libs/utils-shared/dist/index.js";
+import { Slot as v, Slottable as x } from "@radix-ui/react-slot";
+import { cva as r } from "class-variance-authority";
+import g, { useCallback as N } from "react";
+const V = r(
+  [
+    "flex flex-col items-center gap-8 rounded-md p-12",
+    "bg-muted body-2-semi-bold text-base transition-colors",
+    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus"
+  ],
+  {
+    variants: {
+      disabled: {
+        true: "bg-disabled text-disabled cursor-not-allowed",
+        false: "hover:bg-muted-hover active:bg-muted-pressed cursor-pointer"
+      },
+      isFull: {
+        true: "w-full"
+      }
+    },
+    defaultVariants: {
+      disabled: !1,
+      isFull: !1
+    }
+  }
+), j = r("shrink-0", {
+  variants: {
+    disabled: {
+      true: "text-disabled",
+      false: "text-base"
+    }
+  },
+  defaultVariants: {
+    disabled: !1
+  }
+}), w = g.forwardRef(
+  ({
+    icon: i,
+    children: l,
+    onClick: t,
+    disabled: e = !1,
+    isFull: n = !1,
+    className: u,
+    asChild: a = !1,
+    "aria-label": f,
+    ...c
+  }, d) => {
+    const m = N(
+      (o) => {
+        if (e) {
+          o.preventDefault();
+          return;
+        }
+        t == null || t(o);
+      },
+      [e, t]
+    );
+    return /* @__PURE__ */ b(
+      a ? v : "button",
+      {
+        ref: d,
+        type: a ? void 0 : "button",
+        className: p(V({ disabled: e, isFull: n }), u),
+        onClick: m,
+        disabled: e,
+        "data-disabled": e || void 0,
+        "aria-label": f,
+        ...c,
+        children: [
+          /* @__PURE__ */ s(i, { size: 20, className: j({ disabled: e }) }),
+          a ? /* @__PURE__ */ s(x, { children: l }) : /* @__PURE__ */ s("span", { className: "line-clamp-2 text-center", children: l })
+        ]
+      }
+    );
+  }
+);
+w.displayName = "TileButton";
+export {
+  w as TileButton
+};

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

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

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

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