@spark-ui/components 17.2.3 → 17.2.4-beta.0

package/dist/pagination/index.mjs

@@ -1,224 +1,263 @@
-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-BO327oHU.mjs";
-import { I as P } from "../IconButton-DdB3Pq13.mjs";
-import { B as L } from "../Button-1M9DcZl0.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);
+import { t as e } from "../icon-D05Uqh8_.mjs";
+import { t } from "../button-_YZ_4J42.mjs";
+import { t as n } from "../icon-button-6p3O7NIm.mjs";
+import { cx as r } from "class-variance-authority";
+import { createContext as i, useContext as a, useId as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { ArrowVerticalRight as c } from "@spark-ui/icons/ArrowVerticalRight";
+import { ArrowVerticalLeft as l } from "@spark-ui/icons/ArrowVerticalLeft";
+import * as u from "@zag-js/pagination";
+import { mergeProps as d, normalizeProps as f, useMachine as p } from "@zag-js/react";
+import { ArrowDoubleLeft as m } from "@spark-ui/icons/ArrowDoubleLeft";
+import { ArrowDoubleRight as h } from "@spark-ui/icons/ArrowDoubleRight";
+//#region src/pagination/utils.ts
+function g(e, t, n) {
+	let r = (n - 1) / 2, i = Math.max(0, t - r), a = Math.min(e.length, t + r + 1);
+	return a - i < n && (i = Math.max(0, Math.min(i, e.length - n)), a = Math.min(e.length, i + n)), e.slice(i, a);
 }
-const C = F(null), W = ({
-  children: i,
-  count: e,
-  visiblePageItems: n = 7,
-  pageSize: a,
-  page: r,
-  onPageChange: s,
-  noEllipsis: l,
-  type: g = "link"
-}) => {
-  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: g,
-        pagination: {
-          ...o,
-          pages: M,
-          // Extending ZagJS anatomy
-          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: i
-    }
-  );
-}, 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 })
-  }
-), O = ({
-  children: i,
-  className: e
-}) => {
-  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 }) });
+//#endregion
+//#region src/pagination/PaginationContext.tsx
+var _ = i(null), v = ({ children: e, count: t, visiblePageItems: n = 7, pageSize: r, page: i, onPageChange: a, noEllipsis: c, type: l = "link" }) => {
+	let d = c ? Infinity : Math.max(0, Math.floor((n - 5) / 2)), m = o(), h = p(u.machine, {
+		id: m,
+		count: t,
+		siblingCount: d,
+		pageSize: r,
+		page: i,
+		onPageChange: a,
+		type: l
+	}), v = u.connect(h, f), y = c ? g(v.pages, v.page - 1, n) : v.pages;
+	return /* @__PURE__ */ s(_.Provider, {
+		value: {
+			type: l,
+			pagination: {
+				...v,
+				pages: y,
+				getFirstPageTriggerProps: () => ({
+					...v.getPrevTriggerProps(),
+					id: `${v.getRootProps().id}:first`,
+					"data-part": "first-page-trigger",
+					onClick: v.goToFirstPage
+				}),
+				getLastPageTriggerProps: () => ({
+					...v.getNextTriggerProps(),
+					id: `${v.getRootProps().id}:last`,
+					"data-part": "last-page-trigger",
+					onClick: v.goToLastPage
+				})
+			}
+		},
+		children: e
+	});
+}, y = () => {
+	let e = a(_);
+	if (!e) throw Error("usePagination must be used within a Pagination provider");
+	return e;
+}, b = ({ children: e, visiblePageItems: t = 5, type: n = "link", noEllipsis: r = !1, className: i, ...a }) => /* @__PURE__ */ s(v, {
+	visiblePageItems: t,
+	noEllipsis: r,
+	type: n,
+	...a,
+	children: /* @__PURE__ */ s(x, {
+		className: i,
+		children: e
+	})
+}), x = ({ children: e, className: t }) => {
+	let { pagination: n } = y(), r = n.getRootProps();
+	return /* @__PURE__ */ s("nav", {
+		"data-spark-component": "pagination",
+		...r,
+		className: t,
+		children: /* @__PURE__ */ s("ul", {
+			className: "gap-md flex flex-wrap",
+			children: e
+		})
+	});
 };
