@ledgerhq/lumen-ui-react 0.0.63 → 0.0.64

package/dist/lib/Components/Checkbox/Checkbox.js

@@ -1,11 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
-import { cn as d } from "../../../libs/utils-shared/dist/index.js";
+import { cn as a } from "../../../libs/utils-shared/dist/index.js";
 import * as t from "@radix-ui/react-checkbox";
 import i from "react";
 import { Check as o } from "../../Symbols/Icons/Check.js";
-const r = [
-  "h-20 w-20 shrink-0 rounded-xs transition-colors",
-  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2",
+const r = a(
+  "size-20 shrink-0 cursor-pointer rounded-xs transition-colors",
+  "focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 focus-visible:outline-hidden",
   "data-[state=unchecked]:border data-[state=unchecked]:border-muted data-[state=unchecked]:bg-base",
   "data-[state=unchecked]:hover:bg-base-hover",
   "data-[state=unchecked]:active:bg-base-pressed",
@@ -14,12 +14,12 @@ const r = [
   "data-[state=checked]:hover:bg-active-hover",
   "data-[state=checked]:active:bg-active-pressed",
   "data-[state=checked]:disabled:bg-disabled data-[state=checked]:disabled:text-disabled"
-].join(" "), b = i.forwardRef(({ className: a, ...s }, c) => /* @__PURE__ */ e(
+), b = i.forwardRef(({ className: s, ...d }, c) => /* @__PURE__ */ e(
   t.Root,
   {
     ref: c,
-    className: d(r, a),
-    ...s,
+    className: a(r, s),
+    ...d,
     children: /* @__PURE__ */ e(t.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(o, { size: 16 }) })
   }
 ));

package/dist/lib/Components/Dialog/Dialog.js

@@ -3,10 +3,10 @@ import { createSafeContext as u, cn as l } from "../../../libs/utils-shared/dist
 import * as r from "@radix-ui/react-dialog";
 import { cva as h } from "class-variance-authority";
 import * as n from "react";
-const [x, s] = u("Dialog"), p = h(
+const [p, s] = u("Dialog"), x = h(
   [
     "flex w-400 max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl bg-canvas-sheet pb-24",
-    "fixed left-[50%] top-[50%] z-dialog-content translate-x-[-50%] translate-y-[-50%]",
+    "fixed top-[50%] left-[50%] z-dialog-content translate-[-50%]",
     "data-[state=closed]:animate-content-hide data-[state=open]:animate-content-show"
   ],
   {
@@ -22,7 +22,7 @@ const [x, s] = u("Dialog"), p = h(
   }
 );
 function C({ height: a = "hug", ...t }) {
-  return /* @__PURE__ */ o(x, { value: { height: a }, children: /* @__PURE__ */ o(r.Root, { "data-slot": "dialog", ...t }) });
+  return /* @__PURE__ */ o(p, { value: { height: a }, children: /* @__PURE__ */ o(r.Root, { "data-slot": "dialog", ...t }) });
 }
 function R({ ...a }) {
   return /* @__PURE__ */ o(r.Trigger, { "data-slot": "dialog-trigger", ...a });
@@ -62,7 +62,7 @@ function O({
       r.Content,
       {
         "data-slot": "dialog-content",
-        className: l(p({ height: i }), a),
+        className: l(x({ height: i }), a),
         ...e,
         children: t
       }

package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js

@@ -79,8 +79,8 @@ const y = b("flex px-24 text-base", {
                 "pl-40": !i
               }),
               children: [
-                o && /* @__PURE__ */ e("div", { className: "heading-5-semi-bold truncate text-center", children: o }),
-                l && /* @__PURE__ */ e("div", { className: "truncate text-center text-muted body-2", children: l })
+                o && /* @__PURE__ */ e("div", { className: "truncate text-center heading-5-semi-bold", children: o }),
+                l && /* @__PURE__ */ e("div", { className: "truncate text-center body-2 text-muted", children: l })
               ]
             }
           ),
@@ -93,7 +93,7 @@ const y = b("flex px-24 text-base", {
           ] }),
           (o || l) && /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
             o && /* @__PURE__ */ e("div", { className: "heading-3-semi-bold", children: o }),
-            l && /* @__PURE__ */ e("div", { className: "text-muted body-2", children: l })
+            l && /* @__PURE__ */ e("div", { className: "body-2 text-muted", children: l })
           ] })
         ] })
       ]

