@spark-ui/components 16.0.2 → 16.1.0

package/dist/pagination/PaginationFirstPageTrigger.d.ts

@@ -1,11 +1,17 @@
 import { ComponentPropsWithoutRef, Ref } from 'react';
-interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
     href: string;
-}
-interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-export type FirstPageTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type FirstPageTriggerProps = (AnchorProps | ButtonProps) & {
     'aria-label': string;
     ref?: Ref<HTMLButtonElement>;
 };

package/dist/pagination/PaginationItem.d.ts

@@ -1,17 +1,31 @@
-import { ComponentPropsWithoutRef, Ref } from 'react';
-interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+import { ComponentPropsWithoutRef, ReactElement, Ref } from 'react';
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
     href: string;
-}
-interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-export type ItemProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type ItemProps = (AnchorProps | ButtonProps) & {
     'aria-label': string;
     value: number;
     ref?: Ref<HTMLButtonElement>;
 };
-export declare const Item: {
-    ({ children, value, className, href, ref, ...props }: ItemProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+/**
+ * A numbered page item.
+ * Should be used within `Pagination.Pages` to ensure proper functionality and accessibility.
+ *
+ * Can be rendered as an anchor or a button :
+ * - Set a `href` prop to render the item as an anchor element.
+ * - When using `href`, the `asChild` prop isn’t available since the component will already be rendered as an anchor element.
+ */
+export declare function Item({ children, value, className, href, ref, ...props }: ItemProps): ReactElement;
+export declare namespace Item {
+    var displayName: string;
+}
 export {};

package/dist/pagination/PaginationLastPageTrigger.d.ts

@@ -1,11 +1,17 @@
 import { ComponentPropsWithoutRef, Ref } from 'react';
-interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
     href: string;
-}
-interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-export type LastPageTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type LastPageTriggerProps = (AnchorProps | ButtonProps) & {
     'aria-label': string;
     ref?: Ref<HTMLButtonElement>;
 };

package/dist/pagination/PaginationNextTrigger.d.ts

@@ -1,11 +1,17 @@
 import { ComponentPropsWithoutRef, Ref } from 'react';
-interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
     href: string;
-}
-interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-export type NextTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type NextTriggerProps = (AnchorProps | ButtonProps) & {
     'aria-label': string;
     ref?: Ref<HTMLButtonElement>;
 };

package/dist/pagination/PaginationPrevTrigger.d.ts

@@ -1,11 +1,17 @@
 import { ComponentPropsWithoutRef, Ref } from 'react';
-interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+type AnchorProps = ComponentPropsWithoutRef<'a'> & {
     href: string;
-}
-interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-export type PrevTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    asChild?: never;
+};
+type ButtonProps = ComponentPropsWithoutRef<'button'> & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * Unavailable for anchor items (with `href` prop) since the component will already be rendered as an anchor element.
+     */
+    asChild?: boolean;
+    href?: never;
+};
+export type PrevTriggerProps = (AnchorProps | ButtonProps) & {
     'aria-label': string;
     ref?: Ref<HTMLButtonElement>;
 };

package/dist/pagination/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),C=require("@zag-js/pagination"),u=require("@zag-js/react"),h=require("react"),A=require("class-variance-authority"),D=require("@spark-ui/icons/ArrowDoubleLeft"),x=require("../Icon-CF0W0LKr.js"),P=require("../IconButton-D3g86WpZ.js"),I=require("../Button-B6rA3-e5.js"),M=require("@spark-ui/icons/ArrowDoubleRight"),R=require("@spark-ui/icons/ArrowVerticalRight"),O=require("@spark-ui/icons/ArrowVerticalLeft");function F(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const v=F(C);function E(e,i,n){const r=(n-1)/2;let a=Math.max(0,i-r),s=Math.min(e.length,i+r+1);return s-a<n&&(a=Math.max(0,Math.min(a,e.length-n)),s=Math.min(e.length,a+n)),e.slice(a,s)}const L=h.createContext(null),V=({children:e,count:i,visiblePageItems:n=7,pageSize:r,page:a,onPageChange:s,noEllipsis:l,type:c="link"})=>{const g=l?1/0:Math.max(0,Math.floor((n-5)/2)),d=h.useId(),p=u.useMachine(v.machine,{id:d,count:i,siblingCount:g,pageSize:r,page:a,onPageChange:s,type:c}),o=v.connect(p,u.normalizeProps),B=l?E(o.pages,o.page-1,n):o.pages;return t.jsx(L.Provider,{value:{type:c,pagination:{...o,pages:B,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:e})},m=()=>{const e=h.useContext(L);if(!e)throw Error("usePagination must be used within a Pagination provider");return e},q=({children:e,visiblePageItems:i=5,type:n="link",noEllipsis:r=!1,className:a,...s})=>t.jsx(V,{visiblePageItems:i,noEllipsis:r,type:n,...s,children:t.jsx(z,{className:a,children:e})}),z=({children:e,className:i})=>{const{pagination:n}=m(),r=n.getRootProps();return t.jsx("nav",{"data-spark-component":"pagination",...r,className:i,children:t.jsx("ul",{className:"gap-md flex flex-wrap",children:e})})};q.displayName="Pagination";const j=({children:e,index:i,className:n,ref:r,...a})=>{const{pagination:s}=m(),l=s.getEllipsisProps({index:i}),c={className:A.cx("flex size-sz-44 items-center justify-center",n),...a},g=u.mergeProps(l,c);return t.jsx("li",{children:t.jsx("span",{"data-spark-component":"pagination-ellipsis",ref:r,...g,children:e||"…"})})};j.displayName="Pagination.Ellipsis";const b=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getFirstPageTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-first-page-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(D.ArrowDoubleLeft,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};b.displayName="Pagination.FirstPageTrigger";const y=({children:e,value:i,className:n,href:r,ref:a,...s})=>{const{pagination:l}=m(),c=l.getItemProps({type:"page",value:i}),g={"data-spark-component":"pagination-item",intent:"support",design:c["aria-current"]==="page"?"filled":"contrast",className:n,...s},d=u.mergeProps(c,g);return t.jsx("li",{children:r?t.jsx(I.Button,{ref:a,...d,asChild:!0,children:t.jsx("a",{href:r,children:e||i})}):t.jsx(I.Button,{ref:a,...d,children:e||i})})};y.displayName="Pagination.Item";const k=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getLastPageTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-last-page-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(M.ArrowDoubleRight,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};k.displayName="Pagination.LastPageTrigger";const N=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getNextTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-next-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(R.ArrowVerticalRight,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};N.displayName="Pagination.NextTrigger";const T=({children:e})=>{const{pagination:i}=m();return e(i)};T.displayName="Pagination.Pages";const f=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getPrevTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-prev-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(O.ArrowVerticalLeft,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};f.displayName="Pagination.PrevTrigger";const w=Object.assign(q,{PrevTrigger:f,NextTrigger:N,Pages:T,Item:y,Ellipsis:j,FirstPageTrigger:b,LastPageTrigger:k});w.displayName="Pagination";f.displayName="Pagination.PrevTrigger";N.displayName="Pagination.NextTrigger";T.displayName="Pagination.Pages";y.displayName="Pagination.Item";j.displayName="Pagination.Ellipsis";b.displayName="Pagination.FirstPageTrigger";k.displayName="Pagination.LastPageTrigger";exports.Pagination=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),C=require("@zag-js/pagination"),u=require("@zag-js/react"),h=require("react"),A=require("class-variance-authority"),D=require("@spark-ui/icons/ArrowDoubleLeft"),x=require("../Icon-CF0W0LKr.js"),P=require("../IconButton-D3g86WpZ.js"),I=require("../Button-B6rA3-e5.js"),M=require("@spark-ui/icons/ArrowDoubleRight"),R=require("@spark-ui/icons/ArrowVerticalRight"),O=require("@spark-ui/icons/ArrowVerticalLeft");function F(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const v=F(C);function E(e,i,n){const r=(n-1)/2;let a=Math.max(0,i-r),s=Math.min(e.length,i+r+1);return s-a<n&&(a=Math.max(0,Math.min(a,e.length-n)),s=Math.min(e.length,a+n)),e.slice(a,s)}const L=h.createContext(null),V=({children:e,count:i,visiblePageItems:n=7,pageSize:r,page:a,onPageChange:s,noEllipsis:l,type:c="link"})=>{const g=l?1/0:Math.max(0,Math.floor((n-5)/2)),d=h.useId(),p=u.useMachine(v.machine,{id:d,count:i,siblingCount:g,pageSize:r,page:a,onPageChange:s,type:c}),o=v.connect(p,u.normalizeProps),B=l?E(o.pages,o.page-1,n):o.pages;return t.jsx(L.Provider,{value:{type:c,pagination:{...o,pages:B,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:e})},m=()=>{const e=h.useContext(L);if(!e)throw Error("usePagination must be used within a Pagination provider");return e},q=({children:e,visiblePageItems:i=5,type:n="link",noEllipsis:r=!1,className:a,...s})=>t.jsx(V,{visiblePageItems:i,noEllipsis:r,type:n,...s,children:t.jsx(z,{className:a,children:e})}),z=({children:e,className:i})=>{const{pagination:n}=m(),r=n.getRootProps();return t.jsx("nav",{"data-spark-component":"pagination",...r,className:i,children:t.jsx("ul",{className:"gap-md flex flex-wrap",children:e})})};q.displayName="Pagination";const j=({children:e,index:i,className:n,ref:r,...a})=>{const{pagination:s}=m(),l=s.getEllipsisProps({index:i}),c={className:A.cx("flex size-sz-44 items-center justify-center",n),...a},g=u.mergeProps(l,c);return t.jsx("li",{children:t.jsx("span",{"data-spark-component":"pagination-ellipsis",ref:r,...g,children:e||"…"})})};j.displayName="Pagination.Ellipsis";const b=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getFirstPageTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-first-page-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(D.ArrowDoubleLeft,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};b.displayName="Pagination.FirstPageTrigger";function y({children:e,value:i,className:n,href:r,ref:a,...s}){const{pagination:l}=m(),c=l.getItemProps({type:"page",value:i}),g={"data-spark-component":"pagination-item",intent:"support",design:c["aria-current"]==="page"?"filled":"contrast",className:n,...s},d=u.mergeProps(c,g);return t.jsx("li",{children:r?t.jsx(I.Button,{ref:a,...d,asChild:!0,children:t.jsx("a",{href:r,children:e||i})}):t.jsx(I.Button,{ref:a,...d,children:e||i})})}y.displayName="Pagination.Item";const k=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getLastPageTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-last-page-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(M.ArrowDoubleRight,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};k.displayName="Pagination.LastPageTrigger";const N=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getNextTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-next-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(R.ArrowVerticalRight,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};N.displayName="Pagination.NextTrigger";const T=({children:e})=>{const{pagination:i}=m();return e(i)};T.displayName="Pagination.Pages";const f=({children:e,className:i,href:n,ref:r,...a})=>{const{pagination:s,type:l}=m(),c=s.getPrevTriggerProps(),g=l==="link"&&c["data-disabled"]==="",d={"data-spark-component":"pagination-prev-trigger",intent:"support",design:"contrast",...a,className:i,...g&&{disabled:!0,role:"link","aria-disabled":!0}},p=u.mergeProps(c,d),o=e||t.jsx(x.Icon,{children:t.jsx(O.ArrowVerticalLeft,{})});return t.jsx("li",{children:n?t.jsx(P.IconButton,{ref:r,...p,asChild:!0,children:t.jsx("a",{href:g?void 0:n,children:o})}):t.jsx(P.IconButton,{ref:r,...p,children:o})})};f.displayName="Pagination.PrevTrigger";const w=Object.assign(q,{PrevTrigger:f,NextTrigger:N,Pages:T,Item:y,Ellipsis:j,FirstPageTrigger:b,LastPageTrigger:k});w.displayName="Pagination";f.displayName="Pagination.PrevTrigger";N.displayName="Pagination.NextTrigger";T.displayName="Pagination.Pages";y.displayName="Pagination.Item";j.displayName="Pagination.Ellipsis";b.displayName="Pagination.FirstPageTrigger";k.displayName="Pagination.LastPageTrigger";exports.Pagination=w;
 //# sourceMappingURL=index.js.map

package/dist/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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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"}
+{"version":3,"file":"index.js","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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"}

package/dist/pagination/index.mjs

@@ -89,15 +89,15 @@ const C = F(null), W = ({
   return /* @__PURE__ */ t("nav", { "data-spark-component": "pagination", ...a, className: e, children: /* @__PURE__ */ t("ul", { className: "gap-md flex flex-wrap", children: i }) });
 };
 I.displayName = "Pagination";
-const k = ({ children: i, index: e, className: n, ref: a, ...r }) => {
+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 || "…" }) });
 };
-k.displayName = "Pagination.Ellipsis";
-const y = ({
+f.displayName = "Pagination.Ellipsis";
+const k = ({
   children: i,
   className: e,
   href: n,
@@ -121,8 +121,8 @@ const y = ({
   ), 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 }) });
 };
-y.displayName = "Pagination.FirstPageTrigger";
-const N = ({ children: i, value: e, className: n, href: a, ref: r, ...s }) => {
+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",
@@ -131,9 +131,9 @@ const N = ({ children: i, value: e, className: n, href: a, ref: r, ...s }) => {
     ...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 }) });
