@ledgerhq/lumen-ui-react 0.0.53

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

@@ -0,0 +1,39 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { cn as p } from "../../../libs/utils-shared/dist/index.js";
+import o from "react";
+const a = ({ children: e }) => /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center", children: e }), c = ({ children: e }) => /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center", children: e }), h = ({
+  className: e,
+  title: m,
+  children: f,
+  ...d
+}) => {
+  const l = o.Children.toArray(f), t = l.filter(
+    (n) => o.isValidElement(n) && n.type === a
+  ), r = l.filter(
+    (n) => o.isValidElement(n) && n.type === c
+  );
+  if (t.length > 1)
+    throw new Error("Subheader can only have one Info slot");
+  if (r.length > 1)
+    throw new Error("Subheader can only have one Action slot");
+  const u = t.length > 0 ? t[0] : null, S = r.length > 0 ? r[0] : null;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: p("flex items-center justify-between gap-8", e),
+      ...d,
+      children: [
+        /* @__PURE__ */ s("div", { className: "flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ i("h2", { className: "min-w-0 truncate heading-4-semi-bold", children: m }),
+          u
+        ] }),
+        S
+      ]
+    }
+  );
+};
+h.Info = a;
+h.Action = c;
+export {
+  h as Subheader
+};

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

@@ -0,0 +1,2 @@
+export * from './Subheader';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,68 @@
+import { VariantProps } from 'class-variance-authority';
+import { default as React } from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+declare const switchVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type SwitchProps = {
+    /**
+     * The controlled selected state of the switch.
+     */
+    selected?: boolean;
+    /**
+     * The default selected state of the switch (uncontrolled).
+     */
+    defaultSelected?: boolean;
+    /**
+     * Event handler called when the selected state changes.
+     */
+    onChange?: (selected: boolean) => void;
+    /**
+     * The size of the switch.
+     * @default 'md'
+     */
+    size?: 'sm' | 'md';
+} & Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, 'onChange' | 'checked' | 'defaultChecked' | 'onCheckedChange'> & VariantProps<typeof switchVariants>;
+/**
+ * A customizable switch component.
+ *
+ * When disabled, it shows disabled styles for both track and thumb.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs-components-switch-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-switch-implementation--docs#dos-and-donts Guidelines}
+ *
+ * @warning The `className` prop is applied to the label element. Use it for layout adjustments only.
+ *
+ * @example
+ * // Basic switch
+ * <Switch />
+ *
+ * @example
+ * // Controlled small switch with disabled state
+ * import { useState } from 'react';
+ * const [selected, setSelected] = useState(false);
+ * <Switch size="sm" selected={selected} onChange={(selected) => setSelected(selected)} disabled={someCondition} />
+ */
+export declare const Switch: React.ForwardRefExoticComponent<{
+    /**
+     * The controlled selected state of the switch.
+     */
+    selected?: boolean;
+    /**
+     * The default selected state of the switch (uncontrolled).
+     */
+    defaultSelected?: boolean;
+    /**
+     * Event handler called when the selected state changes.
+     */
+    onChange?: (selected: boolean) => void;
+    /**
+     * The size of the switch.
+     * @default 'md'
+     */
+    size?: "sm" | "md";
+} & Omit<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref">, "onChange" | "defaultChecked" | "checked" | "onCheckedChange"> & VariantProps<(props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,cAAc;;8EAkBnB,CAAC;AAiBF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB,GAAG,IAAI,CACN,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,UAAU,GAAG,SAAS,GAAG,gBAAgB,GAAG,iBAAiB,CAC9D,GACC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;IA3CjB;;OAEG;eACQ,OAAO;IAClB;;OAEG;sBACe,OAAO;IACzB;;OAEG;eACQ,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI;IACtC;;;OAGG;WACI,IAAI,GAAG,IAAI;;;yHA8CnB,CAAC"}

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

