@ledgerhq/lumen-ui-react 0.1.50 → 0.1.52

package/README.md

@@ -33,13 +33,23 @@ import type { Config } from 'tailwindcss';
 import { ledgerLivePreset } from '@ledgerhq/lumen-design-core';
 
 const config = {
-  content: ['./src/**/*.{js,ts,jsx,tsx}', './node_modules/@ledgerhq/lumen-ui-react/dist/lib/**/*.{js,ts,jsx,tsx}'],
+  content: ['./src/**/*.{js,ts,jsx,tsx}'],
   presets: [ledgerLivePreset],
 } satisfies Config;
 
 export default config;
 ```
 
+Then import Lumen's stylesheet next to Tailwind in your main CSS file. It
+registers our compiled components as a Tailwind source, so you never have to
+reference our build layout yourself:
+
+```css
+@import 'tailwindcss';
+@import '@ledgerhq/lumen-ui-react/tailwind.css';
+@config '../tailwind.config.ts';
+```
+
 ### 2. Start Using Components
 
 ```tsx

package/ai-rules/RULES.md

@@ -22,7 +22,13 @@ Lumen typography classes set `font-family: Inter` via design tokens. The consume
 
 ### Tailwind Configuration (REQUIRED)
 
-- Tailwind config MUST include Lumen in content array: `'./node_modules/@ledgerhq/lumen-ui-react/dist/lib/**/*.{js,ts,jsx,tsx}'`
+- Check the installed Tailwind major version first — the two paths differ:
+- **Tailwind v4 (recommended):** the main stylesheet MUST import Lumen's
+  stylesheet so Tailwind scans the compiled components:
+  `@import '@ledgerhq/lumen-ui-react/tailwind.css';` (add
+  `@import '@ledgerhq/lumen-ui-react-visualization/tailwind.css';` when using
+  charts). Do NOT also add `./node_modules/@ledgerhq/lumen-ui-react/dist/**` to
+  the `content` array — that path is internal and may change in any release.
 - Always use a preset from `@ledgerhq/lumen-design-core`: ledgerLivePreset, enterprisePreset or websitesPreset
 - Import presets: `import { ledgerLivePreset } from '@ledgerhq/lumen-design-core'`
 

package/dist/lib/Components/Avatar/resolveAvatarColor.js

@@ -1,18 +1,18 @@
 import { resolveAvatarColorKey as o } from "../../../libs/utils-shared/dist/index.js";
-import { cssVar as a } from "../../../libs/design-core/dist/lib/cssVar/cssVar.js";
-const e = {
-  orange: a("var(--background-avatar-orange)"),
-  green: a("var(--background-avatar-green)"),
-  blue: a("var(--background-avatar-blue)"),
-  purple: a("var(--background-avatar-purple)"),
-  red: a("var(--background-avatar-red)"),
-  yellow: a("var(--background-avatar-yellow)"),
-  turquoise: a("var(--background-avatar-turquoise)"),
-  pink: a("var(--background-avatar-pink)")
+import { cssVar as r } from "../../../libs/design-core/dist/lib/cssVar/cssVar.js";
+const a = {
+  orange: r("var(--background-decorative-orange)"),
+  green: r("var(--background-decorative-green)"),
+  blue: r("var(--background-decorative-blue)"),
+  purple: r("var(--background-decorative-purple)"),
+  red: r("var(--background-decorative-red)"),
+  yellow: r("var(--background-decorative-yellow)"),
+  turquoise: r("var(--background-decorative-turquoise)"),
+  pink: r("var(--background-decorative-pink)")
 };
-function n(r) {
-  return e[o(r)];
+function t(e) {
+  return a[o(e)];
 }
 export {
-  n as resolveAvatarColor
+  t as resolveAvatarColor
 };

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

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,kBAAkB;;;;;;8EAqD9B,CAAC;AAkBF,eAAO,MAAM,UAAU,GAAI,iIAaxB,eAAe,4CAgDjB,CAAC"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/BaseButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,kBAAkB;;;;;;8EAqD9B,CAAC;AAkBF,eAAO,MAAM,UAAU,GAAI,iIAaxB,eAAe,4CAiDjB,CAAC"}

package/dist/lib/Components/Button/BaseButton.js

@@ -65,17 +65,17 @@ const N = l(
       true: "text-disabled"
     }
   }
