@ledgerhq/lumen-ui-react 0.1.61 → 0.1.62

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

@@ -0,0 +1,27 @@
+import { useState as s, useRef as i } from "react";
+const f = () => {
+  const [u, t] = s(!1), [a, e] = s(!1), r = i(!1), o = () => {
+    r.current = !1;
+  };
+  return {
+    paused: u || a,
+    viewportProps: {
+      onMouseEnter: () => t(!0),
+      onMouseLeave: () => t(!1),
+      onPointerDown: () => {
+        r.current = !0, e(!1);
+      },
+      onPointerUp: o,
+      onPointerCancel: o,
+      onFocus: () => {
+        r.current || e(!0);
+      },
+      onBlur: (n) => {
+        n.currentTarget.contains(n.relatedTarget) || e(!1);
+      }
+    }
+  };
+};
+export {
+  f as useToastViewportPause
+};

package/dist/lib/Components/core/Toast/index.d.ts

@@ -0,0 +1,5 @@
+export { toast } from '@ledgerhq/lumen-utils-shared';
+export { Toast } from './Toast';
+export { Toaster } from './Toaster';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/core/Toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,cAAc,SAAS,CAAC"}

package/dist/lib/Components/core/Toast/styles.d.ts

@@ -0,0 +1,20 @@
+export declare const toastVariants: (props?: ({
+    hasLeading?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const positionVariants: (props?: ({
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const collapseVariants: (props?: ({
+    edge?: "bottom" | "top" | null | undefined;
+    exiting?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const slideEnterVariants: (props?: ({
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const queuedEnterVariants: (props?: ({
+    edge?: "bottom" | "top" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const slideExitVariants: (props?: ({
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=styles.d.ts.map

package/dist/lib/Components/core/Toast/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Toast/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;;8EAUzB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;8EAc5B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;8EAc5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAW7B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;8EAO9B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;8EAW5B,CAAC"}

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

@@ -0,0 +1,77 @@
+import { cva as t } from "class-variance-authority";
+const o = t(
+  "flex min-h-56 w-full items-start gap-8 rounded-md bg-interactive py-8 pr-10 text-on-interactive",
+  {
+    variants: {
+      hasLeading: {
+        true: "pl-12",
+        false: "pl-16"
+      }
+    }
+  }
+), i = t(
+  "pointer-events-none fixed inset-x-24 z-toast flex",
+  {
+    variants: {
+      position: {
+        "top-left": "top-24 flex-col items-start",
+        "top-center": "top-24 flex-col items-center",
+        "top-right": "top-24 flex-col items-end",
+        "bottom-left": "bottom-24 flex-col-reverse items-start",
+        "bottom-center": "bottom-24 flex-col-reverse items-center",
+        "bottom-right": "bottom-24 flex-col-reverse items-end"
+      }
+    }
+  }
+), n = t(
+  "pointer-events-auto flex w-full max-w-400 flex-col transition-[height] duration-300 ease-out",
+  {
+    variants: {
+      edge: {
+        top: "justify-start",
+        bottom: "justify-end"
+      },
+      exiting: {
+        true: "z-0",
+        false: "z-10"
+      }
+    }
+  }
+), a = t("", {
+  variants: {
+    position: {
+      "top-left": "animate-slide-in-from-left",
+      "top-center": "animate-slide-in-from-top",
+      "top-right": "animate-slide-in-from-right",
+      "bottom-left": "animate-slide-in-from-left",
+      "bottom-center": "animate-slide-in-from-bottom",
+      "bottom-right": "animate-slide-in-from-right"
+    }
+  }
+}), s = t("", {
+  variants: {
+    edge: {
+      top: "animate-slide-in-from-bottom",
+      bottom: "animate-slide-in-from-top"
+    }
+  }
+}), r = t("", {
+  variants: {
+    position: {
+      "top-left": "animate-slide-out-to-left",
+      "top-center": "animate-slide-out-to-top",
+      "top-right": "animate-slide-out-to-right",
+      "bottom-left": "animate-slide-out-to-left",
+      "bottom-center": "animate-slide-out-to-bottom",
+      "bottom-right": "animate-slide-out-to-right"
+    }
+  }
+});
+export {
+  n as collapseVariants,
+  i as positionVariants,
+  s as queuedEnterVariants,
+  a as slideEnterVariants,
+  r as slideExitVariants,
+  o as toastVariants
+};

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

@@ -0,0 +1,81 @@
+import { ToastAction, ToastAppearance } from '@ledgerhq/lumen-utils-shared';
+import { ComponentPropsWithRef } from 'react';
+export type { ToastAction, ToastAppearance, ToastController, ToastItem, ToastNotifyOptions, ToastPromiseOptions, ToastPromiseState, ToastUpdateOptions, } from '@ledgerhq/lumen-utils-shared';
+/**
+ * Corner or edge the queue is anchored to. Items enter from the same edge.
+ */
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+/**
+ * Props for the presentational `Toast` item.
+ */
+export type ToastProps = {
+    /**
+     * The status of the toast, driving the leading icon.
+     * @default info
+     */
+    appearance?: ToastAppearance;
+    /**
+     * Replaces the leading status icon with a spinner.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * The main text. Wraps over up to five lines, then truncates.
+     * @required
+     */
+    title: string;
+    /**
+     * Optional trailing action button. Pressing it does not dismiss the toast.
+     * It wraps onto its own row, aligned with the title, when it cannot share
+     * the title's row.
+     */
+    action?: ToastAction;
+    /**
+     * Optional close handler. When provided, a close button is rendered, pinned
+     * to the top right whatever the title and action wrap to.
+     */
+    onClose?: () => void;
+    /**
+     * Accessible label for the close button.
+     */
+    closeAriaLabel?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'title'>;
+/**
+ * Distance from each viewport edge, in px, replacing the default gap on that
+ * edge — e.g. the height of a sticky composer plus some breathing room.
+ * `top` and `bottom` apply only to the edge matching `position`; the other is
+ * ignored. Unset edges keep the default gap.
+ */
+export type ToastInsets = {
+    top?: number;
+    left?: number;
+    bottom?: number;
+    right?: number;
+};
+/**
+ * Props for `Toaster`.
+ */
+export type ToasterProps = {
+    /**
+     * Maximum number of toasts visible at once. Must be a positive integer.
+     * Extra items wait in a FIFO backlog and appear as visible slots free up.
+     * @default 3
+     */
+    maxItems?: number;
+    /**
+     * The corner or edge the queue is anchored to.
+     * @default bottom-right
+     */
+    position?: ToastPosition;
+    /**
+     * Per-edge distance from the viewport edge, overriding the default gap, so
+     * the queue stays clear of fixed UI such as a composer or a bottom bar.
+     * @default {}
+     */
+    insets?: ToastInsets;
+    /**
+     * Per-appearance duration overrides, layered over the Lumen status defaults.
+     */
+    durations?: Partial<Record<ToastAppearance, number>>;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EAChB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,YAAY,EACV,WAAW,EACX,eAAe,EACf,eAAe,EACf,SAAS,EACT,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,8BAA8B,CAAC;AAEtC;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;CACtD,CAAC"}

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

@@ -40,7 +40,7 @@ const T = f("inline-flex items-center", {
   negative: v,
   neutral: null
 };
-function M({
+function L({
   value: e,
   size: t = "md",
   disabled: r = !1,
@@ -67,5 +67,5 @@ function M({
   );
 }
 export {
-  M as Trend
+  L as Trend
 };

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

@@ -47,6 +47,8 @@ export * from './Tag';
 export * from './TextInput';
 export * from './Tile';
 export * from './TileButton';
+export * from './Timeline';
+export * from './Toast';
 export * from './Tooltip';
 export * from './Trend';
 export * from './ThemeProvider';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC"}

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

@@ -65,7 +65,7 @@ const N = l(
       true: "text-disabled"
     }
   }
-}), C = ({
+}), M = ({
   ref: c,
   className: u,
   appearance: a = "base",
@@ -122,6 +122,6 @@ const N = l(
   );
 };
 export {
-  C as BaseButton,
+  M as BaseButton,
   N as baseButtonVariants
 };

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

@@ -79,33 +79,33 @@ const ue = O(
     currentValue: z,
     hasContent: M,
     handleChange: T,
-    handleClear: E
+    handleClear: X
   } = ie({
     value: i.value,
     defaultValue: i.defaultValue,
     onChange: R,
     onClear: j,
     ref: w
-  }), G = ee(), c = x || `input-${G}`, J = D ?? (n === "error" ? !0 : void 0), { inputPlaceholder: K, labelStaysFloatedWithPlaceholder: Q } = _({
+  }), E = ee(), c = x || `input-${E}`, G = D ?? (n === "error" ? !0 : void 0), { inputPlaceholder: J, labelStaysFloatedWithPlaceholder: K } = _({
     label: t,
     placeholder: S
-  }), U = M && !h && !m && !F, X = z.length, p = !!(r && r > 0), g = `${c}-helper`, o = !!l, b = {
+  }), Q = M && !h && !m && !F, U = z.length, p = !!(r && r > 0), g = `${c}-helper`, o = !!l, b = {
     id: c,
     disabled: h,
     readOnly: m,
-    placeholder: K,
-    "aria-invalid": J,
+    placeholder: J,
+    "aria-invalid": G,
     "aria-describedby": o ? g : void 0,
     hasLabel: !!t,
     className: L,
     onChange: T
-  }, u = U ? /* @__PURE__ */ e(
+  }, u = Q ? /* @__PURE__ */ e(
     le,
     {
       iconType: "filled",
       icon: ce,
       size: 20,
-      onClick: E,
+      onClick: X,
       "aria-label": k("components.baseInput.clearInputAriaLabel")
     }
   ) : N;
@@ -156,7 +156,7 @@ const ue = O(
             {
               htmlFor: c,
               status: n,
-              floated: Q,
+              floated: K,
               multiline: s,
               className: V,
               children: t
@@ -182,7 +182,7 @@ const ue = O(
               status: n
             }
           ),
-          p && r != null && /* @__PURE__ */ e(te, { count: X, maxCount: r })
+          p && r != null && /* @__PURE__ */ e(te, { count: U, maxCount: r })
         ]
       }
     )

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

@@ -25,11 +25,11 @@ const c = x(
       scrollbarWidth: "auto"
     }
   }
-), R = (s, r) => {
+), R = (s, a) => {
   const t = v(!1), o = (e) => {
-    const a = e.target, n = "isComposing" in e.nativeEvent && e.nativeEvent.isComposing === !0;
-    t.current = !n && a.value.endsWith(`
-`) && a.selectionStart === a.value.length, r?.(e);
+    const r = e.target, n = "isComposing" in e.nativeEvent && e.nativeEvent.isComposing === !0;
+    t.current = !n && r.value.endsWith(`
+`) && r.selectionStart === r.value.length, a?.(e);
   };
   return w(() => {
     if (!t.current) return;
@@ -37,13 +37,13 @@ const c = x(
     const e = s.current;
     !e || document.activeElement !== e || (e.scrollTop = e.scrollHeight);
   }), o;
-}, I = ({
+}, z = ({
   ref: s,
-  className: r,
+  className: a,
   hasLabel: t = !1,
   minLines: o = 1,
   maxLines: e,
-  scrollbarWidth: a = "auto",
+  scrollbarWidth: r = "auto",
   onChange: n,
   ...d
 }) => {
@@ -59,9 +59,9 @@ const c = x(
         rows: o,
         className: u(
           "peer",
-          c({ hasLabel: t, scrollbarWidth: a }),
+          c({ hasLabel: t, scrollbarWidth: r }),
           t && "mt-16",
-          r
+          a
         ),
         onChange: h,
         ...d
@@ -75,8 +75,8 @@ const c = x(
         readOnly: !0,
         tabIndex: -1,
         className: u(
-          c({ hasLabel: t, scrollbarWidth: a }),
-          r,
+          c({ hasLabel: t, scrollbarWidth: r }),
+          a,
           "invisible absolute top-0 left-0 h-0 transform-gpu overflow-hidden py-0"
         )
       }
@@ -84,5 +84,5 @@ const c = x(
   ] });
 };
 export {
-  I as BaseInputMultiline
+  z as BaseInputMultiline
 };

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

@@ -41,8 +41,8 @@ const u = x(
     }
   }
 ), z = ({
-  ref: a,
-  className: e,
+  ref: e,
+  className: a,
   appearance: t,
   size: s,
   variant: r,
@@ -50,9 +50,9 @@ const u = x(
   label: i,
   disabled: c,
   leadingContent: d,
-  ...l
+  ...b
 }) => {
-  const b = g({
+  const l = g({
     consumerName: n,
     mergeWith: { disabled: c }
   });
@@ -60,11 +60,11 @@ const u = x(
     "div",
     {
       className: o(
-        u({ appearance: t, size: s, variant: r, disabled: !!b }),
-        e
+        u({ appearance: t, size: s, variant: r, disabled: !!l }),
+        a
       ),
-      ref: a,
-      ...l,
+      ref: e,
+      ...b,
       children: [
         d,
         /* @__PURE__ */ m("span", { className: "truncate", children: i })

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: r,
-  xmlns: e,
+  viewBox: e,
+  xmlns: r,
   ...t
 }) => k(
   "svg",
@@ -31,8 +31,8 @@ const h = a("inline-block shrink-0", {
     ref: o,
     fill: "none",
     "aria-hidden": "true",
-    xmlns: e,
-    viewBox: r,
+    xmlns: r,
+    viewBox: e,
     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 l } from "react";
-import { Icon as p } from "./Icon.js";
-const x = (e, t) => {
-  const r = ({
+import { createElement as p } from "react";
+import { Icon as d } from "./Icon.js";
+const x = (e, r) => {
+  const t = ({
     ref: o,
     className: s,
     disabled: a,
@@ -12,15 +12,15 @@ const x = (e, t) => {
       consumerName: e,
       mergeWith: { disabled: a }
     });
-    return l(p, {
+    return p(d, {
       ref: o,
       className: i(s, n && "text-disabled"),
-      viewBox: t.props.viewBox,
+      viewBox: r.props.viewBox,
       ...m,
-      children: t.props.children
+      children: r.props.children
     });
   };
-  return r.displayName = e, r;
+  return t.displayName = e, t;
 };
 export {
   x as default

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

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

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

@@ -1,5 +1,5 @@
-import { createSafeContext as t } from "../../../../libs/utils-shared/dist/index.js";
-const [o, r] = t("DonutChart", { size: "md" });
+import { createSafeContext as e } from "../../../../libs/utils-shared/dist/index.js";
+const [o, r] = e("DonutChart", { size: "md" });
 export {
   o as DonutSizeProvider,
   r as useDonutSizeContext

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

@@ -1,20 +1,20 @@
 import { jsx as r } from "react/jsx-runtime";
-import { cn as t } from "../../../../libs/utils-shared/dist/index.js";
-import { LegendItem as m } from "./LegendItem.js";
+import { cn as m } from "../../../../libs/utils-shared/dist/index.js";
+import { LegendItem as o } from "./LegendItem.js";
 function i({
   series: e,
-  ariaLabel: a = "Legend",
-  className: l
+  ariaLabel: l = "Legend",
+  className: a
 }) {
   return e.length === 0 ? null : /* @__PURE__ */ r(
     "ul",
     {
-      "aria-label": a,
-      className: t(
+      "aria-label": l,
+      className: m(
         "m-0 flex list-none flex-wrap gap-x-16 gap-y-6 p-0",
-        l
+        a
       ),
-      children: e.map((n) => /* @__PURE__ */ r(m, { item: n }, n.id))
+      children: e.map((n) => /* @__PURE__ */ r(o, { item: n }, n.id))
     }
   );
 }