-};
-N.displayName = "Pagination.Item";
-const f = ({
+}
+y.displayName = "Pagination.Item";
+const N = ({
   children: i,
   className: e,
   href: n,
@@ -157,7 +157,7 @@ const f = ({
   ), 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 }) });
 };
-f.displayName = "Pagination.LastPageTrigger";
+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",
@@ -205,19 +205,19 @@ const q = Object.assign(I, {
   PrevTrigger: x,
   NextTrigger: T,
   Pages: b,
-  Item: N,
-  Ellipsis: k,
-  FirstPageTrigger: y,
-  LastPageTrigger: f
+  Item: y,
+  Ellipsis: f,
+  FirstPageTrigger: k,
+  LastPageTrigger: N
 });
 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";
+y.displayName = "Pagination.Item";
+f.displayName = "Pagination.Ellipsis";
+k.displayName = "Pagination.FirstPageTrigger";
+N.displayName = "Pagination.LastPageTrigger";
 export {
   q as Pagination
 };

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\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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"}
+{"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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"}

package/dist/rating-display/RatingDisplay.d.ts

@@ -1,6 +1,11 @@
 import { ComponentPropsWithRef, PropsWithChildren } from 'react';
 import { RatingDisplayStarProps } from './RatingDisplayStar';
 export interface RatingDisplayProps extends PropsWithChildren<ComponentPropsWithRef<'div'>> {
+    /**
+     * When true, merges props onto the single child element instead of rendering a div.
+     * Use to render the root as a link or another custom element.
+     */
+    asChild?: boolean;
     /**
      * The rating value to display, on a scale from 0 to 5.
      */
@@ -21,6 +26,6 @@ export interface RatingDisplayProps extends PropsWithChildren<ComponentPropsWith
 }
 export type RatingDisplayRootProps = RatingDisplayProps;
 export declare const RatingDisplay: {
-    ({ value, size, count, ref, children, ...rest }: RatingDisplayProps): import("react/jsx-runtime").JSX.Element;
+    ({ value, size, count, asChild, ref, children, ...rest }: RatingDisplayProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/rating-display/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),x=require("react"),o=require("class-variance-authority"),N=require("@spark-ui/icons/StarFill"),V=require("@spark-ui/icons/StarOutline"),y=require("../Icon-CF0W0LKr.js"),D=x.createContext(null),j=({value:t,size:a,count:s,children:e})=>n.jsx(D.Provider,{value:{value:t,size:a,count:s},children:e}),d=()=>{const t=x.useContext(D);if(!t)throw new Error("RatingDisplay compound components must be used within RatingDisplay.");return t},v=({value:t=0,size:a="md",count:s,ref:e,children:r,...i})=>{const l=t??0;return n.jsx(j,{value:l,size:a,count:s,children:n.jsx("div",{ref:e,className:"gap-x-sm relative inline-flex items-center","data-spark-component":"rating-display",...i,children:r})})};v.displayName="RatingDisplay";const b=o.cva("text-on-surface/dim-1",{variants:{size:{sm:"text-caption",md:"text-body-2",lg:"text-display-3"}},defaultVariants:{size:"md"}}),p=({className:t,children:a,...s})=>{const{count:e,size:r}=d();if(e===void 0)return null;const i=typeof a=="function"?a(e):a??e;return n.jsxs("span",{className:b({size:r??"md",className:t}),...s,children:["(",i,")"]})};p.displayName="RatingDisplay.Count";const h=o.cva(["relative block after:absolute after:block after:inset-0"],{variants:{gap:{sm:["after:w-[calc(100%+(var(--spacing-sm)))]","last-of-type:after:content-none"],md:["after:w-[calc(100%+(var(--spacing-md)))]","last-of-type:after:content-none"]}},defaultVariants:{gap:"sm"}}),f=o.cva("",{variants:{size:{sm:"text-caption-link",md:"text-body-1",lg:"text-display-3"},design:{filled:["text-main-variant"],outlined:["text-on-surface/dim-3"]}}}),z=({value:t,size:a})=>n.jsxs("div",{"data-spark-component":"rating-display-star","data-part":"star",className:h({gap:a==="lg"?"md":"sm"}),children:[n.jsx("div",{className:o.cx("z-raised absolute overflow-hidden"),style:{width:t*100+"%"},children:n.jsx(y.Icon,{className:f({size:a,design:"filled"}),children:n.jsx(N.StarFill,{})})}),n.jsx(y.Icon,{className:f({size:a,design:"outlined"}),children:n.jsx(V.StarOutline,{})})]});function C(t){return Math.round(t/.5)*.5}function w(t){const a=Intl.DateTimeFormat().resolvedOptions().locale;return new Intl.NumberFormat(a,{minimumFractionDigits:0,maximumFractionDigits:1}).format(t)}function k({value:t,index:a}){if(t===void 0)return 0;const s=a+1,e=C(t);return Math.ceil(e)<s?0:e>=s?1:.5}function q(t){return t===void 0||t<1?0:t<4?.5:1}const m=({size:t,variant:a="default",getFillMode:s})=>{const{value:e,size:r}=d(),i=t??r,l=c=>s?s({index:c,value:e}):a==="single-star"?q(e):k({index:c,value:e}),S=a==="single-star"?[l(0)]:Array.from({length:5},(c,u)=>l(u));return n.jsx("div",{"data-spark-component":"rating-display-stars",className:o.cx(i==="lg"?"gap-x-md":"gap-x-sm","flex"),children:S.map((c,u)=>n.jsx(z,{size:i,value:c},u))})};m.displayName="RatingDisplay.Stars";const I=o.cva("text-on-surface font-bold",{variants:{size:{sm:"text-caption",md:"text-body-2",lg:"text-display-3"}},defaultVariants:{size:"md"}}),g=({className:t,children:a,...s})=>{const{value:e,size:r}=d(),i=w(e),l=typeof a=="function"?a(i,e):a??i;return n.jsx("span",{"data-spark-component":"rating-display-value",className:I({size:r??"md",className:t}),...s,children:l})};g.displayName="RatingDisplay.Value";const R=Object.assign(v,{Stars:m,Value:g,Count:p});R.displayName="RatingDisplay";m.displayName="RatingDisplay.Stars";g.displayName="RatingDisplay.Value";p.displayName="RatingDisplay.Count";exports.RatingDisplay=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),N=require("../Slot-DQ8z2zsy.js"),D=require("react"),c=require("class-variance-authority"),V=require("@spark-ui/icons/StarFill"),j=require("@spark-ui/icons/StarOutline"),f=require("../Icon-CF0W0LKr.js"),v=D.createContext(null),b=({value:t,size:a,count:n,children:e})=>s.jsx(v.Provider,{value:{value:t,size:a,count:n},children:e}),p=()=>{const t=D.useContext(v);if(!t)throw new Error("RatingDisplay compound components must be used within RatingDisplay.");return t},S=({value:t=0,size:a="md",count:n,asChild:e=!1,ref:r,children:i,...o})=>{const u=t??0,l=e?N.Slot:"div";return s.jsx(b,{value:u,size:a,count:n,children:s.jsx(l,{ref:r,className:"gap-x-sm relative inline-flex items-center","data-spark-component":"rating-display",...o,children:i})})};S.displayName="RatingDisplay";const h=c.cva("text-on-surface/dim-1",{variants:{size:{sm:"text-caption",md:"text-body-2",lg:"text-display-3"}},defaultVariants:{size:"md"}}),m=({className:t,children:a,...n})=>{const{count:e,size:r}=p();if(e===void 0)return null;const i=typeof a=="function"?a(e):a??e;return s.jsxs("span",{className:h({size:r??"md",className:t}),...n,children:["(",i,")"]})};m.displayName="RatingDisplay.Count";const z=c.cva(["relative block after:absolute after:block after:inset-0"],{variants:{gap:{sm:["after:w-[calc(100%+(var(--spacing-sm)))]","last-of-type:after:content-none"],md:["after:w-[calc(100%+(var(--spacing-md)))]","last-of-type:after:content-none"]}},defaultVariants:{gap:"sm"}}),x=c.cva("",{variants:{size:{sm:"text-caption-link",md:"text-body-1",lg:"text-display-3"},design:{filled:["text-main-variant"],outlined:["text-on-surface/dim-3"]}}}),C=({value:t,size:a})=>s.jsxs("div",{"data-spark-component":"rating-display-star","data-part":"star",className:z({gap:a==="lg"?"md":"sm"}),children:[s.jsx("div",{className:c.cx("z-raised absolute overflow-hidden"),style:{width:t*100+"%"},children:s.jsx(f.Icon,{className:x({size:a,design:"filled"}),children:s.jsx(V.StarFill,{})})}),s.jsx(f.Icon,{className:x({size:a,design:"outlined"}),children:s.jsx(j.StarOutline,{})})]});function w(t){return Math.round(t/.5)*.5}function k(t){const a=Intl.DateTimeFormat().resolvedOptions().locale;return new Intl.NumberFormat(a,{minimumFractionDigits:0,maximumFractionDigits:1}).format(t)}function q({value:t,index:a}){if(t===void 0)return 0;const n=a+1,e=w(t);return Math.ceil(e)<n?0:e>=n?1:.5}function I(t){return t===void 0||t<1?0:t<4?.5:1}const g=({size:t,variant:a="default",getFillMode:n})=>{const{value:e,size:r}=p(),i=t??r,o=l=>n?n({index:l,value:e}):a==="single-star"?I(e):q({index:l,value:e}),u=a==="single-star"?[o(0)]:Array.from({length:5},(l,d)=>o(d));return s.jsx("div",{"data-spark-component":"rating-display-stars",className:c.cx(i==="lg"?"gap-x-md":"gap-x-sm","flex"),children:u.map((l,d)=>s.jsx(C,{size:i,value:l},d))})};g.displayName="RatingDisplay.Stars";const F=c.cva("text-on-surface font-bold",{variants:{size:{sm:"text-caption",md:"text-body-2",lg:"text-display-3"}},defaultVariants:{size:"md"}}),y=({className:t,children:a,...n})=>{const{value:e,size:r}=p(),i=k(e),o=typeof a=="function"?a(i,e):a??i;return s.jsx("span",{"data-spark-component":"rating-display-value",className:F({size:r??"md",className:t}),...n,children:o})};y.displayName="RatingDisplay.Value";const R=Object.assign(S,{Stars:g,Value:y,Count:m});R.displayName="RatingDisplay";g.displayName="RatingDisplay.Stars";y.displayName="RatingDisplay.Value";m.displayName="RatingDisplay.Count";exports.RatingDisplay=R;
 //# sourceMappingURL=index.js.map

