@ledgerhq/lumen-ui-react 0.0.80 → 0.0.82

package/dist/lib/Components/Link/Link.js

@@ -1,10 +1,9 @@
-import { jsx as e, jsxs as s, Fragment as c } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as c } from "react/jsx-runtime";
 import { cn as v } from "../../../libs/utils-shared/dist/index.js";
 import { Slot as b } from "@radix-ui/react-slot";
 import { cva as h } from "class-variance-authority";
-import x from "react";
-import { ExternalLink as k } from "../../Symbols/Icons/ExternalLink.js";
-const N = h(
+import { ExternalLink as x } from "../../Symbols/Icons/ExternalLink.js";
+const k = h(
   "inline-flex w-fit max-w-full items-center justify-center transition-colors focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-focus",
   {
     variants: {
@@ -29,57 +28,56 @@ const N = h(
       underline: !0
     }
   }
-), w = x.forwardRef(
-  ({
-    className: l,
-    children: r,
-    appearance: m,
-    size: i = "inherit",
-    underline: f = !0,
-    icon: p,
-    isExternal: n = !1,
-    asChild: t = !1,
-    ...u
-  }, d) => {
-    const a = i ? {
-      sm: 16,
-      md: 20
-    }[i] : 20, o = p;
-    return /* @__PURE__ */ e(
-      t ? b : "a",
-      {
-        ref: d,
-        className: v(
-          l,
-          N({
-            appearance: m,
-            size: i,
-            underline: f
-          })
-        ),
-        target: n && !t ? "_blank" : void 0,
-        rel: n && !t ? "noopener noreferrer" : void 0,
-        ...u,
-        children: t ? r : /* @__PURE__ */ s(c, { children: [
-          o && /* @__PURE__ */ e(o, { size: a, className: "shrink-0" }),
-          /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: r }),
-          n && /* @__PURE__ */ s(c, { children: [
-            /* @__PURE__ */ e(
-              k,
-              {
-                size: a,
-                className: "shrink-0",
-                "aria-hidden": "true"
-              }
-            ),
-            /* @__PURE__ */ e("span", { className: "sr-only", children: "(opens in a new tab)" })
-          ] })
+), N = ({
+  ref: l,
+  className: m,
+  children: r,
+  appearance: p,
+  size: t = "inherit",
+  underline: f = !0,
+  icon: u,
+  isExternal: i = !1,
+  asChild: n = !1,
+  ...d
+}) => {
+  const a = t ? {
+    sm: 16,
+    md: 20
+  }[t] : 20, s = u;
+  return /* @__PURE__ */ e(
+    n ? b : "a",
+    {
+      ref: l,
+      className: v(
+        m,
+        k({
+          appearance: p,
+          size: t,
+          underline: f
+        })
+      ),
+      target: i && !n ? "_blank" : void 0,
+      rel: i && !n ? "noopener noreferrer" : void 0,
+      ...d,
+      children: n ? r : /* @__PURE__ */ o(c, { children: [
+        s && /* @__PURE__ */ e(s, { size: a, className: "shrink-0" }),
+        /* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: r }),
+        i && /* @__PURE__ */ o(c, { children: [
+          /* @__PURE__ */ e(
+            x,
+            {
+              size: a,
+              className: "shrink-0",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "sr-only", children: "(opens in a new tab)" })
         ] })
-      }
-    );
-  }
-);
-w.displayName = "Link";
+      ] })
+    }
+  );
+};
+N.displayName = "Link";
 export {
-  w as Link
+  N as Link
 };

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

@@ -1,3 +1,4 @@
+import { ComponentPropsWithRef, ComponentType, ReactNode } from 'react';
 import { IconSize } from '../Icon/types';
 export type LinkProps = {
     /**
@@ -19,7 +20,7 @@ export type LinkProps = {
      * An optional icon component to render inside the link.
      * The icon styles are defined by the link. Please do not override them.
      */
-    icon?: React.ComponentType<{
+    icon?: ComponentType<{
         size?: IconSize;
         className?: string;
     }>;
@@ -37,6 +38,6 @@ export type LinkProps = {
     /**
      * The link's content, typically text.
      */
-    children: React.ReactNode;
-} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+    children: ReactNode;
+} & ComponentPropsWithRef<'a'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;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,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}

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

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-import { ListItemSpotProps, ListItemTruncateProps } from './types';
+import { ListItemContentProps, ListItemDescriptionProps, ListItemIconProps, ListItemLeadingProps, ListItemProps, ListItemSpotProps, ListItemTitleProps, ListItemTrailingProps, ListItemTruncateProps } from './types';
 /**
  * A flexible list item component that provides a composable structure for displaying
  * interactive list items with leading content, title, description, and trailing content.
@@ -22,50 +21,48 @@ import { ListItemSpotProps, ListItemTruncateProps } from './types';
  *   </ListItemTrailing>
  * </ListItem>
  */
-export declare const ListItem: React.ForwardRefExoticComponent<{
-    children: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    onClick?: React.ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ListItem: {
+    ({ ref, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Container for the leading (left) part of the list item.
  * Contains the visual element (ListItemSpot, Avatar, Icon) and the content (title + description).
  */
-export declare const ListItemLeading: React.ForwardRefExoticComponent<{
-    children: React.ReactNode;
-    className?: string;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const ListItemLeading: {
+    ({ ref, children, className, }: ListItemLeadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Container for the text content (title and description) within the leading area.
  */
-export declare const ListItemContent: React.ForwardRefExoticComponent<{
-    children: React.ReactNode;
-    className?: string;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const ListItemContent: {
+    ({ ref, children, className, }: ListItemContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * The main title of the list item.
  */
-export declare const ListItemTitle: React.ForwardRefExoticComponent<{
-    children: React.ReactNode;
-    className?: string;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const ListItemTitle: {
+    ({ ref, children, className, }: ListItemTitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Optional description text below the title. Can include inline elements like Tag.
  * Automatically applies disabled styling when the parent ListItem is disabled.
  */
-export declare const ListItemDescription: React.ForwardRefExoticComponent<{
-    children: React.ReactNode;
-    className?: string;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const ListItemDescription: {
+    ({ ref, children, className, }: ListItemDescriptionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Container for the trailing (right) content of the list item.
  * Used for icons, switches, values, tags, chevrons, etc.
  */
-export declare const ListItemTrailing: React.ForwardRefExoticComponent<{
-    children: React.ReactNode;
-    className?: string;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const ListItemTrailing: {
+    ({ ref, children, className, }: ListItemTrailingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Spot adapter for ListItem. Automatically inherits disabled state from parent ListItem.
  */
@@ -77,10 +74,10 @@ export declare const ListItemSpot: {
  * Icon adapter for ListItem. Automatically applies disabled styling from parent ListItem.
  * Fixed at size 24 for consistent list item appearance.
  */
-export declare const ListItemIcon: React.ForwardRefExoticComponent<{
-    icon: React.ComponentType<any>;
-    className?: string;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const ListItemIcon: {
+    ({ ref, icon: Icon, className, ...props }: ListItemIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export declare const ListItemTruncate: {
     ({ children, className, }: ListItemTruncateProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAOL,iBAAiB,EAGjB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAUjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ;oBA9BpB,SAAS;;;oBAI8C,oBACjD;6GAgDN,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,eAAe;oBAjDwD,SAChF;;+EA4DF,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,eAAe;oBA5DZ,SAChB;;+EAuEE,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,aAAa;oBAxER,SAChB;;+EA4FA,CAAC;AAIH;;;GAGG;AACH,eAAO,MAAM,mBAAmB;oBA3FtB,SAAM;;+EAqHd,CAAC;AAIH;;;GAGG;AACH,eAAO,MAAM,gBAAgB;oBAxHwB,SAAS;;+EA+I5D,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,YAAY;YAAW,iBAAiB;;CAOpD,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,YAAY;gBA3IoC,aAAa;;+EA4JzE,CAAC;AAIF,eAAO,MAAM,gBAAgB;+BAG1B,qBAAqB;;CAEvB,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,oBAAoB,EACpB,wBAAwB,EACxB,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAUjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ;wBAAuB,aAAa;;CAqBxD,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,eAAe;oCAIzB,oBAAoB;;CAStB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,eAAe;oCAIzB,oBAAoB;;CAStB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,aAAa;oCAIvB,kBAAkB;;CAkBpB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,mBAAmB;oCAI7B,wBAAwB;;CAuB1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,gBAAgB;oCAI1B,qBAAqB;;CAoBvB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,YAAY;YAAW,iBAAiB;;CAOpD,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,YAAY;+CAKtB,iBAAiB;;CAenB,CAAC;AAIF,eAAO,MAAM,gBAAgB;+BAG1B,qBAAqB;;CAEvB,CAAC"}

package/dist/lib/Components/ListItem/ListItem.js

@@ -1,149 +1,169 @@
 import { jsx as i } from "react/jsx-runtime";
-import { createSafeContext as d, cn as a } from "../../../libs/utils-shared/dist/index.js";
-import n from "react";
-import { Spot as u } from "../Spot/Spot.js";
-const [f, m] = d("ListItem", {}), [I, l] = d("ListItemTrailing", {
+import { createSafeContext as m, cn as a } from "../../../libs/utils-shared/dist/index.js";
+import { Spot as d } from "../Spot/Spot.js";
+const [u, o] = m("ListItem", {}), [I, l] = m("ListItemTrailing", {
   isInTrailing: !1
-}), p = n.forwardRef(
-  (e, t) => {
-    const { children: s, className: r, disabled: o, ...c } = e;
-    return /* @__PURE__ */ i(f, { value: { disabled: o }, children: /* @__PURE__ */ i(
-      "button",
-      {
-        ref: t,
-        type: "button",
-        disabled: o,
-        className: a(
-          "flex h-64 w-full cursor-pointer items-center gap-16 rounded-md bg-base-transparent px-8 py-12 text-base transition-colors",
-          "hover:bg-base-transparent-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-base-transparent-pressed",
-          "disabled:cursor-default disabled:bg-base-transparent disabled:text-disabled",
-          r
-        ),
-        ...c,
-        children: s
-      }
-    ) });
-  }
-);
+}), p = ({ ref: t, ...e }) => {
+  const { children: s, className: n, disabled: r, ...c } = e;
+  return /* @__PURE__ */ i(u, { value: { disabled: r }, children: /* @__PURE__ */ i(
+    "button",
+    {
+      ref: t,
+      type: "button",
+      disabled: r,
+      className: a(
+        "flex h-64 w-full cursor-pointer items-center gap-16 rounded-md bg-base-transparent px-8 py-12 text-base transition-colors",
+        "hover:bg-base-transparent-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-base-transparent-pressed",
+        "disabled:cursor-default disabled:bg-base-transparent disabled:text-disabled",
+        n
+      ),
+      ...c,
+      children: s
+    }
+  ) });
+};
 p.displayName = "ListItem";
-const L = n.forwardRef(({ children: e, className: t }, s) => /* @__PURE__ */ i(
+const L = ({
+  ref: t,
+  children: e,
+  className: s
+}) => /* @__PURE__ */ i(
   "div",
   {
-    ref: s,
-    className: a("flex min-w-0 flex-1 items-center gap-12", t),
+    ref: t,
+    className: a("flex min-w-0 flex-1 items-center gap-12", s),
     children: e
   }
-));
+);
 L.displayName = "ListItemLeading";
-const b = n.forwardRef(({ children: e, className: t }, s) => /* @__PURE__ */ i(
+const b = ({
+  ref: t,
+  children: e,
+  className: s
+}) => /* @__PURE__ */ i(
   "div",
   {
-    ref: s,
-    className: a("flex min-w-0 flex-1 flex-col gap-4", t),
+    ref: t,
+    className: a("flex min-w-0 flex-1 flex-col gap-4", s),
     children: e
   }
-));
+);
 b.displayName = "ListItemContent";
-const x = n.forwardRef(({ children: e, className: t }, s) => {
-  const { isInTrailing: r } = l({
+const x = ({
+  ref: t,
+  children: e,
+  className: s
+}) => {
+  const { isInTrailing: n } = l({
     consumerName: "ListItemTitle",
     contextRequired: !1
   });
   return /* @__PURE__ */ i(
     "div",
     {
-      ref: s,
+      ref: t,
       className: a(
         "w-full truncate body-2-semi-bold",
-        r ? "justify-end text-end" : "justify-start text-start",
-        t
+        n ? "justify-end text-end" : "justify-start text-start",
+        s
       ),
       children: e
     }
   );
-});
+};
 x.displayName = "ListItemTitle";
-const N = n.forwardRef(({ children: e, className: t }, s) => {
-  const { disabled: r } = m({
+const f = ({
+  ref: t,
+  children: e,
+  className: s
+}) => {
+  const { disabled: n } = o({
     consumerName: "ListItemDescription",
     contextRequired: !0
-  }), { isInTrailing: o } = l({
+  }), { isInTrailing: r } = l({
     consumerName: "ListItemDescription",
     contextRequired: !1
   });
   return /* @__PURE__ */ i(
     "div",
     {
-      ref: s,
+      ref: t,
       className: a(
         "w-full items-center truncate body-3 text-muted",
-        o ? "justify-end text-end" : "justify-start text-start",
-        r && "text-disabled",
-        t
+        r ? "justify-end text-end" : "justify-start text-start",
+        n && "text-disabled",
+        s
       ),
       children: e
     }
   );
-});
-N.displayName = "ListItemDescription";
-const g = n.forwardRef(({ children: e, className: t }, s) => {
-  const { disabled: r } = m({
+};
+f.displayName = "ListItemDescription";
+const N = ({
+  ref: t,
+  children: e,
+  className: s
+}) => {
+  const { disabled: n } = o({
     consumerName: "ListItemTrailing",
     contextRequired: !0
   });
   return /* @__PURE__ */ i(I, { value: { isInTrailing: !0 }, children: /* @__PURE__ */ i(
     "div",
     {
-      ref: s,
+      ref: t,
       className: a(
         "flex shrink-0 items-center",
-        r && "text-disabled",
-        t
+        n && "text-disabled",
+        s
       ),
       children: e
     }
   ) });
-});
-g.displayName = "ListItemTrailing";
-const y = (e) => {
-  const { disabled: t } = m({
+};
+N.displayName = "ListItemTrailing";
+const g = (t) => {
+  const { disabled: e } = o({
     consumerName: "ListItemSpot",
     contextRequired: !0
   });
-  return /* @__PURE__ */ i(u, { ...e, size: 48, disabled: t });
+  return /* @__PURE__ */ i(d, { ...t, size: 48, disabled: e });
 };
-y.displayName = "ListItemSpot";
-const v = n.forwardRef(
-  ({ icon: e, className: t, ...s }, r) => {
-    const { disabled: o } = m({
-      consumerName: "ListItemIcon",
-      contextRequired: !0
-    });
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        ref: r,
-        className: a("shrink-0", o && "text-disabled", t),
-        ...s,
-        children: /* @__PURE__ */ i(e, { size: 24 })
-      }
-    );
-  }
-);
-v.displayName = "ListItemIcon";
-const T = ({
-  children: e,
-  className: t
-}) => /* @__PURE__ */ i("div", { className: a("min-w-0 truncate", t), children: e });
-T.displayName = "ListItemTruncate";
+g.displayName = "ListItemSpot";
+const y = ({
+  ref: t,
+  icon: e,
+  className: s,
+  ...n
+}) => {
+  const { disabled: r } = o({
+    consumerName: "ListItemIcon",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: t,
+      className: a("shrink-0", r && "text-disabled", s),
+      ...n,
+      children: /* @__PURE__ */ i(e, { size: 24 })
+    }
+  );
+};
+y.displayName = "ListItemIcon";
+const v = ({
+  children: t,
+  className: e
+}) => /* @__PURE__ */ i("div", { className: a("min-w-0 truncate", e), children: t });
+v.displayName = "ListItemTruncate";
 export {
   p as ListItem,
   b as ListItemContent,
-  N as ListItemDescription,
-  v as ListItemIcon,
+  f as ListItemDescription,
+  y as ListItemIcon,
   L as ListItemLeading,
-  y as ListItemSpot,
+  g as ListItemSpot,
   x as ListItemTitle,
-  g as ListItemTrailing,
-  T as ListItemTruncate
+  N as ListItemTrailing,
+  v as ListItemTruncate
 };

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, ComponentPropsWithRef, ComponentType, ReactNode } from 'react';
 import { DiscriminatedSpotProps } from '../Spot';
 /**
  * Context value for passing state to sub-components
@@ -13,7 +13,7 @@ export type ListItemProps = {
     /**
      * The content of the list item (ListItemLeading, ListItemTrailing)
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * custom classname
      */
@@ -25,8 +25,8 @@ export type ListItemProps = {
     /**
      * Callback function when the list item is pressed.
      */
-    onClick?: React.ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
+    onClick?: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
+} & Omit<ComponentPropsWithRef<'button'>, 'children'>;
 /**
  * Props for the ListItemLeading component
  */
@@ -34,12 +34,12 @@ export type ListItemLeadingProps = {
     /**
      * The content of the leading area (visual element + ListItemContent)
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * custom classname
      */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 /**
  * Props for the ListItemContent component
  */
@@ -47,12 +47,12 @@ export type ListItemContentProps = {
     /**
      * The content (ListItemTitle, ListItemDescription)
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * custom classname
      */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 /**
  * Props for the ListItemTitle component
  */
@@ -60,12 +60,12 @@ export type ListItemTitleProps = {
     /**
      * The title text or custom content
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * custom classname
      */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 /**
  * Props for the ListItemDescription component
  */
@@ -73,12 +73,12 @@ export type ListItemDescriptionProps = {
     /**
      * The description text or custom content
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * custom classname
      */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 /**
  * Props for the ListItemTrailing component
  */
@@ -86,16 +86,16 @@ export type ListItemTrailingProps = {
     /**
      * The trailing content (icons, switches, values, etc.)
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * custom classname
      */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 /**
  * Props for ListItemSpot when appearance is 'icon'
  */
-export type ListItemSpotProps = DiscriminatedSpotProps & HTMLAttributes<HTMLDivElement>;
+export type ListItemSpotProps = DiscriminatedSpotProps & ComponentPropsWithRef<'div'>;
 /**
  * Props for the ListItemTruncate component
  * Used to truncate text that should when ListItemDescription or ListItemTitle contain custom content
@@ -104,12 +104,12 @@ export type ListItemTruncateProps = {
     /**
      * The content to truncate
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * custom classname
      */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 /**
  * Props for the ListItemIcon component
  */
@@ -117,10 +117,10 @@ export type ListItemIconProps = {
     /**
      * The icon component to render
      */
-    icon: React.ComponentType<any>;
+    icon: ComponentType<any>;
     /**
      * custom classname
      */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC;CACpE,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GACpD,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjC;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9D,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD;;GAEG;AACH,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;;GAEG;AACH,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;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GACpD,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}