@choco-vanille/ui 1.2.0 → 1.3.0

package/dist/components/navigation/pagination/Pagination.js

@@ -0,0 +1,118 @@
+import { jsx as i, jsxs as N } from "react/jsx-runtime";
+import P from "../../actions/button/Button.js";
+import "../../actions/button/styles/Button.css.js";
+import o from "../../actions/icon-button/IconButton.js";
+import "../../actions/icon-button/styles/IconButton.css.js";
+import e from "../../layout/flex/Flex.js";
+import "../../layout/flex/styles/Flex.css.js";
+import { usePagination as j } from "./hooks/usePagination.hook.js";
+import { PAGINATION_STYLES as s } from "./styles/Pagination.css.js";
+const C = ({
+  "aria-label": t,
+  currentPage: r,
+  totalPages: n,
+  onPageChange: l,
+  siblingCount: c = 1,
+  boundaryCount: m = 1,
+  previousLabel: p,
+  nextLabel: d,
+  className: g,
+  ref: h,
+  ...u
+}) => {
+  const {
+    pageItems: f,
+    isFirstPage: v,
+    isLastPage: b,
+    goToPreviousPage: x,
+    goToNextPage: y
+  } = j({
+    currentPage: r,
+    totalPages: n,
+    siblingCount: c,
+    boundaryCount: m,
+    onPageChange: l
+  });
+  return /* @__PURE__ */ i(
+    e,
+    {
+      as: "nav",
+      justifyContent: "center",
+      ref: h,
+      "aria-label": t,
+      className: g,
+      ...u,
+      children: /* @__PURE__ */ N(
+        e,
+        {
+          as: "ul",
+          alignItems: "center",
+          gap: "xs",
+          className: s.list,
+          children: [
+            /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+              o,
+              {
+                variant: "ghost",
+                color: "tertiary",
+                size: "sm",
+                icon: "lucide:chevron-left",
+                disabled: v,
+                "aria-label": p,
+                onClick: x
+              }
+            ) }),
+            f.map(
+              (a, I) => a === "ellipsis" ? /* @__PURE__ */ i(
+                "li",
+                {
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ i(
+                    e,
+                    {
+                      as: "span",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      className: s.ellipsis,
+                      children: "..."
+                    }
+                  )
+                },
+                `ellipsis-${I}`
+              ) : /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+                P,
+                {
+                  variant: "ghost",
+                  color: "primary",
+                  size: "sm",
+                  label: `${a}`,
+                  active: a === r,
+                  "aria-current": a === r ? "page" : void 0,
+                  "aria-label": `${a}`,
+                  onClick: () => l(a)
+                }
+              ) }, a)
+            ),
+            /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+              o,
+              {
+                variant: "ghost",
+                color: "tertiary",
+                size: "sm",
+                icon: "lucide:chevron-right",
+                disabled: b,
+                "aria-label": d,
+                onClick: y
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+};
+C.displayName = "Pagination";
+export {
+  C as default
+};
+//# sourceMappingURL=Pagination.js.map

package/dist/components/navigation/pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/navigation/pagination/Pagination.tsx"],"sourcesContent":["import type { FC } from 'react'\r\n\r\nimport { Button } from '@components/actions/button'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { usePagination } from '@components/navigation/pagination/hooks/usePagination.hook.ts'\r\nimport { PAGINATION_STYLES } from '@components/navigation/pagination/styles/Pagination.css.ts'\r\nimport type { PaginationProps } from '@components/navigation/pagination/types/Pagination.props.ts'\r\n\r\nconst Pagination: FC<PaginationProps> = ({\r\n    'aria-label': ariaLabel,\r\n    currentPage,\r\n    totalPages,\r\n    onPageChange,\r\n    siblingCount = 1,\r\n    boundaryCount = 1,\r\n    previousLabel,\r\n    nextLabel,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const {\r\n        pageItems,\r\n        isFirstPage,\r\n        isLastPage,\r\n        goToPreviousPage,\r\n        goToNextPage,\r\n    } = usePagination({\r\n        currentPage,\r\n        totalPages,\r\n        siblingCount,\r\n        boundaryCount,\r\n        onPageChange,\r\n    })\r\n\r\n    return (\r\n        <Flex\r\n            as={'nav'}\r\n            justifyContent={'center'}\r\n            ref={ref}\r\n            aria-label={ariaLabel}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <Flex\r\n                as={'ul'}\r\n                alignItems={'center'}\r\n                gap={'xs'}\r\n                className={PAGINATION_STYLES.list}\r\n            >\r\n                <li>\r\n                    <IconButton\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        icon={'lucide:chevron-left'}\r\n                        disabled={isFirstPage}\r\n                        aria-label={previousLabel}\r\n                        onClick={goToPreviousPage}\r\n                    />\r\n                </li>\r\n                {pageItems.map((item, index) =>\r\n                    item === 'ellipsis' ? (\r\n                        <li\r\n                            key={`ellipsis-${index}`}\r\n                            aria-hidden={'true'}\r\n                        >\r\n                            <Flex\r\n                                as={'span'}\r\n                                alignItems={'center'}\r\n                                justifyContent={'center'}\r\n                                className={PAGINATION_STYLES.ellipsis}\r\n                            >\r\n                                ...\r\n                            </Flex>\r\n                        </li>\r\n                    ) : (\r\n                        <li key={item}>\r\n                            <Button\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                label={`${item}`}\r\n                                active={item === currentPage}\r\n                                aria-current={\r\n                                    item === currentPage ? 'page' : undefined\r\n                                }\r\n                                aria-label={`${item}`}\r\n                                onClick={() => onPageChange(item)}\r\n                            />\r\n                        </li>\r\n                    ),\r\n                )}\r\n                <li>\r\n                    <IconButton\r\n                        variant={'ghost'}\r\n                        color={'tertiary'}\r\n                        size={'sm'}\r\n                        icon={'lucide:chevron-right'}\r\n                        disabled={isLastPage}\r\n                        aria-label={nextLabel}\r\n                        onClick={goToNextPage}\r\n                    />\r\n                </li>\r\n            </Flex>\r\n        </Flex>\r\n    )\r\n}\r\n\r\nPagination.displayName = 'Pagination'\r\n\r\nexport default Pagination\r\n"],"names":["Pagination","ariaLabel","currentPage","totalPages","onPageChange","siblingCount","boundaryCount","previousLabel","nextLabel","className","ref","props","pageItems","isFirstPage","isLastPage","goToPreviousPage","goToNextPage","usePagination","jsx","Flex","jsxs","PAGINATION_STYLES","IconButton","item","index","Button"],"mappings":";;;;;;;;;AASA,MAAMA,IAAkC,CAAC;AAAA,EACrC,cAAcC;AAAA,EACd,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,eAAAC,IAAgB;AAAA,EAChB,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACAC,EAAc;AAAA,IACd,aAAAf;AAAA,IACA,YAAAC;AAAA,IACA,cAAAE;AAAA,IACA,eAAAC;AAAA,IACA,cAAAF;AAAA,EAAA,CACH;AAED,SACI,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,gBAAgB;AAAA,MAChB,KAAAT;AAAA,MACA,cAAYT;AAAA,MACZ,WAAAQ;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAS;AAAA,QAACD;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,WAAWE,EAAkB;AAAA,UAE7B,UAAA;AAAA,YAAA,gBAAAH,EAAC,MAAA,EACG,UAAA,gBAAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,UAAUT;AAAA,gBACV,cAAYN;AAAA,gBACZ,SAASQ;AAAA,cAAA;AAAA,YAAA,GAEjB;AAAA,YACCH,EAAU;AAAA,cAAI,CAACW,GAAMC,MAClBD,MAAS,aACL,gBAAAL;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEG,eAAa;AAAA,kBAEb,UAAA,gBAAAA;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACG,IAAI;AAAA,sBACJ,YAAY;AAAA,sBACZ,gBAAgB;AAAA,sBAChB,WAAWE,EAAkB;AAAA,sBAChC,UAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAED;AAAA,gBAVK,YAAYG,CAAK;AAAA,cAAA,sBAazB,MAAA,EACG,UAAA,gBAAAN;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACG,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,kBACN,OAAO,GAAGF,CAAI;AAAA,kBACd,QAAQA,MAASrB;AAAA,kBACjB,gBACIqB,MAASrB,IAAc,SAAS;AAAA,kBAEpC,cAAY,GAAGqB,CAAI;AAAA,kBACnB,SAAS,MAAMnB,EAAamB,CAAI;AAAA,gBAAA;AAAA,cAAA,KAX/BA,CAaT;AAAA,YAAA;AAAA,8BAGP,MAAA,EACG,UAAA,gBAAAL;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,UAAUR;AAAA,gBACV,cAAYN;AAAA,gBACZ,SAASQ;AAAA,cAAA;AAAA,YAAA,EACb,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;AAEAhB,EAAW,cAAc;"}

package/dist/components/navigation/pagination/hooks/usePagination.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),M=require("../utils/pagination.utils.cjs"),l=({currentPage:i,totalPages:s,siblingCount:e,boundaryCount:a,onPageChange:o})=>{if(s<1||i<1||i>s||!Number.isInteger(i)||!Number.isInteger(s))throw new RangeError("Pagination requires an integer currentPage within totalPages.");const m=t.useMemo(()=>M.getPaginationPageItems(s,i,Math.max(0,Math.floor(e)),Math.max(0,Math.floor(a))),[a,i,e,s]),n=t.useCallback(()=>o(i-1),[i,o]),r=t.useCallback(()=>o(i+1),[i,o]);return{pageItems:m,isFirstPage:i===1,isLastPage:i===s,goToPreviousPage:n,goToNextPage:r}};exports.usePagination=l;
+//# sourceMappingURL=usePagination.hook.cjs.map