package/dist/rating-display/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/rating-display/RatingDisplayContext.tsx","../../src/rating-display/RatingDisplay.tsx","../../src/rating-display/RatingDisplayCount.tsx","../../src/rating-display/RatingDisplayStar.tsx","../../src/rating-display/utils.ts","../../src/rating-display/RatingDisplayStars.tsx","../../src/rating-display/RatingDisplayValue.tsx","../../src/rating-display/index.ts"],"sourcesContent":["import { createContext, type PropsWithChildren, useContext } from 'react'\n\nimport type { RatingDisplayStarProps } from './RatingDisplayStar'\n\ninterface RatingDisplayContextValue {\n  value: number\n  size: RatingDisplayStarProps['size']\n  count?: number\n}\n\nconst RatingDisplayContext = createContext<RatingDisplayContextValue | null>(null)\n\ninterface RatingDisplayProviderProps extends PropsWithChildren<RatingDisplayContextValue> {}\n\nexport const RatingDisplayProvider = ({\n  value,\n  size,\n  count,\n  children,\n}: RatingDisplayProviderProps) => {\n  return (\n    <RatingDisplayContext.Provider value={{ value, size, count }}>\n      {children}\n    </RatingDisplayContext.Provider>\n  )\n}\n\nexport const useRatingDisplay = () => {\n  const context = useContext(RatingDisplayContext)\n  if (!context) {\n    throw new Error('RatingDisplay compound components must be used within RatingDisplay.')\n  }\n\n  return context\n}\n","import { type ComponentPropsWithRef, type PropsWithChildren } from 'react'\n\nimport { RatingDisplayProvider } from './RatingDisplayContext'\nimport type { RatingDisplayStarProps } from './RatingDisplayStar'\n\nexport interface RatingDisplayProps extends PropsWithChildren<ComponentPropsWithRef<'div'>> {\n  /**\n   * The rating value to display, on a scale from 0 to 5.\n   */\n  value?: number\n  /**\n   * Sets the size of the stars.\n   * @default 'md'\n   */\n  size?: RatingDisplayStarProps['size']\n  /**\n   * Optional count value available to `RatingDisplay.Count`.\n   */\n  count?: number\n  /**\n   * Accessible description of the rating content.\n   */\n  'aria-label': string\n}\n\nexport type RatingDisplayRootProps = RatingDisplayProps\n\nexport const RatingDisplay = ({\n  value = 0,\n  size = 'md',\n  count,\n  ref,\n  children,\n  ...rest\n}: RatingDisplayProps) => {\n  const ratingValue = value ?? 0\n\n  return (\n    <RatingDisplayProvider value={ratingValue} size={size} count={count}>\n      <div\n        ref={ref}\n        className=\"gap-x-sm relative inline-flex items-center\"\n        data-spark-component=\"rating-display\"\n        {...rest}\n      >\n        {children}\n      </div>\n    </RatingDisplayProvider>\n  )\n}\n\nRatingDisplay.displayName = 'RatingDisplay'\n","import { cva } from 'class-variance-authority'\nimport { type ComponentPropsWithRef, type ReactNode } from 'react'\n\nimport { useRatingDisplay } from './RatingDisplayContext'\n\nexport interface RatingDisplayCountProps extends Omit<ComponentPropsWithRef<'span'>, 'children'> {\n  /**\n   * Custom count content.\n   * Pass a render function to receive the count value and return the content to render.\n   */\n  children?: ReactNode | ((count: number) => ReactNode)\n}\n\nconst ratingDisplayCountStyles = cva('text-on-surface/dim-1', {\n  variants: {\n    size: {\n      sm: 'text-caption',\n      md: 'text-body-2',\n      lg: 'text-display-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport const RatingDisplayCount = ({ className, children, ...rest }: RatingDisplayCountProps) => {\n  const { count, size } = useRatingDisplay()\n  if (count === undefined) return null\n  const renderedCount = typeof children === 'function' ? children(count) : (children ?? count)\n\n  return (\n    <span className={ratingDisplayCountStyles({ size: size ?? 'md', className })} {...rest}>\n      ({renderedCount})\n    </span>\n  )\n}\n\nRatingDisplayCount.displayName = 'RatingDisplay.Count'\n","import { StarFill } from '@spark-ui/icons/StarFill'\nimport { StarOutline } from '@spark-ui/icons/StarOutline'\nimport { cva, cx, type VariantProps } from 'class-variance-authority'\n\nimport { Icon } from '../icon'\nimport type { StarValue } from './types'\n\nconst ratingDisplayStarStyles = cva(['relative block after:absolute after:block after:inset-0'], {\n  variants: {\n    gap: {\n      sm: ['after:w-[calc(100%+(var(--spacing-sm)))]', 'last-of-type:after:content-none'],\n      md: ['after:w-[calc(100%+(var(--spacing-md)))]', 'last-of-type:after:content-none'],\n    },\n  },\n  defaultVariants: {\n    gap: 'sm',\n  },\n})\n\nconst ratingDisplayStarIconStyles = cva('', {\n  variants: {\n    size: {\n      sm: 'text-caption-link',\n      md: 'text-body-1',\n      lg: 'text-display-3',\n    },\n    design: {\n      filled: ['text-main-variant'],\n      outlined: ['text-on-surface/dim-3'],\n    },\n  },\n})\n\ntype RatingDisplayStarstylesProps = Omit<VariantProps<typeof ratingDisplayStarStyles>, never>\ntype RatingDisplayStarIconStylesProps = Omit<\n  VariantProps<typeof ratingDisplayStarIconStyles>,\n  'design'\n>\n\nexport interface RatingDisplayStarProps\n  extends RatingDisplayStarstylesProps,\n    RatingDisplayStarIconStylesProps {\n  value: StarValue\n}\n\nexport const RatingDisplayStar = ({ value, size }: RatingDisplayStarProps) => {\n  return (\n    <div\n      data-spark-component=\"rating-display-star\"\n      data-part=\"star\"\n      className={ratingDisplayStarStyles({\n        gap: size === 'lg' ? 'md' : 'sm',\n      })}\n    >\n      <div className={cx('z-raised absolute overflow-hidden')} style={{ width: value * 100 + '%' }}>\n        <Icon\n          className={ratingDisplayStarIconStyles({\n            size,\n            design: 'filled',\n          })}\n        >\n          <StarFill />\n        </Icon>\n      </div>\n\n      <Icon className={ratingDisplayStarIconStyles({ size, design: 'outlined' })}>\n        <StarOutline />\n      </Icon>\n    </div>\n  )\n}\n","import { type StarValue } from './types'\n\nfunction getNearestHalfDecimal(num: number): number {\n  return Math.round(num / 0.5) * 0.5\n}\n\nfunction formatRatingValue(value: number): string {\n  const locale = Intl.DateTimeFormat().resolvedOptions().locale\n\n  return new Intl.NumberFormat(locale, {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 1,\n  }).format(value)\n}\n\nfunction getStarValue({ value, index }: { value?: number; index: number }): StarValue {\n  if (value === undefined) return 0\n\n  const starPosition = index + 1\n  const formattedValue = getNearestHalfDecimal(value)\n\n  if (Math.ceil(formattedValue) < starPosition) return 0\n\n  return formattedValue >= starPosition ? 1 : 0.5\n}\n\nfunction getSingleStarValue(value?: number): StarValue {\n  if (value === undefined) return 0\n  if (value < 1) return 0\n  if (value < 4) return 0.5\n  return 1\n}\n\nfunction splitAt<T>(arr: T[], index: number): [T[], T[]] {\n  const prev = arr.slice(0, index)\n  const next = arr.slice(index)\n\n  return [prev, next]\n}\n\nexport { formatRatingValue, getNearestHalfDecimal, getSingleStarValue, getStarValue, splitAt }\n","import { cx } from 'class-variance-authority'\n\nimport { useRatingDisplay } from './RatingDisplayContext'\nimport { RatingDisplayStar, type RatingDisplayStarProps } from './RatingDisplayStar'\nimport type { StarValue } from './types'\nimport { getSingleStarValue, getStarValue } from './utils'\n\nexport interface RatingDisplayStarsProps {\n  size?: RatingDisplayStarProps['size']\n  /**\n   * Sets the rendering mode for stars.\n   * @default 'default'\n   */\n  variant?: 'default' | 'single-star'\n  /**\n   * Custom fill algorithm for each star.\n   * By default, stars are rounded to the nearest 0.5.\n   */\n  getFillMode?: ({ value, index }: { value?: number; index: number }) => StarValue\n}\n\nexport const RatingDisplayStars = ({\n  size,\n  variant = 'default',\n  getFillMode,\n}: RatingDisplayStarsProps) => {\n  const { value, size: contextSize } = useRatingDisplay()\n  const resolvedSize = size ?? contextSize\n  const getDisplayValue = (index: number) => {\n    if (getFillMode) {\n      return getFillMode({ index, value })\n    }\n\n    return variant === 'single-star' ? getSingleStarValue(value) : getStarValue({ index, value })\n  }\n\n  const stars =\n    variant === 'single-star'\n      ? [getDisplayValue(0)]\n      : Array.from({ length: 5 }, (_, index) => getDisplayValue(index))\n\n  return (\n    <div\n      data-spark-component=\"rating-display-stars\"\n      className={cx(resolvedSize === 'lg' ? 'gap-x-md' : 'gap-x-sm', 'flex')}\n    >\n      {stars.map((starValue, index) => (\n        <RatingDisplayStar key={index} size={resolvedSize} value={starValue} />\n      ))}\n    </div>\n  )\n}\n\nRatingDisplayStars.displayName = 'RatingDisplay.Stars'\n","import { cva } from 'class-variance-authority'\nimport { type ComponentPropsWithRef, type ReactNode } from 'react'\n\nimport { useRatingDisplay } from './RatingDisplayContext'\nimport { formatRatingValue } from './utils'\n\nexport interface RatingDisplayValueProps extends Omit<ComponentPropsWithRef<'span'>, 'children'> {\n  /**\n   * Custom value content.\n   * Pass a render function to receive the formatted value (first arg) and raw value (second arg),\n   * then return the content to render.\n   */\n  children?: ReactNode | ((formattedValue: string, value: number) => ReactNode)\n}\n\nconst ratingDisplayValueStyles = cva('text-on-surface font-bold', {\n  variants: {\n    size: {\n      sm: 'text-caption',\n      md: 'text-body-2',\n      lg: 'text-display-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport const RatingDisplayValue = ({ className, children, ...rest }: RatingDisplayValueProps) => {\n  const { value, size } = useRatingDisplay()\n  const formattedValue = formatRatingValue(value)\n  const renderedValue =\n    typeof children === 'function' ? children(formattedValue, value) : (children ?? formattedValue)\n\n  return (\n    <span\n      data-spark-component=\"rating-display-value\"\n      className={ratingDisplayValueStyles({ size: size ?? 'md', className })}\n      {...rest}\n    >\n      {renderedValue}\n    </span>\n  )\n}\n\nRatingDisplayValue.displayName = 'RatingDisplay.Value'\n","import { RatingDisplay as Root } from './RatingDisplay'\nimport { RatingDisplayCount as Count } from './RatingDisplayCount'\nimport { RatingDisplayStars as Stars } from './RatingDisplayStars'\nimport { RatingDisplayValue as Value } from './RatingDisplayValue'\n\nexport const RatingDisplay: typeof Root & {\n  Stars: typeof Stars\n  Value: typeof Value\n  Count: typeof Count\n} = Object.assign(Root, {\n  Stars,\n  Value,\n  Count,\n})\n\nRatingDisplay.displayName = 'RatingDisplay'\nStars.displayName = 'RatingDisplay.Stars'\nValue.displayName = 'RatingDisplay.Value'\nCount.displayName = 'RatingDisplay.Count'\n\nexport { type RatingDisplayProps, type RatingDisplayRootProps } from './RatingDisplay'\nexport { type RatingDisplayStarsProps } from './RatingDisplayStars'\nexport { type RatingDisplayValueProps } from './RatingDisplayValue'\nexport { type RatingDisplayCountProps } from './RatingDisplayCount'\nexport type { StarValue } from './types'\n"],"names":["RatingDisplayContext","createContext","RatingDisplayProvider","value","size","count","children","jsx","useRatingDisplay","context","useContext","RatingDisplay","ref","rest","ratingValue","ratingDisplayCountStyles","cva","RatingDisplayCount","className","renderedCount","jsxs","ratingDisplayStarStyles","ratingDisplayStarIconStyles","RatingDisplayStar","cx","Icon","StarFill","StarOutline","getNearestHalfDecimal","num","formatRatingValue","locale","getStarValue","index","starPosition","formattedValue","getSingleStarValue","RatingDisplayStars","variant","getFillMode","contextSize","resolvedSize","getDisplayValue","stars","_","starValue","ratingDisplayValueStyles","RatingDisplayValue","renderedValue","Root","Stars","Value","Count"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/rating-display/RatingDisplayContext.tsx","../../src/rating-display/RatingDisplay.tsx","../../src/rating-display/RatingDisplayCount.tsx","../../src/rating-display/RatingDisplayStar.tsx","../../src/rating-display/utils.ts","../../src/rating-display/RatingDisplayStars.tsx","../../src/rating-display/RatingDisplayValue.tsx","../../src/rating-display/index.ts"],"sourcesContent":["import { createContext, type PropsWithChildren, useContext } from 'react'\n\nimport type { RatingDisplayStarProps } from './RatingDisplayStar'\n\ninterface RatingDisplayContextValue {\n  value: number\n  size: RatingDisplayStarProps['size']\n  count?: number\n}\n\nconst RatingDisplayContext = createContext<RatingDisplayContextValue | null>(null)\n\ninterface RatingDisplayProviderProps extends PropsWithChildren<RatingDisplayContextValue> {}\n\nexport const RatingDisplayProvider = ({\n  value,\n  size,\n  count,\n  children,\n}: RatingDisplayProviderProps) => {\n  return (\n    <RatingDisplayContext.Provider value={{ value, size, count }}>\n      {children}\n    </RatingDisplayContext.Provider>\n  )\n}\n\nexport const useRatingDisplay = () => {\n  const context = useContext(RatingDisplayContext)\n  if (!context) {\n    throw new Error('RatingDisplay compound components must be used within RatingDisplay.')\n  }\n\n  return context\n}\n","import { type ComponentPropsWithRef, type PropsWithChildren } from 'react'\n\nimport { Slot } from '../slot'\nimport { RatingDisplayProvider } from './RatingDisplayContext'\nimport type { RatingDisplayStarProps } from './RatingDisplayStar'\n\nexport interface RatingDisplayProps extends PropsWithChildren<ComponentPropsWithRef<'div'>> {\n  /**\n   * When true, merges props onto the single child element instead of rendering a div.\n   * Use to render the root as a link or another custom element.\n   */\n  asChild?: boolean\n  /**\n   * The rating value to display, on a scale from 0 to 5.\n   */\n  value?: number\n  /**\n   * Sets the size of the stars.\n   * @default 'md'\n   */\n  size?: RatingDisplayStarProps['size']\n  /**\n   * Optional count value available to `RatingDisplay.Count`.\n   */\n  count?: number\n  /**\n   * Accessible description of the rating content.\n   */\n  'aria-label': string\n}\n\nexport type RatingDisplayRootProps = RatingDisplayProps\n\nexport const RatingDisplay = ({\n  value = 0,\n  size = 'md',\n  count,\n  asChild = false,\n  ref,\n  children,\n  ...rest\n}: RatingDisplayProps) => {\n  const ratingValue = value ?? 0\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <RatingDisplayProvider value={ratingValue} size={size} count={count}>\n      <Component\n        ref={ref}\n        className=\"gap-x-sm relative inline-flex items-center\"\n        data-spark-component=\"rating-display\"\n        {...rest}\n      >\n        {children}\n      </Component>\n    </RatingDisplayProvider>\n  )\n}\n\nRatingDisplay.displayName = 'RatingDisplay'\n","import { cva } from 'class-variance-authority'\nimport { type ComponentPropsWithRef, type ReactNode } from 'react'\n\nimport { useRatingDisplay } from './RatingDisplayContext'\n\nexport interface RatingDisplayCountProps extends Omit<ComponentPropsWithRef<'span'>, 'children'> {\n  /**\n   * Custom count content.\n   * Pass a render function to receive the count value and return the content to render.\n   */\n  children?: ReactNode | ((count: number) => ReactNode)\n}\n\nconst ratingDisplayCountStyles = cva('text-on-surface/dim-1', {\n  variants: {\n    size: {\n      sm: 'text-caption',\n      md: 'text-body-2',\n      lg: 'text-display-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport const RatingDisplayCount = ({ className, children, ...rest }: RatingDisplayCountProps) => {\n  const { count, size } = useRatingDisplay()\n  if (count === undefined) return null\n  const renderedCount = typeof children === 'function' ? children(count) : (children ?? count)\n\n  return (\n    <span className={ratingDisplayCountStyles({ size: size ?? 'md', className })} {...rest}>\n      ({renderedCount})\n    </span>\n  )\n}\n\nRatingDisplayCount.displayName = 'RatingDisplay.Count'\n","import { StarFill } from '@spark-ui/icons/StarFill'\nimport { StarOutline } from '@spark-ui/icons/StarOutline'\nimport { cva, cx, type VariantProps } from 'class-variance-authority'\n\nimport { Icon } from '../icon'\nimport type { StarValue } from './types'\n\nconst ratingDisplayStarStyles = cva(['relative block after:absolute after:block after:inset-0'], {\n  variants: {\n    gap: {\n      sm: ['after:w-[calc(100%+(var(--spacing-sm)))]', 'last-of-type:after:content-none'],\n      md: ['after:w-[calc(100%+(var(--spacing-md)))]', 'last-of-type:after:content-none'],\n    },\n  },\n  defaultVariants: {\n    gap: 'sm',\n  },\n})\n\nconst ratingDisplayStarIconStyles = cva('', {\n  variants: {\n    size: {\n      sm: 'text-caption-link',\n      md: 'text-body-1',\n      lg: 'text-display-3',\n    },\n    design: {\n      filled: ['text-main-variant'],\n      outlined: ['text-on-surface/dim-3'],\n    },\n  },\n})\n\ntype RatingDisplayStarstylesProps = Omit<VariantProps<typeof ratingDisplayStarStyles>, never>\ntype RatingDisplayStarIconStylesProps = Omit<\n  VariantProps<typeof ratingDisplayStarIconStyles>,\n  'design'\n>\n\nexport interface RatingDisplayStarProps\n  extends RatingDisplayStarstylesProps,\n    RatingDisplayStarIconStylesProps {\n  value: StarValue\n}\n\nexport const RatingDisplayStar = ({ value, size }: RatingDisplayStarProps) => {\n  return (\n    <div\n      data-spark-component=\"rating-display-star\"\n      data-part=\"star\"\n      className={ratingDisplayStarStyles({\n        gap: size === 'lg' ? 'md' : 'sm',\n      })}\n    >\n      <div className={cx('z-raised absolute overflow-hidden')} style={{ width: value * 100 + '%' }}>\n        <Icon\n          className={ratingDisplayStarIconStyles({\n            size,\n            design: 'filled',\n          })}\n        >\n          <StarFill />\n        </Icon>\n      </div>\n\n      <Icon className={ratingDisplayStarIconStyles({ size, design: 'outlined' })}>\n        <StarOutline />\n      </Icon>\n    </div>\n  )\n}\n","import { type StarValue } from './types'\n\nfunction getNearestHalfDecimal(num: number): number {\n  return Math.round(num / 0.5) * 0.5\n}\n\nfunction formatRatingValue(value: number): string {\n  const locale = Intl.DateTimeFormat().resolvedOptions().locale\n\n  return new Intl.NumberFormat(locale, {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 1,\n  }).format(value)\n}\n\nfunction getStarValue({ value, index }: { value?: number; index: number }): StarValue {\n  if (value === undefined) return 0\n\n  const starPosition = index + 1\n  const formattedValue = getNearestHalfDecimal(value)\n\n  if (Math.ceil(formattedValue) < starPosition) return 0\n\n  return formattedValue >= starPosition ? 1 : 0.5\n}\n\nfunction getSingleStarValue(value?: number): StarValue {\n  if (value === undefined) return 0\n  if (value < 1) return 0\n  if (value < 4) return 0.5\n  return 1\n}\n\nfunction splitAt<T>(arr: T[], index: number): [T[], T[]] {\n  const prev = arr.slice(0, index)\n  const next = arr.slice(index)\n\n  return [prev, next]\n}\n\nexport { formatRatingValue, getNearestHalfDecimal, getSingleStarValue, getStarValue, splitAt }\n","import { cx } from 'class-variance-authority'\n\nimport { useRatingDisplay } from './RatingDisplayContext'\nimport { RatingDisplayStar, type RatingDisplayStarProps } from './RatingDisplayStar'\nimport type { StarValue } from './types'\nimport { getSingleStarValue, getStarValue } from './utils'\n\nexport interface RatingDisplayStarsProps {\n  size?: RatingDisplayStarProps['size']\n  /**\n   * Sets the rendering mode for stars.\n   * @default 'default'\n   */\n  variant?: 'default' | 'single-star'\n  /**\n   * Custom fill algorithm for each star.\n   * By default, stars are rounded to the nearest 0.5.\n   */\n  getFillMode?: ({ value, index }: { value?: number; index: number }) => StarValue\n}\n\nexport const RatingDisplayStars = ({\n  size,\n  variant = 'default',\n  getFillMode,\n}: RatingDisplayStarsProps) => {\n  const { value, size: contextSize } = useRatingDisplay()\n  const resolvedSize = size ?? contextSize\n  const getDisplayValue = (index: number) => {\n    if (getFillMode) {\n      return getFillMode({ index, value })\n    }\n\n    return variant === 'single-star' ? getSingleStarValue(value) : getStarValue({ index, value })\n  }\n\n  const stars =\n    variant === 'single-star'\n      ? [getDisplayValue(0)]\n      : Array.from({ length: 5 }, (_, index) => getDisplayValue(index))\n\n  return (\n    <div\n      data-spark-component=\"rating-display-stars\"\n      className={cx(resolvedSize === 'lg' ? 'gap-x-md' : 'gap-x-sm', 'flex')}\n    >\n      {stars.map((starValue, index) => (\n        <RatingDisplayStar key={index} size={resolvedSize} value={starValue} />\n      ))}\n    </div>\n  )\n}\n\nRatingDisplayStars.displayName = 'RatingDisplay.Stars'\n","import { cva } from 'class-variance-authority'\nimport { type ComponentPropsWithRef, type ReactNode } from 'react'\n\nimport { useRatingDisplay } from './RatingDisplayContext'\nimport { formatRatingValue } from './utils'\n\nexport interface RatingDisplayValueProps extends Omit<ComponentPropsWithRef<'span'>, 'children'> {\n  /**\n   * Custom value content.\n   * Pass a render function to receive the formatted value (first arg) and raw value (second arg),\n   * then return the content to render.\n   */\n  children?: ReactNode | ((formattedValue: string, value: number) => ReactNode)\n}\n\nconst ratingDisplayValueStyles = cva('text-on-surface font-bold', {\n  variants: {\n    size: {\n      sm: 'text-caption',\n      md: 'text-body-2',\n      lg: 'text-display-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport const RatingDisplayValue = ({ className, children, ...rest }: RatingDisplayValueProps) => {\n  const { value, size } = useRatingDisplay()\n  const formattedValue = formatRatingValue(value)\n  const renderedValue =\n    typeof children === 'function' ? children(formattedValue, value) : (children ?? formattedValue)\n\n  return (\n    <span\n      data-spark-component=\"rating-display-value\"\n      className={ratingDisplayValueStyles({ size: size ?? 'md', className })}\n      {...rest}\n    >\n      {renderedValue}\n    </span>\n  )\n}\n\nRatingDisplayValue.displayName = 'RatingDisplay.Value'\n","import { RatingDisplay as Root } from './RatingDisplay'\nimport { RatingDisplayCount as Count } from './RatingDisplayCount'\nimport { RatingDisplayStars as Stars } from './RatingDisplayStars'\nimport { RatingDisplayValue as Value } from './RatingDisplayValue'\n\nexport const RatingDisplay: typeof Root & {\n  Stars: typeof Stars\n  Value: typeof Value\n  Count: typeof Count\n} = Object.assign(Root, {\n  Stars,\n  Value,\n  Count,\n})\n\nRatingDisplay.displayName = 'RatingDisplay'\nStars.displayName = 'RatingDisplay.Stars'\nValue.displayName = 'RatingDisplay.Value'\nCount.displayName = 'RatingDisplay.Count'\n\nexport { type RatingDisplayProps, type RatingDisplayRootProps } from './RatingDisplay'\nexport { type RatingDisplayStarsProps } from './RatingDisplayStars'\nexport { type RatingDisplayValueProps } from './RatingDisplayValue'\nexport { type RatingDisplayCountProps } from './RatingDisplayCount'\nexport type { StarValue } from './types'\n"],"names":["RatingDisplayContext","createContext","RatingDisplayProvider","value","size","count","children","jsx","useRatingDisplay","context","useContext","RatingDisplay","asChild","ref","rest","ratingValue","Component","Slot","ratingDisplayCountStyles","cva","RatingDisplayCount","className","renderedCount","jsxs","ratingDisplayStarStyles","ratingDisplayStarIconStyles","RatingDisplayStar","cx","Icon","StarFill","StarOutline","getNearestHalfDecimal","num","formatRatingValue","locale","getStarValue","index","starPosition","formattedValue","getSingleStarValue","RatingDisplayStars","variant","getFillMode","contextSize","resolvedSize","getDisplayValue","stars","_","starValue","ratingDisplayValueStyles","RatingDisplayValue","renderedValue","Root","Stars","Value","Count"],"mappings":"+TAUMA,EAAuBC,EAAAA,cAAgD,IAAI,EAIpEC,EAAwB,CAAC,CACpC,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IAEIC,MAACP,EAAqB,SAArB,CAA8B,MAAO,CAAE,MAAAG,EAAO,KAAAC,EAAM,MAAAC,GAClD,SAAAC,EACH,EAISE,EAAmB,IAAM,CACpC,MAAMC,EAAUC,EAAAA,WAAWV,CAAoB,EAC/C,GAAI,CAACS,EACH,MAAM,IAAI,MAAM,sEAAsE,EAGxF,OAAOA,CACT,ECDaE,EAAgB,CAAC,CAC5B,MAAAR,EAAQ,EACR,KAAAC,EAAO,KACP,MAAAC,EACA,QAAAO,EAAU,GACV,IAAAC,EACA,SAAAP,EACA,GAAGQ,CACL,IAA0B,CACxB,MAAMC,EAAcZ,GAAS,EACvBa,EAAYJ,EAAUK,EAAAA,KAAO,MAEnC,OACEV,EAAAA,IAACL,EAAA,CAAsB,MAAOa,EAAa,KAAAX,EAAY,MAAAC,EACrD,SAAAE,EAAAA,IAACS,EAAA,CACC,IAAAH,EACA,UAAU,6CACV,uBAAqB,iBACpB,GAAGC,EAEH,SAAAR,CAAA,CAAA,EAEL,CAEJ,EAEAK,EAAc,YAAc,gBC9C5B,MAAMO,EAA2BC,EAAAA,IAAI,wBAAyB,CAC5D,SAAU,CACR,KAAM,CACJ,GAAI,eACJ,GAAI,cACJ,GAAI,gBAAA,CACN,EAEF,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC,EAEYC,EAAqB,CAAC,CAAE,UAAAC,EAAW,SAAAf,EAAU,GAAGQ,KAAoC,CAC/F,KAAM,CAAE,MAAAT,EAAO,KAAAD,CAAA,EAASI,EAAA,EACxB,GAAIH,IAAU,OAAW,OAAO,KAChC,MAAMiB,EAAgB,OAAOhB,GAAa,WAAaA,EAASD,CAAK,EAAKC,GAAYD,EAEtF,OACEkB,EAAAA,KAAC,OAAA,CAAK,UAAWL,EAAyB,CAAE,KAAMd,GAAQ,KAAM,UAAAiB,CAAA,CAAW,EAAI,GAAGP,EAAM,SAAA,CAAA,IACpFQ,EAAc,GAAA,EAClB,CAEJ,EAEAF,EAAmB,YAAc,sBC/BjC,MAAMI,EAA0BL,EAAAA,IAAI,CAAC,yDAAyD,EAAG,CAC/F,SAAU,CACR,IAAK,CACH,GAAI,CAAC,2CAA4C,iCAAiC,EAClF,GAAI,CAAC,2CAA4C,iCAAiC,CAAA,CACpF,EAEF,gBAAiB,CACf,IAAK,IAAA,CAET,CAAC,EAEKM,EAA8BN,EAAAA,IAAI,GAAI,CAC1C,SAAU,CACR,KAAM,CACJ,GAAI,oBACJ,GAAI,cACJ,GAAI,gBAAA,EAEN,OAAQ,CACN,OAAQ,CAAC,mBAAmB,EAC5B,SAAU,CAAC,uBAAuB,CAAA,CACpC,CAEJ,CAAC,EAcYO,EAAoB,CAAC,CAAE,MAAAvB,EAAO,KAAAC,KAEvCmB,EAAAA,KAAC,MAAA,CACC,uBAAqB,sBACrB,YAAU,OACV,UAAWC,EAAwB,CACjC,IAAKpB,IAAS,KAAO,KAAO,IAAA,CAC7B,EAED,SAAA,CAAAG,EAAAA,IAAC,MAAA,CAAI,UAAWoB,EAAAA,GAAG,mCAAmC,EAAG,MAAO,CAAE,MAAOxB,EAAQ,IAAM,GAAA,EACrF,SAAAI,EAAAA,IAACqB,EAAAA,KAAA,CACC,UAAWH,EAA4B,CACrC,KAAArB,EACA,OAAQ,QAAA,CACT,EAED,eAACyB,EAAAA,SAAA,CAAA,CAAS,CAAA,CAAA,EAEd,EAEAtB,EAAAA,IAACqB,EAAAA,KAAA,CAAK,UAAWH,EAA4B,CAAE,KAAArB,EAAM,OAAQ,UAAA,CAAY,EACvE,SAAAG,EAAAA,IAACuB,EAAAA,YAAA,CAAA,CAAY,CAAA,CACf,CAAA,CAAA,CAAA,ECjEN,SAASC,EAAsBC,EAAqB,CAClD,OAAO,KAAK,MAAMA,EAAM,EAAG,EAAI,EACjC,CAEA,SAASC,EAAkB9B,EAAuB,CAChD,MAAM+B,EAAS,KAAK,eAAA,EAAiB,kBAAkB,OAEvD,OAAO,IAAI,KAAK,aAAaA,EAAQ,CACnC,sBAAuB,EACvB,sBAAuB,CAAA,CACxB,EAAE,OAAO/B,CAAK,CACjB,CAEA,SAASgC,EAAa,CAAE,MAAAhC,EAAO,MAAAiC,GAAuD,CACpF,GAAIjC,IAAU,OAAW,MAAO,GAEhC,MAAMkC,EAAeD,EAAQ,EACvBE,EAAiBP,EAAsB5B,CAAK,EAElD,OAAI,KAAK,KAAKmC,CAAc,EAAID,EAAqB,EAE9CC,GAAkBD,EAAe,EAAI,EAC9C,CAEA,SAASE,EAAmBpC,EAA2B,CAErD,OADIA,IAAU,QACVA,EAAQ,EAAU,EAClBA,EAAQ,EAAU,GACf,CACT,CCVO,MAAMqC,EAAqB,CAAC,CACjC,KAAApC,EACA,QAAAqC,EAAU,UACV,YAAAC,CACF,IAA+B,CAC7B,KAAM,CAAE,MAAAvC,EAAO,KAAMwC,CAAA,EAAgBnC,EAAA,EAC/BoC,EAAexC,GAAQuC,EACvBE,EAAmBT,GACnBM,EACKA,EAAY,CAAE,MAAAN,EAAO,MAAAjC,EAAO,EAG9BsC,IAAY,cAAgBF,EAAmBpC,CAAK,EAAIgC,EAAa,CAAE,MAAAC,EAAO,MAAAjC,EAAO,EAGxF2C,EACJL,IAAY,cACR,CAACI,EAAgB,CAAC,CAAC,EACnB,MAAM,KAAK,CAAE,OAAQ,GAAK,CAACE,EAAGX,IAAUS,EAAgBT,CAAK,CAAC,EAEpE,OACE7B,EAAAA,IAAC,MAAA,CACC,uBAAqB,uBACrB,UAAWoB,EAAAA,GAAGiB,IAAiB,KAAO,WAAa,WAAY,MAAM,EAEpE,SAAAE,EAAM,IAAI,CAACE,EAAWZ,IACrB7B,EAAAA,IAACmB,EAAA,CAA8B,KAAMkB,EAAc,MAAOI,CAAA,EAAlCZ,CAA6C,CACtE,CAAA,CAAA,CAGP,EAEAI,EAAmB,YAAc,sBCtCjC,MAAMS,EAA2B9B,EAAAA,IAAI,4BAA6B,CAChE,SAAU,CACR,KAAM,CACJ,GAAI,eACJ,GAAI,cACJ,GAAI,gBAAA,CACN,EAEF,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC,EAEY+B,EAAqB,CAAC,CAAE,UAAA7B,EAAW,SAAAf,EAAU,GAAGQ,KAAoC,CAC/F,KAAM,CAAE,MAAAX,EAAO,KAAAC,CAAA,EAASI,EAAA,EAClB8B,EAAiBL,EAAkB9B,CAAK,EACxCgD,EACJ,OAAO7C,GAAa,WAAaA,EAASgC,EAAgBnC,CAAK,EAAKG,GAAYgC,EAElF,OACE/B,EAAAA,IAAC,OAAA,CACC,uBAAqB,uBACrB,UAAW0C,EAAyB,CAAE,KAAM7C,GAAQ,KAAM,UAAAiB,EAAW,EACpE,GAAGP,EAEH,SAAAqC,CAAA,CAAA,CAGP,EAEAD,EAAmB,YAAc,sBCxC1B,MAAMvC,EAIT,OAAO,OAAOyC,EAAM,CAAA,MACtBC,EAAA,MACAC,EAAA,MACAC,CACF,CAAC,EAED5C,EAAc,YAAc,gBAC5B0C,EAAM,YAAc,sBACpBC,EAAM,YAAc,sBACpBC,EAAM,YAAc"}

package/dist/rating-display/index.mjs

@@ -1,38 +1,40 @@
-import { jsx as i, jsxs as D } from "react/jsx-runtime";
-import { createContext as S, useContext as V } from "react";
-import { cva as c, cx as x } from "class-variance-authority";
-import { StarFill as z } from "@spark-ui/icons/StarFill";
-import { StarOutline as b } from "@spark-ui/icons/StarOutline";
+import { jsx as s, jsxs as x } from "react/jsx-runtime";
+import { a as N } from "../Slot-D2Bbf8Gw.mjs";
+import { createContext as V, useContext as z } from "react";
+import { cva as c, cx as v } from "class-variance-authority";
+import { StarFill as b } from "@spark-ui/icons/StarFill";
+import { StarOutline as h } from "@spark-ui/icons/StarOutline";
 import { I as y } from "../Icon-Ck-dhfLd.mjs";
-const v = S(null), h = ({
+const R = V(null), C = ({
   value: t,
   size: a,
   count: n,
   children: e
-}) => /* @__PURE__ */ i(v.Provider, { value: { value: t, size: a, count: n }, children: e }), p = () => {
-  const t = V(v);
+}) => /* @__PURE__ */ s(R.Provider, { value: { value: t, size: a, count: n }, children: e }), p = () => {
+  const t = z(R);
   if (!t)
     throw new Error("RatingDisplay compound components must be used within RatingDisplay.");
   return t;
-}, R = ({
+}, S = ({
   value: t = 0,
   size: a = "md",
   count: n,
-  ref: e,
-  children: r,
-  ...s
-}) => /* @__PURE__ */ i(h, { value: t ?? 0, size: a, count: n, children: /* @__PURE__ */ i(
-  "div",
+  asChild: e = !1,
+  ref: r,
+  children: i,
+  ...o
+}) => /* @__PURE__ */ s(C, { value: t ?? 0, size: a, count: n, children: /* @__PURE__ */ s(
+  e ? N : "div",
   {
-    ref: e,
+    ref: r,
     className: "gap-x-sm relative inline-flex items-center",
     "data-spark-component": "rating-display",
-    ...s,
-    children: r
+    ...o,
+    children: i
   }
 ) });
-R.displayName = "RatingDisplay";
-const C = c("text-on-surface/dim-1", {
+S.displayName = "RatingDisplay";
+const w = c("text-on-surface/dim-1", {
   variants: {
     size: {
       sm: "text-caption",
@@ -46,15 +48,15 @@ const C = c("text-on-surface/dim-1", {
 }), d = ({ className: t, children: a, ...n }) => {
   const { count: e, size: r } = p();
   if (e === void 0) return null;
-  const s = typeof a == "function" ? a(e) : a ?? e;
-  return /* @__PURE__ */ D("span", { className: C({ size: r ?? "md", className: t }), ...n, children: [
+  const i = typeof a == "function" ? a(e) : a ?? e;
+  return /* @__PURE__ */ x("span", { className: w({ size: r ?? "md", className: t }), ...n, children: [
     "(",
-    s,
+    i,
     ")"
   ] });
 };
 d.displayName = "RatingDisplay.Count";
-const w = c(["relative block after:absolute after:block after:inset-0"], {
+const k = c(["relative block after:absolute after:block after:inset-0"], {
   variants: {
     gap: {
       sm: ["after:w-[calc(100%+(var(--spacing-sm)))]", "last-of-type:after:content-none"],
@@ -64,7 +66,7 @@ const w = c(["relative block after:absolute after:block after:inset-0"], {
   defaultVariants: {
     gap: "sm"
   }
-}), f = c("", {
+}), D = c("", {
   variants: {
     size: {
       sm: "text-caption-link",
@@ -76,45 +78,45 @@ const w = c(["relative block after:absolute after:block after:inset-0"], {
       outlined: ["text-on-surface/dim-3"]
     }
   }
-}), k = ({ value: t, size: a }) => /* @__PURE__ */ D(
+}), I = ({ value: t, size: a }) => /* @__PURE__ */ x(
   "div",
   {
     "data-spark-component": "rating-display-star",
     "data-part": "star",
-    className: w({
+    className: k({
       gap: a === "lg" ? "md" : "sm"
     }),
     children: [
-      /* @__PURE__ */ i("div", { className: x("z-raised absolute overflow-hidden"), style: { width: t * 100 + "%" }, children: /* @__PURE__ */ i(
+      /* @__PURE__ */ s("div", { className: v("z-raised absolute overflow-hidden"), style: { width: t * 100 + "%" }, children: /* @__PURE__ */ s(
         y,
         {
-          className: f({
+          className: D({
             size: a,
             design: "filled"
           }),
-          children: /* @__PURE__ */ i(z, {})
+          children: /* @__PURE__ */ s(b, {})
         }
       ) }),
-      /* @__PURE__ */ i(y, { className: f({ size: a, design: "outlined" }), children: /* @__PURE__ */ i(b, {}) })
+      /* @__PURE__ */ s(y, { className: D({ size: a, design: "outlined" }), children: /* @__PURE__ */ s(h, {}) })
     ]
   }
 );
-function I(t) {
+function F(t) {
   return Math.round(t / 0.5) * 0.5;
 }
-function F(t) {
+function j(t) {
   const a = Intl.DateTimeFormat().resolvedOptions().locale;
   return new Intl.NumberFormat(a, {
     minimumFractionDigits: 0,
     maximumFractionDigits: 1
   }).format(t);
 }
-function j({ value: t, index: a }) {
+function O({ value: t, index: a }) {
   if (t === void 0) return 0;
-  const n = a + 1, e = I(t);
+  const n = a + 1, e = F(t);
   return Math.ceil(e) < n ? 0 : e >= n ? 1 : 0.5;
 }
-function O(t) {
+function P(t) {
   return t === void 0 || t < 1 ? 0 : t < 4 ? 0.5 : 1;
 }
 const u = ({
@@ -122,18 +124,18 @@ const u = ({
   variant: a = "default",
   getFillMode: n
 }) => {
-  const { value: e, size: r } = p(), s = t ?? r, l = (o) => n ? n({ index: o, value: e }) : a === "single-star" ? O(e) : j({ index: o, value: e }), N = a === "single-star" ? [l(0)] : Array.from({ length: 5 }, (o, m) => l(m));
-  return /* @__PURE__ */ i(
+  const { value: e, size: r } = p(), i = t ?? r, o = (l) => n ? n({ index: l, value: e }) : a === "single-star" ? P(e) : O({ index: l, value: e }), f = a === "single-star" ? [o(0)] : Array.from({ length: 5 }, (l, m) => o(m));
+  return /* @__PURE__ */ s(
     "div",
     {
       "data-spark-component": "rating-display-stars",
-      className: x(s === "lg" ? "gap-x-md" : "gap-x-sm", "flex"),
-      children: N.map((o, m) => /* @__PURE__ */ i(k, { size: s, value: o }, m))
+      className: v(i === "lg" ? "gap-x-md" : "gap-x-sm", "flex"),
+      children: f.map((l, m) => /* @__PURE__ */ s(I, { size: i, value: l }, m))
     }
   );
 };
 u.displayName = "RatingDisplay.Stars";
-const P = c("text-on-surface font-bold", {
+const A = c("text-on-surface font-bold", {
   variants: {
     size: {
       sm: "text-caption",
@@ -145,28 +147,28 @@ const P = c("text-on-surface font-bold", {
     size: "md"
   }
 }), g = ({ className: t, children: a, ...n }) => {
-  const { value: e, size: r } = p(), s = F(e), l = typeof a == "function" ? a(s, e) : a ?? s;
-  return /* @__PURE__ */ i(
+  const { value: e, size: r } = p(), i = j(e), o = typeof a == "function" ? a(i, e) : a ?? i;
+  return /* @__PURE__ */ s(
     "span",
     {
       "data-spark-component": "rating-display-value",
-      className: P({ size: r ?? "md", className: t }),
+      className: A({ size: r ?? "md", className: t }),
       ...n,
-      children: l
+      children: o
     }
   );
 };
 g.displayName = "RatingDisplay.Value";
-const A = Object.assign(R, {
+const E = Object.assign(S, {
   Stars: u,
   Value: g,
   Count: d
 });
-A.displayName = "RatingDisplay";
+E.displayName = "RatingDisplay";
 u.displayName = "RatingDisplay.Stars";
 g.displayName = "RatingDisplay.Value";
 d.displayName = "RatingDisplay.Count";
 export {
-  A as RatingDisplay
+  E as RatingDisplay
 };
 //# sourceMappingURL=index.mjs.map

package/dist/rating-display/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/rating-display/RatingDisplayContext.tsx","../../src/rating-display/RatingDisplay.tsx","../../src/rating-display/RatingDisplayCount.tsx","../../src/rating-display/RatingDisplayStar.tsx","../../src/rating-display/utils.ts","../../src/rating-display/RatingDisplayStars.tsx","../../src/rating-display/RatingDisplayValue.tsx","../../src/rating-display/index.ts"],"sourcesContent":["import { createContext, type PropsWithChildren, useContext } from 'react'\n\nimport type { RatingDisplayStarProps } from './RatingDisplayStar'\n\ninterface RatingDisplayContextValue {\n  value: number\n  size: RatingDisplayStarProps['size']\n  count?: number\n}\n\nconst RatingDisplayContext = createContext<RatingDisplayContextValue | null>(null)\n\ninterface RatingDisplayProviderProps extends PropsWithChildren<RatingDisplayContextValue> {}\n\nexport const RatingDisplayProvider = ({\n  value,\n  size,\n  count,\n  children,\n}: RatingDisplayProviderProps) => {\n  return (\n    <RatingDisplayContext.Provider value={{ value, size, count }}>\n      {children}\n    </RatingDisplayContext.Provider>\n  )\n}\n\nexport const useRatingDisplay = () => {\n  const context = useContext(RatingDisplayContext)\n  if (!context) {\n    throw new Error('RatingDisplay compound components must be used within RatingDisplay.')\n  }\n\n  return context\n}\n","import { type ComponentPropsWithRef, type PropsWithChildren } from 'react'\n\nimport { RatingDisplayProvider } from './RatingDisplayContext'\nimport type { RatingDisplayStarProps } from './RatingDisplayStar'\n\nexport interface RatingDisplayProps extends PropsWithChildren<ComponentPropsWithRef<'div'>> {\n  /**\n   * The rating value to display, on a scale from 0 to 5.\n   */\n  value?: number\n  /**\n   * Sets the size of the stars.\n   * @default 'md'\n   */\n  size?: RatingDisplayStarProps['size']\n  /**\n   * Optional count value available to `RatingDisplay.Count`.\n   */\n  count?: number\n  /**\n   * Accessible description of the rating content.\n   */\n  'aria-label': string\n}\n\nexport type RatingDisplayRootProps = RatingDisplayProps\n\nexport const RatingDisplay = ({\n  value = 0,\n  size = 'md',\n  count,\n  ref,\n  children,\n  ...rest\n}: RatingDisplayProps) => {\n  const ratingValue = value ?? 0\n\n  return (\n    <RatingDisplayProvider value={ratingValue} size={size} count={count}>\n      <div\n        ref={ref}\n        className=\"gap-x-sm relative inline-flex items-center\"\n        data-spark-component=\"rating-display\"\n        {...rest}\n      >\n        {children}\n      </div>\n    </RatingDisplayProvider>\n  )\n}\n\nRatingDisplay.displayName = 'RatingDisplay'\n","import { cva } from 'class-variance-authority'\nimport { type ComponentPropsWithRef, type ReactNode } from 'react'\n\nimport { useRatingDisplay } from './RatingDisplayContext'\n\nexport interface RatingDisplayCountProps extends Omit<ComponentPropsWithRef<'span'>, 'children'> {\n  /**\n   * Custom count content.\n   * Pass a render function to receive the count value and return the content to render.\n   */\n  children?: ReactNode | ((count: number) => ReactNode)\n}\n\nconst ratingDisplayCountStyles = cva('text-on-surface/dim-1', {\n  variants: {\n    size: {\n      sm: 'text-caption',\n      md: 'text-body-2',\n      lg: 'text-display-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport const RatingDisplayCount = ({ className, children, ...rest }: RatingDisplayCountProps) => {\n  const { count, size } = useRatingDisplay()\n  if (count === undefined) return null\n  const renderedCount = typeof children === 'function' ? children(count) : (children ?? count)\n\n  return (\n    <span className={ratingDisplayCountStyles({ size: size ?? 'md', className })} {...rest}>\n      ({renderedCount})\n    </span>\n  )\n}\n\nRatingDisplayCount.displayName = 'RatingDisplay.Count'\n","import { StarFill } from '@spark-ui/icons/StarFill'\nimport { StarOutline } from '@spark-ui/icons/StarOutline'\nimport { cva, cx, type VariantProps } from 'class-variance-authority'\n\nimport { Icon } from '../icon'\nimport type { StarValue } from './types'\n\nconst ratingDisplayStarStyles = cva(['relative block after:absolute after:block after:inset-0'], {\n  variants: {\n    gap: {\n      sm: ['after:w-[calc(100%+(var(--spacing-sm)))]', 'last-of-type:after:content-none'],\n      md: ['after:w-[calc(100%+(var(--spacing-md)))]', 'last-of-type:after:content-none'],\n    },\n  },\n  defaultVariants: {\n    gap: 'sm',\n  },\n})\n\nconst ratingDisplayStarIconStyles = cva('', {\n  variants: {\n    size: {\n      sm: 'text-caption-link',\n      md: 'text-body-1',\n      lg: 'text-display-3',\n    },\n    design: {\n      filled: ['text-main-variant'],\n      outlined: ['text-on-surface/dim-3'],\n    },\n  },\n})\n\ntype RatingDisplayStarstylesProps = Omit<VariantProps<typeof ratingDisplayStarStyles>, never>\ntype RatingDisplayStarIconStylesProps = Omit<\n  VariantProps<typeof ratingDisplayStarIconStyles>,\n  'design'\n>\n\nexport interface RatingDisplayStarProps\n  extends RatingDisplayStarstylesProps,\n    RatingDisplayStarIconStylesProps {\n  value: StarValue\n}\n\nexport const RatingDisplayStar = ({ value, size }: RatingDisplayStarProps) => {\n  return (\n    <div\n      data-spark-component=\"rating-display-star\"\n      data-part=\"star\"\n      className={ratingDisplayStarStyles({\n        gap: size === 'lg' ? 'md' : 'sm',\n      })}\n    >\n      <div className={cx('z-raised absolute overflow-hidden')} style={{ width: value * 100 + '%' }}>\n        <Icon\n          className={ratingDisplayStarIconStyles({\n            size,\n            design: 'filled',\n          })}\n        >\n          <StarFill />\n        </Icon>\n      </div>\n\n      <Icon className={ratingDisplayStarIconStyles({ size, design: 'outlined' })}>\n        <StarOutline />\n      </Icon>\n    </div>\n  )\n}\n","import { type StarValue } from './types'\n\nfunction getNearestHalfDecimal(num: number): number {\n  return Math.round(num / 0.5) * 0.5\n}\n\nfunction formatRatingValue(value: number): string {\n  const locale = Intl.DateTimeFormat().resolvedOptions().locale\n\n  return new Intl.NumberFormat(locale, {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 1,\n  }).format(value)\n}\n\nfunction getStarValue({ value, index }: { value?: number; index: number }): StarValue {\n  if (value === undefined) return 0\n\n  const starPosition = index + 1\n  const formattedValue = getNearestHalfDecimal(value)\n\n  if (Math.ceil(formattedValue) < starPosition) return 0\n\n  return formattedValue >= starPosition ? 1 : 0.5\n}\n\nfunction getSingleStarValue(value?: number): StarValue {\n  if (value === undefined) return 0\n  if (value < 1) return 0\n  if (value < 4) return 0.5\n  return 1\n}\n\nfunction splitAt<T>(arr: T[], index: number): [T[], T[]] {\n  const prev = arr.slice(0, index)\n  const next = arr.slice(index)\n\n  return [prev, next]\n}\n\nexport { formatRatingValue, getNearestHalfDecimal, getSingleStarValue, getStarValue, splitAt }\n","import { cx } from 'class-variance-authority'\n\nimport { useRatingDisplay } from './RatingDisplayContext'\nimport { RatingDisplayStar, type RatingDisplayStarProps } from './RatingDisplayStar'\nimport type { StarValue } from './types'\nimport { getSingleStarValue, getStarValue } from './utils'\n\nexport interface RatingDisplayStarsProps {\n  size?: RatingDisplayStarProps['size']\n  /**\n   * Sets the rendering mode for stars.\n   * @default 'default'\n   */\n  variant?: 'default' | 'single-star'\n  /**\n   * Custom fill algorithm for each star.\n   * By default, stars are rounded to the nearest 0.5.\n   */\n  getFillMode?: ({ value, index }: { value?: number; index: number }) => StarValue\n}\n\nexport const RatingDisplayStars = ({\n  size,\n  variant = 'default',\n  getFillMode,\n}: RatingDisplayStarsProps) => {\n  const { value, size: contextSize } = useRatingDisplay()\n  const resolvedSize = size ?? contextSize\n  const getDisplayValue = (index: number) => {\n    if (getFillMode) {\n      return getFillMode({ index, value })\n    }\n\n    return variant === 'single-star' ? getSingleStarValue(value) : getStarValue({ index, value })\n  }\n\n  const stars =\n    variant === 'single-star'\n      ? [getDisplayValue(0)]\n      : Array.from({ length: 5 }, (_, index) => getDisplayValue(index))\n\n  return (\n    <div\n      data-spark-component=\"rating-display-stars\"\n      className={cx(resolvedSize === 'lg' ? 'gap-x-md' : 'gap-x-sm', 'flex')}\n    >\n      {stars.map((starValue, index) => (\n        <RatingDisplayStar key={index} size={resolvedSize} value={starValue} />\n      ))}\n    </div>\n  )\n}\n\nRatingDisplayStars.displayName = 'RatingDisplay.Stars'\n","import { cva } from 'class-variance-authority'\nimport { type ComponentPropsWithRef, type ReactNode } from 'react'\n\nimport { useRatingDisplay } from './RatingDisplayContext'\nimport { formatRatingValue } from './utils'\n\nexport interface RatingDisplayValueProps extends Omit<ComponentPropsWithRef<'span'>, 'children'> {\n  /**\n   * Custom value content.\n   * Pass a render function to receive the formatted value (first arg) and raw value (second arg),\n   * then return the content to render.\n   */\n  children?: ReactNode | ((formattedValue: string, value: number) => ReactNode)\n}\n\nconst ratingDisplayValueStyles = cva('text-on-surface font-bold', {\n  variants: {\n    size: {\n      sm: 'text-caption',\n      md: 'text-body-2',\n      lg: 'text-display-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport const RatingDisplayValue = ({ className, children, ...rest }: RatingDisplayValueProps) => {\n  const { value, size } = useRatingDisplay()\n  const formattedValue = formatRatingValue(value)\n  const renderedValue =\n    typeof children === 'function' ? children(formattedValue, value) : (children ?? formattedValue)\n\n  return (\n    <span\n      data-spark-component=\"rating-display-value\"\n      className={ratingDisplayValueStyles({ size: size ?? 'md', className })}\n      {...rest}\n    >\n      {renderedValue}\n    </span>\n  )\n}\n\nRatingDisplayValue.displayName = 'RatingDisplay.Value'\n","import { RatingDisplay as Root } from './RatingDisplay'\nimport { RatingDisplayCount as Count } from './RatingDisplayCount'\nimport { RatingDisplayStars as Stars } from './RatingDisplayStars'\nimport { RatingDisplayValue as Value } from './RatingDisplayValue'\n\nexport const RatingDisplay: typeof Root & {\n  Stars: typeof Stars\n  Value: typeof Value\n  Count: typeof Count\n} = Object.assign(Root, {\n  Stars,\n  Value,\n  Count,\n})\n\nRatingDisplay.displayName = 'RatingDisplay'\nStars.displayName = 'RatingDisplay.Stars'\nValue.displayName = 'RatingDisplay.Value'\nCount.displayName = 'RatingDisplay.Count'\n\nexport { type RatingDisplayProps, type RatingDisplayRootProps } from './RatingDisplay'\nexport { type RatingDisplayStarsProps } from './RatingDisplayStars'\nexport { type RatingDisplayValueProps } from './RatingDisplayValue'\nexport { type RatingDisplayCountProps } from './RatingDisplayCount'\nexport type { StarValue } from './types'\n"],"names":["RatingDisplayContext","createContext","RatingDisplayProvider","value","size","count","children","jsx","useRatingDisplay","context","useContext","RatingDisplay","ref","rest","ratingDisplayCountStyles","cva","RatingDisplayCount","className","renderedCount","jsxs","ratingDisplayStarStyles","ratingDisplayStarIconStyles","RatingDisplayStar","cx","Icon","StarFill","StarOutline","getNearestHalfDecimal","num","formatRatingValue","locale","getStarValue","index","starPosition","formattedValue","getSingleStarValue","RatingDisplayStars","variant","getFillMode","contextSize","resolvedSize","getDisplayValue","stars","_","starValue","ratingDisplayValueStyles","RatingDisplayValue","renderedValue","Root","Stars","Value","Count"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/rating-display/RatingDisplayContext.tsx","../../src/rating-display/RatingDisplay.tsx","../../src/rating-display/RatingDisplayCount.tsx","../../src/rating-display/RatingDisplayStar.tsx","../../src/rating-display/utils.ts","../../src/rating-display/RatingDisplayStars.tsx","../../src/rating-display/RatingDisplayValue.tsx","../../src/rating-display/index.ts"],"sourcesContent":["import { createContext, type PropsWithChildren, useContext } from 'react'\n\nimport type { RatingDisplayStarProps } from './RatingDisplayStar'\n\ninterface RatingDisplayContextValue {\n  value: number\n  size: RatingDisplayStarProps['size']\n  count?: number\n}\n\nconst RatingDisplayContext = createContext<RatingDisplayContextValue | null>(null)\n\ninterface RatingDisplayProviderProps extends PropsWithChildren<RatingDisplayContextValue> {}\n\nexport const RatingDisplayProvider = ({\n  value,\n  size,\n  count,\n  children,\n}: RatingDisplayProviderProps) => {\n  return (\n    <RatingDisplayContext.Provider value={{ value, size, count }}>\n      {children}\n    </RatingDisplayContext.Provider>\n  )\n}\n\nexport const useRatingDisplay = () => {\n  const context = useContext(RatingDisplayContext)\n  if (!context) {\n    throw new Error('RatingDisplay compound components must be used within RatingDisplay.')\n  }\n\n  return context\n}\n","import { type ComponentPropsWithRef, type PropsWithChildren } from 'react'\n\nimport { Slot } from '../slot'\nimport { RatingDisplayProvider } from './RatingDisplayContext'\nimport type { RatingDisplayStarProps } from './RatingDisplayStar'\n\nexport interface RatingDisplayProps extends PropsWithChildren<ComponentPropsWithRef<'div'>> {\n  /**\n   * When true, merges props onto the single child element instead of rendering a div.\n   * Use to render the root as a link or another custom element.\n   */\n  asChild?: boolean\n  /**\n   * The rating value to display, on a scale from 0 to 5.\n   */\n  value?: number\n  /**\n   * Sets the size of the stars.\n   * @default 'md'\n   */\n  size?: RatingDisplayStarProps['size']\n  /**\n   * Optional count value available to `RatingDisplay.Count`.\n   */\n  count?: number\n  /**\n   * Accessible description of the rating content.\n   */\n  'aria-label': string\n}\n\nexport type RatingDisplayRootProps = RatingDisplayProps\n\nexport const RatingDisplay = ({\n  value = 0,\n  size = 'md',\n  count,\n  asChild = false,\n  ref,\n  children,\n  ...rest\n}: RatingDisplayProps) => {\n  const ratingValue = value ?? 0\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <RatingDisplayProvider value={ratingValue} size={size} count={count}>\n      <Component\n        ref={ref}\n        className=\"gap-x-sm relative inline-flex items-center\"\n        data-spark-component=\"rating-display\"\n        {...rest}\n      >\n        {children}\n      </Component>\n    </RatingDisplayProvider>\n  )\n}\n\nRatingDisplay.displayName = 'RatingDisplay'\n","import { cva } from 'class-variance-authority'\nimport { type ComponentPropsWithRef, type ReactNode } from 'react'\n\nimport { useRatingDisplay } from './RatingDisplayContext'\n\nexport interface RatingDisplayCountProps extends Omit<ComponentPropsWithRef<'span'>, 'children'> {\n  /**\n   * Custom count content.\n   * Pass a render function to receive the count value and return the content to render.\n   */\n  children?: ReactNode | ((count: number) => ReactNode)\n}\n\nconst ratingDisplayCountStyles = cva('text-on-surface/dim-1', {\n  variants: {\n    size: {\n      sm: 'text-caption',\n      md: 'text-body-2',\n      lg: 'text-display-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport const RatingDisplayCount = ({ className, children, ...rest }: RatingDisplayCountProps) => {\n  const { count, size } = useRatingDisplay()\n  if (count === undefined) return null\n  const renderedCount = typeof children === 'function' ? children(count) : (children ?? count)\n\n  return (\n    <span className={ratingDisplayCountStyles({ size: size ?? 'md', className })} {...rest}>\n      ({renderedCount})\n    </span>\n  )\n}\n\nRatingDisplayCount.displayName = 'RatingDisplay.Count'\n","import { StarFill } from '@spark-ui/icons/StarFill'\nimport { StarOutline } from '@spark-ui/icons/StarOutline'\nimport { cva, cx, type VariantProps } from 'class-variance-authority'\n\nimport { Icon } from '../icon'\nimport type { StarValue } from './types'\n\nconst ratingDisplayStarStyles = cva(['relative block after:absolute after:block after:inset-0'], {\n  variants: {\n    gap: {\n      sm: ['after:w-[calc(100%+(var(--spacing-sm)))]', 'last-of-type:after:content-none'],\n      md: ['after:w-[calc(100%+(var(--spacing-md)))]', 'last-of-type:after:content-none'],\n    },\n  },\n  defaultVariants: {\n    gap: 'sm',\n  },\n})\n\nconst ratingDisplayStarIconStyles = cva('', {\n  variants: {\n    size: {\n      sm: 'text-caption-link',\n      md: 'text-body-1',\n      lg: 'text-display-3',\n    },\n    design: {\n      filled: ['text-main-variant'],\n      outlined: ['text-on-surface/dim-3'],\n    },\n  },\n})\n\ntype RatingDisplayStarstylesProps = Omit<VariantProps<typeof ratingDisplayStarStyles>, never>\ntype RatingDisplayStarIconStylesProps = Omit<\n  VariantProps<typeof ratingDisplayStarIconStyles>,\n  'design'\n>\n\nexport interface RatingDisplayStarProps\n  extends RatingDisplayStarstylesProps,\n    RatingDisplayStarIconStylesProps {\n  value: StarValue\n}\n\nexport const RatingDisplayStar = ({ value, size }: RatingDisplayStarProps) => {\n  return (\n    <div\n      data-spark-component=\"rating-display-star\"\n      data-part=\"star\"\n      className={ratingDisplayStarStyles({\n        gap: size === 'lg' ? 'md' : 'sm',\n      })}\n    >\n      <div className={cx('z-raised absolute overflow-hidden')} style={{ width: value * 100 + '%' }}>\n        <Icon\n          className={ratingDisplayStarIconStyles({\n            size,\n            design: 'filled',\n          })}\n        >\n          <StarFill />\n        </Icon>\n      </div>\n\n      <Icon className={ratingDisplayStarIconStyles({ size, design: 'outlined' })}>\n        <StarOutline />\n      </Icon>\n    </div>\n  )\n}\n","import { type StarValue } from './types'\n\nfunction getNearestHalfDecimal(num: number): number {\n  return Math.round(num / 0.5) * 0.5\n}\n\nfunction formatRatingValue(value: number): string {\n  const locale = Intl.DateTimeFormat().resolvedOptions().locale\n\n  return new Intl.NumberFormat(locale, {\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 1,\n  }).format(value)\n}\n\nfunction getStarValue({ value, index }: { value?: number; index: number }): StarValue {\n  if (value === undefined) return 0\n\n  const starPosition = index + 1\n  const formattedValue = getNearestHalfDecimal(value)\n\n  if (Math.ceil(formattedValue) < starPosition) return 0\n\n  return formattedValue >= starPosition ? 1 : 0.5\n}\n\nfunction getSingleStarValue(value?: number): StarValue {\n  if (value === undefined) return 0\n  if (value < 1) return 0\n  if (value < 4) return 0.5\n  return 1\n}\n\nfunction splitAt<T>(arr: T[], index: number): [T[], T[]] {\n  const prev = arr.slice(0, index)\n  const next = arr.slice(index)\n\n  return [prev, next]\n}\n\nexport { formatRatingValue, getNearestHalfDecimal, getSingleStarValue, getStarValue, splitAt }\n","import { cx } from 'class-variance-authority'\n\nimport { useRatingDisplay } from './RatingDisplayContext'\nimport { RatingDisplayStar, type RatingDisplayStarProps } from './RatingDisplayStar'\nimport type { StarValue } from './types'\nimport { getSingleStarValue, getStarValue } from './utils'\n\nexport interface RatingDisplayStarsProps {\n  size?: RatingDisplayStarProps['size']\n  /**\n   * Sets the rendering mode for stars.\n   * @default 'default'\n   */\n  variant?: 'default' | 'single-star'\n  /**\n   * Custom fill algorithm for each star.\n   * By default, stars are rounded to the nearest 0.5.\n   */\n  getFillMode?: ({ value, index }: { value?: number; index: number }) => StarValue\n}\n\nexport const RatingDisplayStars = ({\n  size,\n  variant = 'default',\n  getFillMode,\n}: RatingDisplayStarsProps) => {\n  const { value, size: contextSize } = useRatingDisplay()\n  const resolvedSize = size ?? contextSize\n  const getDisplayValue = (index: number) => {\n    if (getFillMode) {\n      return getFillMode({ index, value })\n    }\n\n    return variant === 'single-star' ? getSingleStarValue(value) : getStarValue({ index, value })\n  }\n\n  const stars =\n    variant === 'single-star'\n      ? [getDisplayValue(0)]\n      : Array.from({ length: 5 }, (_, index) => getDisplayValue(index))\n\n  return (\n    <div\n      data-spark-component=\"rating-display-stars\"\n      className={cx(resolvedSize === 'lg' ? 'gap-x-md' : 'gap-x-sm', 'flex')}\n    >\n      {stars.map((starValue, index) => (\n        <RatingDisplayStar key={index} size={resolvedSize} value={starValue} />\n      ))}\n    </div>\n  )\n}\n\nRatingDisplayStars.displayName = 'RatingDisplay.Stars'\n","import { cva } from 'class-variance-authority'\nimport { type ComponentPropsWithRef, type ReactNode } from 'react'\n\nimport { useRatingDisplay } from './RatingDisplayContext'\nimport { formatRatingValue } from './utils'\n\nexport interface RatingDisplayValueProps extends Omit<ComponentPropsWithRef<'span'>, 'children'> {\n  /**\n   * Custom value content.\n   * Pass a render function to receive the formatted value (first arg) and raw value (second arg),\n   * then return the content to render.\n   */\n  children?: ReactNode | ((formattedValue: string, value: number) => ReactNode)\n}\n\nconst ratingDisplayValueStyles = cva('text-on-surface font-bold', {\n  variants: {\n    size: {\n      sm: 'text-caption',\n      md: 'text-body-2',\n      lg: 'text-display-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport const RatingDisplayValue = ({ className, children, ...rest }: RatingDisplayValueProps) => {\n  const { value, size } = useRatingDisplay()\n  const formattedValue = formatRatingValue(value)\n  const renderedValue =\n    typeof children === 'function' ? children(formattedValue, value) : (children ?? formattedValue)\n\n  return (\n    <span\n      data-spark-component=\"rating-display-value\"\n      className={ratingDisplayValueStyles({ size: size ?? 'md', className })}\n      {...rest}\n    >\n      {renderedValue}\n    </span>\n  )\n}\n\nRatingDisplayValue.displayName = 'RatingDisplay.Value'\n","import { RatingDisplay as Root } from './RatingDisplay'\nimport { RatingDisplayCount as Count } from './RatingDisplayCount'\nimport { RatingDisplayStars as Stars } from './RatingDisplayStars'\nimport { RatingDisplayValue as Value } from './RatingDisplayValue'\n\nexport const RatingDisplay: typeof Root & {\n  Stars: typeof Stars\n  Value: typeof Value\n  Count: typeof Count\n} = Object.assign(Root, {\n  Stars,\n  Value,\n  Count,\n})\n\nRatingDisplay.displayName = 'RatingDisplay'\nStars.displayName = 'RatingDisplay.Stars'\nValue.displayName = 'RatingDisplay.Value'\nCount.displayName = 'RatingDisplay.Count'\n\nexport { type RatingDisplayProps, type RatingDisplayRootProps } from './RatingDisplay'\nexport { type RatingDisplayStarsProps } from './RatingDisplayStars'\nexport { type RatingDisplayValueProps } from './RatingDisplayValue'\nexport { type RatingDisplayCountProps } from './RatingDisplayCount'\nexport type { StarValue } from './types'\n"],"names":["RatingDisplayContext","createContext","RatingDisplayProvider","value","size","count","children","jsx","useRatingDisplay","context","useContext","RatingDisplay","asChild","ref","rest","Slot","ratingDisplayCountStyles","cva","RatingDisplayCount","className","renderedCount","jsxs","ratingDisplayStarStyles","ratingDisplayStarIconStyles","RatingDisplayStar","cx","Icon","StarFill","StarOutline","getNearestHalfDecimal","num","formatRatingValue","locale","getStarValue","index","starPosition","formattedValue","getSingleStarValue","RatingDisplayStars","variant","getFillMode","contextSize","resolvedSize","getDisplayValue","stars","_","starValue","ratingDisplayValueStyles","RatingDisplayValue","renderedValue","Root","Stars","Value","Count"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/components",
-  "version": "16.0.2",
+  "version": "16.1.0",
   "license": "MIT",
   "description": "Spark (Leboncoin design system) components.",
   "exports": {
@@ -54,14 +54,15 @@
     "@react-aria/toast": "^3.0.0-beta.18",
     "@react-stately/numberfield": "3.9.11",
     "@react-stately/toast": "^3.0.0-beta.7",
-    "@spark-ui/hooks": "^16.0.2",
-    "@spark-ui/icons": "^16.0.2",
-    "@spark-ui/internal-utils": "^16.0.2",
+    "@spark-ui/hooks": "^16.1.0",
+    "@spark-ui/icons": "^16.1.0",
+    "@spark-ui/internal-utils": "^16.1.0",
     "@zag-js/pagination": "1.30.0",
     "@zag-js/react": "1.30.0",
     "class-variance-authority": "0.7.1",
     "downshift": "9.0.10",
     "emulate-tab": "^1.2.1",
+    "motion": "^12.34.3",
     "radix-ui": "1.4.3",
     "react-snap-carousel": "^0.5.1"
   },