@ledgerhq/lumen-ui-react 0.1.61 → 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 P } from "react";
-import { Spinner as C } 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 { useMemo as F } from "react";
+import { Spinner as P } from "../Spinner/Spinner.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(
@@ -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: l } = P(() => {
+  }, 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,18 +69,18 @@ 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 });
-        case "loader":
           return /* @__PURE__ */ e(C, { size: o });
+        case "loader":
+          return /* @__PURE__ */ e(P, { size: o });
       }
     })();
     return { componentProps: t, content: z };
   }, [t, o, a]), {
-    appearance: p,
+    appearance: l,
     className: d,
     disabled: u = !1,
     size: h = 48,
@@ -97,13 +97,13 @@ const I = y(
       className: w(
         I({
           disabled: g,
-          appearance: p,
+          appearance: l,
           size: h
         }),
         d
       ),
       ...f,
-      children: l
+      children: p
     }
   );
 };

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

@@ -1,13 +1,14 @@
 import { StepperProps } from './types';
 /**
  * A circular stepper component showing progress as current step out of total steps.
- * Renders a track arc with a progress arc and a center label.
+ * Renders a segmented track with progress and a center label.
  *
  * @see Figma – Stepper](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=11977-94&m=dev)
  *
  * @example
  * <Stepper currentStep={1} totalSteps={4} />
- * <Stepper currentStep={0} totalSteps={9} disabled /> // Shows minimal dot, disabled style
+ * <Stepper currentStep={0} totalSteps={8} disabled /> // Empty progress, disabled style
+ * <Stepper currentStep={2} totalSteps={4} size="lg" />
  */