package/dist/components/navigation/pagination/hooks/usePagination.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.hook.cjs","sources":["../../../../../src/components/navigation/pagination/hooks/usePagination.hook.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\r\n\r\nimport {\r\n    getPaginationPageItems,\r\n    type PaginationPageItem,\r\n} from '@components/navigation/pagination/utils/pagination.utils.ts'\r\n\r\ntype UsePaginationOptions = {\r\n    currentPage: number\r\n    totalPages: number\r\n    siblingCount: number\r\n    boundaryCount: number\r\n    onPageChange: (page: number) => void\r\n}\r\n\r\ntype UsePaginationReturn = {\r\n    pageItems: PaginationPageItem[]\r\n    isFirstPage: boolean\r\n    isLastPage: boolean\r\n    goToPreviousPage: () => void\r\n    goToNextPage: () => void\r\n}\r\n\r\nexport const usePagination = ({\r\n    currentPage,\r\n    totalPages,\r\n    siblingCount,\r\n    boundaryCount,\r\n    onPageChange,\r\n}: UsePaginationOptions): UsePaginationReturn => {\r\n    if (\r\n        totalPages < 1 ||\r\n        currentPage < 1 ||\r\n        currentPage > totalPages ||\r\n        !Number.isInteger(currentPage) ||\r\n        !Number.isInteger(totalPages)\r\n    ) {\r\n        throw new RangeError(\r\n            'Pagination requires an integer currentPage within totalPages.',\r\n        )\r\n    }\r\n\r\n    const pageItems = useMemo(\r\n        () =>\r\n            getPaginationPageItems(\r\n                totalPages,\r\n                currentPage,\r\n                Math.max(0, Math.floor(siblingCount)),\r\n                Math.max(0, Math.floor(boundaryCount)),\r\n            ),\r\n        [boundaryCount, currentPage, siblingCount, totalPages],\r\n    )\r\n    const goToPreviousPage = useCallback(\r\n        () => onPageChange(currentPage - 1),\r\n        [currentPage, onPageChange],\r\n    )\r\n    const goToNextPage = useCallback(\r\n        () => onPageChange(currentPage + 1),\r\n        [currentPage, onPageChange],\r\n    )\r\n\r\n    return {\r\n        pageItems,\r\n        isFirstPage: currentPage === 1,\r\n        isLastPage: currentPage === totalPages,\r\n        goToPreviousPage,\r\n        goToNextPage,\r\n    }\r\n}\r\n"],"names":["usePagination","currentPage","totalPages","siblingCount","boundaryCount","onPageChange","pageItems","useMemo","getPaginationPageItems","goToPreviousPage","useCallback","goToNextPage"],"mappings":"oJAuBaA,EAAgB,CAAC,CAC1B,YAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,EACA,aAAAC,CACJ,IAAiD,CAC7C,GACIH,EAAa,GACbD,EAAc,GACdA,EAAcC,GACd,CAAC,OAAO,UAAUD,CAAW,GAC7B,CAAC,OAAO,UAAUC,CAAU,EAE5B,MAAM,IAAI,WACN,+DAAA,EAIR,MAAMI,EAAYC,EAAAA,QACd,IACIC,EAAAA,uBACIN,EACAD,EACA,KAAK,IAAI,EAAG,KAAK,MAAME,CAAY,CAAC,EACpC,KAAK,IAAI,EAAG,KAAK,MAAMC,CAAa,CAAC,CAAA,EAE7C,CAACA,EAAeH,EAAaE,EAAcD,CAAU,CAAA,EAEnDO,EAAmBC,EAAAA,YACrB,IAAML,EAAaJ,EAAc,CAAC,EAClC,CAACA,EAAaI,CAAY,CAAA,EAExBM,EAAeD,EAAAA,YACjB,IAAML,EAAaJ,EAAc,CAAC,EAClC,CAACA,EAAaI,CAAY,CAAA,EAG9B,MAAO,CACH,UAAAC,EACA,YAAaL,IAAgB,EAC7B,WAAYA,IAAgBC,EAC5B,iBAAAO,EACA,aAAAE,CAAA,CAER"}

package/dist/components/navigation/pagination/hooks/usePagination.hook.d.ts

@@ -0,0 +1,17 @@
+import { PaginationPageItem } from '../utils/pagination.utils.ts';
+type UsePaginationOptions = {
+    currentPage: number;
+    totalPages: number;
+    siblingCount: number;
+    boundaryCount: number;
+    onPageChange: (page: number) => void;
+};
+type UsePaginationReturn = {
+    pageItems: PaginationPageItem[];
+    isFirstPage: boolean;
+    isLastPage: boolean;
+    goToPreviousPage: () => void;
+    goToNextPage: () => void;
+};
+export declare const usePagination: ({ currentPage, totalPages, siblingCount, boundaryCount, onPageChange, }: UsePaginationOptions) => UsePaginationReturn;
+export {};

package/dist/components/navigation/pagination/hooks/usePagination.hook.js

