@ledgerhq/lumen-ui-react 0.0.83 → 0.0.85

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

@@ -0,0 +1,111 @@
+import { Row, RowData, Table } from '@tanstack/react-table';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { Breakpoints } from '../../../types';
+import { TableRootProps } from '../Table/types';
+/**
+ * Lumen-specific column metadata that extends TanStack's ColumnMeta.
+ * These properties are picked up by DataTable's auto-rendering logic.
+ */
+export type LumenColumnMeta = {
+    /**
+     * Text alignment within the column cells and header.
+     * @default 'start'
+     */
+    align?: 'start' | 'end';
+    /**
+     * Hides the column when the screen width is below the specified breakpoint.
+     */
+    hideBelow?: Breakpoints;
+    /**
+     * Custom className applied to each cell in this column including the header cell.
+     */
+    className?: string;
+    /**
+     * Trailing content rendered in the header cell for additional content.
+     * Shown only on hover.
+     */
+    headerTrailingContent?: ReactNode;
+};
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> extends LumenColumnMeta {
+    }
+}
+export type DataTableRootProps<TData extends RowData = RowData> = {
+    /**
+     * The TanStack table instance returned by `useLumenDataTable`.
+     */
+    table: Table<TData>;
+    /**
+     * The appearance of the table.
+     * @default 'no-background'
+     */
+    appearance?: TableRootProps['appearance'];
+    /**
+     * The pagination mode of the table.
+     * @default 'none'
+     */
+    paginationMode?: 'infinite-scroll' | 'pagination' | 'none';
+    /**
+     * When true, displays loading indicator and disables onScrollBottom.
+     */
+    loading?: boolean;
+    /**
+     * Callback fired when scroll reaches the bottom of the table container.
+     */
+    onScrollBottom?: () => void;
+    /**
+     * Content rendered inside the DataTableRoot (e.g. DataTableActionBar, DataTable).
+     */
+    children: ReactNode;
+    /**
+     * Custom className for the root wrapper.
+     */
+    className?: string;
+    /**
+     * When true, hides the header section.
+     * @default false
+     */
+    hideHeader?: boolean;
+    /**
+     * Callback fired when a row is clicked.
+     * Return the data of the given row from the callback function.
+     * @default undefined
+     */
+    onRowClick?: (row: Row<TData>) => void;
+    /**
+     * Extracts a group key from a row. When provided, rows are visually
+     * separated by group header rows whenever the key changes.
+     * Data must be pre-sorted by the grouping field.
+     * @default undefined
+     */
+    groupBy?: (row: Row<TData>) => string;
+    /**
+     * Custom renderer for group header content.
+     * Receives the first row of the group and the number of rows in the group.
+     * When omitted, defaults to rendering the group key string.
+     * @default undefined
+     */
+    renderGroupHeader?: (info: {
+        row: Row<TData>;
+        count: number;
+    }) => ReactNode;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+export type DataTableProps = {
+    /**
+     * Custom className for the scrollable table container (TableRoot).
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
+export type DataTableHeaderProps = {
+    /**
+     * Custom className for the header section.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'thead'>;
+export type DataTableBodyProps = {
+    /**
+     * Custom className for the body section.
+     */
+    className?: string;
+} & ComponentPropsWithRef<'tbody'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC,CAAC;AAGF,OAAO,QAAQ,uBAAuB,CAAC;IAErC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,CAAE,SAAQ,eAAe;KAAG;CAC/E;AAED,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO,IAAI;IAChE;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAC1C;;;OAGG;IACH,cAAc,CAAC,EAAE,iBAAiB,GAAG,YAAY,GAAG,MAAM,CAAC;IAC3D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;IACtC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAC7E,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAEnC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC"}

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

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

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

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

package/dist/lib/Components/DataTable/useLumenDataTable/useLumenDataTable.d.ts

@@ -0,0 +1,38 @@
+import { TableOptions, Table } from '@tanstack/react-table';
+type UseLumenDataTableOptions<TData> = Omit<TableOptions<TData>, 'getCoreRowModel' | 'getSortedRowModel' | 'getFilteredRowModel'> & {
+    /**
+     * Override the default getCoreRowModel if needed.
+     * @default getCoreRowModel()
+     */
+    getCoreRowModel?: TableOptions<TData>['getCoreRowModel'];
+    /**
+     * Override the default getSortedRowModel if needed.
+     * @default getSortedRowModel()
+     */
+    getSortedRowModel?: TableOptions<TData>['getSortedRowModel'];
+    /**
+     * Override the default getFilteredRowModel if needed.
+     * @default getFilteredRowModel()
+     */
+    getFilteredRowModel?: TableOptions<TData>['getFilteredRowModel'];
+};
+/**
+ * Hook wrapping TanStack's `useReactTable` with opinionated defaults.
+ *
+ * - Injects `getCoreRowModel` automatically.
+ * - Injects `getFilteredRowModel` automatically for client-side filtering.
+ * - Injects `getSortedRowModel` automatically for client-side sorting.
+ * - Returns the TanStack `Table` instance.
+ *
+ * @example
+ * const table = useLumenDataTable({
+ *   data,
+ *   columns: [
+ *     { accessorKey: 'name', header: 'Name' },
+ *     { accessorKey: 'price', header: 'Price', meta: { align: 'end' } },
+ *   ],
+ * });
+ */
+export declare const useLumenDataTable: <TData>(options: UseLumenDataTableOptions<TData>) => Table<TData>;
+export {};
+//# sourceMappingURL=useLumenDataTable.d.ts.map

package/dist/lib/Components/DataTable/useLumenDataTable/useLumenDataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLumenDataTable.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/DataTable/useLumenDataTable/useLumenDataTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EACZ,KAAK,EAEN,MAAM,uBAAuB,CAAC;AAC/B,OAAO,UAAU,CAAC;AAElB,KAAK,wBAAwB,CAAC,KAAK,IAAI,IAAI,CACzC,YAAY,CAAC,KAAK,CAAC,EACnB,iBAAiB,GAAG,mBAAmB,GAAG,qBAAqB,CAChE,GAAG;IACF;;;OAGG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,CAAC;IACzD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC7D;;;OAGG;IACH,mBAAmB,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,CAAC;CAClE,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,iBAAiB,GAAI,KAAK,WAC5B,wBAAwB,CAAC,KAAK,CAAC,KACvC,KAAK,CAAC,KAAK,CAOb,CAAC"}

package/dist/lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js

@@ -0,0 +1,10 @@
+import { useReactTable as o, getSortedRowModel as t, getFilteredRowModel as d, getCoreRowModel as l } from "@tanstack/react-table";
+const R = (e) => o({
+  ...e,
+  getCoreRowModel: e.getCoreRowModel ?? l(),
+  getFilteredRowModel: e.getFilteredRowModel ?? d(),
+  getSortedRowModel: e.getSortedRowModel ?? t()
+});
+export {
+  R as useLumenDataTable
+};

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

@@ -1,4 +1,7 @@
 import { SkeletonProps } from './types';
-declare const Skeleton: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const Skeleton: {
+    ({ className, component, ref, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { Skeleton };
 //# sourceMappingURL=Skeleton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAyG7C,QAAA,MAAM,QAAQ,uHAoBb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"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;AA8F7C,QAAA,MAAM,QAAQ;8CAA6C,aAAa;;CAkBvE,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -1,109 +1,95 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { cn as i } from "../../../libs/utils-shared/dist/index.js";
-import { forwardRef as d } from "react";
-const l = d(
-  ({ className: a, ...s }, t) => /* @__PURE__ */ e(
-    "div",
-    {
-      ref: t,
-      className: i(
-        "animate-pulse rounded-md bg-muted-transparent",
-        a
-      ),
-      ...s
-    }
-  )
+import { cn as d } from "../../../libs/utils-shared/dist/index.js";
+const l = ({ className: a, ref: s, ...t }) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: s,
+    className: d("animate-pulse rounded-md bg-muted-transparent", a),
+    ...t
+  }
 );
 l.displayName = "BaseSkeleton";
-const o = d(
-  ({ className: a, ...s }, t) => /* @__PURE__ */ n(
-    "div",
-    {
-      ref: t,
-      "data-slot": "skeleton",
-      className: i("flex w-full items-center gap-16 py-8", a),
-      ...s,
-      children: [
-        /* @__PURE__ */ e(l, { className: "size-48 shrink-0 rounded-full" }),
-        /* @__PURE__ */ n("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" })
-        ] })
-      ]
-    }
-  )
+const r = ({ className: a, ref: s, ...t }) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: s,
+    "data-slot": "skeleton",
+    className: d("flex w-full items-center gap-16 py-8", a),
+    ...t,
+    children: [
+      /* @__PURE__ */ e(l, { className: "size-48 shrink-0 rounded-full" }),
+      /* @__PURE__ */ n("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" })
+      ] })
+    ]
+  }
 );
