@ledgerhq/lumen-ui-react 0.0.80 → 0.0.82

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { NavBarBackButtonProps, NavBarTitleProps, NavBarTrailingProps } from './types';
+import { NavBarBackButtonProps, NavBarCoinCapsuleProps, NavBarProps, NavBarTitleProps, NavBarTrailingProps } from './types';
 /**
  * A coin capsule component for displaying cryptocurrency information within the NavBar.
  * Shows an icon and ticker symbol in a pill-shaped container.
@@ -10,14 +10,20 @@ import { NavBarBackButtonProps, NavBarTitleProps, NavBarTrailingProps } from './
  *
  * <NavBarCoinCapsule ticker="BTC" icon={<CryptoIcon ledgerId="bitcoin" ticker="BTC" size="24px" />} />
  */
-export declare const NavBarCoinCapsule: React.ForwardRefExoticComponent<import('./types').CoinCapsuleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const NavBarCoinCapsule: {
+    ({ ref, ticker, icon, className, }: NavBarCoinCapsuleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Back button component for the NavBar. Displays an arrow left icon button.
  *
  * @example
  * <NavBarBackButton onClick={() => navigate(-1)} />
  */
-export declare const NavBarBackButton: React.ForwardRefExoticComponent<NavBarBackButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const NavBarBackButton: {
+    ({ ref, onClick, "aria-label": ariaLabel, className, }: NavBarBackButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Title component for the NavBar. Displays the navigation title text.
  * Use the `as` prop to control heading semantics and avoid multiple h1s on a page.
@@ -29,7 +35,10 @@ export declare const NavBarBackButton: React.ForwardRefExoticComponent<NavBarBac
  * // With custom heading level
  * <NavBarTitle as="h2">Page Title</NavBarTitle>
  */
-export declare const NavBarTitle: React.ForwardRefExoticComponent<NavBarTitleProps & React.RefAttributes<HTMLElement>>;
+export declare const NavBarTitle: {
+    ({ ref, children, className, as: Component, }: NavBarTitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * Trailing container for the NavBar. Used to place elements on the right side of the navbar.
  *
@@ -38,7 +47,12 @@ export declare const NavBarTitle: React.ForwardRefExoticComponent<NavBarTitlePro
  *   <IconButton icon={Settings} aria-label="Settings" />
  * </NavBarTrailing>
  */
-export declare const NavBarTrailing: React.ForwardRefExoticComponent<NavBarTrailingProps & React.RefAttributes<HTMLDivElement>>;
+export declare const NavBarTrailing: {
+    ({ ref, children, className, ...props }: NavBarTrailingProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 /**
  * A navigation bar component for displaying page headers with optional back button, title, and trailing elements.
  * Uses a composable compound component API where you explicitly nest sub-components to define the layout.
@@ -73,8 +87,8 @@ export declare const NavBarTrailing: React.ForwardRefExoticComponent<NavBarTrail
  *   </NavBarTrailing>
  * </NavBar>
  */
-export declare const NavBar: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
-    className?: string;
-} & Omit<React.HTMLAttributes<HTMLElement>, "children" | "className"> & React.RefAttributes<HTMLElement>>;
+export declare const NavBar: {
+    ({ ref, children, className, ...props }: NavBarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=NavBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/NavBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EACL,qBAAqB,EAGrB,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,2GAO5B,CAAC;AAGH;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,iGAkB3B,CAAC;AAGH;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,sFAgBvB,CAAC;AAGF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,4FAczB,CAAC;AAGH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM;;;yGAalB,CAAC"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/NavBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB;wCAK3B,sBAAsB;;CAIxB,CAAC;AAGF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;4DAK1B,qBAAqB;;CAevB,CAAC;AAGF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW;mDAKrB,gBAAgB;;CAclB,CAAC;AAGF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB,GAAG;QACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;KACjC;;CAWA,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM;6CAA4C,WAAW;;CAWzE,CAAC"}

package/dist/lib/Components/NavBar/NavBar.js

@@ -1,72 +1,87 @@
-import { jsx as o } from "react/jsx-runtime";
-import { cn as s } from "../../../libs/utils-shared/dist/index.js";
-import n from "react";
-import { CoinCapsule as l } from "./CoinCapsule.js";
-import { useCommonTranslation as m } from "../../../i18n/useCommonTranslation.js";
-import { IconButton as c } from "../IconButton/IconButton.js";
-import { ArrowLeft as f } from "../../Symbols/Icons/ArrowLeft.js";
-const d = n.forwardRef(({ ticker: a, icon: r, className: e }, t) => /* @__PURE__ */ o("div", { className: "flex flex-1 items-center", "data-slot": "navbar-coin-capsule", children: /* @__PURE__ */ o(l, { ref: t, ticker: a, icon: r, className: e }) }));
-d.displayName = "NavBarCoinCapsule";
-const p = n.forwardRef(({ onClick: a, "aria-label": r, className: e }, t) => {
-  const { t: i } = m();
-  return /* @__PURE__ */ o(
-    c,
+import { jsx as n } from "react/jsx-runtime";
+import { cn as o } from "../../../libs/utils-shared/dist/index.js";
+import { CoinCapsule as i } from "./CoinCapsule.js";
+import { useCommonTranslation as l } from "../../../i18n/useCommonTranslation.js";
+import { IconButton as m } from "../IconButton/IconButton.js";
+import { ArrowLeft as c } from "../../Symbols/Icons/ArrowLeft.js";
+const p = ({
+  ref: a,
+  ticker: r,
+  icon: t,
+  className: e
+}) => /* @__PURE__ */ n("div", { className: "flex flex-1 items-center", "data-slot": "navbar-coin-capsule", children: /* @__PURE__ */ n(i, { ref: a, ticker: r, icon: t, className: e }) });
+p.displayName = "NavBarCoinCapsule";
+const N = ({
+  ref: a,
+  onClick: r,
+  "aria-label": t,
+  className: e
+}) => {
+  const { t: s } = l();
+  return /* @__PURE__ */ n(
+    m,
     {
-      ref: t,
+      ref: a,
       appearance: "no-background",
       size: "sm",
-      icon: f,
-      onClick: a,
-      className: s("shrink-0", e),
-      "aria-label": r ?? i("components.navBar.goBackAriaLabel"),
+      icon: c,
+      onClick: r,
+      className: o("shrink-0", e),
+      "aria-label": t ?? s("components.navBar.goBackAriaLabel"),
       "data-slot": "navbar-back-button"
     }
   );
-});
-p.displayName = "NavBarBackButton";
-const N = n.forwardRef(
-  ({ children: a, className: r, as: e = "h1" }, t) => /* @__PURE__ */ o(
-    e,
-    {
-      ref: t,
-      className: s(
-        "min-w-0 flex-1 truncate heading-4-semi-bold text-base",
-        r
-      ),
-      "data-slot": "navbar-title",
-      children: a
-    }
-  )
+};
+N.displayName = "NavBarBackButton";
+const v = ({
+  ref: a,
+  children: r,
+  className: t,
+  as: e = "h1"
+}) => /* @__PURE__ */ n(
+  e,
+  {
+    ref: a,
+    className: o(
+      "min-w-0 flex-1 truncate heading-4-semi-bold text-base",
+      t
+    ),
+    "data-slot": "navbar-title",
+    children: r
+  }
 );
-N.displayName = "NavBarTitle";
-const v = n.forwardRef(({ children: a, className: r, ...e }, t) => /* @__PURE__ */ o(
+v.displayName = "NavBarTitle";
+const B = ({
+  ref: a,
+  children: r,
+  className: t,
+  ...e
+}) => /* @__PURE__ */ n(
   "div",
   {
-    ref: t,
-    className: s("ml-auto flex shrink-0 items-center gap-4", r),
+    ref: a,
+    className: o("ml-auto flex shrink-0 items-center gap-4", t),
     "data-slot": "navbar-trailing",
     ...e,
-    children: a
+    children: r
+  }
+);
+B.displayName = "NavBarTrailing";
+const d = ({ ref: a, children: r, className: t, ...e }) => /* @__PURE__ */ n(
+  "nav",
+  {
+    ref: a,
+    className: o("flex items-center gap-4", t),
+    "data-slot": "navbar",
+    ...e,
+    children: r
   }
-));
-v.displayName = "NavBarTrailing";
-const u = n.forwardRef(
-  ({ children: a, className: r, ...e }, t) => /* @__PURE__ */ o(
-    "nav",
-    {
-      ref: t,
-      className: s("flex items-center gap-4", r),
-      "data-slot": "navbar",
-      ...e,
-      children: a
-    }
-  )
 );
-u.displayName = "NavBar";
+d.displayName = "NavBar";
 export {
-  u as NavBar,
-  p as NavBarBackButton,
-  d as NavBarCoinCapsule,
-  N as NavBarTitle,
-  v as NavBarTrailing
+  d as NavBar,
+  N as NavBarBackButton,
+  p as NavBarCoinCapsule,
+  v as NavBarTitle,
+  B as NavBarTrailing
 };

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ComponentPropsWithRef, ReactNode } from 'react';
 export type NavBarProps = {
     /**
      * The children of the NavBar, typically NavBarBackButton, NavBarTitle, NavBarTrailing, or NavBarCoinCapsule components.
@@ -8,7 +8,7 @@ export type NavBarProps = {
      * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
      */
     className?: string;
-} & Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'className'>;
+} & Omit<ComponentPropsWithRef<'nav'>, 'children' | 'className'>;
 export type NavBarBackButtonProps = {
     /**
      * Callback function when the back button is clicked.
@@ -23,7 +23,7 @@ export type NavBarBackButtonProps = {
      * Additional custom CSS classes to apply.
      */
     className?: string;
-};
+} & ComponentPropsWithRef<'button'>;
 export type NavBarTitleProps = {
     /**
      * The title text to display.
@@ -39,7 +39,7 @@ export type NavBarTitleProps = {
      * Additional custom CSS classes to apply.
      */
     className?: string;
-};
+} & ComponentPropsWithRef<'h1'>;
 export type NavBarTrailingProps = {
     /**
      * The trailing content, typically IconButton components.
@@ -67,7 +67,7 @@ export type CoinCapsuleProps = {
      * Additional custom CSS classes to apply.
      */
     className?: string;
-};
+} & ComponentPropsWithRef<'div'>;
 /**
  * Props for the NavBarCoinCapsule component.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;AAEjE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;AAEpC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;AAEhC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAC"}

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

@@ -1,11 +1,12 @@
+import { PageIndicatorProps } from './types';
 /**
  * A page indicator component that shows the current position within a set of pages (e.g. carousel or onboarding).
  *
  * Renders a row of dots: the active dot is highlighted, and when there are more pages than visible dots,
  * edge dots shrink and the strip scrolls to keep the current page in view.
  */
-export declare const PageIndicator: import('react').ForwardRefExoticComponent<{
-    currentPage: number;
-    totalPages: number;
-} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "children"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const PageIndicator: {
+    ({ ref, currentPage, totalPages, className, ...props }: PageIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=PageIndicator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageIndicator.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/PageIndicator/PageIndicator.tsx"],"names":[],"mappings":"AAuFA;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;;qHA8CzB,CAAC"}
+{"version":3,"file":"PageIndicator.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/PageIndicator/PageIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAqF7C;;;;;GAKG;AACH,eAAO,MAAM,aAAa;4DAMvB,kBAAkB;;CA4CpB,CAAC"}

package/dist/lib/Components/PageIndicator/PageIndicator.js

@@ -1,88 +1,92 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { cn as x } from "../../../libs/utils-shared/dist/index.js";
-import { forwardRef as k, useMemo as _, useRef as N, useEffect as S, useCallback as p } from "react";
-const I = 4, v = 6, A = 4, D = v + A, X = 200, y = ({ isActive: n, isShrunk: t }) => /* @__PURE__ */ c(
+import { useMemo as k, useRef as _, useEffect as N, useCallback as w } from "react";
+const I = 4, v = 6, A = 4, S = v + A, D = 200, X = ({ isActive: t, isShrunk: n }) => /* @__PURE__ */ i(
   "span",
   {
     className: x(
       "shrink-0 rounded-full transition-all duration-200",
-      n ? "bg-muted-strong" : "bg-muted",
-      t ? "size-4" : "size-6"
+      t ? "bg-muted-strong" : "bg-muted",
+      n ? "size-4" : "size-6"
     )
   }
-), T = ({
-  currentPage: n,
-  totalPages: t
+), y = ({
+  currentPage: t,
+  totalPages: n
 }) => {
-  const i = N(n), d = n > i.current ? "forward" : "backward";
-  S(() => {
-    i.current = n;
-  }, [n]);
-  const f = I - 2, l = d === "forward" ? f : 1, m = t - 1, s = Math.min(t, I), e = Math.max(
+  const s = _(t), d = t > s.current ? "forward" : "backward";
+  N(() => {
+    s.current = t;
+  }, [t]);
+  const f = I - 2, l = d === "forward" ? f : 1, m = n - 1, r = Math.min(n, I), o = Math.max(
     0,
-    Math.min(n - l, m - (s - 1))
-  ), h = s * v + (s - 1) * A, r = -e * D, o = e, u = e + s - 1, b = p(
-    (a) => a === n,
-    [n]
-  ), M = p(
-    (a) => t <= I ? !1 : a === o && o > 0 || a === u && u < t - 1,
-    [t, o, u]
+    Math.min(t - l, m - (r - 1))
+  ), h = r * v + (r - 1) * A, e = -o * S, c = o, u = o + r - 1, b = w(
+    (a) => a === t,
+    [t]
+  ), M = w(
+    (a) => n <= I ? !1 : a === c && c > 0 || a === u && u < n - 1,
+    [n, c, u]
   );
   return {
     viewportWidth: h,
-    translateX: r,
+    translateX: e,
     isActive: b,
     isShrunk: M
   };
-}, O = k(
-  ({ currentPage: n, totalPages: t, className: i, ...d }, f) => {
-    const w = Math.max(
-      0,
-      Math.min(t - 1, n - 1)
-    ), { viewportWidth: l, translateX: m, isActive: s, isShrunk: e } = T({
-      currentPage: w,
-      totalPages: t
-    }), h = _(
-      () => Array.from({ length: t }, (r, o) => o),
-      [t]
-    );
-    return /* @__PURE__ */ c(
-      "div",
-      {
-        ref: f,
-        role: "none",
-        className: x("flex items-center justify-center", i),
-        ...d,
-        children: /* @__PURE__ */ c(
-          "div",
-          {
-            className: "flex flex-row items-center overflow-hidden",
-            style: { width: l },
-            children: /* @__PURE__ */ c(
-              "div",
-              {
-                className: "flex flex-row items-center gap-4",
-                style: {
-                  transform: `translateX(${m}px)`,
-                  transition: `transform ${X}ms ease-out`
+}, T = ({
+  ref: t,
+  currentPage: n,
+  totalPages: s,
+  className: d,
+  ...f
+}) => {
+  const p = Math.max(
+    0,
+    Math.min(s - 1, n - 1)
+  ), { viewportWidth: l, translateX: m, isActive: r, isShrunk: o } = y({
+    currentPage: p,
+    totalPages: s
+  }), h = k(
+    () => Array.from({ length: s }, (e, c) => c),
+    [s]
+  );
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: t,
+      role: "none",
+      className: x("flex items-center justify-center", d),
+      ...f,
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          className: "flex flex-row items-center overflow-hidden",
+          style: { width: l },
+          children: /* @__PURE__ */ i(
+            "div",
+            {
+              className: "flex flex-row items-center gap-4",
+              style: {
+                transform: `translateX(${m}px)`,
+                transition: `transform ${D}ms ease-out`
+              },
+              children: h.map((e) => /* @__PURE__ */ i(
+                X,
+                {
+                  isActive: r(e),
+                  isShrunk: o(e)
                 },
-                children: h.map((r) => /* @__PURE__ */ c(
-                  y,
-                  {
-                    isActive: s(r),
-                    isShrunk: e(r)
-                  },
-                  r
-                ))
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-O.displayName = "PageIndicator";
+                e
+              ))
+            }
+          )
+        }
+      )
+    }
+  );
+};
+T.displayName = "PageIndicator";
 export {
-  O as PageIndicator
+  T as PageIndicator
 };

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { ComponentPropsWithRef } from 'react';
 export type PageIndicatorProps = {
     /**
      * The currently active page. 1-based (first page is 1, second is 2, etc.).
@@ -8,5 +8,5 @@ export type PageIndicatorProps = {
      * The total number of pages to display.
      */
     totalPages: number;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/PageIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/PageIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { SearchInputProps } from './types';
 /**
  * A customizable search input component with built-in search icon, automatic clear button, error states, and focus/hover effects.
  *
@@ -53,7 +53,8 @@ import { default as React } from 'react';
  *   }}
  * />
  */
-export declare const SearchInput: React.ForwardRefExoticComponent<Omit<import('../BaseInput').BaseInputProps, "label" | "prefix" | "containerClassName" | "labelClassName"> & {
-    appearance?: "plain" | "transparent";
-} & React.RefAttributes<HTMLInputElement>>;
+export declare const SearchInput: {
+    ({ ref, appearance, className, inputClassName, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=SearchInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AA+B1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,WAAW;;0CAuBvB,CAAC"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA4B3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,WAAW;+DAMrB,gBAAgB;;CAqBlB,CAAC"}

package/dist/lib/Components/SearchInput/SearchInput.js

@@ -1,10 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as i } from "../../../libs/utils-shared/dist/index.js";
 import { cva as t } from "class-variance-authority";
-import o from "react";
-import { BaseInput as d } from "../BaseInput/BaseInput.js";
-import { Search as c } from "../../Symbols/Icons/Search.js";
-const m = t("", {
+import { BaseInput as o } from "../BaseInput/BaseInput.js";
+import { Search as d } from "../../Symbols/Icons/Search.js";
+const c = t("", {
   variants: {
     appearance: {
       plain: "",
@@ -14,7 +13,7 @@ const m = t("", {
   defaultVariants: {
     appearance: "plain"
   }
-}), l = t("", {
+}), m = t("", {
   variants: {
     appearance: {
       plain: "",
@@ -24,27 +23,31 @@ const m = t("", {
   defaultVariants: {
     appearance: "plain"
   }
-}), u = o.forwardRef(
-  ({ appearance: a = "plain", className: e, inputClassName: n, ...s }, p) => /* @__PURE__ */ r(
-    d,
-    {
-      ref: p,
-      prefix: /* @__PURE__ */ r(
-        c,
-        {
-          size: 20,
-          className: "text-muted group-has-disabled:text-disabled",
-          "aria-hidden": "true"
-        }
-      ),
-      className: e,
-      containerClassName: m({ appearance: a }),
-      inputClassName: i(l({ appearance: a }), n),
-      ...s
-    }
-  )
+}), l = ({
+  ref: e,
+  appearance: a = "plain",
+  className: n,
+  inputClassName: s,
+  ...p
+}) => /* @__PURE__ */ r(
+  o,
+  {
+    ref: e,
+    prefix: /* @__PURE__ */ r(
+      d,
+      {
+        size: 20,
+        className: "text-muted group-has-disabled:text-disabled",
+        "aria-hidden": "true"
+      }
+    ),
+    className: n,
+    containerClassName: c({ appearance: a }),
+    inputClassName: i(m({ appearance: a }), s),
+    ...p
+  }
 );
-u.displayName = "SearchInput";
+l.displayName = "SearchInput";
 export {
-  u as SearchInput
+  l as SearchInput
 };

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

@@ -1,3 +1,4 @@
+import { ComponentPropsWithRef } from 'react';
 import { BaseInputProps } from '../BaseInput/types';
 export type SearchInputProps = Omit<BaseInputProps, 'prefix' | 'label' | 'labelClassName' | 'containerClassName'> & {
     /**
@@ -5,5 +6,5 @@ export type SearchInputProps = Omit<BaseInputProps, 'prefix' | 'label' | 'labelC
      * @default 'plain'
      */
     appearance?: 'plain' | 'transparent';
-};
+} & ComponentPropsWithRef<'input'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SearchInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,EACd,QAAQ,GAAG,OAAO,GAAG,gBAAgB,GAAG,oBAAoB,CAC7D,GAAG;IACF;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;CACtC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SearchInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,EACd,QAAQ,GAAG,OAAO,GAAG,gBAAgB,GAAG,oBAAoB,CAC7D,GAAG;IACF;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;CACtC,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC"}

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

@@ -2,11 +2,31 @@ import { SelectProps, SelectTriggerProps, SelectContentProps, SelectGroupProps,
 import * as React from 'react';
 declare function Select({ ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroup({ ...props }: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
-declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItemText: React.ForwardRefExoticComponent<SelectItemTextProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: {
+    ({ ref, className, labelClassName, label, ...props }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const SelectContent: {
+    ({ ref, className, children, position, ...props }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const SelectLabel: {
+    ({ ref, className, ...props }: SelectLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const SelectItem: {
+    ({ ref, className, children, ...props }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const SelectSeparator: {
+    ({ ref, className, ...props }: SelectSeparatorProps & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SelectItemText: {
+    ({ ref, className, ...props }: SelectItemTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
 export { Select, SelectGroup, SelectTrigger, SelectContent, SelectLabel, SelectItemText, SelectItem, SelectSeparator, };
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAExC;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAElD;AAmBD,QAAA,MAAM,aAAa,8FA8BjB,CAAC;AAwCH,QAAA,MAAM,aAAa,2FAmBjB,CAAC;AAGH,QAAA,MAAM,WAAW,yFAUf,CAAC;AAaH,QAAA,MAAM,UAAU,wFAiBd,CAAC;AAGH,QAAA,MAAM,eAAe,6FAQpB,CAAC;AAGF,QAAA,MAAM,cAAc,6FAUlB,CAAC;AAuCH,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,EACd,UAAU,EACV,eAAe,GAChB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Select/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAExC;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAElD;AAmBD,QAAA,MAAM,aAAa;0DAMhB,kBAAkB;;CA2BpB,CAAC;AAwCF,QAAA,MAAM,aAAa;uDAMhB,kBAAkB;;CAgBpB,CAAC;AAGF,QAAA,MAAM,WAAW;mCAAkC,gBAAgB;;CAOlE,CAAC;AAaF,QAAA,MAAM,UAAU;6CAKb,eAAe;;CAcjB,CAAC;AAGF,QAAA,MAAM,eAAe;mCAIlB,oBAAoB,GAAG;QACxB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;KACjC;;CAEA,CAAC;AAGF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CAOxE,CAAC;AAuCF,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,EACd,UAAU,EACV,eAAe,GAChB,CAAC"}