@@ -0,0 +1,40 @@
+import { useMemo as I, useCallback as f } from "react";
+import { getPaginationPageItems as h } from "../utils/pagination.utils.js";
+const N = ({
+  currentPage: i,
+  totalPages: o,
+  siblingCount: m,
+  boundaryCount: t,
+  onPageChange: s
+}) => {
+  if (o < 1 || i < 1 || i > o || !Number.isInteger(i) || !Number.isInteger(o))
+    throw new RangeError(
+      "Pagination requires an integer currentPage within totalPages."
+    );
+  const M = I(
+    () => h(
+      o,
+      i,
+      Math.max(0, Math.floor(m)),
+      Math.max(0, Math.floor(t))
+    ),
+    [t, i, m, o]
+  ), p = f(
+    () => s(i - 1),
+    [i, s]
+  ), x = f(
+    () => s(i + 1),
+    [i, s]
+  );
+  return {
+    pageItems: M,
+    isFirstPage: i === 1,
+    isLastPage: i === o,
+    goToPreviousPage: p,
+    goToNextPage: x
+  };
+};
+export {
+  N as usePagination
+};
+//# sourceMappingURL=usePagination.hook.js.map

package/dist/components/navigation/pagination/hooks/usePagination.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.hook.js","sources":["../../../../../src/components/navigation/pagination/hooks/usePagination.hook.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\r\n\r\nimport {\r\n    getPaginationPageItems,\r\n    type PaginationPageItem,\r\n} from '@components/navigation/pagination/utils/pagination.utils.ts'\r\n\r\ntype UsePaginationOptions = {\r\n    currentPage: number\r\n    totalPages: number\r\n    siblingCount: number\r\n    boundaryCount: number\r\n    onPageChange: (page: number) => void\r\n}\r\n\r\ntype UsePaginationReturn = {\r\n    pageItems: PaginationPageItem[]\r\n    isFirstPage: boolean\r\n    isLastPage: boolean\r\n    goToPreviousPage: () => void\r\n    goToNextPage: () => void\r\n}\r\n\r\nexport const usePagination = ({\r\n    currentPage,\r\n    totalPages,\r\n    siblingCount,\r\n    boundaryCount,\r\n    onPageChange,\r\n}: UsePaginationOptions): UsePaginationReturn => {\r\n    if (\r\n        totalPages < 1 ||\r\n        currentPage < 1 ||\r\n        currentPage > totalPages ||\r\n        !Number.isInteger(currentPage) ||\r\n        !Number.isInteger(totalPages)\r\n    ) {\r\n        throw new RangeError(\r\n            'Pagination requires an integer currentPage within totalPages.',\r\n        )\r\n    }\r\n\r\n    const pageItems = useMemo(\r\n        () =>\r\n            getPaginationPageItems(\r\n                totalPages,\r\n                currentPage,\r\n                Math.max(0, Math.floor(siblingCount)),\r\n                Math.max(0, Math.floor(boundaryCount)),\r\n            ),\r\n        [boundaryCount, currentPage, siblingCount, totalPages],\r\n    )\r\n    const goToPreviousPage = useCallback(\r\n        () => onPageChange(currentPage - 1),\r\n        [currentPage, onPageChange],\r\n    )\r\n    const goToNextPage = useCallback(\r\n        () => onPageChange(currentPage + 1),\r\n        [currentPage, onPageChange],\r\n    )\r\n\r\n    return {\r\n        pageItems,\r\n        isFirstPage: currentPage === 1,\r\n        isLastPage: currentPage === totalPages,\r\n        goToPreviousPage,\r\n        goToNextPage,\r\n    }\r\n}\r\n"],"names":["usePagination","currentPage","totalPages","siblingCount","boundaryCount","onPageChange","pageItems","useMemo","getPaginationPageItems","goToPreviousPage","useCallback","goToNextPage"],"mappings":";;AAuBO,MAAMA,IAAgB,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AACJ,MAAiD;AAC7C,MACIH,IAAa,KACbD,IAAc,KACdA,IAAcC,KACd,CAAC,OAAO,UAAUD,CAAW,KAC7B,CAAC,OAAO,UAAUC,CAAU;AAE5B,UAAM,IAAI;AAAA,MACN;AAAA,IAAA;AAIR,QAAMI,IAAYC;AAAA,IACd,MACIC;AAAA,MACIN;AAAA,MACAD;AAAA,MACA,KAAK,IAAI,GAAG,KAAK,MAAME,CAAY,CAAC;AAAA,MACpC,KAAK,IAAI,GAAG,KAAK,MAAMC,CAAa,CAAC;AAAA,IAAA;AAAA,IAE7C,CAACA,GAAeH,GAAaE,GAAcD,CAAU;AAAA,EAAA,GAEnDO,IAAmBC;AAAA,IACrB,MAAML,EAAaJ,IAAc,CAAC;AAAA,IAClC,CAACA,GAAaI,CAAY;AAAA,EAAA,GAExBM,IAAeD;AAAA,IACjB,MAAML,EAAaJ,IAAc,CAAC;AAAA,IAClC,CAACA,GAAaI,CAAY;AAAA,EAAA;AAG9B,SAAO;AAAA,IACH,WAAAC;AAAA,IACA,aAAaL,MAAgB;AAAA,IAC7B,YAAYA,MAAgBC;AAAA,IAC5B,kBAAAO;AAAA,IACA,cAAAE;AAAA,EAAA;AAER;"}

package/dist/components/navigation/pagination/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Pagination } from './Pagination.tsx';
+export { PAGINATION_STYLES } from './styles/Pagination.css.ts';
+export type { PaginationProps } from './types/Pagination.props.ts';

package/dist/components/navigation/pagination/styles/Pagination.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                                */var e={list:"iwc0wj0",ellipsis:"iwc0wj1"};exports.PAGINATION_STYLES=e;
+//# sourceMappingURL=Pagination.css.cjs.map

package/dist/components/navigation/pagination/styles/Pagination.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/navigation/pagination/styles/Pagination.css.d.ts

@@ -0,0 +1,4 @@
+export declare const PAGINATION_STYLES: {
+    list: string;
+    ellipsis: string;
+};

package/dist/components/navigation/pagination/styles/Pagination.css.js

@@ -0,0 +1,7 @@
+/* empty css                                            */
+/* empty css                              */
+var r = { list: "iwc0wj0", ellipsis: "iwc0wj1" };
+export {
+  r as PAGINATION_STYLES
+};
+//# sourceMappingURL=Pagination.css.js.map

package/dist/components/navigation/pagination/styles/Pagination.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/navigation/pagination/types/Pagination.props.d.ts

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+export type PaginationProps = Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'aria-label'> & {
+    /** Accessible name for the pagination navigation landmark. */
+    'aria-label': string;
+    /** The currently selected page, starting at 1. */
+    currentPage: number;
+    /** The total number of available pages. */
+    totalPages: number;
+    /** Called when the user selects a different page. */
+    onPageChange: (page: number) => void;
+    /** Number of pages shown on each side of the current page. Defaults to 1. */
+    siblingCount?: number;
+    /** Number of pages always shown at each boundary. Defaults to 1. */
+    boundaryCount?: number;
+    /** Accessible label for the previous-page icon button. */
+    previousLabel: string;
+    /** Accessible label for the next-page icon button. */
+    nextLabel: string;
+    /** Ref forwarded to the navigation landmark. */
+    ref?: React.Ref<HTMLElement>;
+};

package/dist/components/navigation/pagination/utils/pagination.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=(i,a,n,g)=>{const t=new Set;for(let e=1;e<=g;e+=1)t.add(e),t.add(i-e+1);for(let e=a-n;e<=a+n;e+=1)t.add(e);const r=[...t].filter(e=>e>=1&&e<=i).sort((e,o)=>e-o),s=[];return r.forEach((e,o)=>{const d=r[o-1];d!==void 0&&e-d>1&&s.push("ellipsis"),s.push(e)}),s};exports.getPaginationPageItems=c;
+//# sourceMappingURL=pagination.utils.cjs.map