@@ -0,0 +1,54 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as s } from "../../../libs/utils-shared/dist/index.js";
+import * as e from "@radix-ui/react-switch";
+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",
+    "[&[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"
+  ),
+  {
+    variants: {
+      size: {
+        sm: "h-16 max-h-16 w-24 max-w-24",
+        md: "h-24 max-h-24 w-40 max-w-40"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), h = d(
+  "translate-x-0 rounded-full bg-white transition-transform duration-200 ease-in-out group-data-[disabled]:bg-base",
+  {
+    variants: {
+      size: {
+        sm: "size-12 group-data-[state=checked]:translate-x-8",
+        md: "size-20 group-data-[state=checked]:translate-x-16"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), b = m.forwardRef(
+  ({ className: i, selected: o, defaultSelected: r, onChange: c, size: a = "md", ...n }, l) => /* @__PURE__ */ t(
+    e.Root,
+    {
+      ref: l,
+      className: s(i, u({ size: a })),
+      checked: o,
+      defaultChecked: r,
+      onCheckedChange: c,
+      ...n,
+      children: /* @__PURE__ */ t(e.Thumb, { className: h({ size: a }) })
+    }
+  )
+);
+b.displayName = "Switch";
+export {
+  b as Switch
+};

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

@@ -0,0 +1,2 @@
+export * from './Switch';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1,60 @@
+import { VariantProps } from 'class-variance-authority';
+import { default as React } from 'react';
+import { IconSize } from '../Icon/Icon';
+declare const tagVariants: (props?: ({
+    appearance?: "base" | "disabled" | "gray" | "accent" | "success" | "warning" | "error" | null | undefined;
+    size?: "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type TagProps = {
+    /**
+     * The appearance of the tag.
+     * @default accent
+     */
+    appearance?: 'base' | 'gray' | 'accent' | 'success' | 'error' | 'warning' | 'disabled';
+    /**
+     * The size of the tag.
+     * @default lg
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Icon component to render.
+     */
+    icon?: React.ComponentType<{
+        size?: IconSize;
+        className?: string;
+    }>;
+    /**
+     * Label text to display.
+     * @required
+     */
+    label: string;
+} & React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof tagVariants>;
+export declare const Tag: React.ForwardRefExoticComponent<{
+    /**
+     * The appearance of the tag.
+     * @default accent
+     */
+    appearance?: "base" | "gray" | "accent" | "success" | "error" | "warning" | "disabled";
+    /**
+     * The size of the tag.
+     * @default lg
+     */
+    size?: "sm" | "lg";
+    /**
+     * Icon component to render.
+     */
+    icon?: React.ComponentType<{
+        size?: IconSize;
+        className?: string;
+    }>;
+    /**
+     * Label text to display.
+     * @required
+     */
+    label: string;
+} & React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    appearance?: "base" | "disabled" | "gray" | "accent" | "success" | "warning" | "error" | null | undefined;
+    size?: "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,WAAW;;;8EAuBhB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,UAAU,CAAC,EACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpE;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACtC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEnC,eAAO,MAAM,GAAG;IA7Bd;;;OAGG;iBAEC,MAAM,GACN,MAAM,GACN,QAAQ,GACR,SAAS,GACT,OAAO,GACP,SAAS,GACT,UAAU;IACd;;;OAGG;WACI,IAAI,GAAG,IAAI;IAClB;;OAEG;WACI,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnE;;;OAGG;WACI,MAAM;;;;sHA2Bd,CAAC"}

package/dist/lib/Components/Tag/Tag.js

@@ -0,0 +1,51 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { cn as g } from "../../../libs/utils-shared/dist/index.js";
+import { cva as m } from "class-variance-authority";
+import l from "react";
+const b = m(
+  "inline-flex items-center justify-center gap-4 rounded-xs",
+  {
+    variants: {
+      appearance: {
+        base: "bg-muted-transparent text-base",
+        gray: "bg-muted-transparent text-muted",
+        accent: "bg-accent text-on-accent",
+        success: "bg-success text-success",
+        error: "bg-error text-error",
+        warning: "bg-warning text-warning",
+        disabled: "bg-disabled text-disabled"
+      },
+      size: {
+        lg: "px-8 py-4 body-3",
+        sm: "px-4 py-2 body-4"
+      }
+    },
+    defaultVariants: {
+      appearance: "accent",
+      size: "lg"
+    }
+  }
+), x = l.forwardRef(
+  ({ className: n, appearance: r, size: e, icon: s, label: c, ...i }, o) => {
+    const d = e ? {
+      lg: 16,
+      sm: 12
+    }[e] : 16, a = s;
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        className: g(n, b({ appearance: r, size: e })),
+        ref: o,
+        ...i,
+        children: [
+          a && /* @__PURE__ */ t(a, { size: d, className: "shrink-0" }),
+          /* @__PURE__ */ t("span", { children: c })
+        ]
+      }
+    );
+  }
+);
+x.displayName = "Tag";
+export {
+  x as Tag
+};

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

@@ -0,0 +1,2 @@
+export * from './Tag';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}

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

@@ -0,0 +1,59 @@
+import { default as React } from 'react';
+import { BaseInputProps } from '../BaseInput';
+export type TextInputProps = Omit<BaseInputProps, 'prefix' | 'labelClassName' | 'inputClassName'>;
+/**
+ * A customizable input component with floating label, automatic clear button, error states, and focus/hover effects.
+ *
+ * ## Key Features
+ * - **Automatic clear button** appears when input has content
+ * - **Floating label** with smooth CSS-only animations
+ * - **Suffix elements** for icons, buttons, or custom content
+ * - **Error state styling** with aria-invalid and errorMessage support
+ * - **Container-based spacing** with padding and gap for clean layout
+ * - **Flexible styling** via className
+ *
+ * ## Clear Button Behavior
+ * - Shows automatically when input has content and is not disabled
+ * - Works with both controlled and uncontrolled inputs using native value setter
+ * - Can be hidden with `hideClearButton={true}`
+ * - Extended behavior via optional `onClear` prop
+ *
+ * ## Layout & Spacing
+ * Uses container-based spacing (px-16 padding + gap-8) for consistent element positioning.
+ * Suffix elements are automatically hidden when clear button appears.
+ *
+ *
+ * @example
+ * // Basic input with automatic clear button
+ * <TextInput label="Title" value={title} onChange={(e) => setTitle(e.target.value)} />
+ *
+ * // Input with error state
+ * <TextInput
+ *   label="Email"
+ *   value={email}
+ *   onChange={(e) => setEmail(e.target.value)}
+ *   aria-invalid={!isValid}
+ *   errorMessage="Please enter a valid email address"
+ * />
+ *
+ * // Input with suffix element
+ * <TextInput
+ *   label="Search"
+ *   value={query}
+ *   onChange={(e) => setQuery(e.target.value)}
+ *   suffix={<SearchIcon size={20} className="text-muted" />}
+ *   hideClearButton={true} // Keep suffix visible
+ * />
+ *
+ * // Extend clear behavior with analytics
+ * <TextInput
+ *   label="Username"
+ *   value={username}
+ *   onChange={(e) => setUsername(e.target.value)}
+ *   onClear={() => {
+ *     analytics.track('username_cleared');
+ *   }}
+ * />
+ */
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=TextInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,cAAc,EACd,QAAQ,GAAG,gBAAgB,GAAG,gBAAgB,CAC/C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,SAAS,yFAIrB,CAAC"}

package/dist/lib/Components/TextInput/TextInput.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+import o from "react";
+import { BaseInput as p } from "../BaseInput/BaseInput.js";
+const m = o.forwardRef(
+  (t, r) => /* @__PURE__ */ e(p, { ref: r, ...t })
+);
+m.displayName = "TextInput";
+export {
+  m as TextInput
+};

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

@@ -0,0 +1,2 @@
+export { TextInput } from './TextInput';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { ThemeMode, ThemeProviderProps } from './ThemeProvider.types';
+declare const ThemeProvider: FC<ThemeProviderProps>;
+declare const useTheme: () => {
+    toggleMode: () => void;
+    mode: ThemeMode;
+    setMode: (mode: ThemeMode) => void;
+    locale: ThemeProviderProps["locale"];
+};
+export { ThemeProvider, useTheme };
+//# sourceMappingURL=ThemeProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAiBtE,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAuBzC,CAAC;AAEF,QAAA,MAAM,QAAQ;;UAjCN,SAAS;aACN,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI;YAC1B,kBAAkB,CAAC,QAAQ,CAAC;CAyCrC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,35 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createSafeContext as i } from "../../../libs/utils-shared/dist/index.js";
+import { useState as u, useMemo as c } from "react";
+import { SYSTEM_MODE as M, useRootColorModeSideEffect as f, LIGHT_MODE as T, DARK_MODE as m } from "./useRootColorModeSideEffect.js";
+import { I18nProvider as h } from "../../../i18n/I18nProvider.js";
+const [x, p] = i("ThemeProvider"), D = ({
+  children: e,
+  defaultMode: s = M,
+  locale: o
+}) => {
+  const [t, n] = u(s);
+  f({ mode: t });
+  const d = c(
+    () => ({
+      mode: t,
+      setMode: n,
+      locale: o
+    }),
+    [t, o]
+  );
+  return /* @__PURE__ */ r(x, { value: d, children: /* @__PURE__ */ r(h, { locale: o, children: e }) });
+}, P = () => {
+  const e = p({
+    consumerName: "useTheme",
+    contextRequired: !0
+  });
+  return {
+    ...e,
+    toggleMode: () => e.setMode(e.mode === m ? T : m)
+  };
+};
+export {
+  D as ThemeProvider,
+  P as useTheme
+};

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

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+import { SupportedLocale } from '../../../i18n';
+export type ThemeMode = 'dark' | 'light' | 'system';
+export type ThemeProviderProps = PropsWithChildren & {
+    /**
+     * The default mode of the theme.
+     * @default 'system'
+     */
+    defaultMode?: ThemeMode;
+    /**
+     * The locale to use for translations.
+     * When changed, translations will be lazy-loaded automatically.
+     * @default 'en'
+     */
+    locale?: SupportedLocale;
+};
+//# sourceMappingURL=ThemeProvider.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/ThemeProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './ThemeProvider';
+export * from './ThemeProvider.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}

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

@@ -0,0 +1,12 @@
+import { ThemeMode } from './ThemeProvider.types';
+export declare const LIGHT_MODE = "light";
+export declare const DARK_MODE = "dark";
+export declare const SYSTEM_MODE = "system";
+/**
+ * Updates the root element className when the theme mode changes.
+ * This allows the design-system theme config to be applied
+ */
+export declare const useRootColorModeSideEffect: ({ mode }: {
+    mode: ThemeMode;
+}) => void;
+//# sourceMappingURL=useRootColorModeSideEffect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRootColorModeSideEffect.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/useRootColorModeSideEffect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,eAAO,MAAM,UAAU,UAAU,CAAC;AAClC,eAAO,MAAM,SAAS,SAAS,CAAC;AAChC,eAAO,MAAM,WAAW,WAAW,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GAAI,UAAU;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,SAiBvE,CAAC"}

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

@@ -0,0 +1,18 @@
+import { useEffect as r } from "react";
+const e = "light", o = "dark", n = "system", a = ({ mode: s }) => {
+  r(() => {
+    const t = window.document.documentElement;
+    if (t.classList.remove(e, o), s === n) {
+      const c = window.matchMedia("(prefers-color-scheme: dark)").matches ? o : e;
+      t.classList.add(c);
+      return;
+    }
+    t.classList.add(s);
+  }, [s]);
+};
+export {
+  o as DARK_MODE,
+  e as LIGHT_MODE,
+  n as SYSTEM_MODE,
+  a as useRootColorModeSideEffect
+};

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

@@ -0,0 +1,56 @@
+import { TileProps } from './types';
+/**
+ * A tile list item component that displays a spot icon at the top, title and optional description,
+ * and optional trailing content at the bottom. It functions as a clickable button with hover and active states,
+ * and can optionally display a secondary action that appears on hover or focus.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-Tile-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-Tile-implementation--docs#dos-and-donts Guidelines}
+ *
+ * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
+ * Do not use it to modify the list item's core appearance (colors, padding, etc).
+ *
+ * @example
+ * // Basic tile item
+ * import { Tile, Spot } from '@ledgerhq/lumen-ui-react';
+ * import { Wallet } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <Tile
+ *   title="My Wallet"
+ *   leadingContent={<Spot appearance="icon" icon={Wallet} />}
+ *   onClick={() => console.log('Clicked!')}
+ * />
+ *
+ * // With subtitle and trailing content
+ * import { Tile, Spot } from '@ledgerhq/lumen-ui-react';
+ * import { Tag } from '@ledgerhq/lumen-ui-react';
+ * import { Bitcoin } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <Tile
+ *   title="Bitcoin"
+ *   description="BTC"
+ *   leadingContent={<Spot appearance="coin" icon="btc" />}
+ *   trailingContent={<Tag label="Active" appearance="success" size="sm" />}
+ * />
+ *
+ * // With secondary action
+ * import { Tile } from '@ledgerhq/lumen-ui-react';
+ * import { InteractiveIcon } from '@ledgerhq/lumen-ui-react';
+ * import { Settings, Ethereum, MoreVertical } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <Tile
+ *   title="Ethereum"
+ *   description="ETH"
+ *   leadingContent={<Spot appearance="coin" icon="eth" />}
+ *   secondaryAction={
+ *     <InteractiveIcon
+ *       iconType="stroked"
+ *       onClick={() => console.log('More actions clicked!')}
+ *     >
+ *       <MoreVertical />
+ *     </InteractiveIcon>
+ *   }
+ * />
+ */
+export declare const Tile: ({ className, title, description, leadingContent, secondaryAction, trailingContent, onClick, appearance, disabled, "aria-label": ariaLabel, ...props }: TileProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAiFpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,IAAI,GAAI,uJAYlB,SAAS,4CAqGX,CAAC"}