-o.displayName = "ListItemSkeleton";
-const m = d(
-  ({ className: a, ...s }, t) => /* @__PURE__ */ n(
-    "div",
-    {
-      ref: t,
-      "data-slot": "skeleton",
-      className: i(
-        "flex w-112 flex-col items-center gap-12 rounded-md px-8 py-16",
-        a
-      ),
-      ...s,
-      children: [
-        /* @__PURE__ */ e(l, { className: "size-48 shrink-0 rounded-full" }),
-        /* @__PURE__ */ n("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" })
-        ] })
-      ]
-    }
-  )
+r.displayName = "ListItemSkeleton";
+const o = ({ className: a, ref: s, ...t }) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: s,
+    "data-slot": "skeleton",
+    className: d(
+      "flex w-112 flex-col items-center gap-12 rounded-md px-8 py-16",
+      a
+    ),
+    ...t,
+    children: [
+      /* @__PURE__ */ e(l, { className: "size-48 shrink-0 rounded-full" }),
+      /* @__PURE__ */ n("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" })
+      ] })
+    ]
+  }
 );
-m.displayName = "TileSkeleton";
-const u = d(
-  ({ className: a, ...s }, t) => /* @__PURE__ */ n(
-    "div",
+o.displayName = "TileSkeleton";
+const u = ({ className: a, ref: s, ...t }) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: s,
+    "data-slot": "skeleton",
+    className: d("flex w-full flex-col", a),
+    ...t,
+    children: [
+      /* @__PURE__ */ e("div", { className: "flex h-40 w-full items-center", children: /* @__PURE__ */ e(l, { className: "h-12 w-full" }) }),
+      /* @__PURE__ */ n("div", { className: "flex h-64 items-center gap-14 opacity-90", children: [
+        /* @__PURE__ */ e(l, { className: "size-40 rounded-full" }),
+        /* @__PURE__ */ e("div", { className: "grow", children: /* @__PURE__ */ e(l, { className: "h-12 w-11/12" }) })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "flex h-64 items-center gap-14 opacity-80", children: [
+        /* @__PURE__ */ e(l, { className: "size-40 rounded-full" }),
+        /* @__PURE__ */ e("div", { className: "grow", children: /* @__PURE__ */ e(l, { className: "h-12 w-10/12" }) })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "flex h-64 items-center gap-14 opacity-70", children: [
+        /* @__PURE__ */ e(l, { className: "size-40 rounded-full" }),
+        /* @__PURE__ */ e("div", { className: "grow", children: /* @__PURE__ */ e(l, { className: "h-12 w-9/12" }) })
+      ] })
+    ]
+  }
+), i = {
+  "list-item": r,
+  tile: o,
+  table: u
+}, f = ({ className: a, component: s, ref: t, ...c }) => {
+  if (s && i[s]) {
+    const m = i[s];
+    return /* @__PURE__ */ e(m, { ...c, ref: t, className: a });
+  }
+  return /* @__PURE__ */ e(
+    l,
     {
       ref: t,
+      "data-testid": "skeleton",
+      className: a,
       "data-slot": "skeleton",
-      className: i("flex w-full flex-col", a),
-      ...s,
-      children: [
-        /* @__PURE__ */ e("div", { className: "flex h-40 w-full items-center", children: /* @__PURE__ */ e(l, { className: "h-12 w-full" }) }),
-        /* @__PURE__ */ n("div", { className: "flex h-64 items-center gap-14 opacity-90", children: [
-          /* @__PURE__ */ e(l, { className: "size-40 rounded-full" }),
-          /* @__PURE__ */ e("div", { className: "grow", children: /* @__PURE__ */ e(l, { className: "h-12 w-11/12" }) })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "flex h-64 items-center gap-14 opacity-80", children: [
-          /* @__PURE__ */ e(l, { className: "size-40 rounded-full" }),
-          /* @__PURE__ */ e("div", { className: "grow", children: /* @__PURE__ */ e(l, { className: "h-12 w-10/12" }) })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "flex h-64 items-center gap-14 opacity-70", children: [
-          /* @__PURE__ */ e(l, { className: "size-40 rounded-full" }),
-          /* @__PURE__ */ e("div", { className: "grow", children: /* @__PURE__ */ e(l, { className: "h-12 w-9/12" }) })
-        ] })
-      ]
+      ...c
     }
-  )
-), r = {
-  "list-item": o,
-  tile: m,
-  table: u
-}, N = d(
-  ({ className: a, component: s, ...t }, c) => {
-    if (s && r[s]) {
-      const f = r[s];
-      return /* @__PURE__ */ e(f, { ...t, ref: c, className: a });
-    }
-    return /* @__PURE__ */ e(
-      l,
-      {
-        ref: c,
-        "data-testid": "skeleton",
-        className: a,
-        "data-slot": "skeleton",
-        ...t
-      }
-    );
-  }
-);
-N.displayName = "Skeleton";
+  );
+};
+f.displayName = "Skeleton";
 export {
-  N as Skeleton
+  f as Skeleton
 };

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

@@ -1,11 +1,11 @@
-import { ComponentProps } from 'react';
-type SkeletonProps = ComponentProps<'div'> & {
+import { ComponentPropsWithRef } from 'react';
+type SkeletonProps = {
     /**
      * 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' | 'table';
-};
+} & ComponentPropsWithRef<'div'>;
 export type { SkeletonProps };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Skeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,KAAK,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Skeleton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE9C,KAAK,aAAa,GAAG;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;CAC5C,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,YAAY,EAAE,aAAa,EAAE,CAAC"}

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

@@ -33,5 +33,8 @@ import { SpotProps } from './types';
  * <Spot appearance="bluetooth" />
  * <Spot appearance="bluetooth" disabled />
  */
-export declare const Spot: import('react').ForwardRefExoticComponent<SpotProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Spot: {
+    (props: SpotProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=Spot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spot.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spot/Spot.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AA8B9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,IAAI,sGAyDf,CAAC"}
+{"version":3,"file":"Spot.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spot/Spot.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AA8B9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,IAAI;YAAW,SAAS;;CAyDpC,CAAC"}

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

@@ -1,14 +1,14 @@
 import { jsx as e } from "react/jsx-runtime";
 import { cn as h } from "../../../libs/utils-shared/dist/index.js";
-import { cva as f } from "class-variance-authority";
-import { forwardRef as b, useMemo as g } from "react";
-import { Spinner as x } from "../Spinner/Spinner.js";
-import { InformationFill as z } from "../../Symbols/Icons/InformationFill.js";
-import { WarningFill as w } from "../../Symbols/Icons/WarningFill.js";
-import { DeleteCircleFill as y } from "../../Symbols/Icons/DeleteCircleFill.js";
-import { CheckmarkCircleFill as F } from "../../Symbols/Icons/CheckmarkCircleFill.js";
-import { BluetoothCircleFill as C } from "../../Symbols/Icons/BluetoothCircleFill.js";
-const N = f(
+import { cva as b } from "class-variance-authority";
+import { useMemo as f } from "react";
+import { Spinner as g } from "../Spinner/Spinner.js";
+import { InformationFill as x } from "../../Symbols/Icons/InformationFill.js";
+import { WarningFill as z } from "../../Symbols/Icons/WarningFill.js";
+import { DeleteCircleFill as w } from "../../Symbols/Icons/DeleteCircleFill.js";
+import { CheckmarkCircleFill as y } from "../../Symbols/Icons/CheckmarkCircleFill.js";
+import { BluetoothCircleFill as F } from "../../Symbols/Icons/BluetoothCircleFill.js";
+const C = b(
   "flex items-center justify-center rounded-full bg-muted-transparent",
   {
     variants: {
@@ -34,8 +34,8 @@ const N = f(
       }
     }
   }
-), k = b((r, s) => {
-  const { appearance: a, className: i, disabled: c, size: o = 48, ...l } = r, m = {
+), N = (r) => {
+  const { appearance: s, className: a, disabled: i, size: o = 48, ref: c, ...l } = r, m = {
     32: 12,
     40: 16,
     48: 20,
@@ -47,7 +47,7 @@ const N = f(
     48: "heading-5",
     56: "heading-4",
     72: "heading-2"
-  }, t = m[o] ?? 20, n = p[o] ?? "heading-5", d = g(() => {
+  }, t = m[o] ?? 20, n = p[o] ?? "heading-5", d = f(() => {
     switch (r.appearance) {
       case "icon": {
         const { icon: u } = r;
@@ -56,30 +56,30 @@ const N = f(
       case "number":
         return /* @__PURE__ */ e("span", { className: n, children: r.number });
       case "bluetooth":
-        return /* @__PURE__ */ e(C, { size: t });
-      case "check":
         return /* @__PURE__ */ e(F, { size: t });
-      case "error":
+      case "check":
         return /* @__PURE__ */ e(y, { size: t });
-      case "warning":
+      case "error":
         return /* @__PURE__ */ e(w, { size: t });
-      case "info":
+      case "warning":
         return /* @__PURE__ */ e(z, { size: t });
-      case "loader":
+      case "info":
         return /* @__PURE__ */ e(x, { size: t });
+      case "loader":
+        return /* @__PURE__ */ e(g, { size: t });
     }
   }, [r, t, n]);
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: s,
-      className: h(i, N({ appearance: a, disabled: c, size: o })),
+      ref: c,
+      className: h(a, C({ appearance: s, disabled: i, size: o })),
       ...l,
       children: d
     }
   );
-});
-k.displayName = "Spot";
+};
+N.displayName = "Spot";
 export {
-  k as Spot
+  N as Spot
 };

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

@@ -1,4 +1,4 @@
-import { ComponentType, HTMLAttributes } from 'react';
+import { ComponentPropsWithRef, ComponentType } from 'react';
 import { IconSize } from '../Icon/types';
 export type SpotAppearance = 'icon' | 'bluetooth' | 'check' | 'error' | 'warning' | 'info' | 'loader' | 'number';
 type SpotIconProps = {
@@ -50,6 +50,6 @@ export type SpotProps = DiscriminatedSpotProps & {
      * @default 48
      */
     size?: SpotSize;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spot/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,WAAW,GACX,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9D,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB;;;OAGG;IACH,UAAU,EAAE,QAAQ,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;CACxD,CAAC;AACF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAC9B,aAAa,GACb,eAAe,GACf,eAAe,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,sBAAsB,GAAG;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spot/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,cAAc,GACtB,MAAM,GACN,WAAW,GACX,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9D,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB;;;OAGG;IACH,UAAU,EAAE,QAAQ,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC;CACxD,CAAC;AACF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAC9B,aAAa,GACb,eAAe,GACf,eAAe,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,sBAAsB,GAAG;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}