@spark-ui/components 13.1.4 → 13.2.0

package/dist/pagination/index.mjs

@@ -1,317 +1,224 @@
-import {
-  IconButton
-} from "../chunk-DCXWGQVZ.mjs";
-import {
-  Icon
-} from "../chunk-UMUMFMFB.mjs";
-import {
-  Button
-} from "../chunk-2YM6GKWW.mjs";
-import "../chunk-GAK4SC2F.mjs";
-import "../chunk-KEGAAGJW.mjs";
-import "../chunk-6QCEPQ3U.mjs";
-
-// src/pagination/PaginationContext.tsx
-import * as pagination from "@zag-js/pagination";
-import { normalizeProps, useMachine } from "@zag-js/react";
-import { createContext, useContext, useId } from "react";
-
-// src/pagination/utils.ts
-function sliceArrayWithIndex(arr, index, length) {
-  const relativeElements = (length - 1) / 2;
-  let start = Math.max(0, index - relativeElements);
-  let end = Math.min(arr.length, index + relativeElements + 1);
-  if (end - start < length) {
-    start = Math.max(0, Math.min(start, arr.length - length));
-    end = Math.min(arr.length, start + length);
-  }
-  return arr.slice(start, end);
+import { jsx as t } from "react/jsx-runtime";
+import * as v from "@zag-js/pagination";
+import { useMachine as w, normalizeProps as D, mergeProps as u } from "@zag-js/react";
+import { createContext as F, useId as A, useContext as E } from "react";
+import { cx as R } from "class-variance-authority";
+import { ArrowDoubleLeft as j } from "@spark-ui/icons/ArrowDoubleLeft";
+import { I as h } from "../Icon-Ck-dhfLd.mjs";
+import { I as P } from "../IconButton-C62-axzv.mjs";
+import { B as L } from "../Button-C3C0aixy.mjs";
+import { ArrowDoubleRight as z } from "@spark-ui/icons/ArrowDoubleRight";
+import { ArrowVerticalRight as B } from "@spark-ui/icons/ArrowVerticalRight";
+import { ArrowVerticalLeft as $ } from "@spark-ui/icons/ArrowVerticalLeft";
+function V(i, e, n) {
+  const a = (n - 1) / 2;
+  let r = Math.max(0, e - a), s = Math.min(i.length, e + a + 1);
+  return s - r < n && (r = Math.max(0, Math.min(r, i.length - n)), s = Math.min(i.length, r + n)), i.slice(r, s);
 }
-
-// src/pagination/PaginationContext.tsx
-import { jsx } from "react/jsx-runtime";
-var PaginationContext = createContext(null);
-var PaginationProvider = ({
-  children,
-  count,
-  visiblePageItems = 7,
-  pageSize,
-  page,
-  onPageChange,
-  noEllipsis,
-  type = "link"
+const C = F(null), W = ({
+  children: i,
+  count: e,
+  visiblePageItems: n = 7,
+  pageSize: a,
+  page: r,
+  onPageChange: s,
+  noEllipsis: l,
+  type: g = "link"
 }) => {
-  const siblingCount = noEllipsis ? Infinity : Math.max(0, Math.floor((visiblePageItems - 5) / 2));
-  const id = useId();
-  const service = useMachine(pagination.machine, {
-    id,
-    count,
-    siblingCount,
-    pageSize,
-    page,
-    onPageChange,
-    type
-  });
-  const api = pagination.connect(service, normalizeProps);
-  const pages = noEllipsis ? sliceArrayWithIndex(api.pages, api.page - 1, visiblePageItems) : api.pages;
-  return /* @__PURE__ */ jsx(
-    PaginationContext.Provider,
+  const p = l ? 1 / 0 : Math.max(0, Math.floor((n - 5) / 2)), d = A(), c = w(v.machine, {
+    id: d,
+    count: e,
+    siblingCount: p,
+    pageSize: a,
+    page: r,
+    onPageChange: s,
+    type: g
+  }), o = v.connect(c, D), M = l ? V(o.pages, o.page - 1, n) : o.pages;
+  return /* @__PURE__ */ t(
+    C.Provider,
     {
       value: {
-        type,
+        type: g,
         pagination: {
-          ...api,
-          pages,
+          ...o,
+          pages: M,
           // Extending ZagJS anatomy
-          getFirstPageTriggerProps: () => {
-            return {
-              ...api.getPrevTriggerProps(),
-              id: `${api.getRootProps().id}:first`,
-              "data-part": "first-page-trigger",
-              onClick: api.goToFirstPage
-            };
-          },
-          getLastPageTriggerProps: () => {
-            return {
-              ...api.getNextTriggerProps(),
-              id: `${api.getRootProps().id}:last`,
-              "data-part": "last-page-trigger",
-              onClick: api.goToLastPage
-            };
-          }
+          getFirstPageTriggerProps: () => ({
+            ...o.getPrevTriggerProps(),
+            id: `${o.getRootProps().id}:first`,
+            "data-part": "first-page-trigger",
+            onClick: o.goToFirstPage
+          }),
+          getLastPageTriggerProps: () => ({
+            ...o.getNextTriggerProps(),
+            id: `${o.getRootProps().id}:last`,
+            "data-part": "last-page-trigger",
+            onClick: o.goToLastPage
+          })
         }
       },
-      children
+      children: i
     }
   );
-};
-var usePagination = () => {
-  const context = useContext(PaginationContext);
-  if (!context) {
+}, m = () => {
+  const i = E(C);
+  if (!i)
     throw Error("usePagination must be used within a Pagination provider");
+  return i;
+}, I = ({
+  children: i,
+  visiblePageItems: e = 5,
+  type: n = "link",
+  noEllipsis: a = !1,
+  className: r,
+  ...s
+}) => /* @__PURE__ */ t(
+  W,
+  {
+    visiblePageItems: e,
+    noEllipsis: a,
+    type: n,
+    ...s,
+    children: /* @__PURE__ */ t(O, { className: r, children: i })
   }
-  return context;
-};
-
-// src/pagination/Pagination.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Pagination = ({
-  children,
-  visiblePageItems = 5,
-  type = "link",
-  noEllipsis = false,
-  className,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx2(
-    PaginationProvider,
-    {
-      visiblePageItems,
-      noEllipsis,
-      type,
-      ...rest,
-      children: /* @__PURE__ */ jsx2(PaginationWrapper, { className, children })
-    }
-  );
-};
-var PaginationWrapper = ({
-  children,
-  className
+), O = ({
+  children: i,
+  className: e
 }) => {
-  const { pagination: pagination2 } = usePagination();
-  const props = pagination2.getRootProps();
-  return /* @__PURE__ */ jsx2("nav", { "data-spark-component": "pagination", ...props, className, children: /* @__PURE__ */ jsx2("ul", { className: "gap-md flex flex-wrap", children }) });
+  const { pagination: n } = m(), a = n.getRootProps();
+  return /* @__PURE__ */ t("nav", { "data-spark-component": "pagination", ...a, className: e, children: /* @__PURE__ */ t("ul", { className: "gap-md flex flex-wrap", children: i }) });
 };
-Pagination.displayName = "Pagination";
-
-// src/pagination/PaginationEllipsis.tsx
-import { mergeProps } from "@zag-js/react";
-import { cx } from "class-variance-authority";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Ellipsis = ({ children, index, className, ref, ...rest }) => {
-  const { pagination: pagination2 } = usePagination();
-  const apiProps = pagination2.getEllipsisProps({ index });
-  const localProps = {
-    className: cx("flex size-sz-44 items-center justify-center", className),
-    ...rest
-  };
-  const mergedProps = mergeProps(apiProps, localProps);
-  return /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3("span", { "data-spark-component": "pagination-ellipsis", ref, ...mergedProps, children: children || "\u2026" }) });
+I.displayName = "Pagination";
+const k = ({ children: i, index: e, className: n, ref: a, ...r }) => {
+  const { pagination: s } = m(), l = s.getEllipsisProps({ index: e }), g = {
+    className: R("flex size-sz-44 items-center justify-center", n),
+    ...r
+  }, p = u(l, g);
+  return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("span", { "data-spark-component": "pagination-ellipsis", ref: a, ...p, children: i || "…" }) });
 };
-Ellipsis.displayName = "Pagination.Ellipsis";
-
-// src/pagination/PaginationFirstPageTrigger.tsx
-import { ArrowDoubleLeft } from "@spark-ui/icons/ArrowDoubleLeft";
-import { mergeProps as mergeProps2 } from "@zag-js/react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var FirstPageTrigger = ({
-  children,
-  className,
-  href,
-  ref,
-  ...props
+k.displayName = "Pagination.Ellipsis";
+const y = ({
+  children: i,
+  className: e,
+  href: n,
+  ref: a,
+  ...r
 }) => {
-  const { pagination: pagination2, type } = usePagination();
-  const apiProps = pagination2.getFirstPageTriggerProps();
-  const shouldDisableLink = type === "link" && apiProps["data-disabled"] === "";
-  const localProps = {
+  const { pagination: s, type: l } = m(), g = s.getFirstPageTriggerProps(), p = l === "link" && g["data-disabled"] === "", d = {
     "data-spark-component": "pagination-first-page-trigger",
     intent: "support",
     design: "contrast",
-    ...props,
-    className,
-    ...shouldDisableLink && {
-      disabled: true,
+    ...r,
+    className: e,
+    ...p && {
+      disabled: !0,
       role: "link",
-      "aria-disabled": true
+      "aria-disabled": !0
     }
-  };
-  const mergedProps = mergeProps2(
-    apiProps,
-    localProps
-  );
-  const content = children || /* @__PURE__ */ jsx4(Icon, { children: /* @__PURE__ */ jsx4(ArrowDoubleLeft, {}) });
-  return /* @__PURE__ */ jsx4("li", { children: href ? /* @__PURE__ */ jsx4(IconButton, { ref, ...mergedProps, asChild: true, children: /* @__PURE__ */ jsx4("a", { href: shouldDisableLink ? void 0 : href, children: content }) }) : /* @__PURE__ */ jsx4(IconButton, { ref, ...mergedProps, children: content }) });
+  }, c = u(
+    g,
+    d
+  ), o = i || /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(j, {}) });
+  return /* @__PURE__ */ t("li", { children: n ? /* @__PURE__ */ t(P, { ref: a, ...c, asChild: !0, children: /* @__PURE__ */ t("a", { href: p ? void 0 : n, children: o }) }) : /* @__PURE__ */ t(P, { ref: a, ...c, children: o }) });
 };
-FirstPageTrigger.displayName = "Pagination.FirstPageTrigger";
-
-// src/pagination/PaginationItem.tsx
-import { mergeProps as mergeProps3 } from "@zag-js/react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Item = ({ children, value, className, href, ref, ...props }) => {
-  const { pagination: pagination2 } = usePagination();
-  const apiProps = pagination2.getItemProps({ type: "page", value });
-  const localProps = {
+y.displayName = "Pagination.FirstPageTrigger";
+const N = ({ children: i, value: e, className: n, href: a, ref: r, ...s }) => {
+  const { pagination: l } = m(), g = l.getItemProps({ type: "page", value: e }), p = {
     "data-spark-component": "pagination-item",
     intent: "support",
-    design: apiProps["aria-current"] === "page" ? "filled" : "contrast",
-    className,
-    ...props
-  };
-  const mergedProps = mergeProps3(apiProps, localProps);
-  return /* @__PURE__ */ jsx5("li", { children: href ? /* @__PURE__ */ jsx5(Button, { ref, ...mergedProps, asChild: true, children: /* @__PURE__ */ jsx5("a", { href, children: children || value }) }) : /* @__PURE__ */ jsx5(Button, { ref, ...mergedProps, children: children || value }) });
+    design: g["aria-current"] === "page" ? "filled" : "contrast",
+    className: n,
+    ...s
+  }, d = u(g, p);
+  return /* @__PURE__ */ t("li", { children: a ? /* @__PURE__ */ t(L, { ref: r, ...d, asChild: !0, children: /* @__PURE__ */ t("a", { href: a, children: i || e }) }) : /* @__PURE__ */ t(L, { ref: r, ...d, children: i || e }) });
 };
-Item.displayName = "Pagination.Item";
-
-// src/pagination/PaginationLastPageTrigger.tsx
-import { ArrowDoubleRight } from "@spark-ui/icons/ArrowDoubleRight";
-import { mergeProps as mergeProps4 } from "@zag-js/react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var LastPageTrigger = ({
-  children,
-  className,
-  href,
-  ref,
-  ...props
+N.displayName = "Pagination.Item";
+const f = ({
+  children: i,
+  className: e,
+  href: n,
+  ref: a,
+  ...r
 }) => {
-  const { pagination: pagination2, type } = usePagination();
-  const apiProps = pagination2.getLastPageTriggerProps();
-  const shouldDisableLink = type === "link" && apiProps["data-disabled"] === "";
-  const localProps = {
+  const { pagination: s, type: l } = m(), g = s.getLastPageTriggerProps(), p = l === "link" && g["data-disabled"] === "", d = {
     "data-spark-component": "pagination-last-page-trigger",
     intent: "support",
     design: "contrast",
-    ...props,
-    className,
-    ...shouldDisableLink && {
-      disabled: true,
+    ...r,
+    className: e,
+    ...p && {
+      disabled: !0,
       role: "link",
-      "aria-disabled": true
+      "aria-disabled": !0
     }
-  };
-  const mergedProps = mergeProps4(
-    apiProps,
-    localProps
-  );
-  const content = children || /* @__PURE__ */ jsx6(Icon, { children: /* @__PURE__ */ jsx6(ArrowDoubleRight, {}) });
-  return /* @__PURE__ */ jsx6("li", { children: href ? /* @__PURE__ */ jsx6(IconButton, { ref, ...mergedProps, asChild: true, children: /* @__PURE__ */ jsx6("a", { href: shouldDisableLink ? void 0 : href, children: content }) }) : /* @__PURE__ */ jsx6(IconButton, { ref, ...mergedProps, children: content }) });
+  }, c = u(
+    g,
+    d
+  ), o = i || /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(z, {}) });
+  return /* @__PURE__ */ t("li", { children: n ? /* @__PURE__ */ t(P, { ref: a, ...c, asChild: !0, children: /* @__PURE__ */ t("a", { href: p ? void 0 : n, children: o }) }) : /* @__PURE__ */ t(P, { ref: a, ...c, children: o }) });
 };
