@ledgerhq/lumen-ui-react 0.0.80 → 0.0.82

package/dist/lib/Components/SideBar/SideBar.js

@@ -1,14 +1,14 @@
-import { jsx as o, jsxs as C, Fragment as j } from "react/jsx-runtime";
-import { createSafeContext as R, cn as c } from "../../../libs/utils-shared/dist/index.js";
-import { cva as h } from "class-variance-authority";
-import { t as x } from "../../../node_modules/i18next/dist/esm/i18next.js";
-import { forwardRef as f, useCallback as y } from "react";
-import { Tooltip as P, TooltipTrigger as V, TooltipContent as q } from "../Tooltip/Tooltip.js";
-import { useControllableState as N } from "../../../utils/useControllableState/useControllableState.js";
-import { ExpandRight as z } from "../../Symbols/Icons/ExpandRight.js";
-import { ExpandLeft as E } from "../../Symbols/Icons/ExpandLeft.js";
-const [k, w] = R("SideBar"), m = {
-  root: h(
+import { jsx as a, jsxs as S, Fragment as A } from "react/jsx-runtime";
+import { createSafeContext as j, cn as d } from "../../../libs/utils-shared/dist/index.js";
+import { cva as v } from "class-variance-authority";
+import { t as h } from "../../../node_modules/i18next/dist/esm/i18next.js";
+import { useCallback as N } from "react";
+import { Tooltip as P, TooltipTrigger as R, TooltipContent as V } from "../Tooltip/Tooltip.js";
+import { useControllableState as C } from "../../../utils/useControllableState/useControllableState.js";
+import { ExpandRight as q } from "../../Symbols/Icons/ExpandRight.js";
+import { ExpandLeft as z } from "../../Symbols/Icons/ExpandLeft.js";
+const [E, y] = j("SideBar"), u = {
+  root: v(
     [
       "flex h-full flex-col justify-between gap-16 overflow-y-auto rounded-xl bg-muted-transparent p-16",
       "transition-[width] duration-300 ease-in-out",
@@ -26,8 +26,8 @@ const [k, w] = R("SideBar"), m = {
       }
     }
   ),
-  section: h(["flex flex-col gap-16"]),
-  item: h(
+  section: v(["flex flex-col gap-16"]),
+  item: v(
     [
       "flex h-44 w-full cursor-pointer items-center rounded-md p-12",
       "transition-all duration-300",
@@ -50,157 +50,161 @@ const [k, w] = R("SideBar"), m = {
       }
     }
   )
-}, F = f(
-  ({
-    collapsed: a,
-    defaultCollapsed: r = !1,
-    onCollapsedChange: e,
-    active: t,
-    defaultActive: d,
-    onActiveChange: n,
-    children: u,
-    className: s,
-    ...b
-  }, g) => {
-    const [i, v] = N({
-      prop: a,
-      defaultProp: r,
-      onChange: e
-    }), [l, p] = N({
-      prop: t,
-      defaultProp: d ?? "",
-      onChange: n
-    });
-    return /* @__PURE__ */ o(
-      k,
-      {
-        value: { collapsed: i, setCollapsed: v, active: l, onActiveChange: p },
-        children: /* @__PURE__ */ o(
-          "nav",
-          {
-            ref: g,
-            className: c(m.root({ collapsed: i }), s),
-            "aria-label": x("components.sideBar.navigationAriaLabel"),
-            ...b,
-            children: u
-          }
-        )
-      }
-    );
-  }
-);
-F.displayName = "SideBar";
-const O = f(
-  ({ children: a, className: r, ...e }, t) => /* @__PURE__ */ o(
-    "div",
-    {
-      ref: t,
-      className: c(m.section(), r),
-      ...e,
-      children: a
-    }
-  )
-);
-O.displayName = "SideBarLeading";
-const _ = f(
-  ({ children: a, className: r, ...e }, t) => /* @__PURE__ */ o(
-    "div",
+}, k = ({
+  ref: r,
+  collapsed: t,
+  defaultCollapsed: e = !1,
+  onCollapsedChange: o,
+  active: n,
+  defaultActive: p,
+  onActiveChange: s,
+  children: f,
+  className: i,
+  ...b
+}) => {
+  const [l, g] = C({
+    prop: t,
+    defaultProp: e,
+    onChange: o
+  }), [c, m] = C({
+    prop: n,
+    defaultProp: p ?? "",
+    onChange: s
+  });
+  return /* @__PURE__ */ a(
+    E,
     {
-      ref: t,
-      className: c("mt-auto", m.section(), r),
-      ...e,
-      children: a
-    }
-  )
-);
-_.displayName = "SideBarTrailing";
-const D = f(
-  ({
-    value: a,
-    icon: r,
-    activeIcon: e,
-    label: t,
-    tooltipContent: d,
-    disabled: n = !1,
-    className: u,
-    onClick: s,
-    ...b
-  }, g) => {
-    const { collapsed: i, active: v, onActiveChange: l } = w({
-      consumerName: "SideBarItem",
-      contextRequired: !0
-    }), p = v === a, T = p ? e : r, B = d ?? t, I = y(
-      (A) => {
-        n || (s == null || s(A), l == null || l(a));
-      },
-      [n, s, l, a]
-    ), L = /* @__PURE__ */ C(j, { children: [
-      /* @__PURE__ */ o(T, { size: 16, className: "shrink-0" }),
-      t != null && /* @__PURE__ */ o(
-        "span",
+      value: { collapsed: l, setCollapsed: g, active: c, onActiveChange: m },
+      children: /* @__PURE__ */ a(
+        "nav",
         {
-          className: c(
-            "truncate transition-all duration-200",
-            i ? "ml-0 w-0 opacity-0" : "ml-8 opacity-100"
-          ),
-          children: t
+          ref: r,
+          className: d(u.root({ collapsed: l }), i),
+          "aria-label": h("components.sideBar.navigationAriaLabel"),
+          ...b,
+          children: f
         }
       )
-    ] }), S = /* @__PURE__ */ o(
-      "button",
+    }
+  );
+};
+k.displayName = "SideBar";
+const F = ({
+  ref: r,
+  children: t,
+  className: e,
+  ...o
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: r,
+    className: d(u.section(), e),
+    ...o,
+    children: t
+  }
+);
+F.displayName = "SideBarLeading";
+const J = ({
+  ref: r,
+  children: t,
+  className: e,
+  ...o
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: r,
+    className: d("mt-auto", u.section(), e),
+    ...o,
+    children: t
+  }
+);
+J.displayName = "SideBarTrailing";
+const K = ({
+  ref: r,
+  value: t,
+  icon: e,
+  activeIcon: o,
+  label: n,
+  tooltipContent: p,
+  disabled: s = !1,
+  className: f,
+  onClick: i,
+  ...b
+}) => {
+  const { collapsed: l, active: g, onActiveChange: c } = y({
+    consumerName: "SideBarItem",
+    contextRequired: !0
+  }), m = g === t, T = m ? o : e, x = p ?? n, w = N(
+    (L) => {
+      s || (i == null || i(L), c == null || c(t));
+    },
+    [s, i, c, t]
+  ), I = /* @__PURE__ */ S(A, { children: [
+    /* @__PURE__ */ a(T, { size: 16, className: "shrink-0" }),
+    n != null && /* @__PURE__ */ a(
+      "span",
       {
-        ref: g,
-        type: "button",
-        disabled: n,
-        onClick: I,
-        className: c(
-          m.item({ active: p, disabled: n }),
-          i && "w-fit",
-          u
+        className: d(
+          "truncate transition-all duration-200",
+          l ? "ml-0 w-0 opacity-0" : "ml-8 opacity-100"
         ),
-        "aria-current": p ? "page" : void 0,
-        ...b,
-        children: L
+        children: n
       }
-    );
-    return i && B ? /* @__PURE__ */ C(P, { children: [
-      /* @__PURE__ */ o(V, { asChild: !0, children: S }),
-      /* @__PURE__ */ o(q, { side: "right", sideOffset: 8, children: B })
-    ] }) : S;
-  }
-);
-D.displayName = "SideBarItem";
-const G = ({
-  className: a,
-  ...r
+    )
+  ] }), B = /* @__PURE__ */ a(
+    "button",
+    {
+      ref: r,
+      type: "button",
+      disabled: s,
+      onClick: w,
+      className: d(
+        u.item({ active: m, disabled: s }),
+        l && "w-fit",
+        f
+      ),
+      "aria-current": m ? "page" : void 0,
+      ...b,
+      children: I
+    }
+  );
+  return l && x ? /* @__PURE__ */ S(P, { children: [
+    /* @__PURE__ */ a(R, { asChild: !0, children: B }),
+    /* @__PURE__ */ a(V, { side: "right", sideOffset: 8, children: x })
+  ] }) : B;
+};
+K.displayName = "SideBarItem";
+const O = ({
+  className: r,
+  ...t
 }) => {
-  const { collapsed: e, setCollapsed: t } = w({
+  const { collapsed: e, setCollapsed: o } = y({
     consumerName: "SideBarCollapseToggle",
     contextRequired: !0
-  }), d = y(() => {
-    t(!e);
-  }, [e, t]), n = e ? z : E;
-  return /* @__PURE__ */ o(
+  }), n = N(() => {
+    o(!e);
+  }, [e, o]), p = e ? q : z;
+  return /* @__PURE__ */ a(
     "button",
     {
       type: "button",
-      onClick: d,
-      className: c(
-        m.item({ active: !1, disabled: !1 }),
+      onClick: n,
+      className: d(
+        u.item({ active: !1, disabled: !1 }),
         e && "w-fit",
-        a
+        r
       ),
-      "aria-label": e ? x("components.sideBar.expandAriaLabel") : x("components.sideBar.collapseAriaLabel"),
-      ...r,
-      children: /* @__PURE__ */ o(n, { size: 16, className: "shrink-0" })
+      "aria-label": e ? h("components.sideBar.expandAriaLabel") : h("components.sideBar.collapseAriaLabel"),
+      ...t,
+      children: /* @__PURE__ */ a(p, { size: 16, className: "shrink-0" })
     }
   );
 };
-G.displayName = "SideBarCollapseToggle";
+O.displayName = "SideBarCollapseToggle";
 export {
-  F as SideBar,
-  G as SideBarCollapseToggle,
-  D as SideBarItem,
-  O as SideBarLeading,
-  _ as SideBarTrailing
+  k as SideBar,
+  O as SideBarCollapseToggle,
+  K as SideBarItem,
+  F as SideBarLeading,
+  J as SideBarTrailing
 };

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { ComponentPropsWithRef, ComponentType, MouseEventHandler, ReactNode } from 'react';
 import { IconSize } from '../Icon/types';
 /**
  * Context value for passing state to SideBar sub-components
@@ -51,7 +51,7 @@ export type SideBarProps = {
      * Additional CSS classes for the sidebar container.
      */
     className?: string;
-} & Omit<HTMLAttributes<HTMLElement>, 'children'>;
+} & Omit<ComponentPropsWithRef<'aside'>, 'children'>;
 /**
  * Props for the SideBarLeading component (top section)
  */
@@ -64,7 +64,7 @@ export type SideBarLeadingProps = {
      * Additional CSS classes for the leading container.
      */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 /**
  * Props for the SideBarTrailing component (bottom section)
  */
@@ -77,7 +77,7 @@ export type SideBarTrailingProps = {
      * Additional CSS classes for the trailing container.
      */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
+} & ComponentPropsWithRef<'div'>;
 /**
  * Props for the SideBarItem component
  */
@@ -89,14 +89,14 @@ export type SideBarItemProps = {
     /**
      * The icon component to display when inactive.
      */
-    icon: React.ComponentType<{
+    icon: ComponentType<{
         size?: IconSize;
         className?: string;
     }>;
     /**
      * The icon component to display when the item is active.
      */
-    activeIcon: React.ComponentType<{
+    activeIcon: ComponentType<{
         size?: IconSize;
         className?: string;
     }>;
@@ -118,12 +118,12 @@ export type SideBarItemProps = {
      * Optional click handler. Called before `onActiveChange`.
      * Use this for analytics tracking, custom navigation, or side effects.
      */
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
     /**
      * Additional CSS classes for the item.
      */
     className?: string;
-} & Omit<HTMLAttributes<HTMLButtonElement>, 'children' | 'onClick'>;
+} & Omit<ComponentPropsWithRef<'button'>, 'children' | 'onClick'>;
 /**
  * Internal props for the collapse toggle component
  */
@@ -132,5 +132,5 @@ export type SideBarCollapseToggleProps = {
      * Additional CSS classes for the toggle.
      */
     className?: string;
-} & Omit<HTMLAttributes<HTMLButtonElement>, 'onClick' | 'children'>;
+} & Omit<ComponentPropsWithRef<'button'>, 'onClick' | 'children'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,uCAAuC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;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,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;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,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzE;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/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;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,uCAAuC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;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,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D;;OAEG;IACH,UAAU,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnE;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
 import { SkeletonProps } from './types';
-declare function Skeleton({ className, component, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare const Skeleton: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 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":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAc7C,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CA8ClE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"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"}

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

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

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

@@ -1,10 +1,11 @@
-type SkeletonProps = React.ComponentProps<'div'> & {
+import { ComponentProps } from 'react';
+type SkeletonProps = ComponentProps<'div'> & {
     /**
      * 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';
+    component?: 'list-item' | 'tile' | 'table';
 };
 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,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;CAClC,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,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"}

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

@@ -5,5 +5,5 @@ import { SpinnerProps } from './types';
  * @example
  * <Spinner />
  */
-export declare const Spinner: import('react').ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export declare const Spinner: ({ ref, className, size, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Spinner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC;;;;;GAKG;AACH,eAAO,MAAM,OAAO,qHA0BnB,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC;;;;;GAKG;AACH,eAAO,MAAM,OAAO,uCAKjB,YAAY,4CAwBd,CAAC"}