@ledgerhq/lumen-ui-react 0.0.80 → 0.0.82

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

@@ -1,53 +1,58 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { cn as l } from "../../../libs/utils-shared/dist/index.js";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { cn as s } 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";
-import { ChevronDown as m } from "../../Symbols/Icons/ChevronDown.js";
-import { Check as p } from "../../Symbols/Icons/Check.js";
-import { Divider as u } from "../Divider/Divider.js";
-import { ChevronUp as f } from "../../Symbols/Icons/ChevronUp.js";
+import { cva as n } from "class-variance-authority";
+import { ChevronDown as c } from "../../Symbols/Icons/ChevronDown.js";
+import { Check as m } from "../../Symbols/Icons/Check.js";
+import { Divider as p } from "../Divider/Divider.js";
+import { ChevronUp as u } from "../../Symbols/Icons/ChevronUp.js";
 function k({ ...t }) {
   return /* @__PURE__ */ e(a.Root, { "data-slot": "select", ...t });
 }
 function G({ ...t }) {
   return /* @__PURE__ */ e(a.Group, { "data-slot": "select-group", ...t });
 }
-const b = l(
+const f = s(
   "group relative flex h-48 w-full cursor-pointer items-center justify-between gap-8",
   "rounded-sm bg-muted px-16",
   "body-2 text-base",
   "hover:bg-muted-hover",
   "transition-colors duration-200 focus:ring-2 focus:ring-focus focus:outline-hidden",
   "disabled:cursor-not-allowed disabled:text-disabled"
-), g = l(
+), b = s(
   "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",
   "max-w-[calc(100%-var(--size-56))] truncate"
-), h = s.forwardRef(({ className: t, labelClassName: o, label: r, ...i }, d) => /* @__PURE__ */ n(
+), g = ({
+  ref: t,
+  className: l,
+  labelClassName: o,
+  label: r,
+  ...i
+}) => /* @__PURE__ */ d(
   a.Trigger,
   {
-    ref: d,
+    ref: t,
     "data-slot": "select-trigger",
-    className: l(b, t),
+    className: s(f, l),
     ...i,
     children: [
-      r && /* @__PURE__ */ e("label", { className: l(g, o), children: r }),
+      r && /* @__PURE__ */ e("label", { className: s(b, o), children: r }),
       /* @__PURE__ */ e(
         "span",
         {
-          className: l(
+          className: s(
             "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
+            l
           ),
           children: /* @__PURE__ */ e(a.Value, { "data-slot": "select-value" })
         }
       ),
       /* @__PURE__ */ e(a.Icon, { asChild: !0, children: /* @__PURE__ */ e(
-        m,
+        c,
         {
           size: 20,
           className: "shrink-0 text-muted group-data-disabled:text-disabled"
@@ -55,9 +60,9 @@ const b = l(
       ) })
     ]
   }
-));
-h.displayName = a.Trigger.displayName;
-const x = c(
+);
+g.displayName = a.Trigger.displayName;
+const h = n(
   [
     "relative z-select max-h-(--radix-select-content-available-height) overflow-x-hidden overflow-y-auto",
     "rounded-sm bg-muted",
@@ -78,7 +83,7 @@ const x = c(
       position: "popper"
     }
   }
-), y = c("p-8", {
+), x = n("p-8", {
   variants: {
     position: {
       popper: "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)",
@@ -88,33 +93,39 @@ const x = c(
   defaultVariants: {
     position: "popper"
   }
-}), N = s.forwardRef(({ className: t, children: o, position: r = "popper", ...i }, d) => /* @__PURE__ */ e(a.Portal, { "data-slot": "select-portal", children: /* @__PURE__ */ n(
+}), y = ({
+  ref: t,
+  className: l,
+  children: o,
+  position: r = "popper",
+  ...i
+}) => /* @__PURE__ */ e(a.Portal, { "data-slot": "select-portal", children: /* @__PURE__ */ d(
   a.Content,
   {
-    ref: d,
+    ref: t,
     "data-slot": "select-content",
-    className: l(x({ position: r }), t),
+    className: s(h({ position: r }), l),
     position: r,
     ...i,
     children: [
-      /* @__PURE__ */ e(j, {}),
-      /* @__PURE__ */ e(a.Viewport, { className: y({ position: r }), children: o }),
-      /* @__PURE__ */ e(z, {})
+      /* @__PURE__ */ e(z, {}),
+      /* @__PURE__ */ e(a.Viewport, { className: x({ position: r }), children: o }),
+      /* @__PURE__ */ e(C, {})
     ]
   }
-) }));
-N.displayName = a.Content.displayName;
-const w = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
+) });
+y.displayName = a.Content.displayName;
+const N = ({ ref: t, className: l, ...o }) => /* @__PURE__ */ e(
   a.Label,
   {
-    ref: r,
+    ref: t,
     "data-slot": "select-label",
-    className: l("mb-4 px-8 pt-8 pb-0 body-3-semi-bold text-muted", t),
+    className: s("mb-4 px-8 pt-8 pb-0 body-3-semi-bold text-muted", l),
     ...o
   }
-));
-w.displayName = a.Label.displayName;
-const S = l(
+);
+N.displayName = a.Label.displayName;
+const S = s(
   "relative flex w-full cursor-pointer items-center bg-base-transparent select-none",
   "rounded-sm p-8",
   "body-2 text-base",
@@ -122,82 +133,82 @@ const S = l(
   "focus:bg-base-transparent-hover",
   "active:bg-base-transparent-pressed",
   "data-disabled:cursor-not-allowed data-disabled:text-disabled"
-), v = s.forwardRef(({ className: t, children: o, ...r }, i) => /* @__PURE__ */ n(
+), v = ({
+  ref: t,
+  className: l,
+  children: o,
+  ...r
+}) => /* @__PURE__ */ d(
   a.Item,
   {
-    ref: i,
+    ref: t,
     "data-slot": "select-item",
-    className: l(S, t),
+    className: s(S, l),
     ...r,
     children: [
       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" }) }) })
+      /* @__PURE__ */ e("span", { className: "absolute right-8 flex size-24 items-center justify-center", children: /* @__PURE__ */ e(a.ItemIndicator, { children: /* @__PURE__ */ e(m, { size: 24, className: "text-active" }) }) })
     ]
   }
-));
-v.displayName = a.Item.displayName;
-const I = s.forwardRef(
-  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
-    u,
-    {
-      ref: r,
-      className: l("mx-8 my-4 w-auto", t),
-      ...o
-    }
-  )
 );
-I.displayName = "SelectSeparator";
-const R = s.forwardRef(({ className: t, ...o }, r) => /* @__PURE__ */ e(
+v.displayName = a.Item.displayName;
+const w = ({
+  ref: t,
+  className: l,
+  ...o
+}) => /* @__PURE__ */ e(p, { ref: t, className: s("mx-8 my-4 w-auto", l), ...o });
+w.displayName = "SelectSeparator";
+const I = ({ ref: t, className: l, ...o }) => /* @__PURE__ */ e(
   a.ItemText,
   {
-    ref: r,
+    ref: t,
     "data-slot": "select-item-text",
-    className: l("body-2 text-muted", t),
+    className: s("body-2 text-muted", l),
     ...o
   }
-));
-R.displayName = a.ItemText.displayName;
-function j({
+);
+I.displayName = a.ItemText.displayName;
+function z({
   className: t,
-  ...o
+  ...l
 }) {
   return /* @__PURE__ */ e(
     a.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: l(
+      className: s(
         "flex cursor-default items-center justify-center py-1 text-muted",
         t
       ),
-      ...o,
-      children: /* @__PURE__ */ e(f, { className: "size-4" })
+      ...l,
+      children: /* @__PURE__ */ e(u, { className: "size-4" })
     }
   );
 }
-function z({
+function C({
   className: t,
-  ...o
+  ...l
 }) {
   return /* @__PURE__ */ e(
     a.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: l(
+      className: s(
         "flex cursor-default items-center justify-center py-1 text-muted",
         t
       ),
-      ...o,
-      children: /* @__PURE__ */ e(m, { className: "size-4" })
+      ...l,
+      children: /* @__PURE__ */ e(c, { className: "size-4" })
     }
   );
 }
 export {
   k as Select,
-  N as SelectContent,
+  y as SelectContent,
   G as SelectGroup,
   v as SelectItem,
-  R as SelectItemText,
-  w as SelectLabel,
-  I as SelectSeparator,
-  h as SelectTrigger
+  I as SelectItemText,
+  N as SelectLabel,
+  w as SelectSeparator,
+  g as SelectTrigger
 };

package/dist/lib/Components/Select/types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
 type Direction = 'ltr' | 'rtl';
 type PointerDownOutsideEvent = CustomEvent<{
     originalEvent: PointerEvent;
@@ -7,7 +7,7 @@ export type SelectProps = {
     /**
      * The children of the select item
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * The controlled open state of the select.
      * Must be used in conjunction with onOpenChange.
@@ -72,12 +72,12 @@ export type SelectTriggerProps = {
      * @example labelClassName='text-error'
      */
     labelClassName?: string;
-};
+} & ComponentPropsWithRef<'button'>;
 export type SelectContentProps = {
     /**
      * The children of the select content
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
@@ -160,12 +160,12 @@ export type SelectContentProps = {
      * @example className='text-error'
      */
     className?: string;
-};
+} & ComponentPropsWithRef<'div'>;
 export type SelectGroupProps = {
     /**
      * The children of the select group
      */
-    children: React.ReactNode;
+    children: ReactNode;
 };
 export type SelectLabelProps = {
     /**
@@ -173,25 +173,25 @@ export type SelectLabelProps = {
      * @example children={<SelectLabel>Option</SelectLabel>}
      * @required
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * The class name of the select label
      */
     className?: string;
-};
+} & ComponentPropsWithRef<'div'>;
 export type SelectItemTextProps = {
     /**
      * The children of the select item text
      * @example children={<SelectItemText>Option</SelectItemText>}
      * @required
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * Extra class names to apply to the item text element
      * @example className='text-error'
      */
     className?: string;
-};
+} & ComponentPropsWithRef<'div'>;
 export type SelectItemProps = {
     /**
      * The value of the select item
@@ -204,7 +204,7 @@ export type SelectItemProps = {
      * @example children={<SelectItemText>Option</SelectItemText>}
      * @required
      */
-    children: React.ReactElement<SelectItemTextProps> | readonly React.ReactElement[];
+    children: ReactElement<SelectItemTextProps> | readonly ReactElement[];
     /**
      * Optional text used for typeahead purposes. Use this when the content is complex, or you have non-textual content inside.
      * @example textValue='Option'
@@ -220,7 +220,7 @@ export type SelectItemProps = {
      * @example className='text-error'
      */
     className?: string;
-};
+} & ComponentPropsWithRef<'div'>;
 export type SelectSeparatorProps = {
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
@@ -231,6 +231,6 @@ export type SelectSeparatorProps = {
      * Extra class names to apply to the separator element
      */
     className?: string;
-};
+} & ComponentPropsWithRef<'div'>;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/Select/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/types.ts"],"names":[],"mappings":"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"}

package/dist/lib/Components/SideBar/SideBar.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-import { SideBarCollapseToggleProps } from './types';
+import { SideBarProps, SideBarLeadingProps, SideBarTrailingProps, SideBarItemProps, SideBarCollapseToggleProps } from './types';
 /**
  * A responsive sidebar navigation component with collapsible functionality.
  * Uses a composite pattern for maximum flexibility with value-based selection.
@@ -20,33 +19,27 @@ import { SideBarCollapseToggleProps } from './types';
  *   </SideBarTrailing>
  * </SideBar>
  */
-export declare const SideBar: React.ForwardRefExoticComponent<{
-    collapsed?: boolean;
-    defaultCollapsed?: boolean;
-    onCollapsedChange?: (collapsed: boolean) => void;
-    active?: string;
-    defaultActive?: string;
-    onActiveChange?: (value: string) => void;
-    children: React.ReactNode;
-    className?: string;
-} & Omit<React.HTMLAttributes<HTMLElement>, "children"> & React.RefAttributes<HTMLElement>>;
+export declare const SideBar: {
+    ({ ref, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, active: controlledActive, defaultActive, onActiveChange, children, className, ...props }: SideBarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Container for the leading (top) section of the sidebar.
  * Typically contains the main navigation items.
  */
-export declare const SideBarLeading: React.ForwardRefExoticComponent<{
-    children: React.ReactNode;
-    className?: string;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const SideBarLeading: {
+    ({ ref, children, className, ...props }: SideBarLeadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Container for the trailing (bottom) section of the sidebar.
  * Typically contains secondary navigation items and settings.
  * Uses `mt-auto` to push itself and the footer to the bottom.
  */
-export declare const SideBarTrailing: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-    className?: string;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const SideBarTrailing: {
+    ({ ref, children, className, ...props }: SideBarTrailingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * A navigation item within the sidebar.
  * Supports active state via value matching, icons, labels, and optional click handling.
@@ -69,22 +62,10 @@ export declare const SideBarTrailing: React.ForwardRefExoticComponent<{
  *   tooltipContent="Wallet"
  * />
  */
-export declare const SideBarItem: React.ForwardRefExoticComponent<{
-    value: string;
-    icon: React.ComponentType<{
-        size?: import('../Icon').IconSize;
-        className?: string;
-    }>;
-    activeIcon: React.ComponentType<{
-        size?: import('../Icon').IconSize;
-        className?: string;
-    }>;
-    label?: React.ReactNode;
-    tooltipContent?: React.ReactNode;
-    disabled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    className?: string;
-} & Omit<React.HTMLAttributes<HTMLButtonElement>, "children" | "onClick"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SideBarItem: {
+    ({ ref, value, icon: Icon, activeIcon: ActiveIcon, label, tooltipContent: tooltipContentProp, disabled, className, onClick, ...props }: SideBarItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Collapse toggle button for the sidebar.
  * Place inside SideBarTrailing to allow users to collapse/expand the sidebar.

package/dist/lib/Components/SideBar/SideBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/SideBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAIvD,OAAO,EAML,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAmDjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO;;;;;;;;;2FA0CnB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,cAAc;;;+EAY1B,CAAC;AAGF;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;+EAY3B,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW;;gBAlH2C,aAAa;YAC/E,CAAA;iBACA,CAAD;;sBACkF,aAAa;YAC9F,CAAA;iBAAqB,CAAC;;;;;oBA4Bb,iBAAiB;;mHAkK1B,CAAC;AAGF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB;8BAG/B,0BAA0B;;CAiC5B,CAAC"}
+{"version":3,"file":"SideBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/SideBar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEL,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAmDjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO;2KAWjB,YAAY;;CA2Bd,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB;;CAUrB,CAAC;AAGF;;;;GAIG;AACH,eAAO,MAAM,eAAe;6CAKzB,oBAAoB;;CAUtB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW;4IAWrB,gBAAgB;;CAiElB,CAAC;AAGF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB;8BAG/B,0BAA0B;;CAiC5B,CAAC"}