package/dist/components/navigation/pagination/utils/pagination.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.utils.cjs","sources":["../../../../../src/components/navigation/pagination/utils/pagination.utils.ts"],"sourcesContent":["export type PaginationPageItem = number | 'ellipsis'\r\n\r\nexport const getPaginationPageItems = (\r\n    totalPages: number,\r\n    currentPage: number,\r\n    siblingCount: number,\r\n    boundaryCount: number,\r\n): PaginationPageItem[] => {\r\n    const visiblePages = new Set<number>()\r\n\r\n    for (let page = 1; page <= boundaryCount; page += 1) {\r\n        visiblePages.add(page)\r\n        visiblePages.add(totalPages - page + 1)\r\n    }\r\n\r\n    for (\r\n        let page = currentPage - siblingCount;\r\n        page <= currentPage + siblingCount;\r\n        page += 1\r\n    ) {\r\n        visiblePages.add(page)\r\n    }\r\n\r\n    const pages = [...visiblePages]\r\n        .filter((page) => page >= 1 && page <= totalPages)\r\n        .sort((a, b) => a - b)\r\n    const items: PaginationPageItem[] = []\r\n\r\n    pages.forEach((page, index) => {\r\n        const previousPage = pages[index - 1]\r\n\r\n        if (previousPage !== undefined && page - previousPage > 1) {\r\n            items.push('ellipsis')\r\n        }\r\n        items.push(page)\r\n    })\r\n\r\n    return items\r\n}\r\n"],"names":["getPaginationPageItems","totalPages","currentPage","siblingCount","boundaryCount","visiblePages","page","pages","a","b","items","index","previousPage"],"mappings":"gFAEO,MAAMA,EAAyB,CAClCC,EACAC,EACAC,EACAC,IACuB,CACvB,MAAMC,MAAmB,IAEzB,QAASC,EAAO,EAAGA,GAAQF,EAAeE,GAAQ,EAC9CD,EAAa,IAAIC,CAAI,EACrBD,EAAa,IAAIJ,EAAaK,EAAO,CAAC,EAG1C,QACQA,EAAOJ,EAAcC,EACzBG,GAAQJ,EAAcC,EACtBG,GAAQ,EAERD,EAAa,IAAIC,CAAI,EAGzB,MAAMC,EAAQ,CAAC,GAAGF,CAAY,EACzB,OAAQC,GAASA,GAAQ,GAAKA,GAAQL,CAAU,EAChD,KAAK,CAACO,EAAGC,IAAMD,EAAIC,CAAC,EACnBC,EAA8B,CAAA,EAEpC,OAAAH,EAAM,QAAQ,CAACD,EAAMK,IAAU,CAC3B,MAAMC,EAAeL,EAAMI,EAAQ,CAAC,EAEhCC,IAAiB,QAAaN,EAAOM,EAAe,GACpDF,EAAM,KAAK,UAAU,EAEzBA,EAAM,KAAKJ,CAAI,CACnB,CAAC,EAEMI,CACX"}

package/dist/components/navigation/pagination/utils/pagination.utils.d.ts

@@ -0,0 +1,2 @@
+export type PaginationPageItem = number | 'ellipsis';
+export declare const getPaginationPageItems: (totalPages: number, currentPage: number, siblingCount: number, boundaryCount: number) => PaginationPageItem[];

package/dist/components/navigation/pagination/utils/pagination.utils.js

@@ -0,0 +1,16 @@
+const c = (i, a, d, p) => {
+  const s = /* @__PURE__ */ new Set();
+  for (let e = 1; e <= p; e += 1)
+    s.add(e), s.add(i - e + 1);
+  for (let e = a - d; e <= a + d; e += 1)
+    s.add(e);
+  const r = [...s].filter((e) => e >= 1 && e <= i).sort((e, o) => e - o), t = [];
+  return r.forEach((e, o) => {
+    const n = r[o - 1];
+    n !== void 0 && e - n > 1 && t.push("ellipsis"), t.push(e);
+  }), t;
+};
+export {
+  c as getPaginationPageItems
+};
+//# sourceMappingURL=pagination.utils.js.map

package/dist/components/navigation/pagination/utils/pagination.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.utils.js","sources":["../../../../../src/components/navigation/pagination/utils/pagination.utils.ts"],"sourcesContent":["export type PaginationPageItem = number | 'ellipsis'\r\n\r\nexport const getPaginationPageItems = (\r\n    totalPages: number,\r\n    currentPage: number,\r\n    siblingCount: number,\r\n    boundaryCount: number,\r\n): PaginationPageItem[] => {\r\n    const visiblePages = new Set<number>()\r\n\r\n    for (let page = 1; page <= boundaryCount; page += 1) {\r\n        visiblePages.add(page)\r\n        visiblePages.add(totalPages - page + 1)\r\n    }\r\n\r\n    for (\r\n        let page = currentPage - siblingCount;\r\n        page <= currentPage + siblingCount;\r\n        page += 1\r\n    ) {\r\n        visiblePages.add(page)\r\n    }\r\n\r\n    const pages = [...visiblePages]\r\n        .filter((page) => page >= 1 && page <= totalPages)\r\n        .sort((a, b) => a - b)\r\n    const items: PaginationPageItem[] = []\r\n\r\n    pages.forEach((page, index) => {\r\n        const previousPage = pages[index - 1]\r\n\r\n        if (previousPage !== undefined && page - previousPage > 1) {\r\n            items.push('ellipsis')\r\n        }\r\n        items.push(page)\r\n    })\r\n\r\n    return items\r\n}\r\n"],"names":["getPaginationPageItems","totalPages","currentPage","siblingCount","boundaryCount","visiblePages","page","pages","a","b","items","index","previousPage"],"mappings":"AAEO,MAAMA,IAAyB,CAClCC,GACAC,GACAC,GACAC,MACuB;AACvB,QAAMC,wBAAmB,IAAA;AAEzB,WAASC,IAAO,GAAGA,KAAQF,GAAeE,KAAQ;AAC9C,IAAAD,EAAa,IAAIC,CAAI,GACrBD,EAAa,IAAIJ,IAAaK,IAAO,CAAC;AAG1C,WACQA,IAAOJ,IAAcC,GACzBG,KAAQJ,IAAcC,GACtBG,KAAQ;AAER,IAAAD,EAAa,IAAIC,CAAI;AAGzB,QAAMC,IAAQ,CAAC,GAAGF,CAAY,EACzB,OAAO,CAACC,MAASA,KAAQ,KAAKA,KAAQL,CAAU,EAChD,KAAK,CAACO,GAAGC,MAAMD,IAAIC,CAAC,GACnBC,IAA8B,CAAA;AAEpC,SAAAH,EAAM,QAAQ,CAACD,GAAMK,MAAU;AAC3B,UAAMC,IAAeL,EAAMI,IAAQ,CAAC;AAEpC,IAAIC,MAAiB,UAAaN,IAAOM,IAAe,KACpDF,EAAM,KAAK,UAAU,GAEzBA,EAAM,KAAKJ,CAAI;AAAA,EACnB,CAAC,GAEMI;AACX;"}

