@ledgerhq/lumen-ui-react 0.1.38 → 0.1.40

package/dist/lib/Components/AmountInput/useAmountInputValue/useAmountInputValue.d.ts

@@ -0,0 +1,21 @@
+import { ChangeEvent } from 'react';
+type FormatOptions = {
+    allowDecimals: boolean;
+    thousandsSeparator: boolean;
+    maxIntegerLength: number;
+    maxDecimalLength: number;
+};
+type UseAmountInputValueArgs = {
+    value: string | number;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    formatOptions: FormatOptions;
+};
+type UseAmountInputValueReturn = {
+    inputValue: string;
+    isChanging: boolean;
+    setIsChanging: React.Dispatch<React.SetStateAction<boolean>>;
+    handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
+};
+export declare const useAmountInputValue: ({ value, onChange, formatOptions, }: UseAmountInputValueArgs) => UseAmountInputValueReturn;
+export {};
+//# sourceMappingURL=useAmountInputValue.d.ts.map

package/dist/lib/Components/AmountInput/useAmountInputValue/useAmountInputValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAmountInputValue.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AmountInput/useAmountInputValue/useAmountInputValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,YAAY,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,qCAIjC,uBAAuB,KAAG,yBAiC5B,CAAC"}

package/dist/lib/Components/AmountInput/useAmountInputValue/useAmountInputValue.js

@@ -0,0 +1,28 @@
+import { textFormatter as m } from "../../../../libs/utils-shared/dist/index.js";
+import { useCallback as f, useState as g, useRef as i, useEffect as d } from "react";
+const I = ({
+  value: r,
+  onChange: o,
+  formatOptions: t
+}) => {
+  const a = f(
+    (e) => m(String(e), t),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      t.allowDecimals,
+      t.thousandsSeparator,
+      t.maxIntegerLength,
+      t.maxDecimalLength
+    ]
+  ), [s, c] = g(() => a(r)), [h, l] = g(!1), u = i(s);
+  return d(() => {
+    const e = a(r);
+    c(e), u.current = e;
+  }, [r, a]), { inputValue: s, isChanging: h, setIsChanging: l, handleChange: (e) => {
+    const n = a(e.target.value);
+    c(n), o({ ...e, target: { ...e.target, value: n } }), n !== u.current && l(!0), u.current = n;
+  } };
+};
+export {
+  I as useAmountInputValue
+};

package/dist/lib/Components/AmountInput/useAutoWidthInput/useAutoWidthInput.d.ts

@@ -0,0 +1,13 @@
+import { AmountInputSize } from '../types';
+type UseAutoWidthInputArgs = {
+    inputValue: string;
+    currencyText: string | undefined;
+    size: AmountInputSize;
+};
+type UseAutoWidthInputReturn = {
+    spanRef: React.RefObject<HTMLSpanElement | null>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+};
+export declare const useAutoWidthInput: ({ inputValue, currencyText, size, }: UseAutoWidthInputArgs) => UseAutoWidthInputReturn;
+export {};
+//# sourceMappingURL=useAutoWidthInput.d.ts.map

package/dist/lib/Components/AmountInput/useAutoWidthInput/useAutoWidthInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoWidthInput.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/AmountInput/useAutoWidthInput/useAutoWidthInput.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AA+BhD,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,qCAI/B,qBAAqB,KAAG,uBA0B1B,CAAC"}

package/dist/lib/Components/AmountInput/useAutoWidthInput/useAutoWidthInput.js

@@ -0,0 +1,29 @@
+import { useRef as _, useCallback as i, useLayoutEffect as I, useEffect as d } from "react";
+const D = 33, f = 8, N = 24, P = 16, a = {
+  md: N,
+  sm: P
+}, R = (n, e, r) => {
+  const t = n === "" ? D : f;
+  return e ? t : t + a[r];
+}, W = ({
+  inputValue: n,
+  currencyText: e,
+  size: r
+}) => {
+  const t = _(null), u = _(null), s = i(() => {
+    if (!t.current || !u.current) return;
+    const c = Math.ceil(
+      Math.max(t.current.scrollWidth, t.current.offsetWidth)
+    ), o = R(n, e, r);
+    u.current.style.width = `${c + o}px`;
+  }, [n, e, r]);
+  return I(s, [s]), d(() => {
+    const c = t.current;
+    if (!c || typeof ResizeObserver > "u") return;
+    const o = new ResizeObserver(s);
+    return o.observe(c), () => o.disconnect();
+  }, [s]), { spanRef: t, inputRef: u };
+};
+export {
+  W as useAutoWidthInput
+};

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

