@ledgerhq/lumen-ui-react 0.0.53

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

@@ -0,0 +1,3 @@
+export * from './Select';
+export type { SelectProps, SelectTriggerProps, SelectContentProps, SelectGroupProps, SelectLabelProps, SelectItemTextProps, SelectItemProps, SelectSeparatorProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,GACrB,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,236 @@
+import * as React from 'react';
+type Direction = 'ltr' | 'rtl';
+type PointerDownOutsideEvent = CustomEvent<{
+    originalEvent: PointerEvent;
+}>;
+export type SelectProps = {
+    /**
+     * The children of the select item
+     */
+    children: React.ReactNode;
+    /**
+     * The controlled open state of the select.
+     * Must be used in conjunction with onOpenChange.
+     */
+    open?: boolean;
+    /**
+     * The value of the select when initially rendered.
+     * Use when you do not need to control the state of the select.
+     */
+    defaultValue?: string;
+    /**
+     * Event handler called when the open state of the select changes.
+     */
+    onOpenChange?(open: boolean): void;
+    /**
+     * The open state of the select when it is initially rendered.
+     * Use when you do not need to control its open state.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * The reading direction of the select when applicable.
+     * If omitted, inherits globally from DirectionProvider or assumes LTR (left-to-right) reading mode.
+     */
+    dir?: Direction;
+    /**
+     * The name of the select.
+     * Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * When true, prevents the user from interacting with select.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the select is required
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * The controlled value of the select.
+     * Should be used in conjunction with onValueChange.
+     */
+    value?: string;
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?(value: string): void;
+};
+export type SelectTriggerProps = {
+    /**
+     * Extra class names to apply to the trigger element
+     * @example className='text-error'
+     */
+    className?: string;
+    /**
+     * The label text that floats above the input when focused or filled
+     * @example label='Label'
+     */
+    label?: string;
+    /** Additional class names to apply to the label element
+     * @example labelClassName='text-error'
+     */
+    labelClassName?: string;
+};
+export type SelectContentProps = {
+    /**
+     * The children of the select content
+     */
+    children: React.ReactNode;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Event handler called when focus moves to the trigger after closing.
+     * It can be prevented by calling event.preventDefault.
+     */
+    onCloseAutoFocus?: (event: Event) => void;
+    /**
+     * Event handler called when the escape key is down.
+     * It can be prevented by calling event.preventDefault.
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Event handler called when a pointer event occurs outside the bounds of the component.
+     * It can be prevented by calling event.preventDefault.
+     */
+    onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
+    /**
+     * The positioning mode to use.
+     * we are using popper by default to position the content relative to the trigger.
+     * @default "popper"
+     */
+    position?: 'item-aligned' | 'popper';
+    /**
+     * The preferred side of the anchor to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
+     * This is only available when position is set to popper.
+     * @default "bottom"
+     */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * The distance in pixels from the trigger
+     * @default 0
+     */
+    sideOffset?: number;
+    /**
+     * The preferred alignment against the trigger
+     * @default "start"
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * An offset in pixels from the "start" or "end" alignment options
+     * @default 0
+     */
+    alignOffset?: number;
+    /**
+     * When true, overrides the side and align preferences to prevent collisions with boundary edges
+     * @default true
+     */
+    avoidCollisions?: boolean;
+    /**
+     * The element used as the collision boundary. Accepts an array of elements
+     * @default []
+     */
+    collisionBoundary?: Element | Element[];
+    /**
+     * The distance in pixels from the boundary edges where collision detection should occur
+     * @default 10
+     */
+    collisionPadding?: number | {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /**
+     * The sticky behavior on the align axis
+     * @default "partial"
+     */
+    sticky?: 'partial' | 'always';
+    /**
+     * Whether to hide the content when the trigger becomes fully occluded
+     * @default false
+     */
+    hideWhenDetached?: boolean;
+    /**
+     * Extra class names to apply to the content element
+     * @example className='text-error'
+     */
+    className?: string;
+};
+export type SelectGroupProps = {
+    /**
+     * The children of the select group
+     */
+    children: React.ReactNode;
+};
+export type SelectLabelProps = {
+    /**
+     * The children of the select label
+     * @example children={<SelectLabel>Option</SelectLabel>}
+     * @required
+     */
+    children: React.ReactNode;
+    /**
+     * The class name of the select label
+     */
+    className?: string;
+};
+export type SelectItemTextProps = {
+    /**
+     * The children of the select item text
+     * @example children={<SelectItemText>Option</SelectItemText>}
+     * @required
+     */
+    children: React.ReactNode;
+    /**
+     * Extra class names to apply to the item text element
+     * @example className='text-error'
+     */
+    className?: string;
+};
+export type SelectItemProps = {
+    /**
+     * The value of the select item
+     * @example value='option1'
+     * @required
+     */
+    value: string;
+    /**
+     * The children of the select item
+     * @example children={<SelectItemText>Option</SelectItemText>}
+     * @required
+     */
+    children: React.ReactElement<SelectItemTextProps> | readonly React.ReactElement[];
+    /**
+     * Optional text used for typeahead purposes. Use this when the content is complex, or you have non-textual content inside.
+     * @example textValue='Option'
+     */
+    textValue?: string;
+    /**
+     * The disabled state of the select item
+     * @example disabled={true}
+     */
+    disabled?: boolean;
+    /**
+     * Extra class names to apply to the item element
+     * @example className='text-error'
+     */
+    className?: string;
+};
+export type SelectSeparatorProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Extra class names to apply to the separator element
+     */
+    className?: string;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+import { SkeletonProps } from './types';
+declare function Skeleton({ className, component, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAc7C,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CA8ClE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/lib/Components/Skeleton/Skeleton.js

@@ -0,0 +1,58 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cn as n } from "../../../libs/utils-shared/dist/index.js";
+function l({ className: s, ...t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: n("animate-pulse rounded-md bg-surface", s),
+      ...t
+    }
+  );
+}
+function o({ className: s, component: t, ...d }) {
+  return t === "list-item" ? /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "skeleton",
+      "data-testid": "skeleton",
+      className: n("flex w-full items-center gap-16 py-8", s),
+      ...d,
+      children: [
+        /* @__PURE__ */ e(l, { className: "size-48 shrink-0 rounded-full" }),
+        /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col gap-10", children: [
+          /* @__PURE__ */ e(l, { className: "h-12 w-176 rounded-full" }),
+          /* @__PURE__ */ e(l, { className: "h-12 w-112 rounded-full" })
+        ] })
+      ]
+    }
+  ) : t === "tile" ? /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "skeleton",
+      "data-testid": "skeleton",
+      className: n(
+        "flex w-112 flex-col items-center gap-12 rounded-md px-8 py-16",
+        s
+      ),
+      ...d,
+      children: [
+        /* @__PURE__ */ e(l, { className: "size-48 shrink-0 rounded-full" }),
+        /* @__PURE__ */ a("div", { className: "flex w-full flex-col items-center gap-8", children: [
+          /* @__PURE__ */ e(l, { className: "h-12 w-48 rounded-full" }),
+          /* @__PURE__ */ e(l, { className: "h-12 w-64 rounded-full" })
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ e(
+    l,
+    {
+      "data-slot": "skeleton",
+      "data-testid": "skeleton",
+      className: s,
+      ...d
+    }
+  );
+}
+export {
+  o as Skeleton
+};

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

@@ -0,0 +1,3 @@
+export { Skeleton } from './Skeleton';
+export type { SkeletonProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,10 @@
+type SkeletonProps = React.ComponentProps<'div'> & {
+    /**
+     * Pre-built skeleton component variant
+     * - `list-item`: Horizontal layout with circle and two text lines
+     * - `tile`: Vertical centered layout with circle and two text lines in a rounded container
+     */
+    component?: 'list-item' | 'tile';
+};
+export type { SkeletonProps };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Skeleton/types.ts"],"names":[],"mappings":"AAAA,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,16 @@
+import { IconSize } from '../../Components/Icon/Icon';
+export type SpinnerProps = React.SVGProps<SVGSVGElement> & {
+    /**
+     * The size of the spinner icon in pixels.
+     * @default 16
+     */
+    size?: IconSize;
+};
+/**
+ * A basic spinner component for loading states.
+ *
+ * @example
+ * <Spinner />
+ */
+export declare const Spinner: import('react').ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IACzD;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,OAAO,qHA0BnB,CAAC"}

package/dist/lib/Components/Spinner/Spinner.js

@@ -0,0 +1,37 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as s } from "../../../libs/utils-shared/dist/index.js";
+import { forwardRef as a } from "react";
+import { useCommonTranslation as m } from "../../../i18n/useCommonTranslation.js";
+const h = a(
+  ({ className: n, size: o = 16, ...t }, e) => {
+    const { t: i } = m();
+    return /* @__PURE__ */ r(
+      "svg",
+      {
+        className: s("shrink-0 animate-spin text-base", n),
+        xmlns: "http://www.w3.org/2000/svg",
+        width: o,
+        height: o,
+        viewBox: "0 0 16 16",
+        fill: "none",
+        "aria-label": i("components.spinner.loadingAriaLabel"),
+        role: "img",
+        ref: e,
+        ...t,
+        children: /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8",
+            stroke: "currentColor",
+            strokeWidth: 1.5,
+            strokeLinecap: "round",
+            fill: "none"
+          }
+        )
+      }
+    );
+  }
+);
+export {
+  h as Spinner
+};

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

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

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

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

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

@@ -0,0 +1,83 @@
+import { HTMLAttributes } from 'react';
+import { IconSize } from '../Icon/Icon';
+export type SpotAppearance = 'icon' | 'bluetooth' | 'check' | 'error' | 'warning' | 'info' | 'loader' | 'number';
+/**
+ * A discriminated union that enforces type-safe props based on the `appearance`.
+ */
+type DiscriminatedSpotProps = {
+    /**
+     * Custom icon appearance with neutral base styling.
+     * @example <Spot appearance="icon" icon={SettingsIcon} />
+     */
+    appearance: 'icon';
+    /** Icon component to render. Required when appearance is 'icon'. */
+    icon: React.ComponentType<{
+        size?: IconSize;
+        className?: string;
+    }>;
+} | {
+    /**
+     * Number appearance for displaying a single digit (0-9).
+     * @example <Spot appearance="number" number={5} />
+     */
+    appearance: 'number';
+    /** Digit (0-9) to display. Required when appearance is 'number'. */
+    number: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+} | {
+    /**
+     * Predefined status indicators with semantic styling.
+     * Options: 'bluetooth' | 'check' | 'error' | 'warning' | 'info' | 'loader'
+     * @example <Spot appearance="check" />
+     */
+    appearance: Exclude<SpotAppearance, 'icon' | 'number'>;
+};
+export type SpotSize = 32 | 48 | 56 | 72;
+export type SpotProps = DiscriminatedSpotProps & HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Whether the spot is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The size of the spot.
+     * @default 48
+     */
+    size?: SpotSize;
+};
+/**
+ * A circular status indicator component that displays different types of content based on appearance.
+ *
+ * Uses a discriminated union type system where the required props depend on the `appearance` value:
+ * - `'icon'` appearance requires an `icon` prop
+ * - `'number'` appearance requires a `number` prop
+ * - All other appearances are self-contained
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/media-graphics-spot--docs Storybook}
+ *
+ * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
+ * Do not use it to modify the spot's core appearance (colors, size, etc). Use the `appearance` prop instead.
+ *
+ * @example
+ * import { Spot } from '@ledgerhq/lumen-ui-react';
+ *
+ * // Custom icon spot
+ * import { Settings } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <Spot appearance="icon" icon={Settings} />
+ *
+ * // Number spot
+ * <Spot appearance="number" number={5} />
+ *
+ * // Status indicators (no additional props needed)
+ * <Spot appearance="check" />
+ * <Spot appearance="error" />
+ * <Spot appearance="warning" />
+ * <Spot appearance="loader" />
+ *
+ * // Bluetooth states
+ * <Spot appearance="bluetooth" />
+ * <Spot appearance="bluetooth" disabled />
+ */
+export declare const Spot: (props: SpotProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Spot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spot.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spot/Spot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAQhD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AA8BxC,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,WAAW,GACX,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb;;GAEG;AACH,KAAK,sBAAsB,GACvB;IACE;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpE,GACD;IACE;;;OAGG;IACH,UAAU,EAAE,QAAQ,CAAC;IACrB,oEAAoE;IACpE,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/C,GACD;IACE;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;CACxD,CAAC;AAEN,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG,sBAAsB,GAC5C,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAsDpC,CAAC"}

package/dist/lib/Components/Spot/Spot.js

@@ -0,0 +1,80 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as d } from "../../../libs/utils-shared/dist/index.js";
+import { cva as h } from "class-variance-authority";
+import { useMemo as f } from "react";
+import { InformationFill as b } from "../../Symbols/Icons/InformationFill.js";
+import { WarningFill as g } from "../../Symbols/Icons/WarningFill.js";
+import { DeleteCircleFill as x } from "../../Symbols/Icons/DeleteCircleFill.js";
+import { CheckmarkCircleFill as z } from "../../Symbols/Icons/CheckmarkCircleFill.js";
+import { BluetoothCircleFill as w } from "../../Symbols/Icons/BluetoothCircleFill.js";
+import { Spinner as y } from "../Spinner/Spinner.js";
+const F = h(
+  "flex items-center justify-center rounded-full bg-muted-transparent",
+  {
+    variants: {
+      appearance: {
+        icon: "text-base",
+        bluetooth: "text-[#0082FC]",
+        check: "text-success",
+        error: "text-error",
+        warning: "text-warning",
+        info: "text-muted",
+        loader: "",
+        number: "text-base heading-4"
+      },
+      disabled: {
+        true: "text-disabled"
+      },
+      size: {
+        32: "spot-w-32 spot-h-32",
+        48: "spot-w-48 spot-h-48",
+        56: "spot-w-56 spot-h-56",
+        72: "spot-w-72 spot-h-72"
+      }
+    }
+  }
+), D = (r) => {
+  const { appearance: a, className: s, disabled: i, size: o = 48, ...c } = r, l = {
+    32: 12,
+    48: 20,
+    56: 24,
+    72: 40
+  }, m = {
+    32: "body-2-semi-bold",
+    48: "heading-4",
+    56: "heading-3",
+    72: "heading-1"
+  }, t = l[o] ?? 20, n = m[o] ?? "heading-4", p = f(() => {
+    switch (r.appearance) {
+      case "icon": {
+        const { icon: u } = r;
+        return /* @__PURE__ */ e(u, { size: t });
+      }
+      case "number":
+        return /* @__PURE__ */ e("span", { className: n, children: r.number });
+      case "bluetooth":
+        return /* @__PURE__ */ e(w, { size: t });
+      case "check":
+        return /* @__PURE__ */ e(z, { size: t });
+      case "error":
+        return /* @__PURE__ */ e(x, { size: t });
+      case "warning":
+        return /* @__PURE__ */ e(g, { size: t });
+      case "info":
+        return /* @__PURE__ */ e(b, { size: t });
+      case "loader":
+        return /* @__PURE__ */ e(y, { size: t });
+    }
+  }, [r, t, n]);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: d(s, F({ appearance: a, disabled: i, size: o })),
+      ...c,
+      children: p
+    }
+  );
+};
+export {
+  D as Spot
+};

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

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

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

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

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

