@ledgerhq/lumen-ui-react 0.0.80 → 0.0.82

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

@@ -1,10 +1,10 @@
-import { jsx as r, jsxs as T } from "react/jsx-runtime";
-import { createSafeContext as x, cn as s } from "../../../libs/utils-shared/dist/index.js";
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
+import { createSafeContext as T, cn as s } from "../../../libs/utils-shared/dist/index.js";
 import { cva as f } from "class-variance-authority";
-import { forwardRef as b, useCallback as v } from "react";
-import { Spot as y } from "../Spot/Spot.js";
-import { InteractiveIcon as N } from "../InteractiveIcon/InteractiveIcon.js";
-const [g, l] = x("Tile"), m = {
+import { useCallback as x } from "react";
+import { Spot as v } from "../Spot/Spot.js";
+import { InteractiveIcon as y } from "../InteractiveIcon/InteractiveIcon.js";
+const [N, l] = T("Tile"), m = {
   root: f([
     "group relative flex flex-col items-center rounded-md text-base transition-colors focus-visible:outline-2 focus-visible:outline-focus"
   ]),
@@ -35,73 +35,72 @@ const [g, l] = x("Tile"), m = {
       }
     }
   )
-}, h = b(
-  ({
-    className: e,
-    onClick: t,
-    secondaryAction: a,
-    appearance: o = "no-background",
-    disabled: i = !1,
-    centered: c = !1,
-    children: d,
-    style: u,
-    ...p
-  }, n) => /* @__PURE__ */ r(g, { value: { disabled: i }, children: /* @__PURE__ */ T(
-    "div",
-    {
-      ref: n,
-      style: u,
-      className: m.root({
-        className: e
-      }),
-      children: [
-        /* @__PURE__ */ r(
-          "button",
-          {
-            ...p,
-            onClick: t,
-            disabled: i,
-            className: m.inner({
-              appearance: o,
-              disabled: i,
-              centered: c
-            }),
-            children: d
-          }
-        ),
-        a
-      ]
-    }
-  ) })
-);
-h.displayName = "Tile";
-const S = ({ size: e = 48, ...t }) => {
+}, g = ({
+  ref: t,
+  className: e,
+  onClick: a,
+  secondaryAction: i,
+  appearance: c = "no-background",
+  disabled: o = !1,
+  centered: d = !1,
+  children: u,
+  style: p,
+  ...n
+}) => /* @__PURE__ */ r(N, { value: { disabled: o }, children: /* @__PURE__ */ b(
+  "div",
+  {
+    ref: t,
+    style: p,
+    className: m.root({
+      className: e
+    }),
+    children: [
+      /* @__PURE__ */ r(
+        "button",
+        {
+          ...n,
+          onClick: a,
+          disabled: o,
+          className: m.inner({
+            appearance: c,
+            disabled: o,
+            centered: d
+          }),
+          children: u
+        }
+      ),
+      i
+    ]
+  }
+) });
+g.displayName = "Tile";
+const h = ({ size: t = 48, ...e }) => {
   const { disabled: a } = l({
     consumerName: "TileSpot",
     contextRequired: !0
   });
-  return /* @__PURE__ */ r(y, { ...t, size: e, disabled: a });
+  return /* @__PURE__ */ r(v, { ...e, size: t, disabled: a });
 };
