@ledgerhq/lumen-ui-react 0.1.62 → 0.1.64

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

@@ -1,17 +1,17 @@
 import { jsx as r } from "react/jsx-runtime";
-import { createSafeContext as c } from "../../../../libs/utils-shared/dist/index.js";
-import { useMemo as n } from "react";
+import { createSafeContext as n } from "../../../../libs/utils-shared/dist/index.js";
+import { useMemo as c } from "react";
 import { COLOR_SCHEMES as i } from "./ThemeProvider.types.js";
 import { useResolvedColorScheme as h, useRootColorModeSideEffect as u } from "./useRootColorModeSideEffect.js";
-import { I18nProvider as d } from "../../../../i18n/I18nProvider.js";
-const [f, l] = c("ThemeProvider"), a = ({
+import { TranslationsProvider as d } from "../../../../translations/translations.js";
+const [f, l] = n("ThemeProvider"), x = ({
   children: o,
   colorScheme: t = i.system,
   locale: m
 }) => {
   const e = h(t);
   u(e);
-  const s = n(
+  const s = c(
     () => ({
       colorScheme: e
     }),
@@ -23,6 +23,6 @@ const [f, l] = c("ThemeProvider"), a = ({
   contextRequired: !0
 });
 export {
-  a as ThemeProvider,
+  x as ThemeProvider,
   P as useTheme
 };

package/dist/lib/Components/core/ThemeProvider/ThemeProvider.types.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { SupportedLocale } from '../../../../i18n';
+import { SupportedLocale } from '../../../../translations';
 export declare const COLOR_SCHEMES: {
     readonly light: "light";
     readonly dark: "dark";

package/dist/lib/Components/core/ThemeProvider/ThemeProvider.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/ThemeProvider/ThemeProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,aAAa,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"ThemeProvider.types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/ThemeProvider/ThemeProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,aAAa,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC"}

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

@@ -18,7 +18,7 @@ import { TileContentProps, TileDescriptionProps, TileProps, TileSecondaryActionP
  *
  * <Tile appearance="card">
  *   <TileSecondaryAction icon={MoreVertical} onClick={() => console.log('More')} />
- *   <Spot appearance="icon" icon={Bitcoin} />
+ *   <Spot icon={Bitcoin} />
  *   <TileContent>
  *     <TileTitle>Bitcoin</TileTitle>
  *   </TileContent>
@@ -48,7 +48,7 @@ export declare const TileDescription: ({ children, className, ...props }: TileDe
  *
  * @example
  * <Tile>
- *   <Spot appearance="icon" icon={Settings} />
+ *   <Spot icon={Settings} />
  *   <TileContent>
  *     <TileTitle>My Title</TileTitle>
  *     <TileDescription>Description</TileDescription>

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

@@ -1,9 +1,9 @@
 import { jsxs as x, jsx as t } from "react/jsx-runtime";
 import { useDisabledContext as g, cn as v } from "../../../../libs/utils-shared/dist/index.js";
-import { Slot as y, Slottable as C } from "@radix-ui/react-slot";
+import { Slot as y, Slottable as N } from "@radix-ui/react-slot";
 import { cva as i } from "class-variance-authority";
-import { useCallback as N } from "react";
-const V = i(
+import { useCallback as V } from "react";
+const h = i(
   [
     "flex flex-col items-center gap-8 rounded-md p-12",
     "bg-surface body-2-semi-bold transition-colors",
@@ -29,7 +29,7 @@ const V = i(
       isFull: !1
     }
   }
-), h = i("shrink-0", {
+), k = i("shrink-0", {
   variants: {
     appearance: {
       gray: "text-base",
@@ -59,7 +59,7 @@ const V = i(
   const e = g({
     consumerName: "TileButton",
     mergeWith: { disabled: c }
-  }), p = N(
+  }), p = V(
     (o) => {
       if (e) {
         o.preventDefault();
@@ -75,7 +75,7 @@ const V = i(
       ref: n,
       type: a ? void 0 : "button",
       className: v(
-        V({ disabled: e, isFull: u, appearance: l }),
+        h({ disabled: e, isFull: u, appearance: l }),
         b
       ),
       onClick: p,
@@ -84,8 +84,8 @@ const V = i(
       "aria-label": f,
       ...m,
       children: [
-        /* @__PURE__ */ t(d, { size: 20, className: h({ disabled: e, appearance: l }) }),
-        a ? /* @__PURE__ */ t(C, { children: s }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-center", children: s })
+        /* @__PURE__ */ t(d, { size: 20, className: k({ disabled: e, appearance: l }) }),
+        a ? /* @__PURE__ */ t(N, { children: s }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-center", children: s })
       ]
     }
   );

package/dist/lib/Components/core/Timeline/Timeline.js

@@ -5,14 +5,14 @@ import { Spinner as c } from "../Spinner/Spinner.js";
 import { ClockFill as u } from "../../symbols/icons/ClockFill.js";
 import { DeleteCircleFill as x } from "../../symbols/icons/DeleteCircleFill.js";
 import { CheckmarkCircleFill as f } from "../../symbols/icons/CheckmarkCircleFill.js";
-const [p, m] = d("TimelineItem"), h = o("min-w-0 truncate body-2-semi-bold", {
+const [p, m] = d("TimelineItem"), N = o("min-w-0 truncate body-2-semi-bold", {
   variants: {
     muted: {
       true: "text-muted",
       false: "text-base"
     }
   }
-}), N = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: "size-12 rounded-full bg-muted-pressed" }), b = {
+}), h = /* @__PURE__ */ t("span", { "aria-hidden": !0, className: "size-12 rounded-full bg-muted-pressed" }), b = {
   success: /* @__PURE__ */ t(f, { "aria-hidden": !0, className: "text-success", size: 24 }),
   error: /* @__PURE__ */ t(x, { "aria-hidden": !0, className: "text-error", size: 24 }),
   pending: /* @__PURE__ */ t(u, { "aria-hidden": !0, className: "text-muted", size: 24 }),
@@ -29,7 +29,7 @@ const [p, m] = d("TimelineItem"), h = o("min-w-0 truncate body-2-semi-bold", {
   {
     className: "mt-16 flex size-32 shrink-0 items-center justify-center self-start",
     "data-testid": `timeline-indicator-${e ?? "neutral"}`,
-    children: e ? b[e] : N
+    children: e ? b[e] : h
   }
 ), T = () => /* @__PURE__ */ l(
   "div",
@@ -113,7 +113,7 @@ const [p, m] = d("TimelineItem"), h = o("min-w-0 truncate body-2-semi-bold", {
       ]
     }
   );
-}, L = ({
+}, S = ({
   ref: e,
   children: i,
   className: n,
@@ -126,7 +126,7 @@ const [p, m] = d("TimelineItem"), h = o("min-w-0 truncate body-2-semi-bold", {
     ...r,
     children: i
   }
-), S = ({
+), q = ({
   ref: e,
   children: i,
   className: n,
@@ -139,7 +139,7 @@ const [p, m] = d("TimelineItem"), h = o("min-w-0 truncate body-2-semi-bold", {
     ...r,
     children: i
   }
-), q = ({
+), B = ({
   ref: e,
   children: i,
   className: n,
@@ -152,7 +152,7 @@ const [p, m] = d("TimelineItem"), h = o("min-w-0 truncate body-2-semi-bold", {
     ...r,
     children: i
   }
-), B = ({
+), D = ({
   ref: e,
   children: i,
   className: n,
@@ -166,12 +166,12 @@ const [p, m] = d("TimelineItem"), h = o("min-w-0 truncate body-2-semi-bold", {
     "div",
     {
       ref: e,
-      className: s(h({ muted: a === "idle" }), n),
+      className: s(N({ muted: a === "idle" }), n),
       ...r,
       children: i
     }
   );
-}, D = ({
+}, H = ({
   ref: e,
   children: i,
   className: n,
@@ -184,7 +184,7 @@ const [p, m] = d("TimelineItem"), h = o("min-w-0 truncate body-2-semi-bold", {
     ...r,
     children: i
   }
-), H = ({
+), L = ({
   ref: e,
   children: i,
   className: n,
@@ -218,11 +218,11 @@ export {
   R as Timeline,
   j as TimelineItem,
   P as TimelineItemBody,
-  q as TimelineItemCaption,
-  D as TimelineItemDescription,
+  B as TimelineItemCaption,
+  H as TimelineItemDescription,
   F as TimelineItemHeader,
-  L as TimelineItemLeading,
-  S as TimelineItemLeadingRow,
-  B as TimelineItemTitle,
-  H as TimelineItemTrailing
+  S as TimelineItemLeading,
+  q as TimelineItemLeadingRow,
+  D as TimelineItemTitle,
+  L as TimelineItemTrailing
 };

package/dist/lib/Components/core/Toast/Toast.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { cn as l } from "../../../../libs/utils-shared/dist/index.js";
-import { toastVariants as x } from "./styles.js";
-import { useCommonTranslation as N } from "../../../../i18n/useCommonTranslation.js";
+import { toastVariants as N } from "./styles.js";
+import { useCommonTranslation as x } from "../../../../translations/translations.js";
 import { Spinner as v } from "../Spinner/Spinner.js";
 import { Button as u } from "../Button/Button.js";
 import { IconButton as k } from "../IconButton/IconButton.js";
@@ -25,13 +25,13 @@ const g = {
   role: p,
   ...d
 }) => {
-  const { t: h } = N(), t = i || s !== "info";
+  const { t: h } = x(), t = i || s !== "info";
   return /* @__PURE__ */ a(
     "div",
     {
       ref: n,
       role: p ?? (s === "error" || s === "warning" ? "alert" : "status"),
-      className: l(x({ hasLeading: t }), f),
+      className: l(N({ hasLeading: t }), f),
       ...d,
       children: [
         i ? /* @__PURE__ */ e("div", { className: "pt-10", children: /* @__PURE__ */ e(v, { size: 20, className: "shrink-0 text-on-interactive" }) }) : s !== "info" && /* @__PURE__ */ e("span", { className: "flex shrink-0 pt-10", children: g[s] }),

package/dist/lib/Components/core/Toast/Toaster.js

@@ -4,9 +4,9 @@ import { useSyncExternalStore as S, useState as x, useEffect as y } from "react"
 import { createPortal as M } from "react-dom";
 import { useToastCollapse as V } from "./hooks/useToastCollapse.js";
 import { useToastViewportPause as E } from "./hooks/useToastViewportPause.js";
-import { positionVariants as w, collapseVariants as C, slideExitVariants as I, queuedEnterVariants as N, slideEnterVariants as P } from "./styles.js";
-import { Toast as W } from "./Toast.js";
-const q = ({
+import { positionVariants as w, collapseVariants as q, slideExitVariants as C, queuedEnterVariants as I, slideEnterVariants as N } from "./styles.js";
+import { Toast as P } from "./Toast.js";
+const Q = ({
   item: t,
   durationMs: s,
   queued: o,
@@ -16,12 +16,12 @@ const q = ({
 }) => {
   const e = t.exiting ?? !1, { contentRef: u, height: p } = V();
   T({ durationMs: s, paused: c, exiting: e, onDismiss: d });
-  const a = r.startsWith("top") ? "top" : "bottom", m = () => e ? I({ position: r }) : o ? N({ edge: a }) : P({ position: r });
+  const a = r.startsWith("top") ? "top" : "bottom", m = () => e ? C({ position: r }) : o ? I({ edge: a }) : N({ position: r });
   return /* @__PURE__ */ l(
     "div",
     {
       "data-slot": "toast-collapse",
-      className: C({ edge: a, exiting: e }),
+      className: q({ edge: a, exiting: e }),
       style: { height: e ? 0 : p },
       children: /* @__PURE__ */ l(
         "div",
@@ -31,7 +31,7 @@ const q = ({
           className: m(),
           style: e ? { animationFillMode: "forwards" } : void 0,
           children: /* @__PURE__ */ l(
-            W,
+            P,
             {
               appearance: t.appearance,
               loading: t.loading,
@@ -44,7 +44,7 @@ const q = ({
       )
     }
   );
-}, G = ({
+}, H = ({
   maxItems: t = 3,
   position: s = "bottom-right",
   insets: o = {},
@@ -71,7 +71,7 @@ const q = ({
         },
         ...p,
         children: m.map((i) => /* @__PURE__ */ l(
-          q,
+          Q,
           {
             item: i,
             durationMs: b(i, r),
@@ -88,5 +88,5 @@ const q = ({
   ) : null;
 };
 export {
-  G as Toaster
+  H as Toaster
 };

package/dist/lib/Components/core/Trend/Trend.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as c } from "react/jsx-runtime";
 import { useDisabledContext as u, cn as p } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as f } from "class-variance-authority";
-import { useCommonTranslation as b } from "../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as b } from "../../../../translations/translations.js";
 import { TriangleDown as v } from "../../symbols/icons/TriangleDown.js";
 import { TriangleUp as g } from "../../symbols/icons/TriangleUp.js";
 function x(e) {
@@ -40,7 +40,7 @@ const T = f("inline-flex items-center", {
   negative: v,
   neutral: null
 };
-function L({
+function D({
   value: e,
   size: t = "md",
   disabled: r = !1,
@@ -67,5 +67,5 @@ function L({
   );
 }
 export {
-  L as Trend
+  D as Trend
 };

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

@@ -1,9 +1,9 @@
 import { jsxs as x, jsx as t } from "react/jsx-runtime";
 import { useDisabledContext as f, cn as h } from "../../../../libs/utils-shared/dist/index.js";
-import { Slot as z, Slottable as S } from "@radix-ui/react-slot";
+import { Slot as z, Slottable as N } from "@radix-ui/react-slot";
 import { cva as l } from "class-variance-authority";
-import { Spinner as B } from "../../core/Spinner/Spinner.js";
-const N = l(
+import { Spinner as S } from "../../core/Spinner/Spinner.js";
+const B = l(
   "inline-flex size-fit cursor-pointer items-center justify-center rounded-full transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
   {
     variants: {
@@ -65,7 +65,7 @@ const N = l(
       true: "text-disabled"
     }
   }
-}), M = ({
+}), C = ({
   ref: c,
   className: u,
   appearance: a = "base",
@@ -92,7 +92,7 @@ const N = l(
     r ? z : "button",
     {
       className: h(
-        N({ disabled: e, loading: n, appearance: a, size: s, isFull: p }),
+        B({ disabled: e, loading: n, appearance: a, size: s, isFull: p }),
         u
       ),
       ref: c,
@@ -103,7 +103,7 @@ const N = l(
       ...m,
       children: [
         n && /* @__PURE__ */ t(
-          B,
+          S,
           {
             size: d,
             className: b({ appearance: a, disabled: e })
@@ -116,12 +116,12 @@ const N = l(
             className: b({ appearance: a, disabled: e })
           }
         ),
-        i && (r ? /* @__PURE__ */ t(S, { children: i }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: i }))
+        i && (r ? /* @__PURE__ */ t(N, { children: i }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-left", children: i }))
       ]
     }
   );
 };
 export {
-  M as BaseButton,
-  N as baseButtonVariants
+  C as BaseButton,
+  B as baseButtonVariants
 };

package/dist/lib/Components/internal/BaseInput/BaseInput.js

@@ -8,7 +8,7 @@ import { BaseInputLabel as re } from "./BaseInputLabel.js";
 import { BaseInputMultiline as ne } from "./BaseInputMultiline.js";
 import { BaseInputSingleLine as se } from "./BaseInputSingleLine.js";
 import { useBaseInputValue as ie } from "./useBaseInputValue/useBaseInputValue.js";
-import { useCommonTranslation as oe } from "../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as oe } from "../../../../translations/translations.js";
 import { InteractiveIcon as le } from "../../core/InteractiveIcon/InteractiveIcon.js";
 import { DeleteCircleFill as ce } from "../../symbols/icons/DeleteCircleFill.js";
 const ue = O(
@@ -43,22 +43,22 @@ const ue = O(
       hasLabel: !1
     }
   }
-), xe = ({
+), Ve = ({
   ref: w,
   className: B,
   containerClassName: C,
   inputClassName: L,
-  labelClassName: V,
+  labelClassName: N,
   label: t,
-  id: x,
-  disabled: y,
+  id: V,
+  disabled: x,
   helperText: l,
   maxCount: r,
   status: n,
-  suffix: N,
+  suffix: y,
   prefix: P,
-  onClear: j,
-  hideClearButton: F = !1,
+  onClear: F,
+  hideClearButton: j = !1,
   readOnly: m = !1,
   "aria-invalid": D,
   onChange: R,
@@ -72,24 +72,24 @@ const ue = O(
 }) => {
   const h = Z({
     consumerName: "BaseInput",
-    mergeWith: { disabled: y }
+    mergeWith: { disabled: x }
   }), { t: k } = oe(), {
     inputRef: q,
     composedRef: f,
     currentValue: z,
     hasContent: M,
-    handleChange: T,
-    handleClear: X
+    handleChange: Q,
+    handleClear: T
   } = ie({
     value: i.value,
     defaultValue: i.defaultValue,
     onChange: R,
-    onClear: j,
+    onClear: F,
     ref: w
-  }), E = ee(), c = x || `input-${E}`, G = D ?? (n === "error" ? !0 : void 0), { inputPlaceholder: J, labelStaysFloatedWithPlaceholder: K } = _({
+  }), E = ee(), c = V || `input-${E}`, G = D ?? (n === "error" ? !0 : void 0), { inputPlaceholder: J, labelStaysFloatedWithPlaceholder: K } = _({
     label: t,
     placeholder: S
-  }), Q = M && !h && !m && !F, U = z.length, p = !!(r && r > 0), g = `${c}-helper`, o = !!l, b = {
+  }), U = M && !h && !m && !j, X = z.length, p = !!(r && r > 0), g = `${c}-helper`, o = !!l, b = {
     id: c,
     disabled: h,
     readOnly: m,
@@ -98,17 +98,17 @@ const ue = O(
     "aria-describedby": o ? g : void 0,
     hasLabel: !!t,
     className: L,
-    onChange: T
-  }, u = Q ? /* @__PURE__ */ e(
+    onChange: Q
+  }, u = U ? /* @__PURE__ */ e(
     le,
     {
       iconType: "filled",
       icon: ce,
       size: 20,
-      onClick: X,
+      onClick: T,
       "aria-label": k("components.baseInput.clearInputAriaLabel")
     }
-  ) : N;
+  ) : y;
   return /* @__PURE__ */ d("div", { className: B, children: [
     /* @__PURE__ */ d(
       "div",
@@ -158,7 +158,7 @@ const ue = O(
               status: n,
               floated: K,
               multiline: s,
-              className: V,
+              className: N,
               children: t
             }
           ),
@@ -182,12 +182,12 @@ const ue = O(
               status: n
             }
           ),
-          p && r != null && /* @__PURE__ */ e(te, { count: U, maxCount: r })
+          p && r != null && /* @__PURE__ */ e(te, { count: X, maxCount: r })
         ]
       }
     )
   ] });
 };
 export {
-  xe as BaseInput
+  Ve as BaseInput
 };

package/dist/lib/Components/internal/BaseInput/useAutosizeTextarea/useAutosizeTextarea.js

@@ -1,4 +1,4 @@
-import { debounce as E } from "../../../../../libs/utils-shared/dist/index.js";
+import { debounce as y } from "../../../../../libs/utils-shared/dist/index.js";
 import { useRef as u, useCallback as g, useLayoutEffect as w } from "react";
 const z = 166, p = "x", d = (o) => Number.parseInt(o, 10) || 0, O = ({
   minLines: o,
@@ -16,9 +16,9 @@ const z = 166, p = "x", d = (o) => Number.parseInt(o, 10) || 0, O = ({
     const f = e.scrollHeight;
     let n = Math.max(o * f, b);
     h && (n = Math.min(h * f, n)), n = Math.max(n, f);
-    const x = d(r.paddingTop) + d(r.paddingBottom), R = d(r.borderTopWidth) + d(r.borderBottomWidth), y = r.boxSizing === "border-box" ? x + R : 0;
+    const x = d(r.paddingTop) + d(r.paddingBottom), R = d(r.borderTopWidth) + d(r.borderBottomWidth), E = r.boxSizing === "border-box" ? x + R : 0;
     return {
-      height: n + y,
+      height: n + E,
       // A pixel of tolerance absorbs subpixel rounding.
       fits: Math.abs(n - b) <= 1
     };
@@ -32,7 +32,7 @@ const z = 166, p = "x", d = (o) => Number.parseInt(o, 10) || 0, O = ({
   return w(a), w(() => {
     const t = i.current;
     if (!t) return;
-    const e = E(a, z);
+    const e = y(a, z);
     window.addEventListener("resize", e);
     let r;
     return typeof ResizeObserver < "u" && (r = new ResizeObserver(() => {

package/dist/lib/Components/internal/BaseTag/BaseTag.js

@@ -41,8 +41,8 @@ const u = x(
     }
   }
 ), z = ({
-  ref: e,
-  className: a,
+  ref: a,
+  className: e,
   appearance: t,
   size: s,
   variant: r,
@@ -61,9 +61,9 @@ const u = x(
     {
       className: o(
         u({ appearance: t, size: s, variant: r, disabled: !!l }),
-        a
+        e
       ),
-      ref: e,
+      ref: a,
       ...b,
       children: [
         d,

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

@@ -22,8 +22,8 @@ const h = a("inline-block shrink-0", {
   size: n = 24,
   className: i = "",
   children: c,
-  viewBox: e,
-  xmlns: r,
+  viewBox: r,
+  xmlns: e,
   ...t
 }) => k(
   "svg",
@@ -31,8 +31,8 @@ const h = a("inline-block shrink-0", {
     ref: o,
     fill: "none",
     "aria-hidden": "true",
-    xmlns: r,
-    viewBox: e,
+    xmlns: e,
+    viewBox: r,
     className: s(h({ size: n }), "inline-block", i),
     ...t
   },

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

@@ -1,8 +1,8 @@
 import { useDisabledContext as c, cn as i } from "../../../../libs/utils-shared/dist/index.js";
 import { createElement as p } from "react";
 import { Icon as d } from "./Icon.js";
-const x = (e, r) => {
-  const t = ({
+const x = (e, t) => {
+  const r = ({
     ref: o,
     className: s,
     disabled: a,
@@ -15,12 +15,12 @@ const x = (e, r) => {
     return p(d, {
       ref: o,
       className: i(s, n && "text-disabled"),
-      viewBox: r.props.viewBox,
+      viewBox: t.props.viewBox,
       ...m,
-      children: r.props.children
+      children: t.props.children
     });
   };
-  return t.displayName = e, t;
+  return r.displayName = e, r;
 };
 export {
   x as default

package/dist/lib/Components/symbols/icons/AiBubble.d.ts

@@ -0,0 +1,29 @@
+/**
+ * AiBubble icon component.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props and additional
+ * size variants defined in the Icon component.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/story/react-icon--base&args=name:AiBubble Storybook}
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon.
+ * @param {React.SVGProps<SVGSVGElement>} [...props] - All standard SVG element props.
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { AiBubble } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <AiBubble />
+ *
+ * @example
+ * // With custom size and className
+ * <AiBubble size={40} className="text-warning" />
+ */
+export declare const AiBubble: {
+    ({ ref, className, disabled, ...props }: Omit<import('../Icon').IconProps, "children">): import('react').FunctionComponentElement<import('../Icon').IconProps>;
+    displayName: string;
+};
+//# sourceMappingURL=AiBubble.d.ts.map

package/dist/lib/Components/symbols/icons/AiBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiBubble.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/symbols/icons/AiBubble.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ;;;CAuBpB,CAAC"}

package/dist/lib/Components/symbols/icons/AiBubble.js

@@ -0,0 +1,30 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import i from "../Icon/createIcon.js";
+const t = i(
+  "AiBubble",
+  /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      fill: "currentColor",
+      viewBox: "0 0 16 16",
+      children: [
+        /* @__PURE__ */ r("g", { clipPath: "url(#clip0_10870_31)", children: /* @__PURE__ */ r(
+          "path",
+          {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M5.328 9.168h3m.256.779-1.26-3.893h-.982l-1.26 3.893m5.643 0V6.054M.995 8.001a6.97 6.97 0 0 0 1.269 4.014l-.492 2.214 2.214-.492A7.003 7.003 0 1 0 .995 8"
+          }
+        ) }),
+        /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_10870_31", children: /* @__PURE__ */ r("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
+      ]
+    }
+  )
+);
+export {
+  t as AiBubble
+};