@@ -0,0 +1,58 @@
+import { default as React } from 'react';
+export type SubheaderProps = {
+    /**
+     * The title of the subheader.
+     */
+    title: string;
+    /**
+     * The children of the subheader, which can include Subheader.Info and Subheader.Action slots.
+     */
+    children?: React.ReactNode;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+type SubheaderInfoProps = {
+    children: React.ReactNode;
+};
+type SubheaderActionProps = {
+    children: React.ReactNode;
+};
+/**
+ * A subheader component for displaying section titles with optional informational tooltips and action elements.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/misc-subheader-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/misc-subheader-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 subheader's core appearance (colors, padding, etc).
+ *
+ * @example
+ * import { Subheader } from '@ledgerhq/lumen-ui-react';
+ *
+ * // Basic subheader with title only
+ * <Subheader title="Section Title" />
+ *
+ * // Complete subheader with all features
+ * <Subheader title="Section Title">
+ *   <Subheader.Info>
+ *     <Tooltip>
+ *       <TooltipTrigger asChild>
+ *         <Information
+ *           size={12}
+ *           className="shrink-0 text-muted"
+ *           aria-label="More information"
+ *         />
+ *       </TooltipTrigger>
+ *       <TooltipContent>Additional information</TooltipContent>
+ *     </Tooltip>
+ *   </Subheader.Info>
+ *   <Subheader.Action>
+ *     <Link href="/action" appearance="accent" size="sm">Action</Link>
+ *   </Subheader.Action>
+ * </Subheader>
+ */
+export declare const Subheader: {
+    ({ className, title, children, ...props }: SubheaderProps): import("react/jsx-runtime").JSX.Element;
+    Info: ({ children }: SubheaderInfoProps) => import("react/jsx-runtime").JSX.Element;
+    Action: ({ children }: SubheaderActionProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=Subheader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAgBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,SAAS;+CAKnB,cAAc;yBAlDoB,kBAAkB;2BAOhB,oBAAoB;CA2E1D,CAAC"}