@@ -15,5 +15,5 @@ import { AvatarProps } from './types';
  * // With notification indicator
  * <Avatar src="https://example.com/photo.jpg" showNotification />
  */
-export declare const Avatar: ({ ref, className, src, alt, size, imgLoading, showNotification: showNotificationProp, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ ref, className, src, alt, appearance, size, imgLoading, showNotification: showNotificationProp, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAqC3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,GAAI,kGASpB,WAAW,4CAuDb,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA0C3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,GAAI,8GAUpB,WAAW,4CAuDb,CAAC"}

package/dist/lib/Components/Avatar/Avatar.js

@@ -1,14 +1,18 @@
 import { jsx as t } from "react/jsx-runtime";
 import { cva as h } from "class-variance-authority";
-import { useState as g, useEffect as z } from "react";
-import { useCommonTranslation as x } from "../../../i18n/useCommonTranslation.js";
-import { User as A } from "../../Symbols/Icons/User.js";
-import { DotIndicator as N } from "../DotIndicator/DotIndicator.js";
-const j = {
+import { useState as z, useEffect as x } from "react";
+import { useCommonTranslation as A } from "../../../i18n/useCommonTranslation.js";
+import { User as N } from "../../Symbols/Icons/User.js";
+import { DotIndicator as j } from "../DotIndicator/DotIndicator.js";
+const k = {
   root: h(
-    "relative inline-flex items-center justify-center rounded-full bg-muted-transparent transition-colors",
+    "relative inline-flex items-center justify-center rounded-full transition-colors",
     {
       variants: {
+        appearance: {
+          gray: "bg-muted",
+          transparent: "bg-muted-transparent"
+        },
         size: {
           sm: "size-40 p-4",
           md: "size-48 p-4",
@@ -17,61 +21,63 @@ const j = {
         }
       },
       defaultVariants: {
+        appearance: "transparent",
         size: "md"
       }
     }
   )
-}, k = {
+}, w = {
   sm: 16,
   md: 24,
   lg: 32,
   xl: 40
-}, w = {
+}, E = {
   sm: "lg",
   md: "xl"
 }, V = ({
   ref: l,
-  className: m,
-  src: o,
-  alt: c,
+  className: c,
+  src: r,
+  alt: m,
+  appearance: d = "transparent",
   size: a = "md",
-  imgLoading: d,
-  showNotification: f = !1,
+  imgLoading: f,
+  showNotification: p = !1,
   ...u
 }) => {
-  const { t: r } = x(), [p, e] = g(!1), v = !o || p, i = c || r("components.avatar.defaultAlt"), n = f && (a === "sm" || a === "md"), b = n ? `${i}, ${r("components.avatar.notificationAriaLabel")}` : i;
-  z(() => {
-    e(!1);
-  }, [o]);
+  const { t: e } = A(), [v, o] = z(!1), b = !r || v, n = m || e("components.avatar.defaultAlt"), i = p && (a === "sm" || a === "md"), g = i ? `${n}, ${e("components.avatar.notificationAriaLabel")}` : n;
+  x(() => {
+    o(!1);
+  }, [r]);
   const s = /* @__PURE__ */ t(
     "div",
     {
       ref: l,
-      className: j.root({ size: a, className: m }),
+      className: k.root({ appearance: d, size: a, className: c }),
       role: "img",
-      "aria-label": b,
+      "aria-label": g,
       ...u,
-      children: v ? /* @__PURE__ */ t(
-        A,
+      children: b ? /* @__PURE__ */ t(
+        N,
         {
-          size: k[a],
+          size: w[a],
           "aria-label": "Fallback Icon",
           "aria-hidden": "true"
         }
       ) : /* @__PURE__ */ t(
         "img",
         {
-          src: o,
+          src: r,
           alt: "",
-          loading: d,
-          onError: () => e(!0),
+          loading: f,
+          onError: () => o(!0),
           className: "size-full overflow-hidden rounded-full object-cover",
           "aria-hidden": "true"
         }
       )
     }
   );
-  return n ? /* @__PURE__ */ t(N, { size: w[a], appearance: "red", children: s }) : s;
+  return i ? /* @__PURE__ */ t(j, { size: E[a], appearance: "red", children: s }) : s;
 };
 export {
   V as Avatar

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

@@ -11,7 +11,13 @@ export type AvatarProps = {
      */
     alt?: string;
     /**
-     * The size variant of the avatar.
+     * The visual appearance of the avatar background: `gray` or `transparent`.
+     * @optional
+     * @default transparent
+     */
+    appearance?: 'gray' | 'transparent';
+    /**
+     * The size variant of the avatar: `sm`, `md`, `lg`, `xl`.
      * @optional
      * @default md
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IAEpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

package/dist/lib/Components/Button/BaseButton.d.ts

@@ -1,6 +1,6 @@
 import { BaseButtonProps } from './types';
 export declare const baseButtonVariants: (props?: ({
-    appearance?: "base" | "red" | "gray" | "accent" | "transparent" | "no-background" | null | undefined;
+    appearance?: "base" | "red" | "gray" | "transparent" | "accent" | "no-background" | null | undefined;
     disabled?: boolean | null | undefined;
     loading?: boolean | null | undefined;
     size?: "md" | "sm" | "lg" | "xs" | null | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,GAAI,0HAUxB,eAAe,4CAuBjB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,GAAI,0HAUxB,eAAe,4CAuBjB,CAAC"}

package/dist/lib/Components/IconButton/IconButton.js

@@ -1,32 +1,33 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { Tooltip as u, TooltipTrigger as d, TooltipContent as f } from "../Tooltip/Tooltip.js";
-import { BaseButton as h } from "../Button/BaseButton.js";
-const B = ({
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { cn as f } from "../../../libs/utils-shared/dist/index.js";
+import { Tooltip as h, TooltipTrigger as u, TooltipContent as d } from "../Tooltip/Tooltip.js";
+import { BaseButton as T } from "../Button/BaseButton.js";
+const b = ({
   ref: n,
   className: e,
   icon: i,
-  tooltip: l = !1,
-  tooltipPlacement: p = "top",
-  tooltipText: s,
-  onTooltipOpenChange: a,
+  tooltip: s = !1,
+  tooltipPlacement: l = "top",
+  tooltipText: a,
+  onTooltipOpenChange: p,
   "aria-label": t,
-  ...c
+  ...m
 }) => {
   const r = /* @__PURE__ */ o(
-    h,
+    T,
     {
       ref: n,
       icon: i,
-      className: e,
+      className: f("shrink-0", e),
       "aria-label": t,
-      ...c
+      ...m
     }
   );
-  return l ? /* @__PURE__ */ m(u, { onOpenChange: a, children: [
-    /* @__PURE__ */ o(d, { asChild: !0, children: r }),
-    /* @__PURE__ */ o(f, { side: p, children: s || t })
+  return s ? /* @__PURE__ */ c(h, { onOpenChange: p, children: [
+    /* @__PURE__ */ o(u, { asChild: !0, children: r }),
+    /* @__PURE__ */ o(d, { side: l, children: a || t })
   ] }) : r;
 };
 export {
-  B as IconButton
+  b as IconButton
 };

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

@@ -0,0 +1,13 @@
+import { PaginationProps } from './types';
+/**
+ * Pagination navigation for tables and other paginated content.
+ *
+ * @example
+ * <Pagination
+ *   page={page}
+ *   totalPages={10}
+ *   onPageChange={setPage}
+ * />
+ */
+export declare const Pagination: ({ page, totalPages, onPageChange, siblingCount, className, ref, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,GAAI,4EAQxB,eAAe,mDA0EjB,CAAC"}

package/dist/lib/Components/Pagination/Pagination.js

@@ -0,0 +1,93 @@
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { cn as x } from "../../../libs/utils-shared/dist/index.js";
+import { getPaginationRange as h } from "./getPaginationRange.js";
+import { useCommonTranslation as v } from "../../../i18n/useCommonTranslation.js";
+import { IconButton as s } from "../IconButton/IconButton.js";
+import { ChevronLeft as y } from "../../Symbols/Icons/ChevronLeft.js";
+import { Button as k } from "../Button/Button.js";
+import { ChevronRight as A } from "../../Symbols/Icons/ChevronRight.js";
+const R = ({
+  page: p,
+  totalPages: e,
+  onPageChange: r,
+  siblingCount: c = 1,
+  className: l,
+  ref: m,
+  ...u
+}) => {
+  const { t: i } = v();
+  if (e <= 0)
+    return null;
+  const a = Math.min(Math.max(p, 1), e), b = Math.max(c, 0), d = h(
+    a,
+    e,
+    b
+  );
+  return /* @__PURE__ */ g(
+    "nav",
+    {
+      ref: m,
+      "aria-label": i("components.pagination.navigationAriaLabel"),
+      className: x("flex items-center gap-8 overflow-x-auto p-4", l),
+      ...u,
+      children: [
+        /* @__PURE__ */ o(
+          s,
+          {
+            type: "button",
+            icon: y,
+            size: "sm",
+            appearance: "gray",
+            disabled: a <= 1,
+            "aria-label": i("components.pagination.previousPageAriaLabel"),
+            onClick: () => r(a - 1)
+          }
+        ),
+        d.map((n, f) => {
+          if (n === "ellipsis")
+            return /* @__PURE__ */ o(
+              "span",
+              {
+                "aria-hidden": !0,
+                className: "inline-flex w-40 items-center justify-center body-2 text-muted",
+                children: "…"
+              },
+              `ellipsis-${f}`
+            );
+          const t = n === a;
+          return /* @__PURE__ */ o(
+            k,
+            {
+              type: "button",
+              size: "sm",
+              appearance: t ? "gray" : "no-background",
+              className: "shrink-0",
+              "aria-label": i("components.pagination.pageAriaLabel", {
+                page: n
+              }),
+              "aria-current": t ? "page" : void 0,
+              onClick: () => r(n),
+              children: n
+            },
+            n
+          );
+        }),
+        /* @__PURE__ */ o(
+          s,
+          {
+            type: "button",
+            icon: A,
+            size: "sm",
+            appearance: "gray",
+            disabled: a >= e,
+            "aria-label": i("components.pagination.nextPageAriaLabel"),
+            onClick: () => r(a + 1)
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  R as Pagination
+};

package/dist/lib/Components/Pagination/getPaginationRange.d.ts

@@ -0,0 +1,6 @@
+export type PaginationRangeItem = number | 'ellipsis';
+/**
+ * Builds the list of page numbers and ellipsis markers to display.
+ */
+export declare const getPaginationRange: (page: number, totalPages: number, siblingCount?: number) => PaginationRangeItem[];
+//# sourceMappingURL=getPaginationRange.d.ts.map

package/dist/lib/Components/Pagination/getPaginationRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPaginationRange.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Pagination/getPaginationRange.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,UAAU,CAAC;AAkBtD;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,YAAY,MAAM,EAClB,qBAAgB,KACf,mBAAmB,EA4CrB,CAAC"}

package/dist/lib/Components/Pagination/getPaginationRange.js

@@ -0,0 +1,25 @@
+const _ = (S, n) => Array.from({ length: n - S + 1 }, (e, E) => S + E), t = (S) => S * 2 + 5, R = (S) => 3 + S * 2, A = (S, n, e = 1) => {
+  if (n < 1)
+    return [];
+  if (n === 1)
+    return [1];
+  if (t(e) >= n)
+    return _(1, n);
+  const E = Math.max(S - e, 1), i = Math.min(S + e, n), r = E > 2, s = i < n - 1;
+  if (!r && s)
+    return [..._(
+      1,
+      R(e)
+    ), "ellipsis", n];
+  if (r && !s) {
+    const I = R(e);
+    return [1, "ellipsis", ..._(
+      n - I + 1,
+      n
+    )];
+  }
+  return r && s ? [1, "ellipsis", ..._(E, i), "ellipsis", n] : _(1, n);
+};
+export {
+  A as getPaginationRange
+};

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

@@ -0,0 +1,3 @@
+export * from './Pagination';
+export type { PaginationProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,26 @@
+import { ComponentPropsWithRef } from 'react';
+export type PaginationProps = {
+    /**
+     * Current page, 1-indexed.
+     */
+    page: number;
+    /**
+     * Total number of pages.
+     * If `<= 0`, the component returns `null`.
+     */
+    totalPages: number;
+    /**
+     * Callback fired when the user selects a different page.
+     */
+    onPageChange: (page: number) => void;
+    /**
+     * Number of page buttons shown on each side of the current page.
+     * @default 1
+     */
+    siblingCount?: number;
+    /**
+     * Custom classname for the root nav element.
+     */
+    className?: string;
+} & Omit<ComponentPropsWithRef<'nav'>, 'children'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Pagination/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}