-S.displayName = "TileSpot";
-const w = ({
-  children: e,
-  className: t,
+h.displayName = "TileSpot";
+const S = ({
+  children: t,
+  className: e,
   ...a
 }) => /* @__PURE__ */ r(
   "div",
   {
-    className: s("flex w-full flex-col items-center text-center", t),
+    className: s("flex w-full flex-col items-center text-center", e),
     ...a,
-    children: e
+    children: t
   }
 );
-w.displayName = "TileContent";
-const R = ({
-  children: e,
-  className: t,
+S.displayName = "TileContent";
+const w = ({
+  children: t,
+  className: e,
   ...a
 }) => {
-  const { disabled: o } = l({
+  const { disabled: i } = l({
     consumerName: "TileTitle",
     contextRequired: !0
   });
@@ -110,21 +109,21 @@ const R = ({
     {
       className: s(
         "w-full truncate body-2-semi-bold",
-        o && "text-disabled",
-        t
+        i && "text-disabled",
+        e
       ),
       ...a,
-      children: e
+      children: t
     }
   );
 };
-R.displayName = "TileTitle";
-const j = ({
-  children: e,
-  className: t,
+w.displayName = "TileTitle";
+const q = ({
+  children: t,
+  className: e,
   ...a
 }) => {
-  const { disabled: o } = l({
+  const { disabled: i } = l({
     consumerName: "TileDescription",
     contextRequired: !0
   });
@@ -133,64 +132,71 @@ const j = ({
     {
       className: s(
         "w-full truncate body-3",
-        o ? "text-disabled" : "text-muted",
-        t
+        i ? "text-disabled" : "text-muted",
+        e
       ),
       ...a,
-      children: e
+      children: t
     }
   );
 };
-j.displayName = "TileDescription";
-const q = ({
-  children: e,
-  className: t,
+q.displayName = "TileDescription";
+const C = ({
+  children: t,
+  className: e,
   ...a
 }) => /* @__PURE__ */ r(
   "div",
   {
-    className: s("mt-4 flex w-full flex-col items-center gap-8", t),
+    className: s("mt-4 flex w-full flex-col items-center gap-8", e),
     ...a,
-    children: e
+    children: t
   }
 );
-q.displayName = "TileTrailingContent";
-const C = b(({ onClick: e, icon: t, className: a, "aria-label": o, ...i }, c) => {
+C.displayName = "TileTrailingContent";
+const D = ({
+  ref: t,
+  onClick: e,
+  icon: a,
+  className: i,
+  "aria-label": c,
+  ...o
+}) => {
   const { disabled: d } = l({
     consumerName: "TileSecondaryAction",
     contextRequired: !0
-  }), u = v(
+  }), u = x(
     (n) => {
       n.stopPropagation(), n.preventDefault(), e == null || e(n);
     },
     [e]
   );
   if (d) return null;
-  const p = t;
+  const p = a;
   return /* @__PURE__ */ r(
-    N,
+    y,
     {
       className: s(
         "absolute top-8 right-4 opacity-0 transition-opacity duration-200 group-hover:opacity-100 focus-within:opacity-100",
-        a
+        i
       ),
       "data-secondary-button-container": !0,
       iconType: "stroked",
       onClick: u,
-      "aria-label": o,
-      ref: c,
-      ...i,
+      "aria-label": c,
+      ref: t,
+      ...o,
       children: /* @__PURE__ */ r(p, { size: 24 })
     }
   );
-});
-C.displayName = "TileSecondaryAction";
+};
+D.displayName = "TileSecondaryAction";
 export {
-  h as Tile,
-  w as TileContent,
-  j as TileDescription,
-  C as TileSecondaryAction,
-  S as TileSpot,
-  R as TileTitle,
-  q as TileTrailingContent
+  g as Tile,
+  S as TileContent,
+  q as TileDescription,
+  D as TileSecondaryAction,
+  h as TileSpot,
+  w as TileTitle,
+  C as TileTrailingContent
 };

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+import { ButtonHTMLAttributes, ComponentPropsWithRef, ComponentType, MouseEventHandler, ReactNode, Ref } from 'react';
 import { IconProps } from '../Icon';
 import { DiscriminatedSpotProps, SpotSize } from '../Spot/types';
 export type TileContextValue = {
@@ -48,7 +48,11 @@ export type TileProps = {
      * Typically contains a TileSecondaryAction component.
      */
     secondaryAction?: ReactNode;
-} & Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'>;
+    /**
+     * Ref to the tile root element (the outer div).
+     */
+    ref?: Ref<HTMLDivElement>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>;
 export type TileSpotProps = {
     /**
      * The size of the spot.
@@ -66,7 +70,7 @@ export type TileContentProps = {
      * Additional CSS classes for the content container.
      */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 export type TileTitleProps = {
     /**
      * The title text to display.
@@ -76,7 +80,7 @@ export type TileTitleProps = {
      * Additional CSS classes for the title.
      */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 export type TileDescriptionProps = {
     /**
      * The description text to display.
@@ -86,7 +90,7 @@ export type TileDescriptionProps = {
      * Additional CSS classes for the description.
      */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 export type TileTrailingContentProps = {
     /**
      * The trailing content to display after title and description.
@@ -97,7 +101,7 @@ export type TileTrailingContentProps = {
      * Additional CSS classes for the trailing content container.
      */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 export type TileSecondaryActionProps = {
     /**
      * The function to call when the secondary action is clicked.
@@ -106,10 +110,10 @@ export type TileSecondaryActionProps = {
     /**
      * Icon component to render inside the InteractiveIcon.
      */
-    icon: React.ComponentType<Omit<IconProps, 'children'>>;
+    icon: ComponentType<Omit<IconProps, 'children'>>;
     /**
      * Additional CSS classes for the secondary action container.
      */
     className?: string;
-} & Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'>;
+} & Omit<ComponentPropsWithRef<'button'>, '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,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEjE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;AAEtD,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;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;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;CAChB,GAAG,sBAAsB,CAAC;AAE3B,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;;;OAGG;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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEjE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;AAEtD,MAAM,MAAM,SAAS,GAAG;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IACtC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;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;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;CAChB,GAAG,sBAAsB,CAAC;AAE3B,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IACjD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { TileButtonProps } from './types';
 /**
  * A compact button component displaying an icon above a label in a vertical layout.
  * Ideal for grids, toolbars, or quick action menus.
@@ -21,17 +21,8 @@ import { default as React } from 'react';
  *   <Link to="/settings">Settings</Link>
  * </TileButton>
  */
-export declare const TileButton: React.ForwardRefExoticComponent<{
-    icon: React.ComponentType<{
-        size?: import('../Icon').IconSize;
-        className?: string;
-    }>;
-    children: React.ReactNode;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    disabled?: boolean;
-    isFull?: boolean;
-    className?: string;
-    'aria-label'?: string;
-    asChild?: boolean;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onClick"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TileButton: {
+    ({ ref, icon: Icon, children, onClick, disabled, isFull, className, asChild, "aria-label": ariaLabel, ...props }: TileButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=TileButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/TileButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAsC3C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU;gBAzDF,aACnB;YACG,CAAC;iBAAqB,CAAC;;;;;;;;;yHAuG3B,CAAC"}
+{"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/TileButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAqC1C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU;sHAWpB,eAAe;;CAiCjB,CAAC"}

package/dist/lib/Components/TileButton/TileButton.js

@@ -1,9 +1,9 @@
-import { jsxs as b, jsx as s } from "react/jsx-runtime";
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
 import { cn as p } from "../../../libs/utils-shared/dist/index.js";
 import { Slot as v, Slottable as x } from "@radix-ui/react-slot";
 import { cva as r } from "class-variance-authority";
-import g, { useCallback as N } from "react";
-const V = r(
+import { useCallback as g } from "react";
+const N = r(
   [
     "flex flex-col items-center gap-8 rounded-md p-12",
     "bg-muted body-2-semi-bold text-base transition-colors",
@@ -24,7 +24,7 @@ const V = r(
       isFull: !1
     }
   }
-), j = r("shrink-0", {
+), V = r("shrink-0", {
   variants: {
     disabled: {
       true: "text-disabled",
@@ -34,48 +34,47 @@ const V = r(
   defaultVariants: {
     disabled: !1
   }
-}), w = g.forwardRef(
-  ({
-    icon: i,
-    children: l,
-    onClick: t,
-    disabled: e = !1,
-    isFull: n = !1,
-    className: u,
-    asChild: a = !1,
-    "aria-label": f,
-    ...c
-  }, d) => {
-    const m = N(
-      (o) => {
-        if (e) {
-          o.preventDefault();
-          return;
-        }
-        t == null || t(o);
-      },
-      [e, t]
-    );
-    return /* @__PURE__ */ b(
-      a ? v : "button",
-      {
-        ref: d,
-        type: a ? void 0 : "button",
-        className: p(V({ disabled: e, isFull: n }), u),
-        onClick: m,
-        disabled: e,
-        "data-disabled": e || void 0,
-        "aria-label": f,
-        ...c,
-        children: [
-          /* @__PURE__ */ s(i, { size: 20, className: j({ disabled: e }) }),
-          a ? /* @__PURE__ */ s(x, { children: l }) : /* @__PURE__ */ s("span", { className: "line-clamp-2 text-center", children: l })
-        ]
+}), y = ({
+  ref: i,
+  icon: n,
+  children: l,
+  onClick: t,
+  disabled: e = !1,
+  isFull: u = !1,
+  className: f,
+  asChild: s = !1,
+  "aria-label": m,
+  ...c
+}) => {
+  const d = g(
+    (o) => {
+      if (e) {
+        o.preventDefault();
+        return;
       }
-    );
-  }
-);
-w.displayName = "TileButton";
+      t == null || t(o);
+    },
+    [e, t]
+  );
+  return /* @__PURE__ */ b(
+    s ? v : "button",
+    {
+      ref: i,
+      type: s ? void 0 : "button",
+      className: p(N({ disabled: e, isFull: u }), f),
+      onClick: d,
+      disabled: e,
+      "data-disabled": e || void 0,
+      "aria-label": m,
+      ...c,
+      children: [
+        /* @__PURE__ */ a(n, { size: 20, className: V({ disabled: e }) }),
+        s ? /* @__PURE__ */ a(x, { children: l }) : /* @__PURE__ */ a("span", { className: "line-clamp-2 text-center", children: l })
+      ]
+    }
+  );
+};
+y.displayName = "TileButton";
 export {
-  w as TileButton
+  y as TileButton
 };

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

@@ -1,11 +1,11 @@
-import { ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+import { ComponentPropsWithRef, ComponentType, MouseEventHandler, ReactNode } from 'react';
 import { IconSize } from '../Icon/types';
 export type TileButtonProps = {
     /**
      * The icon component to render above the label.
      * Will be rendered at 20px size.
      */
-    icon: React.ComponentType<{
+    icon: ComponentType<{
         size?: IconSize;
         className?: string;
     }>;
@@ -41,5 +41,5 @@ export type TileButtonProps = {
      * @default false
      */
     asChild?: boolean;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'children'>;
+} & Omit<ComponentPropsWithRef<'button'>, 'onClick' | 'children'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
+import { ComponentProps, ReactNode } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export type TooltipProps = {
     /**
@@ -5,22 +6,22 @@ export type TooltipProps = {
      * @default 200
      */
     delayDuration?: number;
-} & React.ComponentProps<typeof TooltipPrimitive.Root>;
+} & ComponentProps<typeof TooltipPrimitive.Root>;
 export type TooltipTriggerProps = {
     /**
      * The element that will trigger the tooltip (e.g., button, icon, text).
      */
-    children?: React.ReactNode;
+    children?: 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>;
+} & ComponentProps<typeof TooltipPrimitive.Trigger>;
 export type TooltipContentProps = {
     /**
      * The content to display inside the tooltip.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * The side of the trigger element to position the tooltip on.
      * @default top
@@ -35,5 +36,5 @@ export type TooltipContentProps = {
      * 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>;
+} & ComponentProps<typeof TooltipPrimitive.Content>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAEvD,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,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;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,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC"}

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

@@ -24,6 +24,7 @@ export * from './Spinner';
 export * from './Spot';
 export * from './Subheader';
 export * from './Switch';
+export * from './Table';
 export * from './Tag';
 export * from './TextInput';
 export * from './Tile';

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,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,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,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,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,cAAc,CAAC;AAC7B,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,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,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,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}

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

@@ -22,5 +22,8 @@
  * // With custom size and className
  * <Airplane size={40} className="text-warning" />
  */
-export declare const Airplane: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../Components/Icon').IconProps, "children">, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const Airplane: {
+    ({ ref, className, ...props }: Omit<import('../../Components/Icon').IconProps, "children">): import('react').FunctionComponentElement<import('../../Components/Icon').IconProps>;
+    displayName: string;
+};
 //# sourceMappingURL=Airplane.d.ts.map

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

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

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

@@ -22,5 +22,8 @@
  * // With custom size and className
  * <AlarmClock size={40} className="text-warning" />
  */
-export declare const AlarmClock: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../Components/Icon').IconProps, "children">, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const AlarmClock: {
+    ({ ref, className, ...props }: Omit<import('../../Components/Icon').IconProps, "children">): import('react').FunctionComponentElement<import('../../Components/Icon').IconProps>;
+    displayName: string;
+};
 //# sourceMappingURL=AlarmClock.d.ts.map

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

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

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

@@ -22,5 +22,8 @@
  * // With custom size and className
  * <Android size={40} className="text-warning" />
  */
-export declare const Android: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../Components/Icon').IconProps, "children">, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const Android: {
+    ({ ref, className, ...props }: Omit<import('../../Components/Icon').IconProps, "children">): import('react').FunctionComponentElement<import('../../Components/Icon').IconProps>;
+    displayName: string;
+};
 //# sourceMappingURL=Android.d.ts.map

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

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

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

@@ -22,5 +22,8 @@
  * // With custom size and className
  * <Apex size={40} className="text-warning" />
  */
-export declare const Apex: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../Components/Icon').IconProps, "children">, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const Apex: {
+    ({ ref, className, ...props }: Omit<import('../../Components/Icon').IconProps, "children">): import('react').FunctionComponentElement<import('../../Components/Icon').IconProps>;
+    displayName: string;
+};
 //# sourceMappingURL=Apex.d.ts.map

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

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