@ledgerhq/lumen-ui-react 0.1.62 → 0.1.63

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

@@ -1,11 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useDisabledContext as x, cn as w } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as y } from "class-variance-authority";
-import { useMemo as C } from "react";
+import { useMemo as F } from "react";
 import { Spinner as P } from "../Spinner/Spinner.js";
-import { InformationFill as F } from "../../symbols/icons/InformationFill.js";
-import { WarningFill as k } from "../../symbols/icons/WarningFill.js";
-import { DeleteCircleFill as N } from "../../symbols/icons/DeleteCircleFill.js";
+import { InformationFill as C } from "../../symbols/icons/InformationFill.js";
+import { WarningFill as N } from "../../symbols/icons/WarningFill.js";
+import { DeleteCircleFill as k } from "../../symbols/icons/DeleteCircleFill.js";
 import { CheckmarkCircleFill as S } from "../../symbols/icons/CheckmarkCircleFill.js";
 import { BluetoothCircleFill as v } from "../../symbols/icons/BluetoothCircleFill.js";
 const I = y(
@@ -34,7 +34,7 @@ const I = y(
       }
     }
   }
-), E = (t) => {
+), G = (t) => {
   const s = t.size ?? 48, i = {
     32: 12,
     40: 16,
@@ -47,7 +47,7 @@ const I = y(
     48: "heading-5",
     56: "heading-4",
     72: "heading-2"
-  }, o = i[s] ?? 20, a = c[s] ?? "heading-5", { componentProps: m, content: p } = C(() => {
+  }, o = i[s] ?? 20, a = c[s] ?? "heading-5", { componentProps: m, content: p } = F(() => {
     if (t.appearance === "icon") {
       const { icon: n, ...r } = t;
       return {
@@ -69,11 +69,11 @@ const I = y(
         case "check":
           return /* @__PURE__ */ e(S, { size: o });
         case "error":
-          return /* @__PURE__ */ e(N, { size: o });
-        case "warning":
           return /* @__PURE__ */ e(k, { size: o });
+        case "warning":
+          return /* @__PURE__ */ e(N, { size: o });
         case "info":
-          return /* @__PURE__ */ e(F, { size: o });
+          return /* @__PURE__ */ e(C, { size: o });
         case "loader":
           return /* @__PURE__ */ e(P, { size: o });
       }
@@ -108,5 +108,5 @@ const I = y(
   );
 };
 export {
-  E as Spot
+  G as Spot
 };

package/dist/lib/Components/core/Stepper/Stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Stepper/Stepper.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA2B5C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,GAAI,wGAUrB,YAAY,4CAkId,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Stepper/Stepper.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA2B5C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,GAAI,wGAUrB,YAAY,4CAwId,CAAC"}

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

@@ -1,11 +1,12 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { useDisabledContext as w, cn as o, getStepperCalculations as $ } from "../../../../libs/utils-shared/dist/index.js";
-import { cva as j } from "class-variance-authority";
-import { useId as z } from "react";
-const L = {
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import { useDisabledContext as w, cn as l, getStepperCalculations as $ } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as z } from "class-variance-authority";
+import { useId as M } from "react";
+import { useCommonTranslation as j } from "../../../../translations/translations.js";
+const A = {
   md: { px: 48, strokeWidth: 4, root: "size-48", label: "body-2" },
   lg: { px: 72, strokeWidth: 6, root: "size-72", label: "heading-4" }
-}, I = j("transition-[stroke] duration-300 ease-in-out", {
+}, I = z("transition-[stroke] duration-300 ease-in-out", {
   variants: {
     appearance: { accent: "", success: "" },
     disabled: { true: "", false: "" }
@@ -23,58 +24,60 @@ const L = {
     },
     { disabled: !0, class: "stroke-muted-subtle-hover" }
   ]
-}), S = ({
-  className: f,
+}), E = ({
+  className: k,
   appearance: x = "accent",
   size: b = "md",
-  currentStep: l,
+  currentStep: r,
   totalSteps: a,
-  disabled: y = !1,
-  label: n,
-  ref: g,
-  ...v
+  disabled: g = !1,
+  label: t,
+  ref: y,
+  ...N
 }) => {
-  const r = w({
+  const o = w({
     consumerName: "Stepper",
-    mergeWith: { disabled: y }
-  }), u = z(), {
+    mergeWith: { disabled: g }
+  }), { t: v } = j(), u = M(), {
     px: e,
-    strokeWidth: t,
-    root: N,
+    strokeWidth: i,
+    root: D,
     label: c
-  } = L[b], {
-    displayLabel: D,
+  } = A[b], {
     r: d,
     cx: m,
     cy: h,
     progressDashArray: p,
     progressMaskDashArray: C,
     progressDashOffset: W,
-    dashPatternOffset: k
+    dashPatternOffset: f
   } = $({
-    currentStep: l,
+    currentStep: r,
     totalSteps: a,
     size: e,
-    label: n,
-    strokeWidth: t
+    label: t,
+    strokeWidth: i
   });
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ n(
     "div",
     {
-      ref: g,
+      ref: y,
       role: "progressbar",
-      "aria-valuenow": l,
+      "aria-valuenow": r,
       "aria-valuemin": 1,
       "aria-valuemax": a,
-      "aria-label": D,
-      className: o(
+      "aria-label": t ?? v("components.stepper.progressAriaLabel", {
+        currentStep: Math.min(Math.max(r, 0), a),
+        totalSteps: a
+      }),
+      className: l(
         "relative flex shrink-0 items-center justify-center rounded-full",
-        N,
-        f
+        D,
+        k
       ),
-      ...v,
+      ...N,
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ n(
           "svg",
           {
             width: e,
@@ -94,9 +97,9 @@ const L = {
                   strokeLinecap: "round",
                   className: "stroke-muted-subtle",
                   style: {
-                    strokeWidth: `${t}px`,
+                    strokeWidth: `${i}px`,
                     strokeDasharray: p,
-                    strokeDashoffset: k
+                    strokeDashoffset: f
                   }
                 }
               ),
@@ -119,7 +122,7 @@ const L = {
                       stroke: "white",
                       className: "transition-[stroke-dashoffset] duration-300 ease-in-out",
                       style: {
-                        strokeWidth: `${t}px`,
+                        strokeWidth: `${i}px`,
                         strokeDasharray: C,
                         strokeDashoffset: W
                       }
@@ -137,31 +140,31 @@ const L = {
                   stroke: "currentColor",
                   strokeLinecap: "round",
                   mask: `url(#${u})`,
-                  className: I({ appearance: x, disabled: r }),
+                  className: I({ appearance: x, disabled: o }),
                   style: {
-                    strokeWidth: `${t}px`,
+                    strokeWidth: `${i}px`,
                     strokeDasharray: p,
-                    strokeDashoffset: k
+                    strokeDashoffset: f
                   }
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ s("span", { className: "absolute inset-0 m-4 flex min-w-0 items-center justify-center text-base", children: n ? /* @__PURE__ */ s(
+        /* @__PURE__ */ s("span", { className: "absolute inset-0 m-4 flex min-w-0 items-center justify-center text-base", children: t ? /* @__PURE__ */ s(
           "span",
           {
-            className: o(c, "truncate", r && "text-disabled"),
-            children: n
+            className: l(c, "truncate", o && "text-disabled"),
+            children: t
           }
-        ) : /* @__PURE__ */ i("span", { className: "truncate", children: [
-          /* @__PURE__ */ s("span", { className: o(c, r && "text-disabled"), children: Math.min(Math.max(l, 0), a) }),
-          /* @__PURE__ */ i(
+        ) : /* @__PURE__ */ n("span", { className: "truncate", children: [
+          /* @__PURE__ */ s("span", { className: l(c, o && "text-disabled"), children: Math.min(Math.max(r, 0), a) }),
+          /* @__PURE__ */ n(
             "span",
             {
-              className: o(
+              className: l(
                 c,
-                r ? "text-disabled" : "text-muted"
+                o ? "text-disabled" : "text-muted"
               ),
               children: [
                 "/",
@@ -175,5 +178,5 @@ const L = {
   );
 };
 export {
-  S as Stepper
+  E as Stepper
 };

package/dist/lib/Components/core/Subheader/Subheader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Subheader/Subheader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,kDAK5B,mBAAmB,4CAYrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,4CAK1B,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAUrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,wCAK3B,kBAAkB,4CAcpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,sBAAsB,4CAaxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,mCAIlC,yBAAyB,4CAM3B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAMhB,CAAC"}
+{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Subheader/Subheader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,kDAK5B,mBAAmB,4CAYrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,4CAK1B,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAUrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,wCAK3B,kBAAkB,4CAepB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,sBAAsB,4CAaxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,mCAIlC,yBAAyB,4CAM3B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAMhB,CAAC"}

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

@@ -1,9 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as s } from "../../../../libs/utils-shared/dist/index.js";
-import { Information as i } from "../../symbols/icons/Information.js";
-import { ChevronRight as m } from "../../symbols/icons/ChevronRight.js";
-import { InteractiveIcon as c } from "../InteractiveIcon/InteractiveIcon.js";
-const b = ({
+import { useCommonTranslation as i } from "../../../../translations/translations.js";
+import { Information as m } from "../../symbols/icons/Information.js";
+import { ChevronRight as c } from "../../symbols/icons/ChevronRight.js";
+import { InteractiveIcon as u } from "../InteractiveIcon/InteractiveIcon.js";
+const x = ({
   children: r,
   as: e = "h2",
   className: t,
@@ -18,7 +19,7 @@ const b = ({
     ...n,
     children: r
   }
-), f = ({
+), g = ({
   children: r,
   onClick: e,
   className: t,
@@ -35,7 +36,7 @@ const b = ({
     ...n,
     children: r
   }
-), x = ({
+), v = ({
   value: r,
   format: e,
   className: t,
@@ -50,23 +51,26 @@ const b = ({
       children: a
     }
   );
-}, g = ({
+}, N = ({
   ref: r,
   iconType: e = "stroked",
   className: t,
   ...n
-}) => /* @__PURE__ */ o("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ o(
-  c,
-  {
-    ref: r,
-    iconType: e,
-    icon: i,
-    size: 16,
-    className: t,
-    "aria-label": "More information",
-    ...n
-  }
-) }), v = ({
+}) => {
+  const { t: a } = i();
+  return /* @__PURE__ */ o("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ o(
+    u,
+    {
+      ref: r,
+      iconType: e,
+      icon: m,
+      size: 16,
+      className: t,
+      "aria-label": a("components.subheader.moreInfoAriaLabel"),
+      ...n
+    }
+  ) });
+}, S = ({
   className: r,
   ...e
 }) => /* @__PURE__ */ o(
@@ -78,23 +82,23 @@ const b = ({
       r
     ),
     ...e,
-    children: /* @__PURE__ */ o(m, { size: 24 })
+    children: /* @__PURE__ */ o(c, { size: 24 })
   }
-), S = ({
+), w = ({
   children: r,
   className: e,
   ...t
-}) => /* @__PURE__ */ o("p", { className: s("body-3 text-muted", e), ...t, children: r }), w = ({
+}) => /* @__PURE__ */ o("p", { className: s("body-3 text-muted", e), ...t, children: r }), I = ({
   className: r,
   children: e,
   ...t
 }) => /* @__PURE__ */ o("div", { className: s("flex flex-col gap-4", r), ...t, children: e });
 export {
-  w as Subheader,
-  x as SubheaderCount,
-  S as SubheaderDescription,
-  g as SubheaderInfo,
-  f as SubheaderRow,
-  v as SubheaderShowMore,
-  b as SubheaderTitle
+  I as Subheader,
+  v as SubheaderCount,
+  w as SubheaderDescription,
+  N as SubheaderInfo,
+  g as SubheaderRow,
+  S as SubheaderShowMore,
+  x as SubheaderTitle
 };

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

@@ -1,4 +1,4 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { useDisabledContext as h, cn as s } from "../../../../libs/utils-shared/dist/index.js";
 import * as a from "@radix-ui/react-switch";
 import { cva as d } from "class-variance-authority";
@@ -39,7 +39,7 @@ const b = d(
   selected: r,
   defaultSelected: n,
   onChange: c,
-  size: e = "md",
+  size: t = "md",
   disabled: l,
   ...u
 }) => {
@@ -47,17 +47,17 @@ const b = d(
     consumerName: "Switch",
     mergeWith: { disabled: l }
   });
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     a.Root,
     {
       ref: i,
-      className: s(b({ size: e }), o),
+      className: s(b({ size: t }), o),
       checked: r,
       defaultChecked: n,
       onCheckedChange: c,
       disabled: m,
       ...u,
-      children: /* @__PURE__ */ t(a.Thumb, { className: g({ size: e }) })
+      children: /* @__PURE__ */ e(a.Thumb, { className: g({ size: t }) })
     }
   );
 };

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

@@ -4,7 +4,7 @@ import { cva as c } from "class-variance-authority";
 import { useThrottledScrollBottom as N } from "./utils/useThrottledScrollBottom.js";
 import { Spot as w } from "../Spot/Spot.js";
 import { Information as y } from "../../symbols/icons/Information.js";
-import { useCommonTranslation as R } from "../../../../i18n/useCommonTranslation.js";
+import { useCommonTranslation as R } from "../../../../translations/translations.js";
 import { ChevronUpDown as B } from "../../symbols/icons/ChevronUpDown.js";
 import { ChevronDescending as j } from "../../symbols/icons/ChevronDescending.js";
 import { ChevronAscending as I } from "../../symbols/icons/ChevronAscending.js";
@@ -107,7 +107,7 @@ const [k, u] = h("Table"), q = c(
     ...o,
     children: n
   }
-), L = c("", {
+), S = c("", {
   variants: {
     appearance: {
       "no-background": "bg-canvas",
@@ -133,7 +133,7 @@ const [k, u] = h("Table"), q = c(
     "tr",
     {
       ref: a,
-      className: L({ appearance: o, stickyHeader: t, className: e }),
+      className: S({ appearance: o, stickyHeader: t, className: e }),
       ...r,
       children: n
     }
@@ -197,7 +197,7 @@ const [k, u] = h("Table"), q = c(
     ...o,
     children: /* @__PURE__ */ l("div", { className: p.inner({ align: a }), children: n })
   }
-), [S, m] = h("TableCellItem", { align: "start" }), V = c("flex min-w-0 items-center gap-12", {
+), [V, m] = h("TableCellItem", { align: "start" }), L = c("flex min-w-0 items-center gap-12", {
   variants: {
     align: {
       start: "text-start",
@@ -210,11 +210,11 @@ const [k, u] = h("Table"), q = c(
   children: t,
   ref: a,
   ...r
-}) => /* @__PURE__ */ l(S, { value: { align: e }, children: /* @__PURE__ */ l(
+}) => /* @__PURE__ */ l(V, { value: { align: e }, children: /* @__PURE__ */ l(
   "div",
   {
     ref: a,
-    className: V({ align: e, className: n }),
+    className: L({ align: e, className: n }),
     ...r,
     children: t
   }

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/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] }),