-export declare const Stepper: ({ className, currentStep, totalSteps, disabled: disabledProp, label, ref, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: ({ className, appearance, size, currentStep, totalSteps, disabled: disabledProp, label, ref, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Stepper.d.ts.map

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":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAK5C;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,GAAI,sFAQrB,YAAY,4CAyFd,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,107 +1,182 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useDisabledContext as v, cn as d, getStepperCalculations as D } from "../../../../libs/utils-shared/dist/index.js";
-const s = 48, i = 4, W = ({
-  className: m,
-  currentStep: t,
-  totalSteps: r,
-  disabled: h = !1,
-  label: o,
-  ref: u,
-  ...f
+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 = z("transition-[stroke] duration-300 ease-in-out", {
+  variants: {
+    appearance: { accent: "", success: "" },
+    disabled: { true: "", false: "" }
+  },
+  compoundVariants: [
+    {
+      appearance: "accent",
+      disabled: !1,
+      class: "stroke-active"
+    },
+    {
+      appearance: "success",
+      disabled: !1,
+      class: "stroke-success"
+    },
+    { disabled: !0, class: "stroke-muted-subtle-hover" }
+  ]
+}), E = ({
+  className: k,
+  appearance: x = "accent",
+  size: b = "md",
+  currentStep: r,
+  totalSteps: a,
+  disabled: g = !1,
+  label: t,
+  ref: y,
+  ...N
 }) => {
-  const k = v({
+  const o = w({
     consumerName: "Stepper",
-    mergeWith: { disabled: h }
-  }), {
-    displayLabel: p,
-    r: l,
-    cx: n,
-    cy: c,
-    trackDashArray: b,
-    progressDashArray: x,
-    progressDashOffset: y
-  } = D({
-    currentStep: t,
-    totalSteps: r,
-    size: s,
-    label: o,
+    mergeWith: { disabled: g }
+  }), { t: v } = j(), u = M(), {
+    px: e,
+    strokeWidth: i,
+    root: D,
+    label: c
+  } = A[b], {
+    r: d,
+    cx: m,
+    cy: h,
+    progressDashArray: p,
+    progressMaskDashArray: C,
+    progressDashOffset: W,
+    dashPatternOffset: f
+  } = $({
+    currentStep: r,
+    totalSteps: a,
+    size: e,
+    label: t,
     strokeWidth: i
   });
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ n(
     "div",
     {
-      ref: u,
+      ref: y,
       role: "progressbar",
-      "aria-valuenow": t,
+      "aria-valuenow": r,
       "aria-valuemin": 1,
-      "aria-valuemax": r,
-      "aria-label": p,
-      className: d(
-        "relative flex size-48 shrink-0 items-center justify-center rounded-full",
-        m
+      "aria-valuemax": a,
+      "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",
+        D,
+        k
       ),
-      ...f,
+      ...N,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           "svg",
           {
-            width: s,
-            height: s,
-            viewBox: `0 0 ${s} ${s}`,
-            className: "rotate-135",
+            width: e,
+            height: e,
+            viewBox: `0 0 ${e} ${e}`,
+            className: "-rotate-90",
             "aria-hidden": !0,
             children: [
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ s(
                 "circle",
                 {
-                  cx: n,
-                  cy: c,
-                  r: l,
+                  cx: m,
+                  cy: h,
+                  r: d,
                   fill: "none",
                   stroke: "currentColor",
                   strokeLinecap: "round",
                   className: "stroke-muted-subtle",
                   style: {
                     strokeWidth: `${i}px`,
-                    strokeDasharray: b,
-                    strokeDashoffset: 0
+                    strokeDasharray: p,
+                    strokeDashoffset: f
                   }
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ s(
+                "mask",
+                {
+                  id: u,
+                  maskUnits: "userSpaceOnUse",
+                  x: 0,
+                  y: 0,
+                  width: e,
+                  height: e,
+                  children: /* @__PURE__ */ s(
+                    "circle",
+                    {
+                      cx: m,
+                      cy: h,
+                      r: d,
+                      fill: "none",
+                      stroke: "white",
+                      className: "transition-[stroke-dashoffset] duration-300 ease-in-out",
+                      style: {
+                        strokeWidth: `${i}px`,
+                        strokeDasharray: C,
+                        strokeDashoffset: W
+                      }
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ s(
                 "circle",
                 {
-                  cx: n,
-                  cy: c,
-                  r: l,
+                  cx: m,
+                  cy: h,
+                  r: d,
                   fill: "none",
                   stroke: "currentColor",
                   strokeLinecap: "round",
-                  className: d(
-                    k ? "stroke-muted-subtle-hover" : "stroke-active",
-                    "transition-[stroke-dashoffset,stroke] duration-300 ease-in-out"
-                  ),
+                  mask: `url(#${u})`,
+                  className: I({ appearance: x, disabled: o }),
                   style: {
                     strokeWidth: `${i}px`,
-                    strokeDasharray: x,
-                    strokeDashoffset: y
+                    strokeDasharray: p,
+                    strokeDashoffset: f
                   }
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e("span", { className: "absolute inset-0 m-4 flex items-center justify-center text-base", children: o ? /* @__PURE__ */ e("span", { className: "body-2-semi-bold", children: o }) : /* @__PURE__ */ a("span", { children: [
-          /* @__PURE__ */ e("span", { className: "body-1-semi-bold", children: Math.min(Math.max(t, 0), r) }),
-          /* @__PURE__ */ a("span", { className: "body-2-semi-bold text-muted", children: [
-            "/",
-            r
-          ] })
+        /* @__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: l(c, "truncate", o && "text-disabled"),
+            children: t
+          }
+        ) : /* @__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: l(
+                c,
+                o ? "text-disabled" : "text-muted"
+              ),
+              children: [
+                "/",
+                a
+              ]
+            }
+          )
         ] }) })
       ]
     }
   );
 };
 export {
-  W as Stepper
+  E as Stepper
 };

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

@@ -1,7 +1,17 @@
 import { ComponentPropsWithRef } from 'react';
 export type StepperProps = {
     /**
-     * Current step number (1-based). Use 0 or negative to show minimal dot (before starting).
+     * The visual style of the stepper's segments.
+     * @default accent
+     */
+    appearance?: 'accent' | 'success';
+    /**
+     * The overall dimensions of the stepper.
+     * @default md
+     */
+    size?: 'md' | 'lg';
+    /**
+     * Current step number (1-based).
      */
     currentStep: number;
     /**
@@ -9,7 +19,7 @@ export type StepperProps = {
      */
     totalSteps: number;
     /**
-     * Whether the stepper is disabled. Changes the progress arc to a muted style.
+     * Whether the stepper is disabled. Changes the progress to a muted style.
      * @default false
      */
     disabled?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAClC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

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/Table/Table.js

@@ -4,12 +4,12 @@ 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";
 import { InteractiveIcon as A } from "../InteractiveIcon/InteractiveIcon.js";
-const [V, u] = h("Table"), k = c(
+const [k, u] = h("Table"), q = c(
   "relative scrollbar-none w-full max-w-full border-collapse overflow-x-auto rounded-lg",
   {
     variants: {
@@ -32,12 +32,12 @@ const [V, u] = h("Table"), k = c(
     onScrollBottom: a,
     loading: r
   });
-  return /* @__PURE__ */ l(V, { value: { appearance: e, loading: r }, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(k, { value: { appearance: e, loading: r }, children: /* @__PURE__ */ l(
     "div",
     {
       ...i,
       ref: o,
-      className: k({ appearance: e, className: t }),
+      className: q({ appearance: e, className: t }),
       onScroll: d,
       children: n
     }
@@ -55,7 +55,7 @@ const [V, u] = h("Table"), k = c(
   className: e,
   ref: t,
   ...a
-}) => /* @__PURE__ */ l("colgroup", { ref: t, className: e, ...a, children: n }), q = c("", {
+}) => /* @__PURE__ */ l("colgroup", { ref: t, className: e, ...a, children: n }), H = c("", {
   variants: {
     hideBelow: {
       xs: "hidden xs:table-column",
@@ -74,7 +74,7 @@ const [V, u] = h("Table"), k = c(
   "col",
   {
     ref: t,
-    className: q({ hideBelow: e, className: n }),
+    className: H({ hideBelow: e, className: n }),
     ...a
   }
 ), _ = ({
@@ -107,7 +107,7 @@ const [V, u] = h("Table"), k = c(
     ...o,
     children: n
   }
-), H = c("", {
+), S = c("", {
   variants: {
     appearance: {
       "no-background": "bg-canvas",
@@ -133,7 +133,7 @@ const [V, u] = h("Table"), k = c(
     "tr",
     {
       ref: a,
-      className: H({ appearance: o, stickyHeader: t, className: e }),
+      className: S({ appearance: o, stickyHeader: t, className: e }),
       ...r,
       children: n
     }
@@ -197,7 +197,7 @@ const [V, u] = h("Table"), k = c(
     ...o,
     children: /* @__PURE__ */ l("div", { className: p.inner({ align: a }), children: n })
   }
-), [S, m] = h("TableCellItem", { align: "start" }), L = 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,7 +210,7 @@ const [V, u] = h("Table"), k = 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,

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"}