@ledgerhq/lumen-ui-react 0.0.80 → 0.0.82

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

@@ -0,0 +1,245 @@
+import { HTMLAttributes, ReactNode, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import { Breakpoints } from '../../../types';
+export type TableRootProps = {
+    /**
+     * The appearance of the body
+     * @default 'no-background'
+     */
+    appearance?: 'no-background' | 'plain';
+    /**
+     * The table content (TableHeader, TableBody)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+    /**
+     * Callback fired when scroll reaches the bottom of the table container.
+     * Useful for implementing infinite scroll or pagination.
+     */
+    onScrollBottom?: () => void;
+    /**
+     * When true, disables onScrollBottom to prevent duplicate fetches.
+     * Use this while data is being loaded.
+     */
+    loading?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export type TableProps = {
+    /**
+     * The table content (TableHeader, TableBody)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLTableElement>;
+export type TableHeaderProps = {
+    /**
+     * The header content (TableHeaderRow)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLTableSectionElement>;
+export type TableBodyProps = {
+    /**
+     * The body content (TableRow)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLTableSectionElement>;
+export type TableRowProps = {
+    /**
+     * Whether the row is clickable
+     * @default false
+     */
+    clickable?: boolean;
+    /**
+     * The function to call when the row is clicked
+     */
+    onClick?: (e: React.MouseEvent<HTMLTableRowElement>) => void;
+    /**
+     * The row content (TableCell)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLTableRowElement>;
+export type TableCellProps = {
+    /**
+     * Hides this table header cell when the screen width is below the specified breakpoint.
+     * Use this to responsively show or hide columns at certain viewport sizes.
+     */
+    hideBelow?: Breakpoints;
+    /**
+     * The cell content
+     */
+    children?: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+    /**
+     * Text alignment within the cell
+     * @default 'start'
+     */
+    align?: 'start' | 'end';
+} & Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'>;
+export type TableCellContentProps = {
+    /**
+     * Text alignment within the cell
+     * @default 'start'
+     */
+    align?: 'start' | 'end';
+    /**
+     * Custom classname
+     */
+    className?: string;
+    /**
+     * The leading content of the cell
+     * Typically an spot, icon or crypto-icon.
+     */
+    leadingContent?: ReactNode;
+    /**
+     * The title of the cell
+     */
+    title?: ReactNode;
+    /**
+     * The description of the cell
+     */
+    description?: ReactNode;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+export type TableHeaderRowProps = {
+    /**
+     * The header row content (TableHeaderCell)
+     */
+    children: ReactNode;
+    /**
+     * The number of columns to span
+     */
+    colSpan?: number;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLTableRowElement>;
+export type TableGroupHeaderRowProps = {
+    /**
+     * The group header row content (TableHeaderCell)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+    /**
+     * Number of columns the group header row should span.
+     * This property is mandatory and should match the total number of columns in the table.
+     */
+    colSpan: number;
+} & HTMLAttributes<HTMLTableRowElement>;
+export type TableHeaderCellProps = {
+    /**
+     * Hides this table header cell when the screen width is below the specified breakpoint.
+     * Use this to responsively show or hide columns at certain viewport sizes.
+     */
+    hideBelow?: Breakpoints;
+    /**
+     * The header cell content. Use TableSortButton for sortable columns; other children are trailing content.
+     */
+    children?: ReactNode;
+    /**
+     * The trailing content of the header cell
+     * Typically icons or other content, these are shown only on hover.
+     */
+    trailingContent?: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+    /**
+     * Text alignment within the cell
+     * @default 'start'
+     */
+    align?: 'start' | 'end';
+    /**
+     * Scope of the header cell
+     * @default 'col'
+     */
+    scope?: 'col' | 'row' | 'colgroup' | 'rowgroup';
+} & Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'>;
+export type TableActionBarProps = {
+    /**
+     * The action bar content (TableActionBarLeading, TableActionBarTrailing)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export type TableActionBarLeadingProps = {
+    /**
+     * The leading content (start-aligned actions)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export type TableActionBarTrailingProps = {
+    /**
+     * The trailing content (end-aligned actions)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export type TableLoadingRowProps = {
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+export type TableInfoIconProps = {
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & Omit<HTMLAttributes<HTMLButtonElement>, 'children'>;
+export type TableSortValue = 'asc' | 'desc' | undefined;
+export type TableSortButtonProps = {
+    /**
+     * Text and elements alignment within the cell
+     */
+    align?: 'start' | 'end';
+    /**
+     * The column label (e.g. "Name", "Amount")
+     */
+    children: ReactNode;
+    /**
+     * Current sort direction
+     */
+    sortDirection?: TableSortValue;
+    /**
+     * Callback fired when the sort control is clicked
+     */
+    onToggleSort?: (sort: TableSortValue) => void;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & Omit<HTMLAttributes<HTMLButtonElement>, 'children'>;
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/lib/Components/Table/utils/useThrottledScrollBottom.d.ts

@@ -0,0 +1,39 @@
+import { UIEvent } from 'react';
+/**
+ * Checks if a scroll container has reached the bottom.
+ * Uses a threshold tolerance to handle subpixel rounding issues.
+ */
+export declare const isScrolledToBottom: ({ element, threshold, }: {
+    element: HTMLElement;
+    threshold?: number;
+}) => boolean;
+type UseThrottledScrollBottomOptions = {
+    /**
+     * Callback fired when the user scrolls near the bottom.
+     */
+    onScrollBottom?: () => void;
+    /**
+     * When true, disables the callback to prevent duplicate fetches.
+     */
+    loading?: boolean;
+    /**
+     * Distance from bottom (in pixels) to trigger the callback.
+     * @default 2
+     */
+    thresholdInRow?: number;
+};
+/**
+ * Hook that provides a throttled scroll handler for infinite scroll patterns.
+ * Fires `onScrollBottom` when the user scrolls within `threshold` pixels of the bottom.
+ *
+ * @example
+ * const handleScroll = useThrottledScrollBottom({
+ *   onScrollBottom: fetchMore,
+ *   loading,
+ * });
+ *
+ * return <div onScroll={handleScroll}>...</div>;
+ */
+export declare const useThrottledScrollBottom: ({ onScrollBottom, loading, thresholdInRow, }: UseThrottledScrollBottomOptions) => ((event: UIEvent<HTMLElement>) => void) | undefined;
+export {};
+//# sourceMappingURL=useThrottledScrollBottom.d.ts.map

package/dist/lib/Components/Table/utils/useThrottledScrollBottom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThrottledScrollBottom.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Table/utils/useThrottledScrollBottom.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAA8B,MAAM,OAAO,CAAC;AAQ5D;;;GAGG;AACH,eAAO,MAAM,kBAAkB,4BAG5B;IACD,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,KAAG,OAGH,CAAC;AAEF,KAAK,+BAA+B,GAAG;IACrC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,wBAAwB,iDAIlC,+BAA+B,KAC9B,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,GACvC,SAkDH,CAAC"}

package/dist/lib/Components/Table/utils/useThrottledScrollBottom.js

@@ -0,0 +1,39 @@
+import { throttle as h } from "../../../../libs/utils-shared/dist/index.js";
+import { useMemo as L, useRef as u, useEffect as _ } from "react";
+import { TABLE_SCROLL_BOTTOM_THRESHOLD_IN_ROW as R, TABLE_CELL_HEIGHT as a } from "../constants.js";
+const m = 150, E = ({
+  element: t,
+  threshold: c = 10
+}) => {
+  const { scrollTop: n, scrollHeight: o, clientHeight: e } = t;
+  return n + e >= o - c;
+}, p = ({
+  onScrollBottom: t,
+  loading: c = !1,
+  thresholdInRow: n = R
+}) => {
+  const o = L(
+    () => n * a,
+    [n]
+  ), e = u(t), l = u(c);
+  e.current = t, l.current = c;
+  const f = u(null), T = L(() => {
+    if (!t)
+      return;
+    const r = h((s) => {
+      l.current || !e.current || E({ element: s, threshold: o }) && e.current();
+    }, m);
+    return f.current = r, (s) => {
+      const i = s.currentTarget;
+      i && r(i);
+    };
+  }, [t, o]);
+  return _(() => () => {
+    var r;
+    (r = f.current) == null || r.cancel();
+  }, [T]), T;
+};
+export {
+  E as isScrolledToBottom,
+  p as useThrottledScrollBottom
+};

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

@@ -1,18 +1,6 @@
-import { VariantProps } from 'class-variance-authority';
-import { default as React } from 'react';
-import { IconSize } from '../Icon/types';
-export declare const Tag: React.ForwardRefExoticComponent<{
-    appearance?: "base" | "gray" | "accent" | "success" | "error" | "warning";
-    size?: "sm" | "md";
-    icon?: React.ComponentType<{
-        size?: IconSize;
-        className?: string;
-    }>;
-    label: string;
-    disabled?: boolean;
-} & React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    appearance?: "base" | "error" | "gray" | "accent" | "success" | "warning" | null | undefined;
-    size?: "sm" | "md" | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+import { TagProps } from './types';
+export declare const Tag: {
+    ({ ref, className, appearance, size, icon, label, disabled, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +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,eAAe,CAAC;AAgCzC,eAAO,MAAM,GAAG;;;iBAzBF,aACP;YAAO,CAAC;iBAAqB,CAAC;;;;;;;;sHAgDnC,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA+BnC,eAAO,MAAM,GAAG;4EASb,QAAQ;;CAqBV,CAAC"}

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

@@ -1,8 +1,7 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { cn as l } from "../../../libs/utils-shared/dist/index.js";
 import { cva as b } from "class-variance-authority";
-import g from "react";
-const x = b(
+const g = b(
   "inline-flex items-center justify-center gap-4 rounded-xs",
   {
     variants: {
@@ -29,25 +28,34 @@ const x = b(
       disabled: !1
     }
   }
-), u = g.forwardRef(({ className: s, appearance: n, size: e, icon: r, label: c, disabled: i, ...o }, d) => {
-  const m = e ? {
+), x = ({
+  ref: s,
+  className: n,
+  appearance: r,
+  size: e,
+  icon: c,
+  label: i,
+  disabled: o,
+  ...d
+}) => {
+  const p = e ? {
     md: 16,
     sm: 12
-  }[e] : 16, a = r;
-  return /* @__PURE__ */ p(
+  }[e] : 16, a = c;
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: l(s, x({ appearance: n, size: e, disabled: i })),
-      ref: d,
-      ...o,
+      className: l(n, g({ appearance: r, size: e, disabled: o })),
+      ref: s,
+      ...d,
       children: [
-        a && /* @__PURE__ */ t(a, { size: m, className: "shrink-0" }),
-        /* @__PURE__ */ t("span", { children: c })
+        a && /* @__PURE__ */ t(a, { size: p, className: "shrink-0" }),
+        /* @__PURE__ */ t("span", { children: i })
       ]
     }
   );
-});
-u.displayName = "Tag";
+};
+x.displayName = "Tag";
 export {
-  u as Tag
+  x as Tag
 };

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

@@ -1,3 +1,4 @@
+import { ComponentPropsWithRef, ComponentType } from 'react';
 import { IconSize } from '../Icon/types';
 export type TagProps = {
     /**
@@ -13,7 +14,7 @@ export type TagProps = {
     /**
      * Icon component to render.
      */
-    icon?: React.ComponentType<{
+    icon?: ComponentType<{
         size?: IconSize;
         className?: string;
     }>;
@@ -28,5 +29,5 @@ export type TagProps = {
      * @default false
      */
     disabled?: boolean;
-} & React.HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1E;;;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;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1E;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

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

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { TextInputProps } from './types';
 /**
  * A customizable input component with floating label, automatic clear button, error states, and focus/hover effects.
@@ -54,5 +53,8 @@ import { TextInputProps } from './types';
  *   }}
  * />
  */
-export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const TextInput: {
+    ({ ref, ...props }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=TextInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,SAAS,yFAIrB,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,SAAS;wBAAuB,cAAc;;CAE1D,CAAC"}

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

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

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

@@ -1,3 +1,4 @@
+import { ComponentPropsWithRef } from 'react';
 import { BaseInputProps } from '../BaseInput/types';
-export type TextInputProps = Omit<BaseInputProps, 'prefix' | 'labelClassName' | 'inputClassName'>;
+export type TextInputProps = Omit<BaseInputProps, 'prefix' | 'labelClassName' | 'inputClassName'> & ComponentPropsWithRef<'input'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TextInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,cAAc,EACd,QAAQ,GAAG,gBAAgB,GAAG,gBAAgB,CAC/C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TextInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,cAAc,EACd,QAAQ,GAAG,gBAAgB,GAAG,gBAAgB,CAC/C,GACC,qBAAqB,CAAC,OAAO,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { TileContentProps, TileDescriptionProps, TileSpotProps, TileTitleProps, TileTrailingContentProps } from './types';
+import { TileContentProps, TileDescriptionProps, TileProps, TileSecondaryActionProps, TileSpotProps, TileTitleProps, TileTrailingContentProps } from './types';
 /**
  * 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.
@@ -26,16 +26,10 @@ import { TileContentProps, TileDescriptionProps, TileSpotProps, TileTitleProps,
  *   <div>Custom content</div>
  * </Tile>
  */
-export declare const Tile: import('react').ForwardRefExoticComponent<{
-    appearance?: "no-background" | "card";
-    disabled?: boolean;
-    centered?: boolean;
-    onClick?: import('react').MouseEventHandler<HTMLButtonElement>;
-    children: import('react').ReactNode;
-    className?: string;
-    'aria-label'?: string;
-    secondaryAction?: import('react').ReactNode;
-} & Omit<import('react').HTMLAttributes<HTMLButtonElement>, "onClick"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Tile: {
+    ({ ref, className, onClick, secondaryAction, appearance, disabled, centered, children, style, ...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.
  */
@@ -105,9 +99,8 @@ export declare const TileTrailingContent: {
  *   </TileContent>
  * </Tile>
  */
-export declare const TileSecondaryAction: import('react').ForwardRefExoticComponent<{
-    onClick?: import('react').MouseEventHandler;
-    icon: React.ComponentType<Omit<import('../Icon').IconProps, "children">>;
-    className?: string;
-} & Omit<import('react').HTMLAttributes<HTMLButtonElement>, "onClick"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const TileSecondaryAction: {
+    ({ ref, 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":"AAKA,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EAGpB,aAAa,EACb,cAAc,EACd,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAuCjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;;;;;;;;;uHAyChB,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,QAAQ;yBAA6B,aAAa;;CAM9D,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CASlB,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;wCAI7B,wBAAwB;;CAS1B,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;;gBAvJlB,aAAK;;0HA6LjB,CAAC"}
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,gBAAgB,EAEhB,oBAAoB,EACpB,SAAS,EACT,wBAAwB,EACxB,aAAa,EACb,cAAc,EACd,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAuCjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;8GAWd,SAAS;;CA0BX,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,QAAQ;yBAA6B,aAAa;;CAM9D,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CASlB,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;wCAI7B,wBAAwB;;CAS1B,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;2EAO7B,wBAAwB;;CAmC1B,CAAC"}