-}), M = ({
+}), C = ({
   ref: c,
   className: u,
   appearance: a = "base",
   size: s,
   isFull: v,
   disabled: p = !1,
-  asChild: o = !1,
+  asChild: r = !1,
   icon: n,
-  loading: r = !1,
-  children: i,
+  loading: i = !1,
+  children: o,
   onClick: g,
   ...m
 }) => {
@@ -89,38 +89,39 @@ const N = l(
     lg: 24
   }[s] : 24;
   return /* @__PURE__ */ x(
-    o ? z : "button",
+    r ? z : "button",
     {
       className: h(
-        N({ disabled: e, loading: r, appearance: a, size: s, isFull: v }),
+        N({ disabled: e, loading: i, appearance: a, size: s, isFull: v }),
         u
       ),
       ref: c,
       "data-disabled": e || void 0,
       disabled: e,
       onClick: g,
+      ...r ? {} : { type: "button" },
       ...m,
       children: [
-        r && /* @__PURE__ */ t(
+        i && /* @__PURE__ */ t(
           B,
           {
             size: d,
             className: b({ appearance: a, disabled: e })
           }
         ),
-        !r && n && /* @__PURE__ */ t(
+        !i && n && /* @__PURE__ */ t(
           n,
           {
             size: d,
             className: b({ appearance: a, disabled: e })
           }
         ),
-        i && (o ? /* @__PURE__ */ t(S, { children: i }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: i }))
+        o && (r ? /* @__PURE__ */ t(S, { children: o }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: o }))
       ]
     }
   );
 };
 export {
-  M as BaseButton,
+  C as BaseButton,
   N as baseButtonVariants
 };

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

@@ -30,6 +30,11 @@ import { ButtonProps } from './types';
  *   <Link to="/dashboard">Go to Dashboard</Link>
  * </Button>
  *
