@ledgerhq/lumen-ui-react 0.1.43 → 0.1.45

package/dist/lib/Components/SegmentedControl/SegmentedControl.js

@@ -1,8 +1,8 @@
-import { jsx as a, jsxs as x } from "react/jsx-runtime";
-import { cn as g, useDisabledContext as h } from "../../../libs/utils-shared/dist/index.js";
+import { jsx as r, jsxs as x } from "react/jsx-runtime";
+import { cn as g, useDisabledContext as v } from "../../../libs/utils-shared/dist/index.js";
 import { cva as b } from "class-variance-authority";
-import { useRef as v } from "react";
-import { useSegmentedControlContext as y, SegmentedControlContextProvider as C } from "./SegmentedControlContext.js";
+import { useRef as C } from "react";
+import { useSegmentedControlContext as y, SegmentedControlContextProvider as S } from "./SegmentedControlContext.js";
 import { useSegmentedControlSelectedIndex as w, usePillElementLayoutEffect as N } from "./usePillElementLayoutEffect.js";
 const p = {
   root: b("relative flex flex-row items-center rounded-sm", {
@@ -53,66 +53,71 @@ const p = {
     }
   )
 };
-function L({
-  value: n,
+function k({
+  value: s,
   children: i,
   icon: t,
   trailingContent: l,
   onClick: d,
   className: c,
-  ...r
+  ...a
 }) {
-  const { selectedValue: u, onSelectedChange: o, disabled: e, tabLayout: m } = y(), s = u === n;
-  return /* @__PURE__ */ a(
+  const { selectedValue: u, onSelectedChange: o, disabled: e, tabLayout: m } = y(), n = u === s;
+  return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       role: "radio",
-      "aria-checked": s,
+      "aria-checked": n,
       "aria-disabled": e,
       disabled: e,
       onClick: (f) => {
-        e || (o(n), d?.(f));
+        e || (o(s), d?.(f));
       },
       className: g(
-        p.item({ selected: s, disabled: !!e }),
+        p.item({ selected: n, disabled: !!e }),
         m === "fixed" && "min-w-0 flex-1",
         c
       ),
-      ...r,
+      ...a,
       children: /* @__PURE__ */ x("span", { className: "inline-flex min-w-0 items-center justify-center gap-8", children: [
-        t && /* @__PURE__ */ a(t, { size: 16, className: "shrink-0" }),
-        /* @__PURE__ */ a("span", { className: "min-w-0 truncate", children: i }),
+        t && /* @__PURE__ */ r(t, { size: 16, className: "shrink-0" }),
+        /* @__PURE__ */ r("span", { className: "min-w-0 truncate", children: i }),
         l
       ] })
     }
   );
 }
-function P({
-  selectedValue: n,
+function j({
+  selectedValue: s,
   onSelectedChange: i,
   children: t,
   className: l,
   disabled: d,
   appearance: c = "background",
-  tabLayout: r = "fixed",
+  tabLayout: a = "fixed",
   ...u
 }) {
-  const o = h({
+  const o = v({
     consumerName: "SegmentedControl",
     mergeWith: { disabled: d }
-  }), e = v(null), m = w(
-    n,
+  }), e = C(null), m = w(
+    s,
     t
-  ), { pill: s, isReady: f } = N({
+  ), { pill: n, isReady: f } = N({
     ref: e,
     selectedIndex: m,
     children: t
   });
-  return /* @__PURE__ */ a(
-    C,
+  return /* @__PURE__ */ r(
+    S,
     {
-      value: { selectedValue: n, onSelectedChange: i, disabled: o, tabLayout: r },
+      value: {
+        selectedValue: s,
+        onSelectedChange: (h) => i(h),
+        disabled: o,
+        tabLayout: a
+      },
       children: /* @__PURE__ */ x(
         "div",
         {
@@ -123,21 +128,21 @@ function P({
           className: g(
             p.root({
               appearance: c,
-              tabLayout: r
+              tabLayout: a
             }),
             l
           ),
           children: [
             t,
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ r(
               "div",
               {
                 "aria-hidden": !0,
                 className: p.pill({ disabled: o, isReady: f }),
                 style: {
-                  width: s.width,
-                  height: s.height,
-                  transform: `translateX(${s.x}px)`
+                  width: n.width,
+                  height: n.height,
+                  transform: `translateX(${n.x}px)`
                 }
               }
             )
@@ -147,7 +152,11 @@ function P({
     }
   );
 }
+function D() {
+  return { SegmentedControl: j, SegmentedControlButton: k };
+}
 export {
-  P as SegmentedControl,
-  L as SegmentedControlButton
+  j as SegmentedControl,
+  k as SegmentedControlButton,
+  D as createSegmentedControl
 };

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

@@ -1,14 +1,15 @@
 import { ComponentType, ReactNode, ComponentPropsWithoutRef } from 'react';
 import { IconSize } from '../Icon/types';
-export type SegmentedControlProps = {
+export type SegmentedControlValue = string;
+export type SegmentedControlProps<T extends SegmentedControlValue = SegmentedControlValue> = {
     /**
      * The value of the currently selected segment (drives the sliding pill).
      */
-    selectedValue: string;
+    selectedValue: T;
     /**
      * Callback when the selected segment value changes.
      */
-    onSelectedChange: (value: string) => void;
+    onSelectedChange: (value: T) => void;
     /**
      * When true, the entire control is disabled (no interaction, selected uses muted styling).
      */
@@ -34,11 +35,11 @@ type IconComponent = ComponentType<{
     size?: IconSize;
     className?: string;
 }>;
-export type SegmentedControlButtonProps = {
+export type SegmentedControlButtonProps<T extends SegmentedControlValue = SegmentedControlValue> = {
     /**
      * Value for this segment (must be unique among siblings).
      */
-    value: string;
+    value: T;
     /**
      * Button label.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IAC5C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,KAAK,aAAa,GAAG,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,qBAAqB,CAC/B,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,IACrD;IACF;;OAEG;IACH,aAAa,EAAE,CAAC,CAAC;IACjB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IAC5C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,KAAK,aAAa,GAAG,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,CACrC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,IACrD;IACF;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IACT;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -1,9 +1,10 @@
-import { MetaShape, SelectProps, SelectTriggerProps, SelectContentProps, SelectListProps, SelectSearchProps, SelectItemTextProps, SelectItemProps, SelectItemContentProps, SelectItemDescriptionProps, SelectSeparatorProps, SelectEmptyStateProps } from './types';
-declare function Select<TMeta extends MetaShape = MetaShape>({ value, defaultValue, onValueChange, disabled: disabledProp, items, filter, filteredItems, searchValue: searchValueProp, defaultSearchValue, onSearchValueChange, open, defaultOpen, onOpenChange, name, required, children, }: Readonly<SelectProps<TMeta>>): import("react/jsx-runtime").JSX.Element;
-declare const SelectTrigger: ({ render, disabled, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
+import { ReactElement } from 'react';
+import { MetaShape, SelectProps, SelectTriggerProps, SelectContentProps, SelectListProps, SelectSearchProps, SelectItemTextProps, SelectItemProps, SelectItemContentProps, SelectItemDescriptionProps, SelectSeparatorProps, SelectEmptyStateProps, SelectValue } from './types';
+declare function Select<T extends SelectValue = SelectValue, TMeta extends MetaShape = MetaShape>({ value, defaultValue, onValueChange, disabled: disabledProp, items, filter, filteredItems, searchValue: searchValueProp, defaultSearchValue, onSearchValueChange, open, defaultOpen, onOpenChange, name, required, children, }: Readonly<SelectProps<T, TMeta>>): import("react/jsx-runtime").JSX.Element;
+declare const SelectTrigger: <T extends SelectValue = SelectValue>({ render, disabled, ...props }: SelectTriggerProps<T>) => import("react/jsx-runtime").JSX.Element;
 declare const SelectContent: ({ ref, className, children, side, sideOffset, align, initialFocus, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
-declare const SelectList: <TMeta extends MetaShape = MetaShape>({ ref, className, renderItem, ...props }: SelectListProps<TMeta>) => import("react/jsx-runtime").JSX.Element;
-declare const SelectItem: ({ ref, className, children, ...props }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectList: <T extends SelectValue = SelectValue, TMeta extends MetaShape = MetaShape>({ ref, className, renderItem, ...props }: SelectListProps<T, TMeta>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectItem: <T extends SelectValue = SelectValue>({ ref, className, children, ...props }: SelectItemProps<T>) => import("react/jsx-runtime").JSX.Element;
 declare const SelectSeparator: ({ ref, className, ...props }: SelectSeparatorProps) => import("react/jsx-runtime").JSX.Element;
 declare const SelectItemText: ({ ref, className, ...props }: SelectItemTextProps) => import("react/jsx-runtime").JSX.Element;
 declare const SelectItemContent: ({ ref, className, children, ...props }: SelectItemContentProps) => import("react/jsx-runtime").JSX.Element;
@@ -11,4 +12,17 @@ declare const SelectItemDescription: ({ ref, className, children, ...props }: Se
 declare const SelectSearch: ({ className, placeholder, helperText, status, "aria-invalid": ariaInvalid, suffix, onClear, hideClearButton, }: SelectSearchProps) => import("react/jsx-runtime").JSX.Element;
 declare const SelectEmptyState: ({ ref, className, title, description, ...props }: SelectEmptyStateProps) => import("react/jsx-runtime").JSX.Element;
 export { Select, SelectTrigger, SelectContent, SelectSearch, SelectList, SelectItemText, SelectItemContent, SelectItemDescription, SelectItem, SelectSeparator, SelectEmptyState, };
+export declare function createSelect<T extends SelectValue = never, TMeta extends MetaShape = MetaShape>(): {
+    Select: (props: Readonly<SelectProps<T, TMeta>>) => ReactElement;
+    SelectTrigger: (props: SelectTriggerProps<T>) => ReactElement;
+    SelectContent: (props: SelectContentProps) => ReactElement;
+    SelectSearch: (props: SelectSearchProps) => ReactElement;
+    SelectList: (props: SelectListProps<T, TMeta>) => ReactElement;
+    SelectItemText: (props: SelectItemTextProps) => ReactElement;
+    SelectItemContent: (props: SelectItemContentProps) => ReactElement;
+    SelectItemDescription: (props: SelectItemDescriptionProps) => ReactElement;
+    SelectItem: (props: SelectItemProps<T>) => ReactElement;
+    SelectSeparator: (props: SelectSeparatorProps) => ReactElement;
+    SelectEmptyState: (props: SelectEmptyStateProps) => ReactElement;
+};
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/Select.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,SAAS,EAET,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EAEjB,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACtB,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAIjB,iBAAS,MAAM,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,EACnD,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EAAE,YAAY,EACtB,KAAK,EACL,MAAM,EACN,aAAa,EACb,WAAW,EAAE,eAAe,EAC5B,kBAAkB,EAClB,mBAAmB,EACnB,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,2CA0D9B;AA6DD,QAAA,MAAM,aAAa,GAAI,gCAAgC,kBAAkB,4CAmBxE,CAAC;AAgCF,QAAA,MAAM,aAAa,GAAI,+EASpB,kBAAkB,4CAoBpB,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,KAAK,SAAS,SAAS,GAAG,SAAS,EAAE,0CAKtD,eAAe,CAAC,KAAK,CAAC,4CA+BxB,CAAC;AAqBF,QAAA,MAAM,UAAU,GAAI,wCAKjB,eAAe,4CAYjB,CAAC;AAEF,QAAA,MAAM,eAAe,GAAI,8BAItB,oBAAoB,4CAEtB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,8BAA8B,mBAAmB,4CAOxE,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,wCAKxB,sBAAsB,4CASxB,CAAC;AAEF,QAAA,MAAM,qBAAqB,GAAI,wCAK5B,0BAA0B,4CAa5B,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,gHASnB,iBAAiB,4CA0BnB,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,kDAMvB,qBAAqB,4CAcvB,CAAC;AAEF,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,eAAe,EACf,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/Select.tsx"],"names":[],"mappings":"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"}