package/dist/components/navigation/step-indicator/StepIndicator.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),c=require("./components/step-indicator-item/StepIndicatorItem.cjs"),q=require("./context/StepIndicator.context.cjs"),o=require("./styles/StepIndicator.css.cjs"),C=require("../../../utils/cn.cjs"),n=s.memo(({"aria-label":a,children:l,currentStep:i,onStepChange:d,className:p,ref:u,...I})=>{const m=s.Children.toArray(l).filter(e=>s.isValidElement(e));return r.jsx("nav",{ref:u,"aria-label":a,className:C.cn(o.STEP_INDICATOR_STYLES.root,p),...I,children:r.jsx("ol",{className:o.STEP_INDICATOR_STYLES.list,children:m.map((e,S)=>{const t=S+1,x=t===i,j=t<i;return r.jsx("li",{children:r.jsx(q.StepIndicatorContext.Provider,{value:{stepNumber:t,isCurrent:x,isCompleted:j,onStepChange:d},children:r.jsx(c,{...e.props})})},e.key??`${t}-${e.props.label}`)})})})});n.displayName="StepIndicator";n.Item=c;module.exports=n;
+//# sourceMappingURL=StepIndicator.cjs.map

package/dist/components/navigation/step-indicator/StepIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicator.cjs","sources":["../../../../src/components/navigation/step-indicator/StepIndicator.tsx"],"sourcesContent":["import {\r\n    Children,\r\n    isValidElement,\r\n    memo,\r\n    type ReactElement,\r\n} from 'react'\r\n\r\nimport StepIndicatorItem from '@components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.tsx'\r\nimport type { StepIndicatorItemProps } from '@components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.ts'\r\nimport { StepIndicatorContext } from '@components/navigation/step-indicator/context/StepIndicator.context.ts'\r\nimport { STEP_INDICATOR_STYLES } from '@components/navigation/step-indicator/styles/StepIndicator.css.ts'\r\nimport type { StepIndicatorProps } from '@components/navigation/step-indicator/types/StepIndicator.props.ts'\r\nimport type { StepIndicatorCompound } from '@components/navigation/step-indicator/types/StepIndicatorCompound.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst StepIndicator = memo(\r\n    ({\r\n        'aria-label': ariaLabel,\r\n        children,\r\n        currentStep,\r\n        onStepChange,\r\n        className,\r\n        ref,\r\n        ...props\r\n    }: StepIndicatorProps) => {\r\n        const items = Children.toArray(children).filter(\r\n            (child): child is ReactElement<StepIndicatorItemProps> =>\r\n                isValidElement<StepIndicatorItemProps>(child),\r\n        )\r\n\r\n        return (\r\n            <nav\r\n                ref={ref}\r\n                aria-label={ariaLabel}\r\n                className={cn(STEP_INDICATOR_STYLES.root, className)}\r\n                {...props}\r\n            >\r\n                <ol className={STEP_INDICATOR_STYLES.list}>\r\n                    {items.map((item, index) => {\r\n                        const stepNumber = index + 1\r\n                        const isCurrent = stepNumber === currentStep\r\n                        const isCompleted = stepNumber < currentStep\r\n\r\n                        return (\r\n                            <li key={item.key ?? `${stepNumber}-${item.props.label}`}>\r\n                                <StepIndicatorContext.Provider\r\n                                    value={{\r\n                                        stepNumber,\r\n                                        isCurrent,\r\n                                        isCompleted,\r\n                                        onStepChange,\r\n                                    }}\r\n                                >\r\n                                    <StepIndicatorItem {...item.props} />\r\n                                </StepIndicatorContext.Provider>\r\n                            </li>\r\n                        )\r\n                    })}\r\n                </ol>\r\n            </nav>\r\n        )\r\n    },\r\n) as unknown as StepIndicatorCompound\r\n\r\nStepIndicator.displayName = 'StepIndicator'\r\nStepIndicator.Item = StepIndicatorItem\r\n\r\nexport default StepIndicator\r\n"],"names":["StepIndicator","memo","ariaLabel","children","currentStep","onStepChange","className","ref","props","items","Children","child","isValidElement","jsx","cn","STEP_INDICATOR_STYLES","item","index","stepNumber","isCurrent","isCompleted","StepIndicatorContext","StepIndicatorItem"],"mappings":"yQAeMA,EAAgBC,EAAAA,KAClB,CAAC,CACG,aAAcC,EACd,SAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CAAA,IACmB,CACtB,MAAMC,EAAQC,EAAAA,SAAS,QAAQP,CAAQ,EAAE,OACpCQ,GACGC,EAAAA,eAAuCD,CAAK,CAAA,EAGpD,OACIE,EAAAA,IAAC,MAAA,CACG,IAAAN,EACA,aAAYL,EACZ,UAAWY,EAAAA,GAAGC,wBAAsB,KAAMT,CAAS,EAClD,GAAGE,EAEJ,SAAAK,EAAAA,IAAC,MAAG,UAAWE,EAAAA,sBAAsB,KAChC,SAAAN,EAAM,IAAI,CAACO,EAAMC,IAAU,CACxB,MAAMC,EAAaD,EAAQ,EACrBE,EAAYD,IAAed,EAC3BgB,EAAcF,EAAad,EAEjC,aACK,KAAA,CACG,SAAAS,EAAAA,IAACQ,EAAAA,qBAAqB,SAArB,CACG,MAAO,CACH,WAAAH,EACA,UAAAC,EACA,YAAAC,EACA,aAAAf,CAAA,EAGJ,SAAAQ,EAAAA,IAACS,EAAA,CAAmB,GAAGN,EAAK,KAAA,CAAO,CAAA,CAAA,GATlCA,EAAK,KAAO,GAAGE,CAAU,IAAIF,EAAK,MAAM,KAAK,EAWtD,CAER,CAAC,CAAA,CACL,CAAA,CAAA,CAGZ,CACJ,EAEAhB,EAAc,YAAc,gBAC5BA,EAAc,KAAOsB"}

package/dist/components/navigation/step-indicator/StepIndicator.d.ts

@@ -0,0 +1,3 @@
+import { StepIndicatorCompound } from './types/StepIndicatorCompound.ts';
+declare const StepIndicator: StepIndicatorCompound;
+export default StepIndicator;

package/dist/components/navigation/step-indicator/StepIndicator.js

@@ -0,0 +1,51 @@
+import { jsx as o } from "react/jsx-runtime";
+import { memo as u, Children as C, isValidElement as N } from "react";
+import a from "./components/step-indicator-item/StepIndicatorItem.js";
+import { StepIndicatorContext as b } from "./context/StepIndicator.context.js";
+import { STEP_INDICATOR_STYLES as i } from "./styles/StepIndicator.css.js";
+import { cn as v } from "../../../utils/cn.js";
+const l = u(
+  ({
+    "aria-label": m,
+    children: n,
+    currentStep: e,
+    onStepChange: s,
+    className: p,
+    ref: c,
+    ...d
+  }) => {
+    const f = C.toArray(n).filter(
+      (r) => N(r)
+    );
+    return /* @__PURE__ */ o(
+      "nav",
+      {
+        ref: c,
+        "aria-label": m,
+        className: v(i.root, p),
+        ...d,
+        children: /* @__PURE__ */ o("ol", { className: i.list, children: f.map((r, I) => {
+          const t = I + 1, S = t === e, h = t < e;
+          return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
+            b.Provider,
+            {
+              value: {
+                stepNumber: t,
+                isCurrent: S,
+                isCompleted: h,
+                onStepChange: s
+              },
+              children: /* @__PURE__ */ o(a, { ...r.props })
+            }
+          ) }, r.key ?? `${t}-${r.props.label}`);
+        }) })
+      }
+    );
+  }
+);
+l.displayName = "StepIndicator";
+l.Item = a;
+export {
+  l as default
+};
+//# sourceMappingURL=StepIndicator.js.map