+ * // Submit button inside a form (opt into type="submit")
+ * <form onSubmit={handleSubmit}>
+ *   <Button type="submit">Save</Button>
+ * </form>
+ *
  */
 export declare const Button: ({ ref, className, loading, disabled, children, size, icon, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAe3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,MAAM,GAAI,uEASpB,WAAW,4CAcb,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAe3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,MAAM,GAAI,uEASpB,WAAW,4CAcb,CAAC"}

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

@@ -46,6 +46,14 @@ export type BaseButtonProps = {
      * Optional children to render inside the button.
      */
     children?: ReactNode;
+    /**
+     * The native button `type`. Defaults to `'button'` so the button does not
+     * accidentally submit a surrounding `<form>`. Set `'submit'` or `'reset'` to
+     * opt into form behaviour. Ignored when `asChild` is used, since the rendered
+     * element (e.g. an anchor) is not a native button.
+     * @default 'button'
+     */
+    type?: 'button' | 'submit' | 'reset';
 } & ComponentPropsWithRef<'button'>;
 export type ButtonProps = {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,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,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AAEpC,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,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,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AAEpC,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;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.map

@@ -1 +1 @@
-{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/CardButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkB/C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,GAAI,yGAUxB,eAAe,4CAoCjB,CAAC"}
+{"version":3,"file":"CardButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/CardButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkB/C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,GAAI,yGAUxB,eAAe,4CAqCjB,CAAC"}

package/dist/lib/Components/CardButton/CardButton.js

@@ -17,12 +17,12 @@ const h = f(
   }
 ), w = ({
   ref: i,
-  className: l,
-  appearance: o,
+  className: o,
+  appearance: l,
   icon: d,
-  title: r,
+  title: n,
   description: t,
-  hideChevron: n,
+  hideChevron: r,
   disabled: b,
   ...u
 }) => {
@@ -36,19 +36,20 @@ const h = f(
       ref: i,
       className: p(
         h({
-          appearance: o
+          appearance: l
         }),
-        l
+        o
       ),
       disabled: c,
+      type: "button",
       ...u,
       children: [
         s && /* @__PURE__ */ e(s, { size: 24 }),
         /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-col gap-4 text-left", children: [
-          /* @__PURE__ */ e("div", { className: "min-w-0 truncate body-2-semi-bold", children: r }),
+          /* @__PURE__ */ e("div", { className: "min-w-0 truncate body-2-semi-bold", children: n }),
           t && /* @__PURE__ */ e("div", { className: "line-clamp-2 min-w-0 body-3 text-muted group-disabled:text-disabled", children: t })
         ] }),
-        !n && /* @__PURE__ */ e(
+        !r && /* @__PURE__ */ e(
           v,
           {
             size: 24,

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

@@ -27,5 +27,12 @@ export type CardButtonProps = {
      * @default false
      */
     hideChevron?: boolean;
+    /**
+     * The native button `type`. Defaults to `'button'` so the card button does
+     * not accidentally submit a surrounding `<form>`. Set `'submit'` or `'reset'`
+     * to opt into form behaviour.
+     * @default 'button'
+     */
+    type?: 'button' | 'submit' | 'reset';
 } & Omit<ComponentPropsWithRef<'button'>, 'children'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/CardButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAiFhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,GAAI,6IAYzB,gBAAgB,4CA6ClB,CAAC"}
+{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAiFhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,WAAW,GAAI,6IAYzB,gBAAgB,4CA8ClB,CAAC"}

package/dist/lib/Components/MediaButton/MediaButton.js

@@ -3,8 +3,8 @@ import { useDisabledContext as C, cn as u } from "../../../libs/utils-shared/dis
 import { Slot as g, Slottable as v } from "@radix-ui/react-slot";
 import { cva as S } from "class-variance-authority";
 import { baseButtonVariants as z } from "../Button/BaseButton.js";
-import { ChevronDown as x } from "../../Symbols/Icons/ChevronDown.js";
-const y = S("gap-8 body-2-semi-bold", {
+import { ChevronDown as y } from "../../Symbols/Icons/ChevronDown.js";
+const b = S("gap-8 body-2-semi-bold", {
   variants: {
     size: {
       sm: "",
@@ -83,45 +83,46 @@ const y = S("gap-8 body-2-semi-bold", {
   }
 }), k = ({
   ref: r,
-  className: i,
-  appearance: p = "gray",
+  className: p,
+  appearance: i = "gray",
   size: d = "md",
-  disabled: h = !1,
-  asChild: n = !1,
-  leadingContent: a,
-  leadingContentShape: m = "flat",
+  disabled: m = !1,
+  asChild: a = !1,
+  leadingContent: n,
+  leadingContentShape: h = "flat",
   hideChevron: s = !1,
   children: t,
   ...c
 }) => {
   const o = C({
     consumerName: "MediaButton",
-    mergeWith: { disabled: h }
-  }), f = a ? m : "none";
+    mergeWith: { disabled: m }
+  }), f = n ? h : "none";
   return /* @__PURE__ */ l(
-    n ? g : "button",
+    a ? g : "button",
     {
       ref: r,
       className: u(
         z({
-          appearance: p,
+          appearance: i,
           disabled: o,
           loading: !1
         }),
-        y({
+        b({
           size: d,
           leadingContentShape: f,
           hasChevron: !s
         }),
-        i
+        p
       ),
       disabled: o,
+      ...a ? {} : { type: "button" },
       ...c,
       children: [
-        a && /* @__PURE__ */ e("span", { className: "inline-flex shrink-0 items-center", children: a }),
+        n && /* @__PURE__ */ e("span", { className: "inline-flex shrink-0 items-center", children: n }),
         /* @__PURE__ */ l("span", { className: "flex items-center gap-2", children: [
-          n ? /* @__PURE__ */ e(v, { children: t }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: t }),
-          !s && /* @__PURE__ */ e(x, { size: 20 })
+          a ? /* @__PURE__ */ e(v, { children: t }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: t }),
+          !s && /* @__PURE__ */ e(y, { size: 20 })
         ] })
       ]
     }

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

@@ -34,5 +34,13 @@ export type MediaButtonProps = {
      * The label content of the media button.
      */
     children: ReactNode;
+    /**
+     * The native button `type`. Defaults to `'button'` so the media button does
+     * not accidentally submit a surrounding `<form>`. Set `'submit'` or `'reset'`
+     * to opt into form behaviour. Ignored when `asChild` is used, since the
+     * rendered element (e.g. an anchor) is not a native button.
+     * @default 'button'
+     */
+    type?: 'button' | 'submit' | 'reset';
 } & Pick<BaseButtonProps, 'disabled' | 'className' | 'asChild'> & ComponentPropsWithRef<'button'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,eAAe,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC,GAC7D,qBAAqB,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,eAAe,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC,GAC7D,qBAAqB,CAAC,QAAQ,CAAC,CAAC"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.49",
+  "version": "0.1.51",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -17,6 +17,7 @@
   "types": "./dist/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
+    "./tailwind.css": "./tailwind.css",
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
@@ -32,6 +33,7 @@
   "files": [
     "dist",
     "ai-rules",
+    "tailwind.css",
     "!**/*.tsbuildinfo"
   ],
   "nx": {
@@ -54,7 +56,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "@tanstack/react-table": "^8.21.3",
-    "@ledgerhq/lumen-design-core": "0.1.23",
+    "@ledgerhq/lumen-design-core": "0.1.24",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.50",
+  "version": "0.1.52",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -17,6 +17,7 @@
   "types": "./dist/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
+    "./tailwind.css": "./tailwind.css",
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
@@ -32,6 +33,7 @@
   "files": [
     "dist",
     "ai-rules",
+    "tailwind.css",
     "!**/*.tsbuildinfo"
   ],
   "nx": {
@@ -54,7 +56,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "@tanstack/react-table": "^8.21.3",
-    "@ledgerhq/lumen-design-core": "0.1.23",
+    "@ledgerhq/lumen-design-core": "0.1.24",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",

package/tailwind.css

@@ -0,0 +1,16 @@
+/*
+ * Registers Lumen's compiled components as a Tailwind source.
+ *
+ * Tailwind only emits a utility it has actually seen in a scanned file, and it
+ * skips gitignored paths (node_modules) during automatic detection. Consumers
+ * therefore used to copy a `./node_modules/@ledgerhq/lumen-ui-react/dist/lib/**`
+ * glob into their own config, which turned our build layout into a de-facto
+ * public API: renaming a folder here silently dropped utilities from their CSS,
+ * with no build error.
+ *
+ * `@source` paths resolve relative to the stylesheet that declares them, so the
+ * glob lives next to the layout it describes. Consumers only ever hold the
+ * stable `@ledgerhq/lumen-ui-react/tailwind.css` specifier — restructuring
+ * `dist` becomes a one-line change here instead of a breaking change for them.
+ */
+@source "./dist/lib";