@ledgerhq/lumen-ui-react 0.1.62 → 0.1.63

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/visualization/CartesianChart/CartesianChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CartesianChart.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/CartesianChart/CartesianChart.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAuC,EACvC,KAAK,EACL,WAAW,EACX,SAAmB,EACnB,QAAgB,EAChB,OAAO,EAAE,WAAW,EACpB,eAAuB,EACvB,wBAAwB,EACxB,OAAc,EACd,YAAY,EACZ,QAAQ,GACT,EAAE,mBAAmB,2CAuGrB"}
+{"version":3,"file":"CartesianChart.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/CartesianChart/CartesianChart.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAuC,EACvC,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAgB,EAChB,OAAO,EAAE,WAAW,EACpB,eAAuB,EACvB,wBAAwB,EACxB,OAAc,EACd,YAAY,EACZ,QAAQ,GACT,EAAE,mBAAmB,2CAwGrB"}

package/dist/lib/Components/visualization/CartesianChart/CartesianChart.js

@@ -1,21 +1,22 @@
-import { jsx as r, jsxs as k, Fragment as O } from "react/jsx-runtime";
-import { useRef as h, useState as B, useCallback as E, useEffect as F, useMemo as b } from "react";
-import { chartConfig as H } from "../config.js";
-import { ScrubberProvider as V } from "../Scrubber/ScrubberProvider.js";
-import { resolveInset as q, resolveAxisPadding as D } from "./utils.js";
+import { jsx as r, jsxs as O, Fragment as B } from "react/jsx-runtime";
+import { useRef as h, useState as E, useCallback as F, useEffect as H, useMemo as b } from "react";
+import { chartConfig as L } from "../config.js";
+import { ScrubberProvider as T } from "../Scrubber/ScrubberProvider.js";
+import { resolveInset as V, resolveAxisPadding as q } from "./utils.js";
+import { useCommonTranslation as D } from "../../../../translations/translations.js";
 import { useBuildChartContext as G } from "./context/useBuildChartContext.js";
 import { CartesianChartProvider as J } from "./context/cartesianChartContext.js";
 import { MagneticPointsProvider as K } from "../Point/pointContext/MagneticPointsProvider.js";