-LastPageTrigger.displayName = "Pagination.LastPageTrigger";
-
-// src/pagination/PaginationNextTrigger.tsx
-import { ArrowVerticalRight } from "@spark-ui/icons/ArrowVerticalRight";
-import { mergeProps as mergeProps5 } from "@zag-js/react";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var NextTrigger = ({ children, className, href, ref, ...props }) => {
-  const { pagination: pagination2, type } = usePagination();
-  const apiProps = pagination2.getNextTriggerProps();
-  const shouldDisableLink = type === "link" && apiProps["data-disabled"] === "";
-  const localProps = {
+f.displayName = "Pagination.LastPageTrigger";
+const T = ({ children: i, className: e, href: n, ref: a, ...r }) => {
+  const { pagination: s, type: l } = m(), g = s.getNextTriggerProps(), p = l === "link" && g["data-disabled"] === "", d = {
     "data-spark-component": "pagination-next-trigger",
     intent: "support",
     design: "contrast",
-    ...props,
-    className,
-    ...shouldDisableLink && {
-      disabled: true,
+    ...r,
+    className: e,
+    ...p && {
+      disabled: !0,
       role: "link",
-      "aria-disabled": true
+      "aria-disabled": !0
     }
-  };
-  const mergedProps = mergeProps5(
-    apiProps,
-    localProps
-  );
-  const content = children || /* @__PURE__ */ jsx7(Icon, { children: /* @__PURE__ */ jsx7(ArrowVerticalRight, {}) });
-  return /* @__PURE__ */ jsx7("li", { children: href ? /* @__PURE__ */ jsx7(IconButton, { ref, ...mergedProps, asChild: true, children: /* @__PURE__ */ jsx7("a", { href: shouldDisableLink ? void 0 : href, children: content }) }) : /* @__PURE__ */ jsx7(IconButton, { ref, ...mergedProps, children: content }) });
+  }, c = u(
+    g,
+    d
+  ), o = i || /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(B, {}) });
+  return /* @__PURE__ */ t("li", { children: n ? /* @__PURE__ */ t(P, { ref: a, ...c, asChild: !0, children: /* @__PURE__ */ t("a", { href: p ? void 0 : n, children: o }) }) : /* @__PURE__ */ t(P, { ref: a, ...c, children: o }) });
 };
