@ledgerhq/lumen-ui-react 0.0.53

package/dist/lib/Components/Tile/Tile.js

@@ -0,0 +1,178 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { Slot as D } from "@radix-ui/react-slot";
+import { cva as o } from "class-variance-authority";
+import { useState as V, useCallback as l } from "react";
+const u = {
+  root: o(
+    [
+      "group relative flex flex-col items-center text-base transition-colors",
+      "rounded-md focus-visible:outline-2 focus-visible:outline-focus",
+      "gap-8 px-8 py-12"
+    ],
+    {
+      variants: {
+        appearance: {
+          "no-background": "bg-base-transparent",
+          card: "bg-surface"
+        },
+        isActive: {
+          true: "",
+          false: ""
+        },
+        disabled: {
+          true: "",
+          false: ""
+        }
+      },
+      compoundVariants: [
+        {
+          appearance: "no-background",
+          isActive: !1,
+          disabled: !1,
+          className: "hover:bg-base-transparent-hover"
+        },
+        {
+          appearance: "no-background",
+          isActive: !0,
+          disabled: !1,
+          className: "bg-base-transparent-pressed"
+        },
+        {
+          appearance: "card",
+          isActive: !1,
+          disabled: !1,
+          className: "hover:bg-surface-hover"
+        },
+        {
+          appearance: "card",
+          isActive: !0,
+          disabled: !1,
+          className: "bg-surface-pressed"
+        }
+      ],
+      defaultVariants: {
+        appearance: "no-background",
+        isActive: !1,
+        disabled: !1
+      }
+    }
+  ),
+  title: o("truncate body-2-semi-bold", {
+    variants: {
+      disabled: {
+        true: "text-disabled",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      disabled: !1
+    }
+  }),
+  description: o("truncate body-3", {
+    variants: {
+      disabled: {
+        true: "text-disabled",
+        false: "text-muted"
+      }
+    },
+    defaultVariants: {
+      disabled: !1
+    }
+  })
+}, H = ({
+  className: b,
+  title: f,
+  description: d,
+  leadingContent: m,
+  secondaryAction: v,
+  trailingContent: h,
+  onClick: i,
+  appearance: g = "no-background",
+  disabled: t = !1,
+  "aria-label": x,
+  ...e
+}) => {
+  const [N, r] = V(!1), y = l(
+    (a) => {
+      if (t) {
+        a.preventDefault();
+        return;
+      }
+      i == null || i(a);
+    },
+    [t, i]
+  ), M = l(
+    (a) => {
+      a.stopPropagation(), a.preventDefault();
+    },
+    []
+  ), A = l(
+    (a) => {
+      t || a.target.closest(
+        "[data-secondary-button-container]"
+      ) || r(!0);
+    },
+    [t]
+  ), w = l(() => {
+    t || r(!1);
+  }, [t]), k = l(() => {
+    t || r(!1);
+  }, [t]);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ...e,
+      className: u.root({
+        appearance: g,
+        isActive: N,
+        disabled: t,
+        className: b
+      }),
+      onMouseDown: (a) => {
+        var n;
+        (n = e == null ? void 0 : e.onMouseDown) == null || n.call(e, a), A(a);
+      },
+      onMouseUp: (a) => {
+        var n;
+        (n = e == null ? void 0 : e.onMouseUp) == null || n.call(e, a), w(a);
+      },
+      onMouseLeave: (a) => {
+        var n;
+        (n = e == null ? void 0 : e.onMouseLeave) == null || n.call(e, a), k(a);
+      },
+      children: [
+        /* @__PURE__ */ c(
+          "button",
+          {
+            "aria-label": x || f,
+            onClick: y,
+            disabled: t,
+            "data-disabled": t || void 0,
+            className: "flex w-full flex-col items-center gap-8 rounded-md focus-visible:outline-2 focus-visible:outline-focus",
+            children: [
+              /* @__PURE__ */ s("div", { className: "flex items-center justify-center", children: m }),
+              /* @__PURE__ */ c("div", { className: "flex w-full flex-col items-center gap-4", children: [
+                /* @__PURE__ */ c("div", { className: "flex w-full flex-col text-center", children: [
+                  /* @__PURE__ */ s("div", { className: u.title({ disabled: t }), children: f }),
+                  d && /* @__PURE__ */ s("div", { className: u.description({ disabled: t }), children: d })
+                ] }),
+                h
+              ] })
+            ]
+          }
+        ),
+        v && !t && /* @__PURE__ */ s(
+          "div",
+          {
+            className: "absolute right-4 top-4 opacity-0 transition-opacity duration-200 focus-within:opacity-100 group-hover:opacity-100",
+            "data-secondary-button-container": !0,
+            children: /* @__PURE__ */ s(D, { onClick: M, children: v })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  H as Tile
+};

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

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

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

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

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

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+export type TileProps = {
+    /**
+     * Custom content to display at the top (leading area) of the tile.
+     * Accepts ReactNode such as <Spot appearance="icon" icon={Settings} />
+     */
+    leadingContent: ReactNode;
+    /**
+     * The title of the list item.
+     */
+    title: string;
+    /**
+     * The description of the list item.
+     */
+    description?: string;
+    /**
+     * The InteractiveIcon component to display on the top right side of the list item.
+     * The button is rendered when the user hovers over the list item or navigates with the keyboard.
+     */
+    secondaryAction?: ReactNode;
+    /**
+     * Custom content to display at the bottom (trailing area) of the tile.
+     * Accepts ReactNode such as <Tag label="New" appearance="base" />
+     */
+    trailingContent?: ReactNode;
+    /**
+     * The function to call when the tile is clicked.
+     */
+    onClick?: React.HTMLAttributes<HTMLButtonElement>['onClick'];
+    /**
+     * The visual appearance of the tile background.
+     * - `no-background`: Transparent background (shows hover state)
+     * - `card`: Surface background color
+     * @default "no-background"
+     */
+    appearance?: 'no-background' | 'card';
+    /**
+     * Whether the tile is disabled.
+     * When disabled, the tile is non-interactive and has disabled styles.
+     * @default false
+     */
+    disabled?: boolean;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,cAAc,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC"}

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

@@ -0,0 +1,138 @@
+import { default as React } from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+/**
+ * Provides context for all tooltip components within the application.
+ *
+ * This component should be placed at the root of your application or a high-level component
+ * to enable tooltip functionality throughout the component tree. It manages global tooltip
+ * state and configuration.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-tooltip-overview--docs Storybook}
+ *
+ * @example
+ * import { TooltipProvider } from '@ledgerhq/lumen-ui-react';
+ *
+ * function App() {
+ *   return (
+ *     <TooltipProvider delayDuration={300}>
+ *       <MyAppComponents />
+ *     </TooltipProvider>
+ *   );
+ * }
+ */
+export declare const TooltipProvider: ({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) => import("react/jsx-runtime").JSX.Element;
+export type TooltipProps = {
+    /**
+     * The delay in milliseconds before the tooltip appears.
+     * @default 200
+     */
+    delayDuration?: number;
+} & React.ComponentProps<typeof TooltipPrimitive.Root>;
+/**
+ * The root component that manages the tooltip's open/closed state and contains the trigger and content.
+ *
+ * This component wraps the Radix UI Tooltip Root and automatically includes a TooltipProvider
+ * if one is not already present in the component tree. It manages the tooltip's visibility
+ * state and coordinates between the trigger and content components.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-tooltip-overview--docs Storybook}
+ *
+ * @example
+ * import { Tooltip, TooltipTrigger, TooltipContent } from '@ledgerhq/lumen-ui-react';
+ *
+ * function MyComponent() {
+ *   return (
+ *     <Tooltip>
+ *       <TooltipTrigger>
+ *         <button>Hover me</button>
+ *       </TooltipTrigger>
+ *       <TooltipContent>
+ *         <p>This is a tooltip!</p>
+ *       </TooltipContent>
+ *     </Tooltip>
+ *   );
+ * }
+ */
+export declare const Tooltip: ({ delayDuration, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export type TooltipTriggerProps = {
+    /**
+     * The element that will trigger the tooltip (e.g., button, icon, text).
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
+     */
+    className?: string;
+} & React.ComponentProps<typeof TooltipPrimitive.Trigger>;
+/**
+ * The element that triggers the tooltip to appear when interacted with.
+ *
+ * This component wraps any interactive element (button, link, icon, etc.) and makes it
+ * the trigger for the tooltip. When users hover over or focus on this element, the
+ * associated tooltip content will be displayed.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-tooltip-overview--docs Storybook}
+ *
+ * @example
+ * import { TooltipTrigger } from '@ledgerhq/lumen-ui-react';
+ *
+ * <TooltipTrigger>
+ *   <button>Hover me for a tooltip</button>
+ * </TooltipTrigger>
+ *
+ * // Works with any interactive element
+ * <TooltipTrigger>
+ *   <InteractiveIcon icon={InfoIcon} size="sm" />
+ * </TooltipTrigger>
+ */
+export declare const TooltipTrigger: ({ ...props }: TooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type TooltipContentProps = {
+    /**
+     * The content to display inside the tooltip.
+     */
+    children?: React.ReactNode;
+    /**
+     * The side of the trigger element to position the tooltip on.
+     * @default top
+     */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * The distance in pixels between the tooltip and the trigger element.
+     * @default 0
+     */
+    sideOffset?: number;
+    /**
+     * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
+     */
+    className?: string;
+} & React.ComponentProps<typeof TooltipPrimitive.Content>;
+/**
+ * The content container that displays the tooltip information.
+ *
+ * This component renders the actual tooltip content with custom styling and includes
+ * an arrow pointer that points to the trigger element. The content is automatically
+ * positioned relative to the trigger and handles collision detection to stay within
+ * the viewport boundaries.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/components-tooltip-overview--docs Storybook}
+ *
+ * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
+ * Do not use it to modify the tooltip's core appearance (colors, padding, etc).
+ *
+ * @example
+ * import { TooltipContent } from '@ledgerhq/lumen-ui-react';
+ *
+ * <TooltipContent sideOffset={8}>
+ *   <p className="text-accent">This tooltip provides helpful information</p>
+ * </TooltipContent>
+ *
+ * // With custom styling for layout
+ * <TooltipContent sideOffset={12} className="max-w-xs">
+ *   <div className="space-y-2">
+ *     <h4 className="heading-1">Tip Title</h4>
+ *     <p>Detailed explanation of the feature.</p>
+ *   </div>
+ * </TooltipContent>
+ */
+export declare const TooltipContent: ({ className, sideOffset, side, children, ...props }: TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,eAAe,GAAI,6BAO7B,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,4CAQxD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACvD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,OAAO,GAAI,6BAAmC,YAAY,4CAMtE,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,4CAE/D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,cAAc,GAAI,qDAM5B,mBAAmB,4CAerB,CAAC"}

package/dist/lib/Components/Tooltip/Tooltip.js

@@ -0,0 +1,59 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { cn as s } from "../../../libs/utils-shared/dist/index.js";
+import * as e from "@radix-ui/react-tooltip";
+import { cva as d } from "class-variance-authority";
+const m = d(
+  "z-tooltip w-fit select-none text-balance rounded-xs bg-interactive px-8 py-4 text-on-interactive body-3",
+  {
+    variants: {
+      side: {
+        top: "animate-slide-in-from-top data-[state=closed]:animate-slide-out-to-top",
+        bottom: "animate-slide-in-from-bottom data-[state=closed]:animate-slide-out-to-bottom",
+        left: "animate-slide-in-from-left data-[state=closed]:animate-slide-out-to-left",
+        right: "animate-slide-in-from-right data-[state=closed]:animate-slide-out-to-right"
+      }
+    },
+    defaultVariants: {
+      side: "top"
+    }
+  }
+), c = ({
+  /**
+   * The delay in milliseconds before the tooltip appears.
+   * @default 200
+   */
+  delayDuration: t = 200,
+  ...i
+}) => /* @__PURE__ */ o(
+  e.Provider,
+  {
+    "data-slot": "tooltip-provider",
+    delayDuration: t,
+    ...i
+  }
+), g = ({ delayDuration: t = 200, ...i }) => /* @__PURE__ */ o(c, { delayDuration: t, children: /* @__PURE__ */ o(e.Root, { "data-slot": "tooltip", ...i }) }), u = ({ ...t }) => /* @__PURE__ */ o(e.Trigger, { "data-slot": "tooltip-trigger", ...t }), x = ({
+  className: t,
+  sideOffset: i = 0,
+  side: a,
+  children: r,
+  ...n
+}) => /* @__PURE__ */ o(e.Portal, { children: /* @__PURE__ */ l(
+  e.Content,
+  {
+    "data-slot": "tooltip-content",
+    side: a,
+    sideOffset: i,
+    className: s(m({ side: a }), t),
+    ...n,
+    children: [
+      /* @__PURE__ */ o(e.Arrow, { className: "size-10 translate-y-[calc(-50%_-_1px)] rotate-45 rounded-[1px] bg-interactive fill-interactive" }),
+      /* @__PURE__ */ o("div", { className: "relative", children: r })
+    ]
+  }
+) });
+export {
+  g as Tooltip,
+  x as TooltipContent,
+  c as TooltipProvider,
+  u as TooltipTrigger
+};

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

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

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

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

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

@@ -0,0 +1,25 @@
+export * from './AddressInput';
+export * from './AmountInput';
+export * from './Banner';
+export * from './BaseInput';
+export * from './Button';
+export * from './CardButton';
+export * from './Checkbox';
+export * from './Dialog';
+export * from './IconButton';
+export * from './InteractiveIcon';
+export * from './Link';
+export * from './ListItem';
+export * from './Menu';
+export * from './Search';
+export * from './Select';
+export * from './Skeleton';
+export * from './Spot';
+export * from './Subheader';
+export * from './Switch';
+export * from './Tag';
+export * from './TextInput';
+export * from './Tile';
+export * from './Tooltip';
+export * from './ThemeProvider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}

package/dist/lib/Patterns/index.d.ts

@@ -0,0 +1,3 @@
+declare const _default: {};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Patterns/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Patterns/index.ts"],"names":[],"mappings":";AAAA,wBAAkB"}

package/dist/lib/Symbols/Icons/Airplane.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Airplane icon component.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props and additional
+ * size variants defined in the Icon component.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:Airplane Storybook}
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon.
+ * @param {React.SVGProps<SVGSVGElement>} [...props] - All standard SVG element props.
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Airplane } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <Airplane />
+ *
+ * @example
+ * // With custom size and className
+ * <Airplane size={40} className="text-warning" />
+ */
+export declare const Airplane: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../Components/Icon/Icon').IconProps, "children">, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=Airplane.d.ts.map

package/dist/lib/Symbols/Icons/Airplane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Airplane.d.ts","sourceRoot":"","sources":["../../../../src/lib/Symbols/Icons/Airplane.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ,yKAwBpB,CAAC"}

package/dist/lib/Symbols/Icons/Airplane.js

@@ -0,0 +1,31 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import i from "../../Components/Icon/createIcon.js";
+const o = i(
+  "Airplane",
+  /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      fill: "currentColor",
+      viewBox: "0 0 16 16",
+      children: [
+        /* @__PURE__ */ r("g", { clipPath: "url(#clip0_436_164)", children: /* @__PURE__ */ r(
+          "path",
+          {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.3,
+            d: "m2 8-.666-2.667h1.2c.066 0 .2.067.266.134l1.067 1.2h3.2L4.934 1.8c-.134-.2 0-.467.266-.467h1.134c.2 0 .4.134.533.267L10.2 6.667h3.134c.733 0 1.333.6 1.333 1.333s-.6 1.333-1.333 1.333H10.2L6.867 14.4c-.133.2-.333.267-.533.267H5.2c-.266 0-.4-.267-.333-.467L7 9.333H3.8l-1.066 1.2c-.067.067-.134.134-.267.134H1.334z"
+          }
+        ) }),
+        /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_436_164", children: /* @__PURE__ */ r("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
+      ]
+    }
+  )
+);
+export {
+  o as Airplane
+};

package/dist/lib/Symbols/Icons/AlarmClock.d.ts

@@ -0,0 +1,26 @@
+/**
+ * AlarmClock icon component.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props and additional
+ * size variants defined in the Icon component.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:AlarmClock Storybook}
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon.
+ * @param {React.SVGProps<SVGSVGElement>} [...props] - All standard SVG element props.
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { AlarmClock } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <AlarmClock />
+ *
+ * @example
+ * // With custom size and className
+ * <AlarmClock size={40} className="text-warning" />
+ */
+export declare const AlarmClock: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../Components/Icon/Icon').IconProps, "children">, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=AlarmClock.d.ts.map

package/dist/lib/Symbols/Icons/AlarmClock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlarmClock.d.ts","sourceRoot":"","sources":["../../../../src/lib/Symbols/Icons/AlarmClock.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU,yKAiBtB,CAAC"}

package/dist/lib/Symbols/Icons/AlarmClock.js

@@ -0,0 +1,28 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "../../Components/Icon/createIcon.js";
+const c = r(
+  "AlarmClock",
+  /* @__PURE__ */ o(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      fill: "currentColor",
+      viewBox: "0 0 16 16",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.3,
+          d: "M3.113 11.473c.39.546.868 1.024 1.414 1.414M2.09 7A6 6 0 0 0 2 8c0 .341.035.674.09 1m1.023-4.473a6 6 0 0 1 1.414-1.414M7 13.91c.326.055.659.09 1 .09A6 6 0 1 0 8 2a6 6 0 0 0-1 .09m3.667 4.577L7.333 10l-2-2"
+        }
+      )
+    }
+  )
+);
+export {
+  c as AlarmClock
+};

package/dist/lib/Symbols/Icons/Android.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Android icon component.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props and additional
+ * size variants defined in the Icon component.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:Android Storybook}
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon.
+ * @param {React.SVGProps<SVGSVGElement>} [...props] - All standard SVG element props.
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Android } from '@ledgerhq/lumen-ui-react/symbols';
+ *
+ * <Android />
+ *
+ * @example
+ * // With custom size and className
+ * <Android size={40} className="text-warning" />
+ */
+export declare const Android: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../Components/Icon/Icon').IconProps, "children">, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=Android.d.ts.map

package/dist/lib/Symbols/Icons/Android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Android.d.ts","sourceRoot":"","sources":["../../../../src/lib/Symbols/Icons/Android.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,OAAO,yKAoBnB,CAAC"}