@ledgerhq/lumen-ui-react 0.0.59 → 0.0.60

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

@@ -1,56 +1,86 @@
-import { TileProps } from './types';
+import { TileContentProps, TileDescriptionProps, TileProps, TileSecondaryActionProps, TileSpotProps, TileTitleProps } 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.
+ * A flexible tile component that uses a composite pattern for maximum customization.
+ * Displays content in a vertical layout with support for spots, text, and custom content.
  *
  * @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!')}
- * />
+ * import {
+ *   Tile,
+ *   TileSpot,
+ *   TileContent,
+ *   TileTitle,
+ *   TileSecondaryAction,
+ *   Tag
+ * } from '@ledgerhq/lumen-ui-react';
+ * import { Bitcoin, MoreVertical } from '@ledgerhq/lumen-ui-react/symbols';
  *
- * // 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" />}
- * />
+ * <Tile appearance="card">
+ *   <TileSecondaryAction icon={MoreVertical} onClick={() => console.log('More')} />
+ *   <TileSpot appearance="icon" icon={Bitcoin} />
+ *   <TileContent>
+ *     <TileTitle>Bitcoin</TileTitle>
+ *   </TileContent>
+ *   <div>Custom content</div>
+ * </Tile>
+ */
+export declare const Tile: {
+    ({ className, onClick, appearance, disabled, "aria-label": ariaLabel, children, onMouseDown, onMouseUp, onMouseLeave, ...props }: TileProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * A spot adapter for use within Tile. Automatically inherits the disabled state from the parent Tile.
+ * Always renders at a fixed size of 48.
+ */
+export declare const TileSpot: {
+    (props: TileSpotProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * A container for grouping TileTitle and TileDescription with consistent spacing.
+ * Use this to wrap text content within a Tile.
+ */
+export declare const TileContent: {
+    ({ children, className, ...props }: TileContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * The primary text label for a Tile. Automatically inherits the disabled state from the parent Tile.
+ * Text will truncate with ellipsis if it exceeds the available width.
+ */
+export declare const TileTitle: {
+    ({ children, className, ...props }: TileTitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * The secondary text label for a Tile. Automatically inherits the disabled state from the parent Tile.
+ * Text will truncate with ellipsis if it exceeds the available width.
+ */
+export declare const TileDescription: {
+    ({ children, className, ...props }: TileDescriptionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * A self-contained secondary action button for a Tile. Renders an InteractiveIcon that appears
+ * in the top-right corner and is visible on hover/focus. Automatically hidden when the parent Tile is disabled.
  *
- * // 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';
+ * @example
+ * import { 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>
- *   }
- * />
+ * <Tile>
+ *   <TileSecondaryAction
+ *     icon={MoreVertical}
+ *     onClick={(e) => console.log('Secondary action clicked')}
+ *   />
+ *   <TileContent>
+ *     <TileTitle>My Title</TileTitle>
+ *   </TileContent>
+ * </Tile>
  */
-export declare const Tile: ({ className, title, description, leadingContent, secondaryAction, trailingContent, onClick, appearance, disabled, "aria-label": ariaLabel, ...props }: TileProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TileSecondaryAction: {
+    ({ onClick, icon, className, "aria-label": ariaLabel, ...props }: TileSecondaryActionProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
 //# sourceMappingURL=Tile.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EACpB,SAAS,EACT,wBAAwB,EACxB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AAgEjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;sIAWd,SAAS;;CAqFX,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAM5C,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CAYlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,SAAS;wCAInB,cAAc;;CAiBhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,eAAe;wCAIzB,oBAAoB;;CAiBtB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;sEAM7B,wBAAwB;;CAmC1B,CAAC"}

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

@@ -1,13 +1,14 @@
-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(
+import { jsx as l, jsxs as k } from "react/jsx-runtime";
+import { extractSlottable as q, createSafeContext as C, cn as d } from "../../../libs/utils-shared/dist/index.js";
+import { cva as b } from "class-variance-authority";
+import { useState as I, useCallback as n } from "react";
+import { Spot as R } from "../Spot/Spot.js";
+import { InteractiveIcon as z } from "../InteractiveIcon/InteractiveIcon.js";
+const [V, u] = C("Tile"), v = {
+  root: b(
     [
-      "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"
+      "group relative flex flex-col items-center gap-8 text-base transition-colors",
+      "focus-visible:outline-focus rounded-md focus-visible:outline-2"
     ],
     {
       variants: {
@@ -57,122 +58,190 @@ const u = {
       }
     }
   ),
-  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,
+  button: b(
+    "focus-visible:outline-focus flex w-full flex-col  items-center gap-8 rounded-md px-8 py-12 focus-visible:outline-2"
+  )
+}, j = ({
+  className: e,
   onClick: i,
-  appearance: g = "no-background",
+  appearance: s = "no-background",
   disabled: t = !1,
-  "aria-label": x,
-  ...e
+  "aria-label": p,
+  children: m,
+  onMouseDown: c,
+  onMouseUp: o,
+  onMouseLeave: r,
+  ...x
 }) => {
-  const [N, r] = V(!1), y = l(
+  const [g, f] = I(!1), { slotElement: y, remainingChildren: N } = q(
+    m,
+    T
+  ), h = n(
     (a) => {
-      if (t) {
-        a.preventDefault();
-        return;
-      }
-      i == null || i(a);
+      a.target.closest(
+        "[data-secondary-button-container]"
+      ) || (c == null || c(a), f(!0));
     },
-    [t, i]
-  ), M = l(
+    [c]
+  ), A = n(
     (a) => {
-      a.stopPropagation(), a.preventDefault();
+      f(!1), o == null || o(a);
     },
-    []
-  ), A = l(
+    [o]
+  ), S = n(
     (a) => {
-      t || a.target.closest(
-        "[data-secondary-button-container]"
-      ) || r(!0);
+      f(!1), r == null || r(a);
     },
-    [t]
-  ), w = l(() => {
-    t || r(!1);
-  }, [t]), k = l(() => {
-    t || r(!1);
-  }, [t]);
-  return /* @__PURE__ */ c(
+    [r]
+  );
+  return /* @__PURE__ */ l(V, { value: { disabled: t }, children: /* @__PURE__ */ k(
     "div",
     {
-      ...e,
-      className: u.root({
-        appearance: g,
-        isActive: N,
+      ...x,
+      className: v.root({
+        appearance: s,
+        isActive: g,
         disabled: t,
-        className: b
+        className: e
       }),
-      onMouseDown: (a) => {
-        var n;
-        (n = e == null ? void 0 : e.onMouseDown) == null || n.call(e, a), A(a);
+      onMouseDown: t ? void 0 : (a) => {
+        h(a);
       },
-      onMouseUp: (a) => {
-        var n;
-        (n = e == null ? void 0 : e.onMouseUp) == null || n.call(e, a), w(a);
+      onMouseUp: t ? void 0 : (a) => {
+        A(a);
       },
-      onMouseLeave: (a) => {
-        var n;
-        (n = e == null ? void 0 : e.onMouseLeave) == null || n.call(e, a), k(a);
+      onMouseLeave: t ? void 0 : (a) => {
+        S(a);
       },
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ l(
           "button",
           {
-            "aria-label": x || f,
-            onClick: y,
+            "aria-label": p,
+            onClick: t ? void 0 : i,
             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
-              ] })
-            ]
+            className: v.button(),
+            children: N
           }
         ),
-        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 })
-          }
-        )
+        y
       ]
     }
+  ) });
+};
+j.displayName = "Tile";
+const w = (e) => {
+  const { disabled: i } = u({
+    consumerName: "TileSpot",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ l(R, { ...e, size: 48, disabled: i });
+};
+w.displayName = "TileSpot";
+const P = ({
+  children: e,
+  className: i,
+  ...s
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: d(
+      "flex w-full flex-col items-center gap-4 text-center",
+      i
+    ),
+    ...s,
+    children: e
+  }
+);
+P.displayName = "TileContent";
+const D = ({
+  children: e,
+  className: i,
+  ...s
+}) => {
+  const { disabled: t } = u({
+    consumerName: "TileTitle",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: d(
+        "body-2-semi-bold w-full truncate",
+        t && "text-disabled",
+        i
+      ),
+      ...s,
+      children: e
+    }
+  );
+};
+D.displayName = "TileTitle";
+const E = ({
+  children: e,
+  className: i,
+  ...s
+}) => {
+  const { disabled: t } = u({
+    consumerName: "TileDescription",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: d(
+        "body-3 w-full truncate",
+        t ? "text-disabled" : "text-muted",
+        i
+      ),
+      ...s,
+      children: e
+    }
+  );
+};
+E.displayName = "TileDescription";
+const T = ({
+  onClick: e,
+  icon: i,
+  className: s,
+  "aria-label": t,
+  ...p
+}) => {
+  const { disabled: m } = u({
+    consumerName: "TileSecondaryAction",
+    contextRequired: !0
+  }), c = n(
+    (r) => {
+      r.stopPropagation(), r.preventDefault(), e == null || e(r);
+    },
+    [e]
+  );
+  if (m) return null;
+  const o = i;
+  return /* @__PURE__ */ l(
+    z,
+    {
+      "data-slot": "tile-secondary-action",
+      className: d(
+        "absolute right-12 top-16 opacity-0 transition-opacity duration-200 focus-within:opacity-100 group-hover:opacity-100",
+        s
+      ),
+      "data-secondary-button-container": !0,
+      iconType: "stroked",
+      onClick: c,
+      "aria-label": t,
+      ...p,
+      children: /* @__PURE__ */ l(o, { size: 24 })
+    }
   );
 };
+T.displayName = "TileSecondaryAction";
 export {
-  H as Tile
+  j as Tile,
+  P as TileContent,
+  E as TileDescription,
+  T as TileSecondaryAction,
+  w as TileSpot,
+  D as TileTitle
 };

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

@@ -1,3 +1,3 @@
-export { Tile } from './Tile';
+export { Tile, TileSpot, TileContent, TileTitle, TileDescription, TileSecondaryAction, } from './Tile';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,SAAS,EACT,eAAe,EACf,mBAAmB,GACpB,MAAM,QAAQ,CAAC;AAChB,cAAc,SAAS,CAAC"}

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

@@ -1,44 +1,86 @@
-import { ReactNode } from 'react';
+import { HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+import { IconProps } from '../Icon';
+import { DiscriminatedSpotProps } from '../Spot/types';
+export type TileContextValue = {
+    disabled: boolean;
+};
 export type TileProps = {
     /**
-     * Custom content to display at the top (leading area) of the tile.
-     * Accepts ReactNode such as <Spot appearance="icon" icon={Settings} />
+     * The visual appearance of the tile background.
+     * - `no-background`: Transparent background (shows hover state)
+     * - `card`: Surface background color
+     * @default "no-background"
      */
-    leadingContent: ReactNode;
+    appearance?: 'no-background' | 'card';
     /**
-     * The title of the list item.
+     * Whether the tile is disabled.
+     * When disabled, the tile is non-interactive and has disabled styles.
+     * @default false
      */
-    title: string;
+    disabled?: boolean;
     /**
-     * The description of the list item.
+     * The function to call when the tile is clicked.
      */
-    description?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
     /**
-     * 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.
+     * The children to display inside the tile.
+     * Can include TileSpot, TileContent, TileTitle, TileDescription, TileSecondaryAction, and any custom content.
      */
-    secondaryAction?: ReactNode;
+    children: ReactNode;
     /**
-     * Custom content to display at the bottom (trailing area) of the tile.
-     * Accepts ReactNode such as <Tag label="New" appearance="base" />
+     * Additional CSS classes for the tile container.
+     * Should only be used for layout adjustments like margins or positioning.
      */
-    trailingContent?: ReactNode;
+    className?: string;
     /**
-     * The function to call when the tile is clicked.
+     * Aria label for accessibility.
      */
-    onClick?: React.HTMLAttributes<HTMLButtonElement>['onClick'];
+    'aria-label'?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'onClick'>;
+export type TileSpotProps = DiscriminatedSpotProps;
+export type TileContentProps = {
     /**
-     * The visual appearance of the tile background.
-     * - `no-background`: Transparent background (shows hover state)
-     * - `card`: Surface background color
-     * @default "no-background"
+     * The children to display inside the tile content area.
+     * Typically contains TileTitle and TileDescription.
      */
-    appearance?: 'no-background' | 'card';
+    children: ReactNode;
     /**
-     * Whether the tile is disabled.
-     * When disabled, the tile is non-interactive and has disabled styles.
-     * @default false
+     * Additional CSS classes for the content container.
      */
-    disabled?: boolean;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>;
+    className?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export type TileTitleProps = {
+    /**
+     * The title text to display.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for the title.
+     */
+    className?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export type TileDescriptionProps = {
+    /**
+     * The description text to display.
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes for the description.
+     */
+    className?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export type TileSecondaryActionProps = {
+    /**
+     * The function to call when the secondary action is clicked.
+     */
+    onClick?: MouseEventHandler;
+    /**
+     * Icon component to render inside the InteractiveIcon.
+     */
+    icon: React.ComponentType<Omit<IconProps, 'children'>>;
+    /**
+     * Additional CSS classes for the secondary action container.
+     */
+    className?: string;
+} & Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC;AAEpD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC"}

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

@@ -6,6 +6,7 @@ export * from './Button';
 export * from './CardButton';
 export * from './Checkbox';
 export * from './Dialog';
+export * from './Divider';
 export * from './IconButton';
 export * from './InteractiveIcon';
 export * from './Link';

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

@@ -1 +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,eAAe,CAAC;AAC9B,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"}
+{"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,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,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"}