-NextTrigger.displayName = "Pagination.NextTrigger";
-
-// src/pagination/PaginationPages.tsx
-var Pages = ({ children }) => {
-  const { pagination: pagination2 } = usePagination();
-  return children(pagination2);
+T.displayName = "Pagination.NextTrigger";
+const b = ({ children: i }) => {
+  const { pagination: e } = m();
+  return i(e);
 };
-Pages.displayName = "Pagination.Pages";
-
-// src/pagination/PaginationPrevTrigger.tsx
-import { ArrowVerticalLeft } from "@spark-ui/icons/ArrowVerticalLeft";
-import { mergeProps as mergeProps6 } from "@zag-js/react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var PrevTrigger = ({ children, className, href, ref, ...props }) => {
-  const { pagination: pagination2, type } = usePagination();
-  const apiProps = pagination2.getPrevTriggerProps();
-  const shouldDisableLink = type === "link" && apiProps["data-disabled"] === "";
-  const localProps = {
+b.displayName = "Pagination.Pages";
+const x = ({ children: i, className: e, href: n, ref: a, ...r }) => {
+  const { pagination: s, type: l } = m(), g = s.getPrevTriggerProps(), p = l === "link" && g["data-disabled"] === "", d = {
     "data-spark-component": "pagination-prev-trigger",
     intent: "support",
     design: "contrast",
-    ...props,
-    className,
-    ...shouldDisableLink && {
-      disabled: true,
+    ...r,
+    className: e,
+    ...p && {
+      disabled: !0,
       role: "link",
-      "aria-disabled": true
+      "aria-disabled": !0
     }
-  };
-  const mergedProps = mergeProps6(
-    apiProps,
-    localProps
-  );
-  const content = children || /* @__PURE__ */ jsx8(Icon, { children: /* @__PURE__ */ jsx8(ArrowVerticalLeft, {}) });
-  return /* @__PURE__ */ jsx8("li", { children: href ? /* @__PURE__ */ jsx8(IconButton, { ref, ...mergedProps, asChild: true, children: /* @__PURE__ */ jsx8("a", { href: shouldDisableLink ? void 0 : href, children: content }) }) : /* @__PURE__ */ jsx8(IconButton, { ref, ...mergedProps, children: content }) });
+  }, c = u(
+    g,
+    d
+  ), o = i || /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t($, {}) });
+  return /* @__PURE__ */ t("li", { children: n ? /* @__PURE__ */ t(P, { ref: a, ...c, asChild: !0, children: /* @__PURE__ */ t("a", { href: p ? void 0 : n, children: o }) }) : /* @__PURE__ */ t(P, { ref: a, ...c, children: o }) });
 };
