@ledgerhq/lumen-ui-react 0.1.21 → 0.1.22

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

@@ -1,32 +1,31 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import { useDisabledContext as q, cn as l } from "../../../libs/utils-shared/dist/index.js";
 import { cva as z } from "class-variance-authority";
 import { useLayoutEffect as D } from "react";
 import { SelectProvider as G, useSelectContext as m } from "./SelectContext.js";
 import { useControllableState as k } from "../../../utils/useControllableState/useControllableState.js";
 import { useSelectItems as E } from "./useSelectItems/useSelectItems.js";
-import { SearchInput as B } from "../SearchInput/SearchInput.js";
-import { Check as F } from "../../Symbols/Icons/Check.js";
-import { Divider as W } from "../Divider/Divider.js";
-import { TriggerButton as A } from "../TriggerButton/TriggerButton.js";
-import { ChevronDown as H } from "../../Symbols/Icons/ChevronDown.js";
-import { ComboboxRoot as J } from "../../../node_modules/@base-ui/react/esm/combobox/root/ComboboxRoot.js";
+import { SearchInput as F } from "../SearchInput/SearchInput.js";
+import { Check as W } from "../../Symbols/Icons/Check.js";
+import { Divider as A } from "../Divider/Divider.js";
+import { ChevronDown as B } from "../../Symbols/Icons/ChevronDown.js";
+import { ComboboxRoot as H } from "../../../node_modules/@base-ui/react/esm/combobox/root/ComboboxRoot.js";
 import { ComboboxTrigger as b } from "../../../node_modules/@base-ui/react/esm/combobox/trigger/ComboboxTrigger.js";
-import { ComboboxPortal as K } from "../../../node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortal.js";
-import { ComboboxPositioner as M } from "../../../node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositioner.js";
-import { ComboboxPopup as O } from "../../../node_modules/@base-ui/react/esm/combobox/popup/ComboboxPopup.js";
-import { ComboboxInput as Q } from "../../../node_modules/@base-ui/react/esm/combobox/input/ComboboxInput.js";
-import { ComboboxList as U } from "../../../node_modules/@base-ui/react/esm/combobox/list/ComboboxList.js";
-import { ComboboxGroup as X } from "../../../node_modules/@base-ui/react/esm/combobox/group/ComboboxGroup.js";
-import { ComboboxCollection as Y } from "../../../node_modules/@base-ui/react/esm/combobox/collection/ComboboxCollection.js";
-import { ComboboxItem as Z } from "../../../node_modules/@base-ui/react/esm/combobox/item/ComboboxItem.js";
-import { ComboboxItemIndicator as _ } from "../../../node_modules/@base-ui/react/esm/combobox/item-indicator/ComboboxItemIndicator.js";
-import { ComboboxEmpty as $ } from "../../../node_modules/@base-ui/react/esm/combobox/empty/ComboboxEmpty.js";
+import { ComboboxPortal as J } from "../../../node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortal.js";
+import { ComboboxPositioner as K } from "../../../node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositioner.js";
+import { ComboboxPopup as M } from "../../../node_modules/@base-ui/react/esm/combobox/popup/ComboboxPopup.js";
+import { ComboboxInput as O } from "../../../node_modules/@base-ui/react/esm/combobox/input/ComboboxInput.js";
+import { ComboboxList as Q } from "../../../node_modules/@base-ui/react/esm/combobox/list/ComboboxList.js";
+import { ComboboxGroup as U } from "../../../node_modules/@base-ui/react/esm/combobox/group/ComboboxGroup.js";
+import { ComboboxCollection as X } from "../../../node_modules/@base-ui/react/esm/combobox/collection/ComboboxCollection.js";
+import { ComboboxItem as Y } from "../../../node_modules/@base-ui/react/esm/combobox/item/ComboboxItem.js";
+import { ComboboxItemIndicator as Z } from "../../../node_modules/@base-ui/react/esm/combobox/item-indicator/ComboboxItemIndicator.js";
+import { ComboboxEmpty as _ } from "../../../node_modules/@base-ui/react/esm/combobox/empty/ComboboxEmpty.js";
 import { ComboboxValue as f } from "../../../node_modules/@base-ui/react/esm/combobox/value/ComboboxValue.js";