-I.displayName = "Pagination";
-const f = ({ 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 || "…" }) });
+b.displayName = "Pagination";
+//#endregion
+//#region src/pagination/PaginationEllipsis.tsx
+var S = ({ children: e, index: t, className: n, ref: i, ...a }) => {
+	let { pagination: o } = y(), c = d(o.getEllipsisProps({ index: t }), {
+		className: r("flex size-sz-44 items-center justify-center", n),
+		...a
+	});
+	return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s("span", {
+		"data-spark-component": "pagination-ellipsis",
+		ref: i,
+		...c,
+		children: e || "…"
+	}) });
 };
-f.displayName = "Pagination.Ellipsis";
-const k = ({
-  children: i,
-  className: e,
-  href: n,
-  ref: a,
-  ...r
-}) => {
-  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",
-    ...r,
-    className: e,
-    ...p && {
-      disabled: !0,
-      role: "link",
-      "aria-disabled": !0
-    }
-  }, 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 }) });
+S.displayName = "Pagination.Ellipsis";
+//#endregion
+//#region src/pagination/PaginationFirstPageTrigger.tsx
+var C = ({ children: t, className: r, href: i, ref: a, ...o }) => {
+	let { pagination: c, type: l } = y(), u = c.getFirstPageTriggerProps(), f = l === "link" && u["data-disabled"] === "", p = d(u, {
+		"data-spark-component": "pagination-first-page-trigger",
+		intent: "support",
+		design: "contrast",
+		...o,
+		className: r,
+		...f && {
+			disabled: !0,
+			role: "link",
+			"aria-disabled": !0
+		}
+	}), h = t || /* @__PURE__ */ s(e, { children: /* @__PURE__ */ s(m, {}) });
+	return /* @__PURE__ */ s("li", { children: i ? /* @__PURE__ */ s(n, {
+		ref: a,
+		...p,
+		asChild: !0,
+		children: /* @__PURE__ */ s("a", {
+			href: f ? void 0 : i,
+			children: h
+		})
+	}) : /* @__PURE__ */ s(n, {
+		ref: a,
+		...p,
+		children: h
+	}) });
 };
-k.displayName = "Pagination.FirstPageTrigger";
-function y({ 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: 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 }) });
+C.displayName = "Pagination.FirstPageTrigger";
+//#endregion
+//#region src/pagination/PaginationItem.tsx
+function w({ children: e, value: n, className: r, href: i, ref: a, ...o }) {
+	let { pagination: c } = y(), l = c.getItemProps({
+		type: "page",
+		value: n
+	}), u = d(l, {
+		"data-spark-component": "pagination-item",
+		intent: "support",
+		design: l["aria-current"] === "page" ? "filled" : "contrast",
+		className: r,
+		...o
+	});
+	return /* @__PURE__ */ s("li", { children: i ? /* @__PURE__ */ s(t, {
+		ref: a,
+		...u,
+		asChild: !0,
+		children: /* @__PURE__ */ s("a", {
+			href: i,
+			children: e || n
+		})
+	}) : /* @__PURE__ */ s(t, {
+		ref: a,
+		...u,
+		children: e || n
+	}) });
 }