package/dist/components/navigation/step-indicator/StepIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicator.js","sources":["../../../../src/components/navigation/step-indicator/StepIndicator.tsx"],"sourcesContent":["import {\r\n    Children,\r\n    isValidElement,\r\n    memo,\r\n    type ReactElement,\r\n} from 'react'\r\n\r\nimport StepIndicatorItem from '@components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.tsx'\r\nimport type { StepIndicatorItemProps } from '@components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.ts'\r\nimport { StepIndicatorContext } from '@components/navigation/step-indicator/context/StepIndicator.context.ts'\r\nimport { STEP_INDICATOR_STYLES } from '@components/navigation/step-indicator/styles/StepIndicator.css.ts'\r\nimport type { StepIndicatorProps } from '@components/navigation/step-indicator/types/StepIndicator.props.ts'\r\nimport type { StepIndicatorCompound } from '@components/navigation/step-indicator/types/StepIndicatorCompound.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst StepIndicator = memo(\r\n    ({\r\n        'aria-label': ariaLabel,\r\n        children,\r\n        currentStep,\r\n        onStepChange,\r\n        className,\r\n        ref,\r\n        ...props\r\n    }: StepIndicatorProps) => {\r\n        const items = Children.toArray(children).filter(\r\n            (child): child is ReactElement<StepIndicatorItemProps> =>\r\n                isValidElement<StepIndicatorItemProps>(child),\r\n        )\r\n\r\n        return (\r\n            <nav\r\n                ref={ref}\r\n                aria-label={ariaLabel}\r\n                className={cn(STEP_INDICATOR_STYLES.root, className)}\r\n                {...props}\r\n            >\r\n                <ol className={STEP_INDICATOR_STYLES.list}>\r\n                    {items.map((item, index) => {\r\n                        const stepNumber = index + 1\r\n                        const isCurrent = stepNumber === currentStep\r\n                        const isCompleted = stepNumber < currentStep\r\n\r\n                        return (\r\n                            <li key={item.key ?? `${stepNumber}-${item.props.label}`}>\r\n                                <StepIndicatorContext.Provider\r\n                                    value={{\r\n                                        stepNumber,\r\n                                        isCurrent,\r\n                                        isCompleted,\r\n                                        onStepChange,\r\n                                    }}\r\n                                >\r\n                                    <StepIndicatorItem {...item.props} />\r\n                                </StepIndicatorContext.Provider>\r\n                            </li>\r\n                        )\r\n                    })}\r\n                </ol>\r\n            </nav>\r\n        )\r\n    },\r\n) as unknown as StepIndicatorCompound\r\n\r\nStepIndicator.displayName = 'StepIndicator'\r\nStepIndicator.Item = StepIndicatorItem\r\n\r\nexport default StepIndicator\r\n"],"names":["StepIndicator","memo","ariaLabel","children","currentStep","onStepChange","className","ref","props","items","Children","child","isValidElement","jsx","cn","STEP_INDICATOR_STYLES","item","index","stepNumber","isCurrent","isCompleted","StepIndicatorContext","StepIndicatorItem"],"mappings":";;;;;;AAeA,MAAMA,IAAgBC;AAAA,EAClB,CAAC;AAAA,IACG,cAAcC;AAAA,IACd,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACmB;AACtB,UAAMC,IAAQC,EAAS,QAAQP,CAAQ,EAAE;AAAA,MACrC,CAACQ,MACGC,EAAuCD,CAAK;AAAA,IAAA;AAGpD,WACI,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAN;AAAA,QACA,cAAYL;AAAA,QACZ,WAAWY,EAAGC,EAAsB,MAAMT,CAAS;AAAA,QAClD,GAAGE;AAAA,QAEJ,UAAA,gBAAAK,EAAC,QAAG,WAAWE,EAAsB,MAChC,UAAAN,EAAM,IAAI,CAACO,GAAMC,MAAU;AACxB,gBAAMC,IAAaD,IAAQ,GACrBE,IAAYD,MAAed,GAC3BgB,IAAcF,IAAad;AAEjC,mCACK,MAAA,EACG,UAAA,gBAAAS;AAAA,YAACQ,EAAqB;AAAA,YAArB;AAAA,cACG,OAAO;AAAA,gBACH,YAAAH;AAAA,gBACA,WAAAC;AAAA,gBACA,aAAAC;AAAA,gBACA,cAAAf;AAAA,cAAA;AAAA,cAGJ,UAAA,gBAAAQ,EAACS,GAAA,EAAmB,GAAGN,EAAK,MAAA,CAAO;AAAA,YAAA;AAAA,UAAA,KATlCA,EAAK,OAAO,GAAGE,CAAU,IAAIF,EAAK,MAAM,KAAK,EAWtD;AAAA,QAER,CAAC,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEAhB,EAAc,cAAc;AAC5BA,EAAc,OAAOsB;"}

package/dist/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),t=require("./styles/StepIndicatorItem.css.cjs"),T=require("../../context/StepIndicator.context.cjs"),p=require("../../../../../utils/cn.cjs"),a=c.memo(({label:n,disabled:I,ref:d})=>{const o=c.useContext(T.StepIndicatorContext);if(!o)throw new Error("StepIndicator.Item must be rendered inside StepIndicator.");const{stepNumber:S,isCurrent:e,isCompleted:u,onStepChange:s}=o,i=r.jsx("span",{className:p.cn(t.STEP_INDICATOR_ITEM_STYLES.dot,e&&t.STEP_INDICATOR_ITEM_STYLES.dotCurrent,u&&t.STEP_INDICATOR_ITEM_STYLES.dotCompleted),"aria-hidden":"true"});return s?r.jsx("button",{ref:d,type:"button",className:t.STEP_INDICATOR_ITEM_STYLES.button,"aria-label":n,"aria-current":e?"step":void 0,disabled:I,onClick:()=>s(S),children:i}):r.jsx("span",{role:"img",className:t.STEP_INDICATOR_ITEM_STYLES.staticItem,"aria-label":n,"aria-current":e?"step":void 0,children:i})});a.displayName="StepIndicator.Item";module.exports=a;
+//# sourceMappingURL=StepIndicatorItem.cjs.map