-import { ComboboxGroupLabel as ee } from "../../../node_modules/@base-ui/react/esm/combobox/group-label/ComboboxGroupLabel.js";
-function De({
-  value: t,
-  defaultValue: o,
+import { ComboboxGroupLabel as $ } from "../../../node_modules/@base-ui/react/esm/combobox/group-label/ComboboxGroupLabel.js";
+function qe({
+  value: o,
+  defaultValue: a,
   onValueChange: e,
   disabled: r,
   items: s,
@@ -35,8 +34,8 @@ function De({
   searchValue: c,
   defaultSearchValue: u,
   onSearchValueChange: h,
-  open: g,
-  defaultOpen: x,
+  open: x,
+  defaultOpen: g,
   onOpenChange: S,
   name: y,
   required: v,
@@ -47,8 +46,8 @@ function De({
     mergeWith: { disabled: r }
   }), [p, w] = k(
     {
-      prop: t,
-      defaultProp: o ?? null,
+      prop: o,
+      defaultProp: a ?? null,
       onChange: (j) => {
         e?.(j);
       }
@@ -56,9 +55,9 @@ function De({
   ), {
     isGrouped: I,
     groupedItems: V,
-    filteredItemsForRoot: T,
-    resolvedSearchValue: L,
-    registerSearch: R,
+    filteredItemsForRoot: L,
+    resolvedSearchValue: R,
+    registerSearch: T,
     handleSearchValueChange: P
   } = E({
     items: s,
@@ -68,43 +67,43 @@ function De({
     defaultSearchValue: u,
     onSearchValueChange: h
   });
-  return /* @__PURE__ */ a(
-    J,
+  return /* @__PURE__ */ t(
+    H,
     {
       "data-slot": "select",
       filter: null,
       items: V ?? s,
-      filteredItems: T,
-      inputValue: L,
+      filteredItems: L,
+      inputValue: R,
       onInputValueChange: P,
       value: p,
       onValueChange: w,
-      open: g,
-      defaultOpen: x,
+      open: x,
+      defaultOpen: g,
       onOpenChange: S,
       name: y,
       required: v,
       disabled: N,
-      children: /* @__PURE__ */ a(G, { value: { selectedValue: p, registerSearch: R, isGrouped: I }, children: C })
+      children: /* @__PURE__ */ t(G, { value: { selectedValue: p, registerSearch: T, isGrouped: I }, children: C })
     }
   );
 }
-const te = l(
+const ee = l(
   "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-active focus:outline-hidden",
   "disabled:cursor-not-allowed disabled:text-disabled"
-), oe = l(
+), te = 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",
   "max-w-[calc(100%-var(--size-56))] truncate"
-), ae = ({
-  ref: t,
-  className: o,
+), oe = ({
+  ref: o,
+  className: a,
   labelClassName: e,
   label: r,
   ...s
@@ -116,14 +115,14 @@ const te = l(
   return /* @__PURE__ */ d(
     b,
     {
-      ref: t,
+      ref: o,
       "data-slot": "select-trigger",
       "data-placeholder": i ? void 0 : "",
-      className: l(te, o),
+      className: l(ee, a),
       ...s,
       children: [
-        r && /* @__PURE__ */ a("label", { className: l(oe, e), children: r }),
-        /* @__PURE__ */ a(
+        r && /* @__PURE__ */ t("label", { className: l(te, e), children: r }),
+        /* @__PURE__ */ t(
           "span",
           {
             className: l(
@@ -131,11 +130,11 @@ const te = l(
               r && "mt-16 opacity-100 transition-opacity delay-100 duration-300",
               r && !i && "mt-0 opacity-0"
             ),
-            children: /* @__PURE__ */ a(f, {})
+            children: /* @__PURE__ */ t(f, {})
           }
         ),
-        /* @__PURE__ */ a(
-          H,
+        /* @__PURE__ */ t(
+          B,
           {
             size: 20,
             className: "text-muted group-data-disabled:text-disabled"
@@ -144,21 +143,21 @@ const te = l(
       ]
     }
   );
-}, Ge = ({ render: t, disabled: o, ...e }) => {
+}, ze = ({ render: o, disabled: a, ...e }) => {
   const { selectedValue: r } = m({
     consumerName: "SelectTrigger",
     contextRequired: !0
-  }), s = /* @__PURE__ */ a(f, {});
-  return t ? /* @__PURE__ */ a(
+  }), s = /* @__PURE__ */ t(f, {});
+  return o ? /* @__PURE__ */ t(
     b,
     {
-      disabled: o,
+      disabled: a,
       ref: e.ref,
       "data-slot": "select-trigger",
-      render: t({ selectedValue: r, selectedContent: s })
+      render: o({ selectedValue: r, selectedContent: s })
     }
-  ) : /* @__PURE__ */ a(ae, { ...e, disabled: o });
-}, re = z(
+  ) : /* @__PURE__ */ t(oe, { ...e, disabled: a });
+}, ae = z(
   [
     "group/select-content relative flex max-h-(--available-height) w-(--anchor-width) flex-col overflow-hidden",
     "rounded-sm bg-surface",
@@ -186,38 +185,38 @@ const te = l(
       }
     }
   }
-), ke = ({
-  ref: t,
-  className: o,
+), De = ({
+  ref: o,
+  className: a,
   children: e,
   side: r = "bottom",
   sideOffset: s = 8,
   align: n = "start",
   autoFocusSearch: i = !1,
   ...c
-}) => /* @__PURE__ */ a(K, { "data-slot": "select-portal", children: /* @__PURE__ */ a(
-  M,
+}) => /* @__PURE__ */ t(J, { "data-slot": "select-portal", children: /* @__PURE__ */ t(
+  K,
   {
     "data-slot": "select-positioner",
     className: "pointer-events-auto z-select",
     side: r,
     sideOffset: s,
     align: n,
-    children: /* @__PURE__ */ a(
-      O,
+    children: /* @__PURE__ */ t(
+      M,
       {
-        ref: t,
+        ref: o,
         "data-slot": "select-content",
         initialFocus: i ? void 0 : !1,
-        className: l(re({ side: r }), o),
+        className: l(ae({ side: r }), a),
         ...c,
         children: e
       }
     )
   }
-) }), Ee = ({
-  ref: t,
-  className: o,
+) }), Ge = ({
+  ref: o,
+  className: a,
   renderItem: e,
   ...r
 }) => {
@@ -225,40 +224,40 @@ const te = l(
     consumerName: "SelectList",
     contextRequired: !0
   });
-  return /* @__PURE__ */ a(
-    U,
+  return /* @__PURE__ */ t(
+    Q,
     {
-      ref: t,
+      ref: o,
       "data-slot": "select-list",
       className: l(
         "min-h-0 min-w-(--anchor-width) flex-1 overflow-y-auto p-8 group-data-empty/select-content:p-0",
-        o
+        a
       ),
       ...r,
       children: s ? (n, i) => /* @__PURE__ */ d(
-        X,
+        U,
         {
           items: n.items,
           "data-slot": "select-group",
           children: [
-            i > 0 && /* @__PURE__ */ a(ne, {}),
-            n.label && /* @__PURE__ */ a(le, { children: n.label }),
-            /* @__PURE__ */ a(Y, { children: e })
+            i > 0 && /* @__PURE__ */ t(se, {}),
+            n.label && /* @__PURE__ */ t(re, { children: n.label }),
+            /* @__PURE__ */ t(X, { children: e })
           ]
         },
         n.label
       ) : e
     }
   );
-}, le = ({ ref: t, className: o, ...e }) => /* @__PURE__ */ a(
-  ee,
+}, re = ({ ref: o, className: a, ...e }) => /* @__PURE__ */ t(
+  $,
   {
-    ref: t,
+    ref: o,
     "data-slot": "select-label",
-    className: l("mb-4 px-8 pt-8 pb-0 body-3-semi-bold text-muted", o),
+    className: l("mb-4 px-8 pt-8 pb-0 body-3-semi-bold text-muted", a),
     ...e
   }
-), se = l(
+), le = l(
   "group/item flex w-full min-w-0 cursor-pointer items-center gap-12 bg-base-transparent select-none",
   "rounded-sm p-8",
   "body-2 text-base",
@@ -266,70 +265,70 @@ const te = l(
   "data-highlighted:bg-base-transparent-hover",
   "active:bg-base-transparent-pressed",
   "data-disabled:cursor-not-allowed data-disabled:text-disabled"
-), Be = ({
-  ref: t,
-  className: o,
+), ke = ({
+  ref: o,
+  className: a,
   children: e,
   ...r
 }) => /* @__PURE__ */ d(
-  Z,
+  Y,
   {
-    ref: t,
+    ref: o,
     "data-slot": "select-item",
-    className: l(se, o),
+    className: l(le, a),
     ...r,
     children: [
       e,
-      /* @__PURE__ */ a(_, { className: "ml-auto flex shrink-0 items-center justify-center", children: /* @__PURE__ */ a(F, { size: 24, className: "shrink-0 text-active" }) })
+      /* @__PURE__ */ t(Z, { className: "ml-auto flex shrink-0 items-center justify-center", children: /* @__PURE__ */ t(W, { size: 24, className: "shrink-0 text-active" }) })
     ]
   }
-), ne = ({
-  ref: t,
-  className: o,
+), se = ({
+  ref: o,
+  className: a,
   ...e
-}) => /* @__PURE__ */ a(W, { ref: t, className: l("mx-8 my-4 w-auto", o), ...e }), Fe = ({ ref: t, className: o, ...e }) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ t(A, { ref: o, className: l("mx-8 my-4 w-auto", a), ...e }), Ee = ({ ref: o, className: a, ...e }) => /* @__PURE__ */ t(
   "span",
   {
-    ref: t,
+    ref: o,
     "data-slot": "select-item-text",
-    className: l("truncate body-2", o),
+    className: l("truncate body-2", a),
     ...e
   }
-), We = ({
-  ref: t,
-  className: o,
+), Fe = ({
+  ref: o,
+  className: a,
   children: e,
   ...r
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ t(
   "div",
   {
-    ref: t,
+    ref: o,
     "data-slot": "select-item-content",
-    className: l("flex min-w-0 flex-1 flex-col gap-4", o),
+    className: l("flex min-w-0 flex-1 flex-col gap-4", a),
     ...r,
     children: e
   }
-), Ae = ({
-  ref: t,
-  className: o,
+), We = ({
+  ref: o,
+  className: a,
   children: e,
   ...r
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ t(
   "div",
   {
-    ref: t,
+    ref: o,
     "data-slot": "select-item-description",
     className: l(
       "truncate body-3 text-muted",
       "group-data-disabled/item:text-disabled",
-      o
+      a
     ),
     ...r,
     children: e
   }
-), He = ({
-  className: t,
-  placeholder: o = "Search",
+), Ae = ({
+  className: o,
+  placeholder: a = "Search",
   errorMessage: e,
   "aria-invalid": r,
   suffix: s,
@@ -340,11 +339,11 @@ const te = l(
     consumerName: "SelectSearch",
     contextRequired: !0
   });
-  return D(() => c(), [c]), /* @__PURE__ */ a(
-    Q,
+  return D(() => c(), [c]), /* @__PURE__ */ t(
+    O,
     {
-      render: (u) => /* @__PURE__ */ a(
-        B,
+      render: (u) => /* @__PURE__ */ t(
+        F,
         {
           ...u,
           "aria-invalid": r,
@@ -352,52 +351,46 @@ const te = l(
           suffix: s,
           onClear: n,
           hideClearButton: i,
-          placeholder: o,
+          placeholder: a,
           containerClassName: "rounded-b-none ring-inset",
-          className: l(t, "rounded-b-none ring-inset")
+          className: l(o, "rounded-b-none ring-inset")
         }
       )
     }
   );
-}, Je = ({
-  ref: t,
-  className: o,
+}, Be = ({
+  ref: o,
+  className: a,
   title: e,
   description: r,
   ...s
 }) => /* @__PURE__ */ d(
-  $,
+  _,
   {
-    ref: t,
+    ref: o,
     "data-slot": "select-empty-state",
     className: l(
       "hidden w-full flex-col items-center gap-8 py-24",
       "group-data-empty/select-content:flex",
-      o
+      a
     ),
     ...s,
     children: [
-      /* @__PURE__ */ a("span", { className: "heading-4-semi-bold text-base", children: e }),
-      r && /* @__PURE__ */ a("span", { className: "body-2 text-muted", children: r })
+      /* @__PURE__ */ t("span", { className: "heading-4-semi-bold text-base", children: e }),
+      r && /* @__PURE__ */ t("span", { className: "body-2 text-muted", children: r })
     ]
   }
-), Ke = ({
-  selectedValue: t,
-  selectedContent: o,
-  label: e,
-  ...r
-}) => /* @__PURE__ */ a(A, { ...r, children: t ? o : e });
+);
 export {
-  De as Select,
-  ke as SelectContent,
-  Je as SelectEmptyState,
-  Be as SelectItem,
-  We as SelectItemContent,
-  Ae as SelectItemDescription,
-  Fe as SelectItemText,
-  Ee as SelectList,
-  He as SelectSearch,
-  ne as SelectSeparator,
-  Ge as SelectTrigger,
-  Ke as SelectTriggerButton
+  qe as Select,
+  De as SelectContent,
+  Be as SelectEmptyState,
+  ke as SelectItem,
+  Fe as SelectItemContent,
+  We as SelectItemDescription,
+  Ee as SelectItemText,
+  Ge as SelectList,
+  Ae as SelectSearch,
+  se as SelectSeparator,
+  ze as SelectTrigger
 };

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

@@ -1,3 +1,3 @@
 export * from './Select';
-export type { SelectItemData, SelectProps, SelectTriggerProps, SelectTriggerRenderProps, SelectContentProps, SelectSearchProps, SelectListProps, SelectItemTextProps, SelectItemContentProps, SelectItemDescriptionProps, SelectItemProps, SelectSeparatorProps, SelectEmptyStateProps, SelectTriggerButtonProps, } from './types';
+export type { SelectItemData, SelectProps, SelectTriggerProps, SelectTriggerRenderProps, SelectContentProps, SelectSearchProps, SelectListProps, SelectItemTextProps, SelectItemContentProps, SelectItemDescriptionProps, SelectItemProps, SelectSeparatorProps, SelectEmptyStateProps, } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,YAAY,EACV,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,wBAAwB,EACxB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,sBAAsB,EACtB,0BAA0B,EAC1B,eAAe,EACf,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,YAAY,EACV,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,wBAAwB,EACxB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,sBAAsB,EACtB,0BAA0B,EAC1B,eAAe,EACf,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,SAAS,CAAC"}

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

@@ -1,6 +1,5 @@
 import { ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
 import { SearchInputProps } from '../SearchInput/types';
-import { TriggerButtonProps } from '../TriggerButton';
 export type SelectItemData<Meta = Record<string, unknown>> = {
     /** Unique string identifier for this item, used for selection tracking. */
     value: string;
@@ -139,9 +138,9 @@ export type SelectTriggerProps = {
     /**
      * Render function that replaces the default input-style trigger.
      * When provided, the trigger delegates rendering to this function.
-     * Can be a preset component (e.g. `SelectTriggerButton`) or a custom render function.
+     * Use any component (e.g. `MediaButton`) or a custom render function.
      *
-     * @example render={(props) => <SelectTriggerButton {...props} label="Label" />}
+     * @example render={({ selectedValue, selectedContent }) => <MediaButton>{selectedValue ? selectedContent : 'Label'}</MediaButton>}
      * @example render={({ selectedValue, selectedContent }) => <MyTrigger />}
      */
     render?: (props: SelectTriggerRenderProps) => ReactElement;
@@ -285,11 +284,4 @@ export type SelectItemDescriptionProps = {
      */
     className?: string;
 } & ComponentPropsWithRef<'div'>;
-export type SelectTriggerButtonProps = SelectTriggerRenderProps & Omit<TriggerButtonProps, 'children'> & {
-    /**
-     * The label displayed when no value is selected.
-     * Once a value is selected, it is replaced by the selected item's content.
-     */
-    label: string;
-};
 //# 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/ThemeProvider/ThemeProvider.d.ts

@@ -1,4 +1,11 @@
+import { LedgerLiveDarkTheme, LedgerLiveLightTheme } from '@ledgerhq/lumen-design-core';
 import { FC } from 'react';
 import { ThemeProviderProps } from './ThemeProvider.types';
+type ThemeProviderState = {
+    theme?: LedgerLiveDarkTheme | LedgerLiveLightTheme;
+    colorScheme: 'light' | 'dark';
+};
 export declare const ThemeProvider: FC<ThemeProviderProps>;
+export declare const useTheme: () => ThemeProviderState;
+export {};
 //# sourceMappingURL=ThemeProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAiB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAU1E,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAoBhD,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAiB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAM1E,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,mBAAmB,GAAG,oBAAoB,CAAC;IACnD,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B,CAAC;AAKF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAwBhD,CAAC;AAEF,eAAO,MAAM,QAAQ,0BAOpB,CAAC"}

package/dist/lib/Components/ThemeProvider/ThemeProvider.js

@@ -1,24 +1,30 @@
-import { jsx as e } from "react/jsx-runtime";
-import { createSafeContext as i } from "../../../libs/utils-shared/dist/index.js";
-import { useMemo as f } from "react";
-import { COLOR_SCHEMES as s } from "./ThemeProvider.types.js";
-import { useRootColorModeSideEffect as n } from "./useRootColorModeSideEffect.js";
-import { I18nProvider as d } from "../../../i18n/I18nProvider.js";
-const [p] = i("ThemeProvider"), M = ({
-  children: t,
-  colorScheme: r = s.system,
-  locale: o
+import { jsx as t } from "react/jsx-runtime";
+import { createSafeContext as h } from "../../../libs/utils-shared/dist/index.js";
+import { useMemo as i } from "react";
+import { COLOR_SCHEMES as u } from "./ThemeProvider.types.js";
+import { useResolvedColorScheme as d, useRootColorModeSideEffect as f } from "./useRootColorModeSideEffect.js";
+import { I18nProvider as l } from "../../../i18n/I18nProvider.js";
+const [v, C] = h("ThemeProvider"), R = ({
+  themes: o,
+  children: m,
+  colorScheme: s = u.system,
+  locale: c
 }) => {
-  n({ colorScheme: r });
-  const m = f(
+  const e = d(s);
+  f(e);
+  const r = o?.[e], n = i(
     () => ({
-      colorScheme: r,
-      locale: o
+      theme: r,
+      colorScheme: e
     }),
-    [r, o]
+    [r, e]
   );
-  return /* @__PURE__ */ e(p, { value: m, children: /* @__PURE__ */ e(d, { locale: o, children: t }) });
-};
+  return /* @__PURE__ */ t(v, { value: n, children: /* @__PURE__ */ t(l, { locale: c, children: m }) });
+}, E = () => C({
+  consumerName: "useTheme",
+  contextRequired: !0
+});
 export {
-  M as ThemeProvider
+  R as ThemeProvider,
+  E as useTheme
 };

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

@@ -1,3 +1,4 @@
+import { LedgerLiveThemes } from '@ledgerhq/lumen-design-core';
 import { PropsWithChildren } from 'react';
 import { SupportedLocale } from '../../../i18n';
 export declare const COLOR_SCHEMES: {
@@ -5,8 +6,13 @@ export declare const COLOR_SCHEMES: {
     readonly dark: "dark";
     readonly system: "system";
 };
-export type ColorSchemeName = (typeof COLOR_SCHEMES)[keyof typeof COLOR_SCHEMES];
+export type ColorSchemeName = keyof typeof COLOR_SCHEMES;
+export type LumenThemes = LedgerLiveThemes;
 export type ThemeProviderProps = PropsWithChildren & {
+    /**
+     * Themes containing design-tokens for the app.
+     */
+    themes?: LumenThemes;
     /**
      * The color scheme of the theme.
      * system will follow the user's OS preference via `prefers-color-scheme`.