-import { RevealAnimationProvider as L } from "./RevealAnimation/RevealAnimationProvider.js";
-function $({
+import { RevealAnimationProvider as N } from "./RevealAnimation/RevealAnimationProvider.js";
+function te({
   series: d,
   xAxis: y,
-  yAxis: C,
+  yAxis: g,
   width: e = "100%",
-  height: n = H.root.defaultHeight,
+  height: i = L.root.defaultHeight,
   inset: l,
   axisPadding: c,
-  ariaLabel: g = "Chart",
+  ariaLabel: C,
   ariaBusy: x = !1,
   overlay: R,
   enableScrubbing: s = !1,
@@ -24,29 +25,29 @@ function $({
   magnetRadius: w,
   children: M
 }) {
-  const a = h(null), v = h(null), [W, z] = B(
+  const { t: W } = D(), a = h(null), f = h(null), [z, I] = E(
     typeof e == "number" ? e : void 0
-  ), t = typeof e != "number", f = E((i) => {
-    const [p] = i;
-    p && z(p.contentRect.width);
+  ), t = typeof e != "number", m = F((n) => {
+    const [p] = n;
+    p && I(p.contentRect.width);
   }, []);
-  F(() => {
+  H(() => {
     if (!t || !a.current || typeof ResizeObserver > "u")
       return;
-    const i = new ResizeObserver(f);
-    return i.observe(a.current), () => i.disconnect();
-  }, [t, f]);
-  const o = typeof e == "number" ? e : W ?? 0, m = o > 0 ? o : 0, I = b(() => q(l), [l]), j = b(
-    () => D(c),
+    const n = new ResizeObserver(m);
+    return n.observe(a.current), () => n.disconnect();
+  }, [t, m]);
+  const o = typeof e == "number" ? e : z ?? 0, v = o > 0 ? o : 0, j = b(() => V(l), [l]), k = b(
+    () => q(c),
     [c]
   ), u = G({
     series: d,
     xAxis: y,
-    yAxis: C,
-    width: m,
-    height: n,
-    inset: I,
-    axisPadding: j
+    yAxis: g,
+    width: v,
+    height: i,
+    inset: j,
+    axisPadding: k
   });
   return /* @__PURE__ */ r(
     "div",
@@ -55,20 +56,20 @@ function $({
       "data-testid": "chart-container",
       style: {
         width: t ? e : o,
-        height: n,
+        height: i,
         overflow: "visible",
         position: "relative"
       },
-      children: o > 0 && /* @__PURE__ */ k(O, { children: [
+      children: o > 0 && /* @__PURE__ */ O(B, { children: [
         /* @__PURE__ */ r(
           "svg",
           {
-            ref: v,
+            ref: f,
             "data-testid": "chart-svg",
-            width: m,
-            height: n,
+            width: v,
+            height: i,
             role: "img",
-            "aria-label": g || "Chart",
+            "aria-label": C || W("components.chart.defaultAriaLabel"),
             "aria-busy": x || void 0,
             tabIndex: s ? 0 : void 0,
             style: {
@@ -78,14 +79,14 @@ function $({
               outline: s ? "none" : void 0
             },
             children: /* @__PURE__ */ r(J, { value: u, children: /* @__PURE__ */ r(K, { children: /* @__PURE__ */ r(
-              V,
+              T,
               {
-                svgRef: v,
+                svgRef: f,
                 enableScrubbing: s,
                 onScrubberPositionChange: P,
                 magnetRadius: w,
                 children: /* @__PURE__ */ r(
-                  L,
+                  N,
                   {
                     drawingArea: u.drawingArea,
                     series: d,
@@ -103,5 +104,5 @@ function $({
   );
 }
 export {
-  $ as CartesianChart
+  te as CartesianChart
 };

package/dist/lib/Components/visualization/CartesianChart/types.d.ts

@@ -65,7 +65,7 @@ export type CartesianChartProps = ScrubbingOptions & {
     axisPadding?: Partial<ChartInset>;
     /**
      * Accessible label for the chart SVG.
-     * @default 'Chart'
+     * @default 'Chart' (translated)
      */
     ariaLabel?: string;
     /**

package/dist/lib/Components/visualization/DonutChart/DonutChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/DonutChart/DonutChart.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAQ/C,wBAAgB,UAAU,CAAC,EACzB,MAAM,EAAE,UAAU,EAClB,IAAW,EACX,SAAyB,EACzB,OAAe,EACf,QAAQ,EAAE,YAAY,EACtB,eAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,EAClB,mBAA2B,GAC5B,EAAE,eAAe,2CA4FjB"}
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/DonutChart/DonutChart.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAQ/C,wBAAgB,UAAU,CAAC,EACzB,MAAM,EAAE,UAAU,EAClB,IAAW,EACX,SAAS,EACT,OAAe,EACf,QAAQ,EAAE,YAAY,EACtB,eAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,EAClB,mBAA2B,GAC5B,EAAE,eAAe,2CAiGjB"}

package/dist/lib/Components/visualization/DonutChart/DonutChart.js

@@ -1,33 +1,33 @@
 import { jsxs as I, jsx as i } from "react/jsx-runtime";
 import { useMemo as g } from "react";
-import { chartConfig as P } from "../config.js";
 import { DonutChartAnimatedCenter as T } from "./DonutChartAnimatedCenter.js";
-import { DonutRing as j } from "./DonutRing.js";
-import { DonutSizeProvider as y } from "./donutSizeContext.js";
-import { useContrastSafeSeries as A } from "./hooks/useContrastSafeSeries.js";
+import { DonutRing as P } from "./DonutRing.js";
+import { DonutSizeProvider as j } from "./donutSizeContext.js";
+import { useContrastSafeSeries as y } from "./hooks/useContrastSafeSeries.js";
 import { buildRingSegments as E, DONUT_GEOMETRY as M, getSegmentPercents as N, formatPercentLabel as B } from "./utils.js";
-import { useControllableState as O } from "../../../../utils/useControllableState/useControllableState.js";
-function H({
-  series: p,
+import { useCommonTranslation as O } from "../../../../translations/translations.js";
+import { useControllableState as w } from "../../../../utils/useControllableState/useControllableState.js";
+function J({
+  series: h,
   size: l = "md",
-  ariaLabel: h = "Donut chart",
+  ariaLabel: v,
   loading: c = !1,
-  activeId: v,
+  activeId: b,
   defaultActiveId: S = null,
-  onActiveIdChange: b,
+  onActiveIdChange: x,
   renderCenter: s,
   renderCenterActive: a,
-  enableColorContrast: x = !1
+  enableColorContrast: L = !1
 }) {
-  const n = M[l], e = A(p, x), [o, u] = O({
-    prop: v,
+  const { t: m } = O(), n = M[l], e = y(h, L), [o, u] = w({
+    prop: b,
     defaultProp: S,
-    onChange: b
-  }), L = g(
+    onChange: x
+  }), R = g(
     () => E(e, n),
     [e, n]
-  ), m = g(() => {
-    const t = e.findIndex((f) => f.id === o);
+  ), d = g(() => {
+    const t = e.findIndex((p) => p.id === o);
     if (o == null || t === -1)
       return null;
     const r = N(e)[t];
@@ -36,12 +36,12 @@ function H({
       percent: r,
       percentLabel: B(r)
     };
-  }, [e, o]), d = () => {
+  }, [e, o]), f = () => {
     o !== null && u(null);
-  }, R = (t) => {
+  }, A = (t) => {
     const { relatedTarget: r } = t;
-    (!(r instanceof Node) || !t.currentTarget.contains(r)) && d();
-  }, D = s != null || a != null, C = a != null;
+    (!(r instanceof Node) || !t.currentTarget.contains(r)) && f();
+  }, C = s != null || a != null, D = a != null;
   return /* @__PURE__ */ I(
     "div",
     {
@@ -52,33 +52,33 @@ function H({
         width: n.box,
         height: n.box
       },
-      onMouseLeave: d,
-      onBlur: R,
+      onMouseLeave: f,
+      onBlur: A,
       children: [
         /* @__PURE__ */ i(
-          j,
+          P,
           {
-            segments: L,
+            segments: R,
             geometry: n,
-            ariaLabel: c ? P.donut.loading.ariaLabel : h,
+            ariaLabel: c ? m("components.chart.loadingAriaLabel") : v ?? m("components.chart.defaultAriaLabel"),
             activeId: o,
             loading: c,
             onSegmentEnter: u
           }
         ),
-        D && /* @__PURE__ */ i(
+        C && /* @__PURE__ */ i(
           "div",
           {
             "data-testid": "donut-center",
             className: "pointer-events-none absolute inset-0 flex items-center justify-center",
-            children: /* @__PURE__ */ i(y, { value: { size: l }, children: C ? /* @__PURE__ */ i(
+            children: /* @__PURE__ */ i(j, { value: { size: l }, children: D ? /* @__PURE__ */ i(
               T,
               {
-                activeSegment: m,
+                activeSegment: d,
                 renderResting: () => s?.({ series: e, activeSegment: null }) ?? null,
                 renderActive: (t) => a({ activeSegment: t })
               }
-            ) : s?.({ activeSegment: m, series: e }) })
+            ) : s?.({ activeSegment: d, series: e }) })
           }
         )
       ]
@@ -86,5 +86,5 @@ function H({
   );
 }
 export {
-  H as DonutChart
+  J as DonutChart
 };

package/dist/lib/Components/visualization/DonutChart/DonutChartCenter.js

@@ -1,16 +1,16 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as n } from "../../../../libs/utils-shared/dist/index.js";
 const i = ({
-  ref: e,
-  className: t,
+  ref: t,
+  className: e,
   ...r
 }) => /* @__PURE__ */ o(
   "div",
   {
-    ref: e,
+    ref: t,
     className: n(
       "pointer-events-auto flex min-w-0 flex-col items-center",
-      t
+      e
     ),
     ...r
   }

package/dist/lib/Components/visualization/DonutChart/DonutRing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DonutRing.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/DonutChart/DonutRing.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAoG/D,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,QAAQ,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAaF,eAAO,MAAM,SAAS,GAAI,uEAOvB,cAAc,4CAqChB,CAAC"}
+{"version":3,"file":"DonutRing.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/visualization/DonutChart/DonutRing.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAqG/D,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,QAAQ,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAaF,eAAO,MAAM,SAAS,GAAI,uEAOvB,cAAc,4CAqChB,CAAC"}