@ledgerhq/lumen-ui-react 0.1.4 → 0.1.5

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

@@ -1,10 +1,10 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import { cn as o } from "../../../libs/utils-shared/dist/index.js";
 import * as t from "@radix-ui/react-dropdown-menu";
-import { Check as c } from "../../Symbols/Icons/Check.js";
-import { Divider as b } from "../Divider/Divider.js";
-import { ChevronRight as N } from "../../Symbols/Icons/ChevronRight.js";
-const p = o(
+import { Check as u } from "../../Symbols/Icons/Check.js";
+import { Divider as p } from "../Divider/Divider.js";
+import { ChevronRight as b } from "../../Symbols/Icons/ChevronRight.js";
+const c = o(
   "z-menu min-w-160 overflow-hidden rounded-sm bg-muted p-8",
   "shadow-sm",
   "data-[state=open]:animate-fade-in",
@@ -17,14 +17,14 @@ const p = o(
   "focus:bg-base-transparent-hover",
   "active:bg-base-transparent-pressed",
   "data-disabled:pointer-events-none data-disabled:text-disabled"
-), g = o("px-8 py-4 body-3-semi-bold text-muted"), y = o(
+), N = o("px-8 py-4 body-3-semi-bold text-muted"), g = o(
   m,
   "data-[state=open]:bg-base-transparent-hover"
 );
-function j({ ...e }) {
+function P({ ...e }) {
   return /* @__PURE__ */ a(t.Root, { "data-slot": "menu", ...e });
 }
-const f = ({ ref: e, ...n }) => /* @__PURE__ */ a(
+const y = ({ ref: e, ...n }) => /* @__PURE__ */ a(
   t.Trigger,
   {
     ref: e,
@@ -32,24 +32,24 @@ const f = ({ ref: e, ...n }) => /* @__PURE__ */ a(
     ...n
   }
 );
-f.displayName = t.Trigger.displayName;
-function G({ ...e }) {
+y.displayName = t.Trigger.displayName;
+function j({ ...e }) {
   return /* @__PURE__ */ a(t.Group, { "data-slot": "menu-group", ...e });
 }
-function L({
+function G({
   ...e
 }) {
   return /* @__PURE__ */ a(t.Portal, { ...e });
 }
-function D({
+function L({
   ...e
 }) {
   return /* @__PURE__ */ a(t.Sub, { ...e });
 }
-function K({ ...e }) {
+function D({ ...e }) {
   return /* @__PURE__ */ a(t.RadioGroup, { "data-slot": "menu-radio-group", ...e });
 }
-const h = ({
+const f = ({
   ref: e,
   className: n,
   inset: s,
@@ -60,26 +60,26 @@ const h = ({
   {
     ref: e,
     "data-slot": "menu-sub-trigger",
-    className: o(y, s && "pl-32", n),
+    className: o(g, s && "pl-32", n),
     ...r,
     children: [
       i,
-      /* @__PURE__ */ a(N, { size: 20, className: "ml-auto text-muted" })
+      /* @__PURE__ */ a(b, { size: 20, className: "ml-auto text-muted" })
     ]
   }
 );
-h.displayName = t.SubTrigger.displayName;
-const x = ({ ref: e, className: n, ...s }) => /* @__PURE__ */ a(
+f.displayName = t.SubTrigger.displayName;
+const h = ({ ref: e, className: n, ...s }) => /* @__PURE__ */ a(
   t.SubContent,
   {
     ref: e,
     "data-slot": "menu-sub-content",
-    className: o(p, n),
+    className: o(c, n),
     ...s
   }
 );
-x.displayName = t.SubContent.displayName;
-const M = ({
+h.displayName = t.SubContent.displayName;
+const x = ({
   ref: e,
   className: n,
   sideOffset: s = 4,
@@ -91,17 +91,16 @@ const M = ({
     ref: e,
     "data-slot": "menu-content",
     sideOffset: s,
-    className: o(p, n),
+    className: o(c, n),
     onClick: (d) => {
-      var u;
-      d.stopPropagation(), (u = r.onClick) == null || u.call(r, d);
+      d.stopPropagation(), r.onClick?.(d);
     },
     align: i,
     ...r
   }
 ) });
-M.displayName = t.Content.displayName;
-const S = ({ ref: e, className: n, inset: s, ...i }) => /* @__PURE__ */ a(
+x.displayName = t.Content.displayName;
+const M = ({ ref: e, className: n, inset: s, ...i }) => /* @__PURE__ */ a(
   t.Item,
   {
     ref: e,
@@ -110,8 +109,8 @@ const S = ({ ref: e, className: n, inset: s, ...i }) => /* @__PURE__ */ a(
     ...i
   }
 );
-S.displayName = t.Item.displayName;
-const C = ({
+M.displayName = t.Item.displayName;
+const S = ({
   ref: e,
   className: n,
   children: s,
@@ -127,12 +126,12 @@ const C = ({
     ...r,
     children: [
       s,
-      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(c, { size: 24, className: "text-active" }) }) })
+      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(u, { size: 24, className: "text-active" }) }) })
     ]
   }
 );
-C.displayName = t.CheckboxItem.displayName;
-const I = ({
+S.displayName = t.CheckboxItem.displayName;
+const C = ({
   ref: e,
   className: n,
   children: s,
@@ -146,12 +145,12 @@ const I = ({
     ...i,
     children: [
       s,
-      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(c, { size: 24, className: "text-active" }) }) })
+      /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(u, { size: 24, className: "text-active" }) }) })
     ]
   }
 );
-I.displayName = t.RadioItem.displayName;
-const v = ({
+C.displayName = t.RadioItem.displayName;
+const I = ({
   ref: e,
   className: n,
   inset: s,
@@ -161,26 +160,26 @@ const v = ({
   {
     ref: e,
     "data-slot": "menu-label",
-    className: o(g, s && "pl-32", n),
+    className: o(N, s && "pl-32", n),
     ...i
   }
 );
-v.displayName = t.Label.displayName;
-const k = ({ ref: e, className: n, ...s }) => /* @__PURE__ */ a(b, { ref: e, className: o("mx-8 my-4 w-auto", n), ...s });
-k.displayName = "MenuSeparator";
+I.displayName = t.Label.displayName;
+const v = ({ ref: e, className: n, ...s }) => /* @__PURE__ */ a(p, { ref: e, className: o("mx-8 my-4 w-auto", n), ...s });
+v.displayName = "MenuSeparator";
 export {
-  j as Menu,
-  C as MenuCheckboxItem,
-  M as MenuContent,
-  G as MenuGroup,
-  S as MenuItem,
-  v as MenuLabel,
-  L as MenuPortal,
-  K as MenuRadioGroup,
-  I as MenuRadioItem,
-  k as MenuSeparator,
-  D as MenuSub,
-  x as MenuSubContent,
-  h as MenuSubTrigger,
-  f as MenuTrigger
+  P as Menu,
+  S as MenuCheckboxItem,
+  x as MenuContent,
+  j as MenuGroup,
+  M as MenuItem,
+  I as MenuLabel,
+  G as MenuPortal,
+  D as MenuRadioGroup,
+  C as MenuRadioItem,
+  v as MenuSeparator,
+  L as MenuSub,
+  h as MenuSubContent,
+  f as MenuSubTrigger,
+  y as MenuTrigger
 };

package/dist/lib/Components/SideBar/SideBar.js

@@ -1,13 +1,13 @@
-import { jsx as a, jsxs as x, Fragment as A } from "react/jsx-runtime";
-import { createSafeContext as j, cn as p } from "../../../libs/utils-shared/dist/index.js";
+import { jsx as a, jsxs as C, Fragment as L } from "react/jsx-runtime";
+import { createSafeContext as k, cn as c } from "../../../libs/utils-shared/dist/index.js";
 import { cva as v } from "class-variance-authority";
 import { t as h } from "../../../node_modules/i18next/dist/esm/i18next.js";
-import { useCallback as S } from "react";
-import { Tooltip as P, TooltipTrigger as R, TooltipContent as V } from "../Tooltip/Tooltip.js";
-import { useControllableState as B } from "../../../utils/useControllableState/useControllableState.js";
-import { ExpandRight as q } from "../../Symbols/Icons/ExpandRight.js";
-import { ExpandLeft as z } from "../../Symbols/Icons/ExpandLeft.js";
-const [E, C] = j("SideBar"), m = {
+import { useCallback as B } from "react";
+import { Tooltip as j, TooltipTrigger as P, TooltipContent as R } from "../Tooltip/Tooltip.js";
+import { useControllableState as x } from "../../../utils/useControllableState/useControllableState.js";
+import { ExpandRight as V } from "../../Symbols/Icons/ExpandRight.js";
+import { ExpandLeft as q } from "../../Symbols/Icons/ExpandLeft.js";
+const [z, S] = k("SideBar"), d = {
   root: v(
     [
       "flex h-full flex-col justify-between gap-16 overflow-y-auto rounded-xl bg-muted-transparent p-16",
@@ -50,36 +50,36 @@ const [E, C] = j("SideBar"), m = {
       }
     }
   )
-}, k = ({
-  ref: r,
+}, E = ({
+  ref: n,
   collapsed: t,
   defaultCollapsed: e = !1,
   onCollapsedChange: o,
-  active: n,
-  defaultActive: c,
+  active: r,
+  defaultActive: i,
   onActiveChange: s,
   children: f,
-  className: i,
+  className: p,
   ...b
 }) => {
-  const [u, g] = B({
+  const [m, g] = x({
     prop: t,
     defaultProp: e,
     onChange: o
-  }), [l, d] = B({
-    prop: n,
-    defaultProp: c ?? "",
+  }), [u, l] = x({
+    prop: r,
+    defaultProp: i ?? "",
     onChange: s
   });
   return /* @__PURE__ */ a(
-    E,
+    z,
     {
-      value: { collapsed: u, setCollapsed: g, active: l, onActiveChange: d },
+      value: { collapsed: m, setCollapsed: g, active: u, onActiveChange: l },
       children: /* @__PURE__ */ a(
         "nav",
         {
-          ref: r,
-          className: p(m.root({ collapsed: u }), i),
+          ref: n,
+          className: c(d.root({ collapsed: m }), p),
           "aria-label": h("components.sideBar.navigationAriaLabel"),
           ...b,
           children: f
@@ -88,110 +88,110 @@ const [E, C] = j("SideBar"), m = {
     }
   );
 };
-k.displayName = "SideBar";
+E.displayName = "SideBar";
 const F = ({
-  ref: r,
+  ref: n,
   children: t,
   className: e,
   ...o
 }) => /* @__PURE__ */ a(
   "div",
   {
-    ref: r,
-    className: p(m.section(), e),
+    ref: n,
+    className: c(d.section(), e),
     ...o,
     children: t
   }
 );
 F.displayName = "SideBarLeading";
 const J = ({
-  ref: r,
+  ref: n,
   children: t,
   className: e,
   ...o
 }) => /* @__PURE__ */ a(
   "div",
   {
-    ref: r,
-    className: p("mt-auto", m.section(), e),
+    ref: n,
+    className: c("mt-auto", d.section(), e),
     ...o,
     children: t
   }
 );
 J.displayName = "SideBarTrailing";
 const K = ({
-  ref: r,
+  ref: n,
   value: t,
   icon: e,
   activeIcon: o,
-  label: n,
-  tooltipContent: c,
+  label: r,
+  tooltipContent: i,
   disabled: s = !1,
   className: f,
-  onClick: i,
+  onClick: p,
   ...b
 }) => {
-  const { collapsed: u, active: g, onActiveChange: l } = C({
+  const { collapsed: m, active: g, onActiveChange: u } = S({
     consumerName: "SideBarItem",
     contextRequired: !0
-  }), d = g === t, N = d ? o : e, y = c ?? n, T = S(
-    (L) => {
-      s || (i == null || i(L), l == null || l(t));
+  }), l = g === t, N = l ? o : e, y = i ?? r, T = B(
+    (I) => {
+      s || (p?.(I), u?.(t));
     },
-    [s, i, l, t]
-  ), w = /* @__PURE__ */ x(A, { children: [
+    [s, p, u, t]
+  ), w = /* @__PURE__ */ C(L, { children: [
     /* @__PURE__ */ a(N, { size: 20, className: "shrink-0" }),
-    n != null && /* @__PURE__ */ a("span", { className: "translate-x-8 truncate", children: n })
-  ] }), I = /* @__PURE__ */ a(
+    r != null && /* @__PURE__ */ a("span", { className: "translate-x-8 truncate", children: r })
+  ] }), A = /* @__PURE__ */ a(
     "button",
     {
-      ref: r,
+      ref: n,
       type: "button",
       disabled: s,
       onClick: T,
-      className: p(
-        m.item({ active: d, disabled: s }),
+      className: c(
+        d.item({ active: l, disabled: s }),
         f
       ),
-      "aria-current": d ? "page" : void 0,
+      "aria-current": l ? "page" : void 0,
       ...b,
       children: w
     }
   );
-  return /* @__PURE__ */ x(P, { open: u ? void 0 : !1, children: [
-    /* @__PURE__ */ a(R, { asChild: !0, children: I }),
-    /* @__PURE__ */ a(V, { side: "right", sideOffset: 8, children: y })
+  return /* @__PURE__ */ C(j, { open: m ? void 0 : !1, children: [
+    /* @__PURE__ */ a(P, { asChild: !0, children: A }),
+    /* @__PURE__ */ a(R, { side: "right", sideOffset: 8, children: y })
   ] });
 };
 K.displayName = "SideBarItem";
 const O = ({
-  className: r,
+  className: n,
   ...t
 }) => {
-  const { collapsed: e, setCollapsed: o } = C({
+  const { collapsed: e, setCollapsed: o } = S({
     consumerName: "SideBarCollapseToggle",
     contextRequired: !0
-  }), n = S(() => {
+  }), r = B(() => {
     o(!e);
-  }, [e, o]), c = e ? q : z;
+  }, [e, o]), i = e ? V : q;
   return /* @__PURE__ */ a(
     "button",
     {
       type: "button",
-      onClick: n,
-      className: p(
-        m.item({ active: !1, disabled: !1 }),
-        r
+      onClick: r,
+      className: c(
+        d.item({ active: !1, disabled: !1 }),
+        n
       ),
       "aria-label": e ? h("components.sideBar.expandAriaLabel") : h("components.sideBar.collapseAriaLabel"),
       ...t,
-      children: /* @__PURE__ */ a(c, { size: 20, className: "shrink-0" })
+      children: /* @__PURE__ */ a(i, { size: 20, className: "shrink-0" })
     }
   );
 };
 O.displayName = "SideBarCollapseToggle";
 export {
-  k as SideBar,
+  E as SideBar,
   O as SideBarCollapseToggle,
   K as SideBarItem,
   F as SideBarLeading,