package/dist/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicatorItem.cjs","sources":["../../../../../../src/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.tsx"],"sourcesContent":["import { memo, useContext } from 'react'\r\n\r\nimport { STEP_INDICATOR_ITEM_STYLES } from '@components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.ts'\r\nimport { StepIndicatorContext } from '@components/navigation/step-indicator/context/StepIndicator.context.ts'\r\nimport type { StepIndicatorItemProps } from '@components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst StepIndicatorItem = memo(\r\n    ({ label, disabled, ref }: StepIndicatorItemProps) => {\r\n        const context = useContext(StepIndicatorContext)\r\n\r\n        if (!context) {\r\n            throw new Error(\r\n                'StepIndicator.Item must be rendered inside StepIndicator.',\r\n            )\r\n        }\r\n\r\n        const { stepNumber, isCurrent, isCompleted, onStepChange } = context\r\n        const dot = (\r\n            <span\r\n                className={cn(\r\n                    STEP_INDICATOR_ITEM_STYLES.dot,\r\n                    isCurrent && STEP_INDICATOR_ITEM_STYLES.dotCurrent,\r\n                    isCompleted && STEP_INDICATOR_ITEM_STYLES.dotCompleted,\r\n                )}\r\n                aria-hidden={'true'}\r\n            />\r\n        )\r\n\r\n        if (onStepChange) {\r\n            return (\r\n                <button\r\n                    ref={ref}\r\n                    type={'button'}\r\n                    className={STEP_INDICATOR_ITEM_STYLES.button}\r\n                    aria-label={label}\r\n                    aria-current={isCurrent ? 'step' : undefined}\r\n                    disabled={disabled}\r\n                    onClick={() => onStepChange(stepNumber)}\r\n                >\r\n                    {dot}\r\n                </button>\r\n            )\r\n        }\r\n\r\n        return (\r\n            <span\r\n                role={'img'}\r\n                className={STEP_INDICATOR_ITEM_STYLES.staticItem}\r\n                aria-label={label}\r\n                aria-current={isCurrent ? 'step' : undefined}\r\n            >\r\n                {dot}\r\n            </span>\r\n        )\r\n    },\r\n)\r\n\r\nStepIndicatorItem.displayName = 'StepIndicator.Item'\r\n\r\nexport default StepIndicatorItem\r\n"],"names":["StepIndicatorItem","memo","label","disabled","ref","context","useContext","StepIndicatorContext","stepNumber","isCurrent","isCompleted","onStepChange","dot","jsx","cn","STEP_INDICATOR_ITEM_STYLES"],"mappings":"mNAOMA,EAAoBC,EAAAA,KACtB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,IAAAC,KAAkC,CAClD,MAAMC,EAAUC,EAAAA,WAAWC,sBAAoB,EAE/C,GAAI,CAACF,EACD,MAAM,IAAI,MACN,2DAAA,EAIR,KAAM,CAAE,WAAAG,EAAY,UAAAC,EAAW,YAAAC,EAAa,aAAAC,GAAiBN,EACvDO,EACFC,EAAAA,IAAC,OAAA,CACG,UAAWC,EAAAA,GACPC,EAAAA,2BAA2B,IAC3BN,GAAaM,EAAAA,2BAA2B,WACxCL,GAAeK,EAAAA,2BAA2B,YAAA,EAE9C,cAAa,MAAA,CAAA,EAIrB,OAAIJ,EAEIE,EAAAA,IAAC,SAAA,CACG,IAAAT,EACA,KAAM,SACN,UAAWW,EAAAA,2BAA2B,OACtC,aAAYb,EACZ,eAAcO,EAAY,OAAS,OACnC,SAAAN,EACA,QAAS,IAAMQ,EAAaH,CAAU,EAErC,SAAAI,CAAA,CAAA,EAMTC,EAAAA,IAAC,OAAA,CACG,KAAM,MACN,UAAWE,EAAAA,2BAA2B,WACtC,aAAYb,EACZ,eAAcO,EAAY,OAAS,OAElC,SAAAG,CAAA,CAAA,CAGb,CACJ,EAEAZ,EAAkB,YAAc"}

package/dist/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.d.ts

@@ -0,0 +1,4 @@
+import { StepIndicatorItemProps } from './types/StepIndicatorItem.props.ts';
+import { MemoExoticComponent } from 'react';
+declare const StepIndicatorItem: MemoExoticComponent<({ label, disabled, ref }: StepIndicatorItemProps) => import("react").JSX.Element>;
+export default StepIndicatorItem;

package/dist/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.js

@@ -0,0 +1,52 @@
+import { jsx as r } from "react/jsx-runtime";
+import { memo as c, useContext as u } from "react";
+import { STEP_INDICATOR_ITEM_STYLES as t } from "./styles/StepIndicatorItem.css.js";
+import { StepIndicatorContext as l } from "../../context/StepIndicator.context.js";
+import { cn as I } from "../../../../../utils/cn.js";
+const C = c(
+  ({ label: o, disabled: m, ref: s }) => {
+    const n = u(l);
+    if (!n)
+      throw new Error(
+        "StepIndicator.Item must be rendered inside StepIndicator."
+      );
+    const { stepNumber: d, isCurrent: e, isCompleted: p, onStepChange: a } = n, i = /* @__PURE__ */ r(
+      "span",
+      {
+        className: I(
+          t.dot,
+          e && t.dotCurrent,
+          p && t.dotCompleted
+        ),
+        "aria-hidden": "true"
+      }
+    );
+    return a ? /* @__PURE__ */ r(
+      "button",
+      {
+        ref: s,
+        type: "button",
+        className: t.button,
+        "aria-label": o,
+        "aria-current": e ? "step" : void 0,
+        disabled: m,
+        onClick: () => a(d),
+        children: i
+      }
+    ) : /* @__PURE__ */ r(
+      "span",
+      {
+        role: "img",
+        className: t.staticItem,
+        "aria-label": o,
+        "aria-current": e ? "step" : void 0,
+        children: i
+      }
+    );
+  }
+);
+C.displayName = "StepIndicator.Item";
+export {
+  C as default
+};
+//# sourceMappingURL=StepIndicatorItem.js.map

package/dist/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicatorItem.js","sources":["../../../../../../src/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.tsx"],"sourcesContent":["import { memo, useContext } from 'react'\r\n\r\nimport { STEP_INDICATOR_ITEM_STYLES } from '@components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.ts'\r\nimport { StepIndicatorContext } from '@components/navigation/step-indicator/context/StepIndicator.context.ts'\r\nimport type { StepIndicatorItemProps } from '@components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst StepIndicatorItem = memo(\r\n    ({ label, disabled, ref }: StepIndicatorItemProps) => {\r\n        const context = useContext(StepIndicatorContext)\r\n\r\n        if (!context) {\r\n            throw new Error(\r\n                'StepIndicator.Item must be rendered inside StepIndicator.',\r\n            )\r\n        }\r\n\r\n        const { stepNumber, isCurrent, isCompleted, onStepChange } = context\r\n        const dot = (\r\n            <span\r\n                className={cn(\r\n                    STEP_INDICATOR_ITEM_STYLES.dot,\r\n                    isCurrent && STEP_INDICATOR_ITEM_STYLES.dotCurrent,\r\n                    isCompleted && STEP_INDICATOR_ITEM_STYLES.dotCompleted,\r\n                )}\r\n                aria-hidden={'true'}\r\n            />\r\n        )\r\n\r\n        if (onStepChange) {\r\n            return (\r\n                <button\r\n                    ref={ref}\r\n                    type={'button'}\r\n                    className={STEP_INDICATOR_ITEM_STYLES.button}\r\n                    aria-label={label}\r\n                    aria-current={isCurrent ? 'step' : undefined}\r\n                    disabled={disabled}\r\n                    onClick={() => onStepChange(stepNumber)}\r\n                >\r\n                    {dot}\r\n                </button>\r\n            )\r\n        }\r\n\r\n        return (\r\n            <span\r\n                role={'img'}\r\n                className={STEP_INDICATOR_ITEM_STYLES.staticItem}\r\n                aria-label={label}\r\n                aria-current={isCurrent ? 'step' : undefined}\r\n            >\r\n                {dot}\r\n            </span>\r\n        )\r\n    },\r\n)\r\n\r\nStepIndicatorItem.displayName = 'StepIndicator.Item'\r\n\r\nexport default StepIndicatorItem\r\n"],"names":["StepIndicatorItem","memo","label","disabled","ref","context","useContext","StepIndicatorContext","stepNumber","isCurrent","isCompleted","onStepChange","dot","jsx","cn","STEP_INDICATOR_ITEM_STYLES"],"mappings":";;;;;AAOA,MAAMA,IAAoBC;AAAA,EACtB,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,KAAAC,QAAkC;AAClD,UAAMC,IAAUC,EAAWC,CAAoB;AAE/C,QAAI,CAACF;AACD,YAAM,IAAI;AAAA,QACN;AAAA,MAAA;AAIR,UAAM,EAAE,YAAAG,GAAY,WAAAC,GAAW,aAAAC,GAAa,cAAAC,MAAiBN,GACvDO,IACF,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC;AAAA,UACPC,EAA2B;AAAA,UAC3BN,KAAaM,EAA2B;AAAA,UACxCL,KAAeK,EAA2B;AAAA,QAAA;AAAA,QAE9C,eAAa;AAAA,MAAA;AAAA,IAAA;AAIrB,WAAIJ,IAEI,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAT;AAAA,QACA,MAAM;AAAA,QACN,WAAWW,EAA2B;AAAA,QACtC,cAAYb;AAAA,QACZ,gBAAcO,IAAY,SAAS;AAAA,QACnC,UAAAN;AAAA,QACA,SAAS,MAAMQ,EAAaH,CAAU;AAAA,QAErC,UAAAI;AAAA,MAAA;AAAA,IAAA,IAMT,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,WAAWE,EAA2B;AAAA,QACtC,cAAYb;AAAA,QACZ,gBAAcO,IAAY,SAAS;AAAA,QAElC,UAAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb;AACJ;AAEAZ,EAAkB,cAAc;"}