-y.displayName = "Pagination.Item";
-const N = ({
-  children: i,
-  className: e,
-  href: n,
-  ref: a,
-  ...r
-}) => {
-  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",
-    ...r,
-    className: e,
-    ...p && {
-      disabled: !0,
-      role: "link",
-      "aria-disabled": !0
-    }
-  }, 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 }) });
+w.displayName = "Pagination.Item";
+//#endregion
+//#region src/pagination/PaginationLastPageTrigger.tsx
+var T = ({ children: t, className: r, href: i, ref: a, ...o }) => {
+	let { pagination: c, type: l } = y(), u = c.getLastPageTriggerProps(), f = l === "link" && u["data-disabled"] === "", p = d(u, {
+		"data-spark-component": "pagination-last-page-trigger",
+		intent: "support",
+		design: "contrast",
+		...o,
+		className: r,
+		...f && {
+			disabled: !0,
+			role: "link",
+			"aria-disabled": !0
+		}
+	}), m = t || /* @__PURE__ */ s(e, { children: /* @__PURE__ */ s(h, {}) });
+	return /* @__PURE__ */ s("li", { children: i ? /* @__PURE__ */ s(n, {
+		ref: a,
+		...p,
+		asChild: !0,
+		children: /* @__PURE__ */ s("a", {
+			href: f ? void 0 : i,
+			children: m
+		})
+	}) : /* @__PURE__ */ s(n, {
+		ref: a,
+		...p,
+		children: m
+	}) });
 };
-N.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",
-    ...r,
-    className: e,
-    ...p && {
-      disabled: !0,
-      role: "link",
-      "aria-disabled": !0
-    }
-  }, 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 }) });
+T.displayName = "Pagination.LastPageTrigger";
+//#endregion
+//#region src/pagination/PaginationNextTrigger.tsx
+var E = ({ children: t, className: r, href: i, ref: a, ...o }) => {
+	let { pagination: l, type: u } = y(), f = l.getNextTriggerProps(), p = u === "link" && f["data-disabled"] === "", m = d(f, {
+		"data-spark-component": "pagination-next-trigger",
+		intent: "support",
+		design: "contrast",
+		...o,
+		className: r,
+		...p && {
+			disabled: !0,
+			role: "link",
+			"aria-disabled": !0
+		}
+	}), h = t || /* @__PURE__ */ s(e, { children: /* @__PURE__ */ s(c, {}) });
+	return /* @__PURE__ */ s("li", { children: i ? /* @__PURE__ */ s(n, {
+		ref: a,
+		...m,
+		asChild: !0,
+		children: /* @__PURE__ */ s("a", {
+			href: p ? void 0 : i,
+			children: h
+		})
+	}) : /* @__PURE__ */ s(n, {
+		ref: a,
+		...m,
+		children: h
+	}) });
 };
-T.displayName = "Pagination.NextTrigger";
-const b = ({ children: i }) => {
-  const { pagination: e } = m();
-  return i(e);
+E.displayName = "Pagination.NextTrigger";
+//#endregion
+//#region src/pagination/PaginationPages.tsx
+var D = ({ children: e }) => {
+	let { pagination: t } = y();
+	return e(t);
 };
-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",
-    ...r,
-    className: e,
-    ...p && {
-      disabled: !0,
-      role: "link",
-      "aria-disabled": !0
-    }
-  }, 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 }) });
+D.displayName = "Pagination.Pages";
+//#endregion
+//#region src/pagination/PaginationPrevTrigger.tsx
+var O = ({ children: t, className: r, href: i, ref: a, ...o }) => {
+	let { pagination: c, type: u } = y(), f = c.getPrevTriggerProps(), p = u === "link" && f["data-disabled"] === "", m = d(f, {
+		"data-spark-component": "pagination-prev-trigger",
+		intent: "support",
+		design: "contrast",
+		...o,
+		className: r,
+		...p && {
+			disabled: !0,
+			role: "link",
+			"aria-disabled": !0
+		}
+	}), h = t || /* @__PURE__ */ s(e, { children: /* @__PURE__ */ s(l, {}) });
+	return /* @__PURE__ */ s("li", { children: i ? /* @__PURE__ */ s(n, {
+		ref: a,
+		...m,
+		asChild: !0,
+		children: /* @__PURE__ */ s("a", {
+			href: p ? void 0 : i,
+			children: h
+		})
+	}) : /* @__PURE__ */ s(n, {
+		ref: a,
+		...m,
+		children: h
+	}) });
 };