-PrevTrigger.displayName = "Pagination.PrevTrigger";
-
-// src/pagination/index.ts
-var Pagination2 = Object.assign(Pagination, {
-  PrevTrigger,
-  NextTrigger,
-  Pages,
-  Item,
-  Ellipsis,
-  FirstPageTrigger,
-  LastPageTrigger
+x.displayName = "Pagination.PrevTrigger";
+const q = Object.assign(I, {
+  PrevTrigger: x,
+  NextTrigger: T,
+  Pages: b,
+  Item: N,
+  Ellipsis: k,
+  FirstPageTrigger: y,
+  LastPageTrigger: f
 });
-Pagination2.displayName = "Pagination";
-PrevTrigger.displayName = "Pagination.PrevTrigger";
-NextTrigger.displayName = "Pagination.NextTrigger";
-Pages.displayName = "Pagination.Pages";
-Item.displayName = "Pagination.Item";
-Ellipsis.displayName = "Pagination.Ellipsis";
-FirstPageTrigger.displayName = "Pagination.FirstPageTrigger";
-LastPageTrigger.displayName = "Pagination.LastPageTrigger";
+q.displayName = "Pagination";
+x.displayName = "Pagination.PrevTrigger";
+T.displayName = "Pagination.NextTrigger";
+b.displayName = "Pagination.Pages";
+N.displayName = "Pagination.Item";
+k.displayName = "Pagination.Ellipsis";
+y.displayName = "Pagination.FirstPageTrigger";
+f.displayName = "Pagination.LastPageTrigger";
 export {
-  Pagination2 as Pagination
+  q as Pagination
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/pagination/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pagination/PaginationContext.tsx","../../src/pagination/utils.ts","../../src/pagination/Pagination.tsx","../../src/pagination/PaginationEllipsis.tsx","../../src/pagination/PaginationFirstPageTrigger.tsx","../../src/pagination/PaginationItem.tsx","../../src/pagination/PaginationLastPageTrigger.tsx","../../src/pagination/PaginationNextTrigger.tsx","../../src/pagination/PaginationPages.tsx","../../src/pagination/PaginationPrevTrigger.tsx","../../src/pagination/index.ts"],"sourcesContent":["import * as pagination from '@zag-js/pagination'\nimport { normalizeProps, type PropTypes, useMachine } from '@zag-js/react'\nimport { createContext, type ReactNode, useContext, useId } from 'react'\n\nimport { sliceArrayWithIndex } from './utils'\n\nexport interface PaginationContextState<T extends PropTypes = PropTypes> {\n  type: pagination.Props['type']\n  pagination: pagination.Api<T> & {\n    getFirstPageTriggerProps: () => ReturnType<pagination.Api<T>['getPrevTriggerProps']> & {\n      'data-part': string\n      onClick: () => void\n    }\n    getLastPageTriggerProps: () => ReturnType<pagination.Api<T>['getNextTriggerProps']> & {\n      'data-part': string\n      onClick: () => void\n    }\n  }\n}\n\nconst PaginationContext = createContext<PaginationContextState | null>(null)\n\nexport interface PaginationProviderProps {\n  children: ReactNode\n  /**\n   * Total number of data items available across all pages.\n   */\n  count: number\n  /**\n   * Maximum amount of items displayed on a single page.\n   */\n  pageSize: number\n  /**\n   * Number of visible pages (or ellipsis) between previous and next page triggers.\n   */\n  visiblePageItems?: number\n  /**\n   * The current page (active page)\n   */\n  page?: pagination.Props['page']\n  /**\n   * If your pagination contains buttons instead of links, set `type` to `button`, extra attributes will be applied on page items for a11y.\n   */\n  type?: pagination.Props['type']\n  onPageChange?: pagination.Props['onPageChange']\n  noEllipsis?: boolean\n}\n\nexport const PaginationProvider = ({\n  children,\n  count,\n  visiblePageItems = 7,\n  pageSize,\n  page,\n  onPageChange,\n  noEllipsis,\n  type = 'link',\n}: PaginationProviderProps) => {\n  /**\n   * Here `Infinity` is used because we apply a custom slice ourselves to manage the \"no ellipsis\" version.\n   * It means Zag won't filter out any page item, allowing us to apply our own slicing logic.\n   */\n  const siblingCount = noEllipsis ? Infinity : Math.max(0, Math.floor((visiblePageItems - 5) / 2))\n\n  const id = useId()\n\n  const service = useMachine(pagination.machine, {\n    id,\n    count,\n    siblingCount,\n    pageSize,\n    page,\n    onPageChange,\n    type,\n  })\n\n  const api = pagination.connect(service, normalizeProps)\n  const pages = noEllipsis\n    ? sliceArrayWithIndex(api.pages, api.page - 1, visiblePageItems)\n    : api.pages\n\n  return (\n    <PaginationContext.Provider\n      value={{\n        type,\n        pagination: {\n          ...api,\n          pages,\n          // Extending ZagJS anatomy\n          getFirstPageTriggerProps: () => {\n            return {\n              ...api.getPrevTriggerProps(),\n              id: `${api.getRootProps().id}:first`,\n              'data-part': 'first-page-trigger',\n              onClick: api.goToFirstPage,\n            }\n          },\n          getLastPageTriggerProps: () => {\n            return {\n              ...api.getNextTriggerProps(),\n              id: `${api.getRootProps().id}:last`,\n              'data-part': 'last-page-trigger',\n              onClick: api.goToLastPage,\n            }\n          },\n        },\n      }}\n    >\n      {children}\n    </PaginationContext.Provider>\n  )\n}\n\nexport const usePagination = () => {\n  const context = useContext(PaginationContext)\n\n  if (!context) {\n    throw Error('usePagination must be used within a Pagination provider')\n  }\n\n  return context\n}\n","export function sliceArrayWithIndex(arr: any[], index: number, length: number) {\n  const relativeElements = (length - 1) / 2\n\n  let start = Math.max(0, index - relativeElements)\n  let end = Math.min(arr.length, index + relativeElements + 1)\n\n  if (end - start < length) {\n    start = Math.max(0, Math.min(start, arr.length - length))\n    end = Math.min(arr.length, start + length)\n  }\n\n  return arr.slice(start, end)\n}\n","import { ReactNode } from 'react'\n\nimport {\n  PaginationProvider,\n  type PaginationProviderProps,\n  usePagination,\n} from './PaginationContext'\n\nexport type PaginationProps = PaginationProviderProps & { className?: string }\n\nexport const Pagination = ({\n  children,\n  visiblePageItems = 5,\n  type = 'link',\n  noEllipsis = false,\n  className,\n  ...rest\n}: PaginationProps) => {\n  return (\n    <PaginationProvider\n      visiblePageItems={visiblePageItems}\n      noEllipsis={noEllipsis}\n      type={type}\n      {...rest}\n    >\n      <PaginationWrapper className={className}>{children}</PaginationWrapper>\n    </PaginationProvider>\n  )\n}\n\nconst PaginationWrapper = ({\n  children,\n  className,\n}: {\n  children: ReactNode\n  className?: string\n}) => {\n  const { pagination } = usePagination()\n\n  const props = pagination.getRootProps()\n\n  return (\n    <nav data-spark-component=\"pagination\" {...props} className={className}>\n      <ul className=\"gap-md flex flex-wrap\">{children}</ul>\n    </nav>\n  )\n}\n\nPagination.displayName = 'Pagination'\n","import { mergeProps } from '@zag-js/react'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentPropsWithRef } from 'react'\n\nimport { usePagination } from './PaginationContext'\n\ninterface EllipsisProps extends ComponentPropsWithRef<'span'> {\n  index: number\n}\n\nexport const Ellipsis = ({ children, index, className, ref, ...rest }: EllipsisProps) => {\n  const { pagination } = usePagination()\n  const apiProps = pagination.getEllipsisProps({ index })\n  const localProps = {\n    className: cx('flex size-sz-44 items-center justify-center', className),\n    ...rest,\n  }\n\n  const mergedProps = mergeProps(apiProps, localProps)\n\n  return (\n    <li>\n      <span data-spark-component=\"pagination-ellipsis\" ref={ref} {...mergedProps}>\n        {children || '\\u2026'}\n      </span>\n    </li>\n  )\n}\n\nEllipsis.displayName = 'Pagination.Ellipsis'\n","import { ArrowDoubleLeft } from '@spark-ui/icons/ArrowDoubleLeft'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type FirstPageTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const FirstPageTrigger = ({\n  children,\n  className,\n  href,\n  ref,\n  ...props\n}: FirstPageTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getFirstPageTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-first-page-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowDoubleLeft />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nFirstPageTrigger.displayName = 'Pagination.FirstPageTrigger'\n","import { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Button } from '../button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type ItemProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  value: number\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const Item = ({ children, value, className, href, ref, ...props }: ItemProps) => {\n  const { pagination } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getItemProps({ type: 'page', value })\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-item',\n    intent: 'support',\n    design: apiProps['aria-current'] === 'page' ? 'filled' : 'contrast',\n    className,\n    ...props,\n  }\n\n  const mergedProps = mergeProps(apiProps, localProps)\n\n  return (\n    <li>\n      {href ? (\n        <Button ref={ref} {...mergedProps} asChild>\n          <a href={href}>{children || value}</a>\n        </Button>\n      ) : (\n        <Button ref={ref} {...mergedProps}>\n          {children || value}\n        </Button>\n      )}\n    </li>\n  )\n}\n\nItem.displayName = 'Pagination.Item'\n","import { ArrowDoubleRight } from '@spark-ui/icons/ArrowDoubleRight'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type LastPageTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const LastPageTrigger = ({\n  children,\n  className,\n  href,\n  ref,\n  ...props\n}: LastPageTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getLastPageTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-last-page-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowDoubleRight />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nLastPageTrigger.displayName = 'Pagination.LastPageTrigger'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type NextTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const NextTrigger = ({ children, className, href, ref, ...props }: NextTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getNextTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-next-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowVerticalRight />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nNextTrigger.displayName = 'Pagination.NextTrigger'\n","import * as pagination from '@zag-js/pagination'\nimport { ReactNode } from 'react'\n\nimport { usePagination } from './PaginationContext'\n\n// Extract the 'page' type element from the pagination API's 'pages' array.\ntype PageItem = Extract<pagination.Api['pages'][number], { type: 'page' }>\n\n// Define a type that conditionally tweaks the pagination API\n// based on the generic T parameter.\ntype TweakedPaginationApi<T extends 'noEllipsis' | ''> = Omit<pagination.Api, 'pages'> & {\n  pages: T extends 'noEllipsis' ? PageItem[] : pagination.Api['pages']\n}\n\ninterface PagesProps<T extends 'noEllipsis' | ''> {\n  children: (pagination: TweakedPaginationApi<T>) => ReactNode\n}\n\nexport const Pages = <T extends 'noEllipsis' | '' = ''>({ children }: PagesProps<T>) => {\n  const { pagination } = usePagination()\n\n  return children(pagination as TweakedPaginationApi<T>)\n}\n\nPages.displayName = 'Pagination.Pages'\n","import { ArrowVerticalLeft } from '@spark-ui/icons/ArrowVerticalLeft'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type PrevTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const PrevTrigger = ({ children, className, href, ref, ...props }: PrevTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getPrevTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-prev-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowVerticalLeft />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nPrevTrigger.displayName = 'Pagination.PrevTrigger'\n","import type { FC } from 'react'\n\nimport { Pagination as Root, type PaginationProps } from './Pagination'\nimport { Ellipsis } from './PaginationEllipsis'\nimport { FirstPageTrigger } from './PaginationFirstPageTrigger'\nimport { Item } from './PaginationItem'\nimport { LastPageTrigger } from './PaginationLastPageTrigger'\nimport { NextTrigger } from './PaginationNextTrigger'\nimport { Pages } from './PaginationPages'\nimport { PrevTrigger } from './PaginationPrevTrigger'\n\nexport const Pagination: FC<PaginationProps> & {\n  PrevTrigger: typeof PrevTrigger\n  NextTrigger: typeof NextTrigger\n  Pages: typeof Pages\n  Item: typeof Item\n  Ellipsis: typeof Ellipsis\n  FirstPageTrigger: typeof FirstPageTrigger\n  LastPageTrigger: typeof LastPageTrigger\n} = Object.assign(Root, {\n  PrevTrigger,\n  NextTrigger,\n  Pages,\n  Item,\n  Ellipsis,\n  FirstPageTrigger,\n  LastPageTrigger,\n})\n\nPagination.displayName = 'Pagination'\n\nPrevTrigger.displayName = 'Pagination.PrevTrigger'\nNextTrigger.displayName = 'Pagination.NextTrigger'\nPages.displayName = 'Pagination.Pages'\nItem.displayName = 'Pagination.Item'\nEllipsis.displayName = 'Pagination.Ellipsis'\nFirstPageTrigger.displayName = 'Pagination.FirstPageTrigger'\nLastPageTrigger.displayName = 'Pagination.LastPageTrigger'\n"],"mappings":"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","names":["jsx","pagination","jsx","pagination","mergeProps","jsx","pagination","mergeProps","mergeProps","jsx","pagination","mergeProps","mergeProps","jsx","pagination","mergeProps","mergeProps","jsx","pagination","mergeProps","pagination","mergeProps","jsx","pagination","mergeProps","Pagination"]}
+{"version":3,"file":"index.mjs","sources":["../../src/pagination/utils.ts","../../src/pagination/PaginationContext.tsx","../../src/pagination/Pagination.tsx","../../src/pagination/PaginationEllipsis.tsx","../../src/pagination/PaginationFirstPageTrigger.tsx","../../src/pagination/PaginationItem.tsx","../../src/pagination/PaginationLastPageTrigger.tsx","../../src/pagination/PaginationNextTrigger.tsx","../../src/pagination/PaginationPages.tsx","../../src/pagination/PaginationPrevTrigger.tsx","../../src/pagination/index.ts"],"sourcesContent":["export function sliceArrayWithIndex(arr: any[], index: number, length: number) {\n  const relativeElements = (length - 1) / 2\n\n  let start = Math.max(0, index - relativeElements)\n  let end = Math.min(arr.length, index + relativeElements + 1)\n\n  if (end - start < length) {\n    start = Math.max(0, Math.min(start, arr.length - length))\n    end = Math.min(arr.length, start + length)\n  }\n\n  return arr.slice(start, end)\n}\n","import * as pagination from '@zag-js/pagination'\nimport { normalizeProps, type PropTypes, useMachine } from '@zag-js/react'\nimport { createContext, type ReactNode, useContext, useId } from 'react'\n\nimport { sliceArrayWithIndex } from './utils'\n\nexport interface PaginationContextState<T extends PropTypes = PropTypes> {\n  type: pagination.Props['type']\n  pagination: pagination.Api<T> & {\n    getFirstPageTriggerProps: () => ReturnType<pagination.Api<T>['getPrevTriggerProps']> & {\n      'data-part': string\n      onClick: () => void\n    }\n    getLastPageTriggerProps: () => ReturnType<pagination.Api<T>['getNextTriggerProps']> & {\n      'data-part': string\n      onClick: () => void\n    }\n  }\n}\n\nconst PaginationContext = createContext<PaginationContextState | null>(null)\n\nexport interface PaginationProviderProps {\n  children: ReactNode\n  /**\n   * Total number of data items available across all pages.\n   */\n  count: number\n  /**\n   * Maximum amount of items displayed on a single page.\n   */\n  pageSize: number\n  /**\n   * Number of visible pages (or ellipsis) between previous and next page triggers.\n   */\n  visiblePageItems?: number\n  /**\n   * The current page (active page)\n   */\n  page?: pagination.Props['page']\n  /**\n   * If your pagination contains buttons instead of links, set `type` to `button`, extra attributes will be applied on page items for a11y.\n   */\n  type?: pagination.Props['type']\n  onPageChange?: pagination.Props['onPageChange']\n  noEllipsis?: boolean\n}\n\nexport const PaginationProvider = ({\n  children,\n  count,\n  visiblePageItems = 7,\n  pageSize,\n  page,\n  onPageChange,\n  noEllipsis,\n  type = 'link',\n}: PaginationProviderProps) => {\n  /**\n   * Here `Infinity` is used because we apply a custom slice ourselves to manage the \"no ellipsis\" version.\n   * It means Zag won't filter out any page item, allowing us to apply our own slicing logic.\n   */\n  const siblingCount = noEllipsis ? Infinity : Math.max(0, Math.floor((visiblePageItems - 5) / 2))\n\n  const id = useId()\n\n  const service = useMachine(pagination.machine, {\n    id,\n    count,\n    siblingCount,\n    pageSize,\n    page,\n    onPageChange,\n    type,\n  })\n\n  const api = pagination.connect(service, normalizeProps)\n  const pages = noEllipsis\n    ? sliceArrayWithIndex(api.pages, api.page - 1, visiblePageItems)\n    : api.pages\n\n  return (\n    <PaginationContext.Provider\n      value={{\n        type,\n        pagination: {\n          ...api,\n          pages,\n          // Extending ZagJS anatomy\n          getFirstPageTriggerProps: () => {\n            return {\n              ...api.getPrevTriggerProps(),\n              id: `${api.getRootProps().id}:first`,\n              'data-part': 'first-page-trigger',\n              onClick: api.goToFirstPage,\n            }\n          },\n          getLastPageTriggerProps: () => {\n            return {\n              ...api.getNextTriggerProps(),\n              id: `${api.getRootProps().id}:last`,\n              'data-part': 'last-page-trigger',\n              onClick: api.goToLastPage,\n            }\n          },\n        },\n      }}\n    >\n      {children}\n    </PaginationContext.Provider>\n  )\n}\n\nexport const usePagination = () => {\n  const context = useContext(PaginationContext)\n\n  if (!context) {\n    throw Error('usePagination must be used within a Pagination provider')\n  }\n\n  return context\n}\n","import { ReactNode } from 'react'\n\nimport {\n  PaginationProvider,\n  type PaginationProviderProps,\n  usePagination,\n} from './PaginationContext'\n\nexport type PaginationProps = PaginationProviderProps & { className?: string }\n\nexport const Pagination = ({\n  children,\n  visiblePageItems = 5,\n  type = 'link',\n  noEllipsis = false,\n  className,\n  ...rest\n}: PaginationProps) => {\n  return (\n    <PaginationProvider\n      visiblePageItems={visiblePageItems}\n      noEllipsis={noEllipsis}\n      type={type}\n      {...rest}\n    >\n      <PaginationWrapper className={className}>{children}</PaginationWrapper>\n    </PaginationProvider>\n  )\n}\n\nconst PaginationWrapper = ({\n  children,\n  className,\n}: {\n  children: ReactNode\n  className?: string\n}) => {\n  const { pagination } = usePagination()\n\n  const props = pagination.getRootProps()\n\n  return (\n    <nav data-spark-component=\"pagination\" {...props} className={className}>\n      <ul className=\"gap-md flex flex-wrap\">{children}</ul>\n    </nav>\n  )\n}\n\nPagination.displayName = 'Pagination'\n","import { mergeProps } from '@zag-js/react'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentPropsWithRef } from 'react'\n\nimport { usePagination } from './PaginationContext'\n\ninterface EllipsisProps extends ComponentPropsWithRef<'span'> {\n  index: number\n}\n\nexport const Ellipsis = ({ children, index, className, ref, ...rest }: EllipsisProps) => {\n  const { pagination } = usePagination()\n  const apiProps = pagination.getEllipsisProps({ index })\n  const localProps = {\n    className: cx('flex size-sz-44 items-center justify-center', className),\n    ...rest,\n  }\n\n  const mergedProps = mergeProps(apiProps, localProps)\n\n  return (\n    <li>\n      <span data-spark-component=\"pagination-ellipsis\" ref={ref} {...mergedProps}>\n        {children || '\\u2026'}\n      </span>\n    </li>\n  )\n}\n\nEllipsis.displayName = 'Pagination.Ellipsis'\n","import { ArrowDoubleLeft } from '@spark-ui/icons/ArrowDoubleLeft'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type FirstPageTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const FirstPageTrigger = ({\n  children,\n  className,\n  href,\n  ref,\n  ...props\n}: FirstPageTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getFirstPageTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-first-page-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowDoubleLeft />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nFirstPageTrigger.displayName = 'Pagination.FirstPageTrigger'\n","import { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Button } from '../button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type ItemProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  value: number\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const Item = ({ children, value, className, href, ref, ...props }: ItemProps) => {\n  const { pagination } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getItemProps({ type: 'page', value })\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-item',\n    intent: 'support',\n    design: apiProps['aria-current'] === 'page' ? 'filled' : 'contrast',\n    className,\n    ...props,\n  }\n\n  const mergedProps = mergeProps(apiProps, localProps)\n\n  return (\n    <li>\n      {href ? (\n        <Button ref={ref} {...mergedProps} asChild>\n          <a href={href}>{children || value}</a>\n        </Button>\n      ) : (\n        <Button ref={ref} {...mergedProps}>\n          {children || value}\n        </Button>\n      )}\n    </li>\n  )\n}\n\nItem.displayName = 'Pagination.Item'\n","import { ArrowDoubleRight } from '@spark-ui/icons/ArrowDoubleRight'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type LastPageTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const LastPageTrigger = ({\n  children,\n  className,\n  href,\n  ref,\n  ...props\n}: LastPageTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getLastPageTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-last-page-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowDoubleRight />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nLastPageTrigger.displayName = 'Pagination.LastPageTrigger'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type NextTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const NextTrigger = ({ children, className, href, ref, ...props }: NextTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getNextTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-next-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowVerticalRight />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nNextTrigger.displayName = 'Pagination.NextTrigger'\n","import * as pagination from '@zag-js/pagination'\nimport { ReactNode } from 'react'\n\nimport { usePagination } from './PaginationContext'\n\n// Extract the 'page' type element from the pagination API's 'pages' array.\ntype PageItem = Extract<pagination.Api['pages'][number], { type: 'page' }>\n\n// Define a type that conditionally tweaks the pagination API\n// based on the generic T parameter.\ntype TweakedPaginationApi<T extends 'noEllipsis' | ''> = Omit<pagination.Api, 'pages'> & {\n  pages: T extends 'noEllipsis' ? PageItem[] : pagination.Api['pages']\n}\n\ninterface PagesProps<T extends 'noEllipsis' | ''> {\n  children: (pagination: TweakedPaginationApi<T>) => ReactNode\n}\n\nexport const Pages = <T extends 'noEllipsis' | '' = ''>({ children }: PagesProps<T>) => {\n  const { pagination } = usePagination()\n\n  return children(pagination as TweakedPaginationApi<T>)\n}\n\nPages.displayName = 'Pagination.Pages'\n","import { ArrowVerticalLeft } from '@spark-ui/icons/ArrowVerticalLeft'\nimport { mergeProps } from '@zag-js/react'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { usePagination } from './PaginationContext'\n\ninterface AnchorProps extends ComponentPropsWithoutRef<'a'> {\n  href: string\n}\n\ninterface ButtonProps extends ComponentPropsWithoutRef<'button'> {\n  href?: undefined\n}\nexport type PrevTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const PrevTrigger = ({ children, className, href, ref, ...props }: PrevTriggerProps) => {\n  const { pagination, type } = usePagination()\n\n  // ZagJS props\n  const apiProps = pagination.getPrevTriggerProps()\n\n  const shouldDisableLink =\n    type === 'link' &&\n    (apiProps as typeof apiProps & { 'data-disabled'?: string })['data-disabled'] === ''\n\n  // Locally managed props\n  const localProps = {\n    'data-spark-component': 'pagination-prev-trigger',\n    intent: 'support',\n    design: 'contrast',\n    ...props,\n    className,\n    ...(shouldDisableLink && {\n      disabled: true,\n      role: 'link',\n      'aria-disabled': true,\n    }),\n  }\n\n  // We know 'aria-label' is included in props\n  type WithAriaLabel = Omit<typeof apiProps, 'aria-label'> & { 'aria-label': string }\n\n  const mergedProps = mergeProps(\n    apiProps,\n    localProps as unknown as typeof apiProps\n  ) as WithAriaLabel\n\n  const content = children || (\n    <Icon>\n      <ArrowVerticalLeft />\n    </Icon>\n  )\n\n  return (\n    <li>\n      {href ? (\n        <IconButton ref={ref} {...mergedProps} asChild>\n          <a href={shouldDisableLink ? undefined : href}>{content}</a>\n        </IconButton>\n      ) : (\n        <IconButton ref={ref} {...mergedProps}>\n          {content}\n        </IconButton>\n      )}\n    </li>\n  )\n}\n\nPrevTrigger.displayName = 'Pagination.PrevTrigger'\n","import type { FC } from 'react'\n\nimport { Pagination as Root, type PaginationProps } from './Pagination'\nimport { Ellipsis } from './PaginationEllipsis'\nimport { FirstPageTrigger } from './PaginationFirstPageTrigger'\nimport { Item } from './PaginationItem'\nimport { LastPageTrigger } from './PaginationLastPageTrigger'\nimport { NextTrigger } from './PaginationNextTrigger'\nimport { Pages } from './PaginationPages'\nimport { PrevTrigger } from './PaginationPrevTrigger'\n\nexport const Pagination: FC<PaginationProps> & {\n  PrevTrigger: typeof PrevTrigger\n  NextTrigger: typeof NextTrigger\n  Pages: typeof Pages\n  Item: typeof Item\n  Ellipsis: typeof Ellipsis\n  FirstPageTrigger: typeof FirstPageTrigger\n  LastPageTrigger: typeof LastPageTrigger\n} = Object.assign(Root, {\n  PrevTrigger,\n  NextTrigger,\n  Pages,\n  Item,\n  Ellipsis,\n  FirstPageTrigger,\n  LastPageTrigger,\n})\n\nPagination.displayName = 'Pagination'\n\nPrevTrigger.displayName = 'Pagination.PrevTrigger'\nNextTrigger.displayName = 'Pagination.NextTrigger'\nPages.displayName = 'Pagination.Pages'\nItem.displayName = 'Pagination.Item'\nEllipsis.displayName = 'Pagination.Ellipsis'\nFirstPageTrigger.displayName = 'Pagination.FirstPageTrigger'\nLastPageTrigger.displayName = 'Pagination.LastPageTrigger'\n"],"names":["sliceArrayWithIndex","arr","index","length","relativeElements","start","end","PaginationContext","createContext","PaginationProvider","children","count","visiblePageItems","pageSize","page","onPageChange","noEllipsis","type","siblingCount","id","useId","service","useMachine","pagination","api","normalizeProps","pages","jsx","usePagination","context","useContext","Pagination","className","rest","PaginationWrapper","props","Ellipsis","ref","apiProps","localProps","cx","mergedProps","mergeProps","FirstPageTrigger","href","shouldDisableLink","content","Icon","ArrowDoubleLeft","IconButton","Item","value","Button","LastPageTrigger","ArrowDoubleRight","NextTrigger","ArrowVerticalRight","Pages","PrevTrigger","ArrowVerticalLeft","Root"],"mappings":"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"}

package/dist/pagination/utils.d.ts

@@ -0,0 +1 @@
+export declare function sliceArrayWithIndex(arr: any[], index: number, length: number): any[];