package/dist/components/navigation/step-indicator/components/step-indicator-item/index.d.ts

@@ -0,0 +1,2 @@
+export { default as StepIndicatorItem } from './StepIndicatorItem.tsx';
+export type { StepIndicatorItemProps } from './types';

package/dist/components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                       */var t={button:"_1bv68230",staticItem:"_1bv68231",dot:"_1bv68232",dotCurrent:"_1bv68233",dotCompleted:"_1bv68234"};exports.STEP_INDICATOR_ITEM_STYLES=t;
+//# sourceMappingURL=StepIndicatorItem.css.cjs.map

package/dist/components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicatorItem.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.d.ts

@@ -0,0 +1,7 @@
+export declare const STEP_INDICATOR_ITEM_STYLES: {
+    button: string;
+    staticItem: string;
+    dot: string;
+    dotCurrent: string;
+    dotCompleted: string;
+};

package/dist/components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                     */
+var _ = { button: "_1bv68230", staticItem: "_1bv68231", dot: "_1bv68232", dotCurrent: "_1bv68233", dotCompleted: "_1bv68234" };
+export {
+  _ as STEP_INDICATOR_ITEM_STYLES
+};
+//# sourceMappingURL=StepIndicatorItem.css.js.map

package/dist/components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicatorItem.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/navigation/step-indicator/components/step-indicator-item/types/StepIndicatorItem.props.d.ts

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+export type StepIndicatorItemProps = {
+    /** Accessible name announced for this step. */
+    label: string;
+    /** Prevents this step from being selected. */
+    disabled?: boolean;
+    /** Ref forwarded to the interactive step button. */
+    ref?: React.Ref<HTMLButtonElement>;
+};

package/dist/components/navigation/step-indicator/components/step-indicator-item/types/index.d.ts

@@ -0,0 +1 @@
+export type { StepIndicatorItemProps } from './StepIndicatorItem.props.ts';

package/dist/components/navigation/step-indicator/context/StepIndicator.context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext(null);exports.StepIndicatorContext=e;
+//# sourceMappingURL=StepIndicator.context.cjs.map

package/dist/components/navigation/step-indicator/context/StepIndicator.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicator.context.cjs","sources":["../../../../../src/components/navigation/step-indicator/context/StepIndicator.context.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\nexport type StepIndicatorContextValue = {\r\n    stepNumber: number\r\n    isCurrent: boolean\r\n    isCompleted: boolean\r\n    onStepChange?: (step: number) => void\r\n}\r\n\r\nexport const StepIndicatorContext =\r\n    createContext<StepIndicatorContextValue | null>(null)\r\n"],"names":["StepIndicatorContext","createContext"],"mappings":"yGASaA,EACTC,EAAAA,cAAgD,IAAI"}

package/dist/components/navigation/step-indicator/context/StepIndicator.context.d.ts

@@ -0,0 +1,8 @@
+import { Context } from 'react';
+export type StepIndicatorContextValue = {
+    stepNumber: number;
+    isCurrent: boolean;
+    isCompleted: boolean;
+    onStepChange?: (step: number) => void;
+};
+export declare const StepIndicatorContext: Context<StepIndicatorContextValue | null>;

package/dist/components/navigation/step-indicator/context/StepIndicator.context.js

@@ -0,0 +1,6 @@
+import { createContext as t } from "react";
+const e = t(null);
+export {
+  e as StepIndicatorContext
+};
+//# sourceMappingURL=StepIndicator.context.js.map

package/dist/components/navigation/step-indicator/context/StepIndicator.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicator.context.js","sources":["../../../../../src/components/navigation/step-indicator/context/StepIndicator.context.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\nexport type StepIndicatorContextValue = {\r\n    stepNumber: number\r\n    isCurrent: boolean\r\n    isCompleted: boolean\r\n    onStepChange?: (step: number) => void\r\n}\r\n\r\nexport const StepIndicatorContext =\r\n    createContext<StepIndicatorContextValue | null>(null)\r\n"],"names":["StepIndicatorContext","createContext"],"mappings":";AASO,MAAMA,IACTC,EAAgD,IAAI;"}

package/dist/components/navigation/step-indicator/index.d.ts

@@ -0,0 +1,4 @@
+export { default as StepIndicator } from './StepIndicator.tsx';
+export { STEP_INDICATOR_STYLES } from './styles/StepIndicator.css.ts';
+export type { StepIndicatorCompound, StepIndicatorProps, } from './types';
+export type { StepIndicatorItemProps } from './components/step-indicator-item';

package/dist/components/navigation/step-indicator/styles/StepIndicator.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                                   */var e={root:"_1eke9rf0",list:"_1eke9rf1"};exports.STEP_INDICATOR_STYLES=e;
+//# sourceMappingURL=StepIndicator.css.cjs.map

package/dist/components/navigation/step-indicator/styles/StepIndicator.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicator.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/navigation/step-indicator/styles/StepIndicator.css.d.ts

@@ -0,0 +1,4 @@
+export declare const STEP_INDICATOR_STYLES: {
+    root: string;
+    list: string;
+};

package/dist/components/navigation/step-indicator/styles/StepIndicator.css.js

@@ -0,0 +1,7 @@
+/* empty css                                            */
+/* empty css                                 */
+var o = { root: "_1eke9rf0", list: "_1eke9rf1" };
+export {
+  o as STEP_INDICATOR_STYLES
+};
+//# sourceMappingURL=StepIndicator.css.js.map

package/dist/components/navigation/step-indicator/styles/StepIndicator.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicator.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/navigation/step-indicator/types/StepIndicator.props.d.ts

@@ -0,0 +1,14 @@
+import { StepIndicatorItemProps } from '../components/step-indicator-item/types/StepIndicatorItem.props.ts';
+import type * as React from 'react';
+export type StepIndicatorProps = Omit<React.HTMLAttributes<HTMLElement>, 'aria-label' | 'children'> & {
+    /** Accessible name for the step indicator navigation landmark. */
+    'aria-label': string;
+    /** Ordered `StepIndicator.Item` elements displayed by the indicator. */
+    children: React.ReactElement<StepIndicatorItemProps> | React.ReactElement<StepIndicatorItemProps>[];
+    /** The current step, starting at 1. */
+    currentStep: number;
+    /** Called with the selected step number when a dot is activated. */
+    onStepChange?: (step: number) => void;
+    /** Ref forwarded to the navigation landmark. */
+    ref?: React.Ref<HTMLElement>;
+};