-x.displayName = "Pagination.PrevTrigger";
-const q = Object.assign(I, {
-  PrevTrigger: x,
-  NextTrigger: T,
-  Pages: b,
-  Item: y,
-  Ellipsis: f,
-  FirstPageTrigger: k,
-  LastPageTrigger: N
+O.displayName = "Pagination.PrevTrigger";
+//#endregion
+//#region src/pagination/index.ts
+var k = Object.assign(b, {
+	PrevTrigger: O,
+	NextTrigger: E,
+	Pages: D,
+	Item: w,
+	Ellipsis: S,
+	FirstPageTrigger: C,
+	LastPageTrigger: T
 });
-q.displayName = "Pagination";
-x.displayName = "Pagination.PrevTrigger";
-T.displayName = "Pagination.NextTrigger";
-b.displayName = "Pagination.Pages";
-y.displayName = "Pagination.Item";
-f.displayName = "Pagination.Ellipsis";
-k.displayName = "Pagination.FirstPageTrigger";
-N.displayName = "Pagination.LastPageTrigger";
-export {
-  q as Pagination
-};
-//# sourceMappingURL=index.mjs.map
+k.displayName = "Pagination", O.displayName = "Pagination.PrevTrigger", E.displayName = "Pagination.NextTrigger", D.displayName = "Pagination.Pages", w.displayName = "Pagination.Item", S.displayName = "Pagination.Ellipsis", C.displayName = "Pagination.FirstPageTrigger", T.displayName = "Pagination.LastPageTrigger";
+//#endregion
+export { k as Pagination };
+
+//# sourceMappingURL=index.mjs.map

package/dist/pagination/index.mjs.map

@@ -1 +1 @@
-{"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\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type FirstPageTriggerProps = (AnchorProps | ButtonProps) & {\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, ReactElement, Ref } from 'react'\n\nimport { Button } from '../button'\nimport { usePagination } from './PaginationContext'\n\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type ItemProps = (AnchorProps | ButtonProps) & {\n  'aria-label': string\n  value: number\n  ref?: Ref<HTMLButtonElement>\n}\n\n/**\n * A numbered page item.\n * Should be used within `Pagination.Pages` to ensure proper functionality and accessibility.\n *\n * Can be rendered as an anchor or a button :\n * - Set a `href` prop to render the item as an anchor element.\n * - When using `href`, the `asChild` prop isn’t available since the component will already be rendered as an anchor element.\n */\nexport function Item({ children, value, className, href, ref, ...props }: ItemProps): ReactElement {\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\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type LastPageTriggerProps = (AnchorProps | ButtonProps) & {\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\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type NextTriggerProps = (AnchorProps | ButtonProps) & {\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\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type PrevTriggerProps = (AnchorProps | ButtonProps) & {\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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"}
+{"version":3,"file":"index.mjs","names":[],"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\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type FirstPageTriggerProps = (AnchorProps | ButtonProps) & {\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, ReactElement, Ref } from 'react'\n\nimport { Button } from '../button'\nimport { usePagination } from './PaginationContext'\n\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type ItemProps = (AnchorProps | ButtonProps) & {\n  'aria-label': string\n  value: number\n  ref?: Ref<HTMLButtonElement>\n}\n\n/**\n * A numbered page item.\n * Should be used within `Pagination.Pages` to ensure proper functionality and accessibility.\n *\n * Can be rendered as an anchor or a button :\n * - Set a `href` prop to render the item as an anchor element.\n * - When using `href`, the `asChild` prop isn’t available since the component will already be rendered as an anchor element.\n */\nexport function Item({ children, value, className, href, ref, ...props }: ItemProps): ReactElement {\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\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type LastPageTriggerProps = (AnchorProps | ButtonProps) & {\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\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type NextTriggerProps = (AnchorProps | ButtonProps) & {\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\ntype AnchorProps = ComponentPropsWithoutRef<'a'> & {\n  href: string\n  asChild?: never\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'> & {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.\n   */\n  asChild?: boolean\n  href?: never\n}\n\nexport type PrevTriggerProps = (AnchorProps | ButtonProps) & {\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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"}