package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js

@@ -1,9 +1,9 @@
-import { jsx as i } from "react/jsx-runtime";
-import { cn as o } from "../../../libs/utils-shared/dist/index.js";
+import { jsx as o } from "react/jsx-runtime";
+import { cn as i } from "../../../libs/utils-shared/dist/index.js";
 import { cva as a } from "class-variance-authority";
 import n from "react";
 const c = a(
-  "inline-flex size-fit items-center justify-center rounded-full text-muted transition-colors hover:text-muted-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus active:text-muted-pressed disabled:text-disabled",
+  "inline-flex size-fit cursor-pointer items-center justify-center rounded-full text-muted transition-colors hover:text-muted-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus active:text-muted-pressed disabled:text-disabled",
   {
     variants: {
       iconType: {
@@ -12,12 +12,12 @@ const c = a(
       }
     }
   }
-), d = n.forwardRef(({ className: e, iconType: t, ...s }, r) => /* @__PURE__ */ i(
+), d = n.forwardRef(({ className: e, iconType: t, ...r }, s) => /* @__PURE__ */ o(
   "button",
   {
-    ref: r,
-    className: o(e, c({ iconType: t })),
-    ...s
+    ref: s,
+    className: i(e, c({ iconType: t })),
+    ...r
   }
 ));
 d.displayName = "InteractiveIcon";

package/dist/lib/Components/ListItem/ListItem.js

@@ -76,7 +76,7 @@ const N = n.forwardRef(({ children: e, className: t }, s) => {
     {
       ref: s,
       className: a(
-        "w-full items-center truncate text-muted body-3",
+        "w-full items-center truncate body-3 text-muted",
         o ? "justify-end text-end" : "justify-start text-start",
         r && "text-disabled",
         t

package/dist/lib/Components/Menu/Menu.js

@@ -11,14 +11,14 @@ const c = o(
   "data-[state=open]:animate-fade-in",
   "data-[state=closed]:animate-fade-out"
 ), d = o(
-  "relative flex cursor-default select-none items-center gap-12",
-  "h-44 rounded-sm px-8 outline-none",
-  "text-base body-2-semi-bold",
+  "relative flex cursor-default items-center gap-12 select-none",
+  "h-44 rounded-sm px-8 outline-hidden",
+  "body-2-semi-bold text-base",
   "transition-colors",
   "focus:bg-base-transparent-hover",
   "active:bg-base-transparent-pressed",
-  "data-[disabled]:pointer-events-none data-[disabled]:text-disabled"
-), b = o("px-8 py-4 text-muted body-3-semi-bold"), N = o(
+  "data-disabled:pointer-events-none data-disabled:text-disabled"
+), b = o("px-8 py-4 body-3-semi-bold text-muted"), N = o(
   d,
   "data-[state=open]:bg-base-transparent-hover"
 );

package/dist/lib/Components/SearchInput/SearchInput.js

@@ -7,7 +7,7 @@ const c = a.forwardRef(
     s,
     {
       size: 20,
-      className: "text-muted group-has-[:disabled]:text-disabled",
+      className: "text-muted group-has-disabled:text-disabled",
       "aria-hidden": "true"
     }
   ), ...r })

package/dist/lib/Components/Select/Select.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { cn as r } from "../../../libs/utils-shared/dist/index.js";
+import { cn as l } from "../../../libs/utils-shared/dist/index.js";
 import * as a from "@radix-ui/react-select";
 import { cva as c } from "class-variance-authority";
 import * as s from "react";
@@ -13,34 +13,34 @@ function k({ ...t }) {
 function G({ ...t }) {
   return /* @__PURE__ */ e(a.Group, { "data-slot": "select-group", ...t });
 }
-const b = r(
-  "group relative flex h-48 w-full items-center justify-between gap-8",
+const b = l(
+  "group relative flex h-48 w-full cursor-pointer items-center justify-between gap-8",
   "rounded-sm bg-muted px-16",
-  "text-base body-2",
+  "body-2 text-base",
   "hover:bg-muted-hover",
-  "transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-focus",
+  "transition-colors duration-200 focus:ring-2 focus:ring-focus focus:outline-hidden",
   "disabled:cursor-not-allowed disabled:text-disabled"
-), g = r(
+), g = l(
   "pointer-events-none absolute left-16 origin-left text-muted transition-all duration-300",
   "top-10 -translate-y-4 body-4",
-  "group-data-[placeholder]:top-14 group-data-[placeholder]:translate-y-0 group-data-[placeholder]:body-2",
-  "group-data-[:disabled]:text-disabled disabled:text-disabled group-data-[disabled]:text-disabled group-data-[placeholder][disabled]:text-disabled",
+  "group-data-placeholder:top-14 group-data-placeholder:translate-y-0 group-data-placeholder:body-2",
+  "group-data-disabled:text-disabled disabled:text-disabled",
   "max-w-[calc(100%-var(--size-56))] truncate"
-), x = s.forwardRef(({ className: t, labelClassName: l, label: o, ...d }, i) => /* @__PURE__ */ n(
+), h = s.forwardRef(({ className: t, labelClassName: o, label: r, ...i }, d) => /* @__PURE__ */ n(
   a.Trigger,
   {
-    ref: i,
+    ref: d,
     "data-slot": "select-trigger",
-    className: r(b, t),
-    ...d,
+    className: l(b, t),
+    ...i,
     children: [
-      o && /* @__PURE__ */ e("label", { className: r(g, l), children: o }),
+      r && /* @__PURE__ */ e("label", { className: l(g, o), children: r }),
       /* @__PURE__ */ e(
         "span",
         {
-          className: r(
-            "flex-1 truncate text-left ",
-            o && "mt-16 opacity-100 transition-opacity delay-100 duration-300 group-data-[placeholder]:mt-0 group-data-[placeholder]:opacity-0",
+          className: l(
+            "flex-1 truncate text-left",
+            r && "mt-16 opacity-100 transition-opacity delay-100 duration-300 group-data-placeholder:mt-0 group-data-placeholder:opacity-0",
             t
           ),
           children: /* @__PURE__ */ e(a.Value, { "data-slot": "select-value" })
@@ -50,22 +50,22 @@ const b = r(
         m,
         {
           size: 20,
-          className: "shrink-0 text-muted group-data-[disabled]:text-disabled"
+          className: "shrink-0 text-muted group-data-disabled:text-disabled"
         }
       ) })
     ]
   }
 ));
-x.displayName = a.Trigger.displayName;
-const h = c(
+h.displayName = a.Trigger.displayName;
+const x = c(
   [
-    "relative z-select max-h-[var(--radix-select-content-available-height)] overflow-y-auto overflow-x-hidden",
+    "relative z-select max-h-(--radix-select-content-available-height) overflow-x-hidden overflow-y-auto",
     "rounded-sm bg-muted",
     "shadow-md",
-    "data-[side=bottom]:animate-slide-in-from-top-8",
-    "data-[side=top]:animate-slide-in-from-bottom-8",
-    "data-[side=left]:animate-slide-in-from-right-8",
-    "data-[side=right]:animate-slide-in-from-left-8"
+    "data-[side=bottom]:animate-slide-in-from-top",
+    "data-[side=top]:animate-slide-in-from-bottom",
+    "data-[side=left]:animate-slide-in-from-right",
+    "data-[side=right]:animate-slide-in-from-left"
   ],
   {
     variants: {
@@ -81,112 +81,112 @@ const h = c(
 ), y = c("p-8", {
   variants: {
     position: {
-      popper: "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
+      popper: "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)",
       "item-aligned": ""
     }
   },
   defaultVariants: {
     position: "popper"
   }
-}), N = s.forwardRef(({ className: t, children: l, position: o = "popper", ...d }, i) => /* @__PURE__ */ e(a.Portal, { "data-slot": "select-portal", children: /* @__PURE__ */ n(
+}), N = s.forwardRef(({ className: t, children: o, position: r = "popper", ...i }, d) => /* @__PURE__ */ e(a.Portal, { "data-slot": "select-portal", children: /* @__PURE__ */ n(
   a.Content,
   {
-    ref: i,
+    ref: d,
     "data-slot": "select-content",
-    className: r(h({ position: o }), t),
-    position: o,
-    ...d,
+    className: l(x({ position: r }), t),
+    position: r,
+    ...i,
     children: [
       /* @__PURE__ */ e(R, {}),
-      /* @__PURE__ */ e(a.Viewport, { className: y({ position: o }), children: l }),
+      /* @__PURE__ */ e(a.Viewport, { className: y({ position: r }), children: o }),
       /* @__PURE__ */ e(C, {})
     ]
   }
 ) }));
 N.displayName = a.Content.displayName;
-const v = s.forwardRef(({ className: t, ...l }, o) => /* @__PURE__ */ e(
+const w = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
   a.Label,
   {
-    ref: o,
+    ref: r,
     "data-slot": "select-label",
-    className: r("mb-4 px-8 pb-0 pt-8 text-muted body-3-semi-bold", t),
-    ...l
+    className: l("mb-4 px-8 pt-8 pb-0 body-3-semi-bold text-muted", t),
+    ...o
   }
 ));
-v.displayName = a.Label.displayName;
-const w = r(
-  "relative flex w-full cursor-default select-none items-center bg-base-transparent",
+w.displayName = a.Label.displayName;
+const S = l(
+  "relative flex w-full cursor-pointer items-center bg-base-transparent select-none",
   "rounded-sm p-8",
-  "text-base body-2",
-  "outline-none",
+  "body-2 text-base",
+  "outline-hidden",
   "focus:bg-base-transparent-hover",
   "active:bg-base-transparent-pressed",
-  "data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled"
-), S = s.forwardRef(({ className: t, children: l, ...o }, d) => /* @__PURE__ */ n(
+  "data-disabled:cursor-not-allowed data-disabled:text-disabled"
+), v = s.forwardRef(({ className: t, children: o, ...r }, i) => /* @__PURE__ */ n(
   a.Item,
   {
-    ref: d,
+    ref: i,
     "data-slot": "select-item",
-    className: r(w, t),
-    ...o,
+    className: l(S, t),
+    ...r,
     children: [
-      l,
+      o,
       /* @__PURE__ */ e("span", { className: "absolute right-8 flex size-24 items-center justify-center", children: /* @__PURE__ */ e(a.ItemIndicator, { children: /* @__PURE__ */ e(p, { size: 24, className: "text-active" }) }) })
     ]
   }
 ));
-S.displayName = a.Item.displayName;
+v.displayName = a.Item.displayName;
 const I = s.forwardRef(
-  ({ className: t, ...l }, o) => /* @__PURE__ */ e(
+  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
     u,
     {
-      ref: o,
-      className: r("mx-8 my-4 w-auto", t),
-      ...l
+      ref: r,
+      className: l("mx-8 my-4 w-auto", t),
+      ...o
     }
   )
 );
 I.displayName = "SelectSeparator";
-const z = s.forwardRef(({ className: t, ...l }, o) => /* @__PURE__ */ e(
+const z = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
   a.ItemText,
   {
-    ref: o,
+    ref: r,
     "data-slot": "select-item-text",
-    className: r("text-muted body-2", t),
-    ...l
+    className: l("body-2 text-muted", t),
+    ...o
   }
 ));
 z.displayName = a.ItemText.displayName;
 function R({
   className: t,
-  ...l
+  ...o
 }) {
   return /* @__PURE__ */ e(
     a.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: r(
+      className: l(
         "flex cursor-default items-center justify-center py-1 text-muted",
         t
       ),
-      ...l,
+      ...o,
       children: /* @__PURE__ */ e(f, { className: "size-4" })
     }
   );
 }
 function C({
   className: t,
-  ...l
+  ...o
 }) {
   return /* @__PURE__ */ e(
     a.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: r(
+      className: l(
         "flex cursor-default items-center justify-center py-1 text-muted",
         t
       ),
-      ...l,
+      ...o,
       children: /* @__PURE__ */ e(m, { className: "size-4" })
     }
   );
@@ -195,9 +195,9 @@ export {
   k as Select,
   N as SelectContent,
   G as SelectGroup,
-  S as SelectItem,
+  v as SelectItem,
   z as SelectItemText,
-  v as SelectLabel,
+  w as SelectLabel,
   I as SelectSeparator,
-  x as SelectTrigger
+  h as SelectTrigger
 };

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

@@ -24,7 +24,7 @@ const a = ({ children: e }) => /* @__PURE__ */ i("div", { className: "flex shrin
       ...d,
       children: [
         /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-2", children: [
-          /* @__PURE__ */ i("h2", { className: "heading-5-semi-bold min-w-0 truncate", children: m }),
+          /* @__PURE__ */ i("h2", { className: "min-w-0 truncate heading-5-semi-bold", children: m }),
           u
         ] }),
         S

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

@@ -5,10 +5,10 @@ import { cva as d } from "class-variance-authority";
 import m from "react";
 const u = d(
   s(
-    "group flex items-center rounded-full p-2 transition-colors duration-200 ease-in-out focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
+    "group flex cursor-pointer items-center rounded-full p-2 transition-colors duration-200 ease-in-out focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus",
     "[&[data-state=unchecked]:not([data-disabled])]:bg-muted-strong [&[data-state=unchecked]:not([data-disabled])]:hover:bg-muted-strong-hover [&[data-state=unchecked]:not([data-disabled])]:active:bg-muted-strong-pressed",
     "[&[data-state=checked]:not([data-disabled])]:bg-active [&[data-state=checked]:not([data-disabled])]:hover:bg-active-hover [&[data-state=checked]:not([data-disabled])]:active:bg-active-pressed",
-    "data-[disabled]:bg-disabled-strong"
+    "data-disabled:bg-disabled-strong"
   ),
   {
     variants: {
@@ -22,7 +22,7 @@ const u = d(
     }
   }
 ), h = d(
-  "translate-x-0 rounded-full bg-white transition-transform duration-200 ease-in-out group-data-[disabled]:bg-base",
+  "translate-x-0 rounded-full bg-white transition-transform duration-200 ease-in-out group-data-disabled:bg-base",
   {
     variants: {
       size: {

package/dist/lib/Components/Tile/Tile.js

@@ -8,7 +8,7 @@ const [V, u] = C("Tile"), v = {
   root: b(
     [
       "group relative flex flex-col items-center gap-8 text-base transition-colors",
-      "focus-visible:outline-focus rounded-md focus-visible:outline-2"
+      "rounded-md focus-visible:outline-2 focus-visible:outline-focus"
     ],
     {
       variants: {
@@ -59,18 +59,18 @@ const [V, u] = C("Tile"), v = {
     }
   ),
   button: b(
-    "focus-visible:outline-focus flex w-full flex-col  items-center gap-8 rounded-md px-8 py-12 focus-visible:outline-2"
+    "flex w-full cursor-pointer flex-col items-center gap-8 rounded-md px-8 py-12 focus-visible:outline-2 focus-visible:outline-focus"
   )
 }, j = ({
   className: e,
   onClick: i,
-  appearance: s = "no-background",
+  appearance: r = "no-background",
   disabled: t = !1,
   "aria-label": p,
   children: m,
-  onMouseDown: c,
-  onMouseUp: o,
-  onMouseLeave: r,
+  onMouseDown: o,
+  onMouseUp: c,
+  onMouseLeave: s,
   ...x
 }) => {
   const [y, f] = I(!1), { slotElement: N, remainingChildren: g } = q(
@@ -80,26 +80,26 @@ const [V, u] = C("Tile"), v = {
     (a) => {
       a.target.closest(
         "[data-secondary-button-container]"
-      ) || (c == null || c(a), f(!0));
+      ) || (o == null || o(a), f(!0));
     },
-    [c]
+    [o]
   ), A = n(
     (a) => {
-      f(!1), o == null || o(a);
+      f(!1), c == null || c(a);
     },
-    [o]
+    [c]
   ), S = n(
     (a) => {
-      f(!1), r == null || r(a);
+      f(!1), s == null || s(a);
     },
-    [r]
+    [s]
   );
   return /* @__PURE__ */ l(V, { value: { disabled: t }, children: /* @__PURE__ */ k(
     "div",
     {
       ...x,
       className: v.root({
-        appearance: s,
+        appearance: r,
         isActive: y,
         disabled: t,
         className: e
@@ -142,12 +142,12 @@ w.displayName = "TileSpot";
 const P = ({
   children: e,
   className: i,
-  ...s
+  ...r
 }) => /* @__PURE__ */ l(
   "div",
   {
     className: d("flex w-full flex-col items-center text-center", i),
-    ...s,
+    ...r,
     children: e
   }
 );
@@ -155,7 +155,7 @@ P.displayName = "TileContent";
 const D = ({
   children: e,
   className: i,
-  ...s
+  ...r
 }) => {
   const { disabled: t } = u({
     consumerName: "TileTitle",
@@ -165,11 +165,11 @@ const D = ({
     "div",
     {
       className: d(
-        "body-2-semi-bold w-full truncate",
+        "w-full truncate body-2-semi-bold",
         t && "text-disabled",
         i
       ),
-      ...s,
+      ...r,
       children: e
     }
   );
@@ -178,7 +178,7 @@ D.displayName = "TileTitle";
 const E = ({
   children: e,
   className: i,
-  ...s
+  ...r
 }) => {
   const { disabled: t } = u({
     consumerName: "TileDescription",
@@ -188,11 +188,11 @@ const E = ({
     "div",
     {
       className: d(
-        "body-3 w-full truncate",
+        "w-full truncate body-3",
         t ? "text-disabled" : "text-muted",
         i
       ),
-      ...s,
+      ...r,
       children: e
     }
   );
@@ -201,35 +201,35 @@ E.displayName = "TileDescription";
 const T = ({
   onClick: e,
   icon: i,
-  className: s,
+  className: r,
   "aria-label": t,
   ...p
 }) => {
   const { disabled: m } = u({
     consumerName: "TileSecondaryAction",
     contextRequired: !0
-  }), c = n(
-    (r) => {
-      r.stopPropagation(), r.preventDefault(), e == null || e(r);
+  }), o = n(
+    (s) => {
+      s.stopPropagation(), s.preventDefault(), e == null || e(s);
     },
     [e]
   );
   if (m) return null;
-  const o = i;
+  const c = i;
   return /* @__PURE__ */ l(
     z,
     {
       "data-slot": "tile-secondary-action",
       className: d(
-        "absolute right-4 top-8 opacity-0 transition-opacity duration-200 focus-within:opacity-100 group-hover:opacity-100",
-        s
+        "absolute top-8 right-4 opacity-0 transition-opacity duration-200 group-hover:opacity-100 focus-within:opacity-100",
+        r
       ),
       "data-secondary-button-container": !0,
       iconType: "stroked",
-      onClick: c,
+      onClick: o,
       "aria-label": t,
       ...p,
-      children: /* @__PURE__ */ l(o, { size: 24 })
+      children: /* @__PURE__ */ l(c, { size: 24 })
     }
   );
 };

package/dist/lib/Components/Tooltip/Tooltip.js

@@ -3,7 +3,7 @@ import { cn as s } from "../../../libs/utils-shared/dist/index.js";
 import * as e from "@radix-ui/react-tooltip";
 import { cva as d } from "class-variance-authority";
 const m = d(
-  "z-tooltip w-fit select-none text-balance rounded-xs bg-interactive px-8 py-4 text-on-interactive body-3",
+  "z-tooltip w-fit rounded-xs bg-interactive px-8 py-4 body-3 text-balance text-on-interactive select-none",
   {
     variants: {
       side: {
@@ -46,7 +46,7 @@ const m = d(
     className: s(m({ side: a }), t),
     ...n,
     children: [
-      /* @__PURE__ */ o(e.Arrow, { className: "size-10 translate-y-[calc(-50%_-_1px)] rotate-45 rounded-[1px] bg-interactive fill-interactive" }),
+      /* @__PURE__ */ o(e.Arrow, { className: "size-10 translate-y-[calc(-50%-1px)] rotate-45 rounded-[1px] bg-interactive fill-interactive" }),
       /* @__PURE__ */ o("div", { className: "relative", children: r })
     ]
   }

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.0.62",
+  "version": "0.0.63",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.0.63",
+  "version": "0.0.64",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [