@studiocubics/components 0.0.3 → 0.0.4

package/dist/Navigation/Breadcrumbs/Breadcrumbs.js

@@ -1,36 +1,2 @@
-'use client';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, Fragment } from 'react';
-import { useBreadcrumbs } from './useBreadcrumbs.js';
-import { BreadcrumbsItem } from './BreadcrumbsItem.js';
-import { cn } from '@studiocubics/utils';
-import styles from './Breadcrumbs.module.css.js';
-
-const ChevronRightIcon = (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-chevron-right-icon lucide-chevron-right", children: jsx("path", { d: "m9 18 6-6-6-6" }) }));
-const EllipsisIcon = (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-ellipsis-icon lucide-ellipsis", children: [jsx("circle", { cx: "12", cy: "12", r: "1" }), jsx("circle", { cx: "19", cy: "12", r: "1" }), jsx("circle", { cx: "5", cy: "12", r: "1" })] }));
-function Breadcrumbs(props) {
-    const { onChange, boundaryCount = 1, siblingCount = 0, children, defaultActive = 0, separator = ChevronRightIcon, ellipsis = EllipsisIcon, renderItem = (props, key) => jsx(BreadcrumbsItem, { ...props }, key), } = props;
-    const [activeCrumb, setActiveCrumb] = useState(defaultActive);
-    const breadcrumbRange = useBreadcrumbs({
-        activeCrumb,
-        crumbs: children,
-        boundaryCount,
-        siblingCount,
-    });
-    function handleClick(i) {
-        setActiveCrumb(i);
-        if (onChange)
-            onChange(i);
-    }
-    return (jsx("span", { className: styles.root, children: breadcrumbRange.map((item, idx) => (jsxs(Fragment, { children: [renderItem({
-                    className: cn(styles.item, activeCrumb === idx ? styles.activeItem : "", item == "ellipsis" ? styles.ellipsis : ""),
-                    onClick: () => handleClick(idx),
-                    children: item == "ellipsis" ? ellipsis : item,
-                }), idx !== breadcrumbRange.length - 1 &&
-                    item !== "ellipsis" &&
-                    breadcrumbRange[idx + 1] != "ellipsis" &&
-                    separator] }, idx))) }));
-}
-
-export { Breadcrumbs, ChevronRightIcon, EllipsisIcon };
+"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as r,Fragment as s}from"react";import{useBreadcrumbs as o}from"./useBreadcrumbs.js";import{BreadcrumbsItem as t}from"./BreadcrumbsItem.js";import{cn as c}from"@studiocubics/utils";import l from"./Breadcrumbs.module.css.js";const n=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-chevron-right-icon lucide-chevron-right",children:e("path",{d:"m9 18 6-6-6-6"})}),u=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-ellipsis-icon lucide-ellipsis",children:[e("circle",{cx:"12",cy:"12",r:"1"}),e("circle",{cx:"19",cy:"12",r:"1"}),e("circle",{cx:"5",cy:"12",r:"1"})]});function d(d){const{onChange:m,boundaryCount:a=1,siblingCount:h=0,children:p,defaultActive:g=0,separator:v=n,ellipsis:w=u,renderItem:b=(i,r)=>e(t,{...i},r)}=d,[f,k]=r(g),x=o({activeCrumb:f,crumbs:p,boundaryCount:a,siblingCount:h});return e("span",{className:l.root,children:x.map((e,r)=>i(s,{children:[b({className:c(l.item,f===r?l.activeItem:"","ellipsis"==e?l.ellipsis:""),onClick:()=>{return k(e=r),void(m&&m(e));var e},children:"ellipsis"==e?w:e}),r!==x.length-1&&"ellipsis"!==e&&"ellipsis"!=x[r+1]&&v]},r))})}export{d as Breadcrumbs,n as ChevronRightIcon,u as EllipsisIcon};
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/Navigation/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/Navigation/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["\"use client\";\n\nimport { Fragment, type ReactElement, type ReactNode, useState } from \"react\";\nimport { useBreadcrumbs } from \"./useBreadcrumbs\";\nimport { BreadcrumbsItem, type BreadcrumbsItemProps } from \"./BreadcrumbsItem\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Breadcrumbs.module.css\";\n\nexport interface BreadCrumbsProps {\n  children: ReactElement[];\n  /**\n   * For controlled Breadcrumbs pass the onChange function\n   */\n  onChange?: (pageNumber: number) => void;\n  /**\n   * How many siblings of the active item should be shown\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * How many of the boundary items should be shown\n   * @default 0\n   */\n  boundaryCount?: number;\n  /**\n   * Crumb that will be selected by default\n   * @default 1\n   */\n  defaultActive?: number;\n  /**\n   * Node to use as separator\n   */\n  separator?: ReactNode;\n  /**\n   * Node to use as ellipsis\n   */\n  ellipsis?: ReactNode;\n  /**\n   * Function that can be used to modify the rendered BreadcrumbsItem component\n   */\n  renderItem?: (\n    props: BreadcrumbsItemProps,\n    key?: string | number,\n  ) => ReactElement;\n}\n\nexport const ChevronRightIcon = (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className=\"lucide lucide-chevron-right-icon lucide-chevron-right\"\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\nexport const EllipsisIcon = (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className=\"lucide lucide-ellipsis-icon lucide-ellipsis\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"1\" />\n    <circle cx=\"19\" cy=\"12\" r=\"1\" />\n    <circle cx=\"5\" cy=\"12\" r=\"1\" />\n  </svg>\n);\nexport function Breadcrumbs(props: BreadCrumbsProps) {\n  const {\n    onChange,\n    boundaryCount = 1,\n    siblingCount = 0,\n    children,\n    defaultActive = 0,\n    separator = ChevronRightIcon,\n    ellipsis = EllipsisIcon,\n    renderItem = (props, key?) => <BreadcrumbsItem key={key} {...props} />,\n  } = props;\n  const [activeCrumb, setActiveCrumb] = useState<number>(defaultActive);\n\n  const breadcrumbRange = useBreadcrumbs({\n    activeCrumb,\n    crumbs: children,\n    boundaryCount,\n    siblingCount,\n  });\n\n  function handleClick(i: number) {\n    setActiveCrumb(i);\n    if (onChange) onChange(i);\n  }\n\n  return (\n    <span className={styles.root}>\n      {breadcrumbRange.map((item, idx) => (\n        <Fragment key={idx}>\n          {renderItem({\n            className: cn(\n              styles.item,\n              activeCrumb === idx ? styles.activeItem : \"\",\n              item == \"ellipsis\" ? styles.ellipsis : \"\",\n            ),\n            onClick: () => handleClick(idx),\n            children: item == \"ellipsis\" ? ellipsis : item,\n          })}\n          {idx !== breadcrumbRange.length - 1 &&\n            item !== \"ellipsis\" &&\n            breadcrumbRange[idx + 1] != \"ellipsis\" &&\n            separator}\n        </Fragment>\n      ))}\n    </span>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/Navigation/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["\"use client\";\n\nimport { Fragment, type ReactElement, type ReactNode, useState } from \"react\";\nimport { useBreadcrumbs } from \"./useBreadcrumbs\";\nimport { BreadcrumbsItem, type BreadcrumbsItemProps } from \"./BreadcrumbsItem\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Breadcrumbs.module.css\";\n\nexport interface BreadCrumbsProps {\n  children: ReactElement[];\n  /**\n   * For controlled Breadcrumbs pass the onChange function\n   */\n  onChange?: (pageNumber: number) => void;\n  /**\n   * How many siblings of the active item should be shown\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * How many of the boundary items should be shown\n   * @default 0\n   */\n  boundaryCount?: number;\n  /**\n   * Crumb that will be selected by default\n   * @default 1\n   */\n  defaultActive?: number;\n  /**\n   * Node to use as separator\n   */\n  separator?: ReactNode;\n  /**\n   * Node to use as ellipsis\n   */\n  ellipsis?: ReactNode;\n  /**\n   * Function that can be used to modify the rendered BreadcrumbsItem component\n   */\n  renderItem?: (\n    props: BreadcrumbsItemProps,\n    key?: string | number,\n  ) => ReactElement;\n}\n\nexport const ChevronRightIcon = (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className=\"lucide lucide-chevron-right-icon lucide-chevron-right\"\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\nexport const EllipsisIcon = (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className=\"lucide lucide-ellipsis-icon lucide-ellipsis\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"1\" />\n    <circle cx=\"19\" cy=\"12\" r=\"1\" />\n    <circle cx=\"5\" cy=\"12\" r=\"1\" />\n  </svg>\n);\nexport function Breadcrumbs(props: BreadCrumbsProps) {\n  const {\n    onChange,\n    boundaryCount = 1,\n    siblingCount = 0,\n    children,\n    defaultActive = 0,\n    separator = ChevronRightIcon,\n    ellipsis = EllipsisIcon,\n    renderItem = (props, key?) => <BreadcrumbsItem key={key} {...props} />,\n  } = props;\n  const [activeCrumb, setActiveCrumb] = useState<number>(defaultActive);\n\n  const breadcrumbRange = useBreadcrumbs({\n    activeCrumb,\n    crumbs: children,\n    boundaryCount,\n    siblingCount,\n  });\n\n  function handleClick(i: number) {\n    setActiveCrumb(i);\n    if (onChange) onChange(i);\n  }\n\n  return (\n    <span className={styles.root}>\n      {breadcrumbRange.map((item, idx) => (\n        <Fragment key={idx}>\n          {renderItem({\n            className: cn(\n              styles.item,\n              activeCrumb === idx ? styles.activeItem : \"\",\n              item == \"ellipsis\" ? styles.ellipsis : \"\",\n            ),\n            onClick: () => handleClick(idx),\n            children: item == \"ellipsis\" ? ellipsis : item,\n          })}\n          {idx !== breadcrumbRange.length - 1 &&\n            item !== \"ellipsis\" &&\n            breadcrumbRange[idx + 1] != \"ellipsis\" &&\n            separator}\n        </Fragment>\n      ))}\n    </span>\n  );\n}\n"],"names":["ChevronRightIcon","_jsx","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","className","children","d","EllipsisIcon","_jsxs","cx","cy","r","Breadcrumbs","props","onChange","boundaryCount","siblingCount","defaultActive","separator","ellipsis","renderItem","key","BreadcrumbsItem","activeCrumb","setActiveCrumb","useState","breadcrumbRange","useBreadcrumbs","crumbs","styles","root","map","item","idx","Fragment","cn","activeItem","onClick","handleClick","i","length"],"mappings":"8SA8CO,MAAMA,EACXC,SACEC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,QACfC,UAAU,wDAAuDC,SAEjEX,EAAA,OAAA,CAAMY,EAAE,oBAGCC,EACXC,EAAA,MAAA,CACEb,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,QACfC,UAAU,8CAA6CC,SAAA,CAEvDX,YAAQe,GAAG,KAAKC,GAAG,KAAKC,EAAE,MAC1BjB,EAAA,SAAA,CAAQe,GAAG,KAAKC,GAAG,KAAKC,EAAE,MAC1BjB,EAAA,SAAA,CAAQe,GAAG,IAAIC,GAAG,KAAKC,EAAE,SAGvB,SAAUC,EAAYC,GAC1B,MAAMC,SACJA,EAAQC,cACRA,EAAgB,EAACC,aACjBA,EAAe,EAACX,SAChBA,EAAQY,cACRA,EAAgB,EAACC,UACjBA,EAAYzB,EAAgB0B,SAC5BA,EAAWZ,EAAYa,WACvBA,EAAa,CAACP,EAAOQ,IAAS3B,EAAC4B,EAAe,IAAeT,GAATQ,IAClDR,GACGU,EAAaC,GAAkBC,EAAiBR,GAEjDS,EAAkBC,EAAe,CACrCJ,cACAK,OAAQvB,EACRU,gBACAC,iBAQF,OACEtB,EAAA,OAAA,CAAMU,UAAWyB,EAAOC,KAAIzB,SACzBqB,EAAgBK,IAAI,CAACC,EAAMC,IAC1BzB,EAAC0B,EAAQ,CAAA7B,SAAA,CACNe,EAAW,CACVhB,UAAW+B,EACTN,EAAOG,KACPT,IAAgBU,EAAMJ,EAAOO,WAAa,GAClC,YAARJ,EAAqBH,EAAOV,SAAW,IAEzCkB,QAAS,KAAMC,OAdvBd,EADmBe,EAegBN,QAb/BnB,GAAUA,EAASyB,IAFzB,IAAqBA,GAgBXlC,SAAkB,YAAR2B,EAAqBb,EAAWa,IAE3CC,IAAQP,EAAgBc,OAAS,GACvB,aAATR,GAC4B,YAA5BN,EAAgBO,EAAM,IACtBf,IAbWe,KAkBvB"}

package/dist/Navigation/Breadcrumbs/Breadcrumbs.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"Breadcrumbs-module_root__KmBxB","item":"Breadcrumbs-module_item__G3HWH","activeItem":"Breadcrumbs-module_activeItem__-C8yn"};
-
-export { styles as default };
+var e={root:"Breadcrumbs-module_root__KmBxB",item:"Breadcrumbs-module_item__G3HWH",activeItem:"Breadcrumbs-module_activeItem__-C8yn"};export{e as default};
 //# sourceMappingURL=Breadcrumbs.module.css.js.map

package/dist/Navigation/Breadcrumbs/Breadcrumbs.module.css.js.map

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

package/dist/Navigation/Breadcrumbs/BreadcrumbsItem.js

@@ -1,15 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-
-const defaultElement = "span";
-const BreadcrumbsItemBase = (props) => {
-    const { as, children, ...rest } = props;
-    const Component = (as || defaultElement);
-    return jsx(Component, { ...rest, children: children });
-};
-BreadcrumbsItemBase.displayName = "BreadcrumbsItem";
-const BreadcrumbsItem = BreadcrumbsItemBase;
-
-export { BreadcrumbsItem };
+"use client";import{jsx as r}from"react/jsx-runtime";import"react";const e=e=>{const{as:t,children:c,...n}=e;return r(t||"span",{...n,children:c})};e.displayName="BreadcrumbsItem";const t=e;export{t as BreadcrumbsItem};
 //# sourceMappingURL=BreadcrumbsItem.js.map

package/dist/Navigation/Breadcrumbs/BreadcrumbsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsItem.js","sources":["../../../src/Navigation/Breadcrumbs/BreadcrumbsItem.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { type ElementType } from \"react\";\n\ninterface BreadcrumbsItemBaseProps {\n  href?: \"string\";\n}\n\nconst defaultElement = \"span\";\ntype DefaultElement = typeof defaultElement;\n\nexport type BreadcrumbsItemProps<C extends ElementType = DefaultElement> =\n  PolymorphicComponentProps<C, BreadcrumbsItemBaseProps>;\n\nconst BreadcrumbsItemBase = <C extends ElementType = DefaultElement>(\n  props: BreadcrumbsItemProps<C>\n) => {\n  const { as, children, ...rest } = props;\n  const Component = (as || defaultElement) as ElementType;\n  return <Component {...rest}>{children}</Component>;\n};\n\nBreadcrumbsItemBase.displayName = \"BreadcrumbsItem\";\nexport const BreadcrumbsItem = BreadcrumbsItemBase as PolymorphicComponentType<\n  BreadcrumbsItemBaseProps,\n  DefaultElement\n>;\n"],"names":["_jsx"],"mappings":";;;;AAYA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM;AAM7B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmB,CAAA,CAAA,CAAG,CAC1B,CAAA,CAAA,CAAA,CAAA,CAA8B,CAAA,CAAA,CAAA,CAAA,CAC5B;IACF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAE,CAAA,CAAE,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK;AACvC,CAAA,CAAA,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,cAAc,CAAgB;AACvD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAOA,CAAAA,CAAAA,EAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,GAAa;AACpD,CAAC;AAED,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmB,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB;AAC5C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,eAAe,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;"}
+{"version":3,"file":"BreadcrumbsItem.js","sources":["../../../src/Navigation/Breadcrumbs/BreadcrumbsItem.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { type ElementType } from \"react\";\n\ninterface BreadcrumbsItemBaseProps {\n  href?: \"string\";\n}\n\nconst defaultElement = \"span\";\ntype DefaultElement = typeof defaultElement;\n\nexport type BreadcrumbsItemProps<C extends ElementType = DefaultElement> =\n  PolymorphicComponentProps<C, BreadcrumbsItemBaseProps>;\n\nconst BreadcrumbsItemBase = <C extends ElementType = DefaultElement>(\n  props: BreadcrumbsItemProps<C>\n) => {\n  const { as, children, ...rest } = props;\n  const Component = (as || defaultElement) as ElementType;\n  return <Component {...rest}>{children}</Component>;\n};\n\nBreadcrumbsItemBase.displayName = \"BreadcrumbsItem\";\nexport const BreadcrumbsItem = BreadcrumbsItemBase as PolymorphicComponentType<\n  BreadcrumbsItemBaseProps,\n  DefaultElement\n>;\n"],"names":["BreadcrumbsItemBase","props","as","children","rest","_jsx","displayName","BreadcrumbsItem"],"mappings":"mEAYA,MAMMA,EACJC,IAEA,MAAMC,GAAEA,EAAEC,SAAEA,KAAaC,GAASH,EAElC,OAAOI,EADYH,GAVE,OAWJ,IAAKE,EAAID,SAAGA,KAG/BH,EAAoBM,YAAc,kBAC3B,MAAMC,EAAkBP"}

package/dist/Navigation/Breadcrumbs/useBreadcrumbs.js

@@ -1,44 +1,2 @@
-function useBreadcrumbs({ activeCrumb, crumbs, siblingCount = 0, boundaryCount = 1, }) {
-    const crumbsClone = Array.from(crumbs);
-    const count = crumbs.length;
-    if (count <= boundaryCount * 2 + siblingCount * 2 + 2) {
-        // If total items fit without ellipsis, just return all crumbs
-        return crumbsClone;
-    }
-    const resolvedBoundaryCount = Math.min(boundaryCount, count);
-    console.log("crumbs", crumbsClone);
-    const startPages = crumbsClone.slice(0, resolvedBoundaryCount + 1);
-    const endPages = crumbsClone.slice(count - 1 - resolvedBoundaryCount, crumbsClone.length);
-    const siblingsStart = Math.max(Math.min(activeCrumb - siblingCount, count - boundaryCount - siblingCount * 2 - 1), boundaryCount + 2);
-    const siblingsEnd = Math.min(Math.max(activeCrumb + siblingCount, boundaryCount + siblingCount * 2 + 2), endPages.length > 0 ? count - 1 - endPages.length : count - 1);
-    console.log("siblingsStart", siblingsStart);
-    console.log("siblingsEnd", siblingsEnd);
-    const itemList = [];
-    // Start pages
-    itemList.push(...startPages);
-    // Ellipsis after start pages
-    if (siblingsStart > boundaryCount + 2) {
-        itemList.push("ellipsis");
-    }
-    else if (boundaryCount + 1 < count - boundaryCount) {
-        itemList.push(crumbs[boundaryCount + 1]);
-    }
-    // Middle pages
-    for (let i = siblingsStart; i <= siblingsEnd; i++) {
-        itemList.push(crumbs[i]);
-    }
-    // Ellipsis before end pages
-    if (siblingsEnd < count - 1 - boundaryCount) {
-        itemList.push("ellipsis");
-    }
-    else if (count - boundaryCount > boundaryCount) {
-        itemList.push(crumbs[count - boundaryCount]);
-    }
-    const endPagesFiltered = endPages.filter((p) => !itemList.includes(p));
-    console.log("endPagesFiltered", endPagesFiltered);
-    itemList.push(...endPagesFiltered);
-    return itemList;
-}
-
-export { useBreadcrumbs };
+function s({activeCrumb:s,crumbs:n,siblingCount:t=0,boundaryCount:l=1}){const o=Array.from(n),e=n.length;if(e<=2*l+2*t+2)return o;const i=Math.min(l,e);console.log("crumbs",o);const u=o.slice(0,i+1),c=o.slice(e-1-i,o.length),h=Math.max(Math.min(s-t,e-l-2*t-1),l+2),r=Math.min(Math.max(s+t,l+2*t+2),c.length>0?e-1-c.length:e-1);console.log("siblingsStart",h),console.log("siblingsEnd",r);const a=[];a.push(...u),h>l+2?a.push("ellipsis"):l+1<e-l&&a.push(n[l+1]);for(let s=h;s<=r;s++)a.push(n[s]);r<e-1-l?a.push("ellipsis"):e-l>l&&a.push(n[e-l]);const g=c.filter(s=>!a.includes(s));return console.log("endPagesFiltered",g),a.push(...g),a}export{s as useBreadcrumbs};
 //# sourceMappingURL=useBreadcrumbs.js.map

package/dist/Navigation/Breadcrumbs/useBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreadcrumbs.js","sources":["../../../src/Navigation/Breadcrumbs/useBreadcrumbs.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\n\nexport function useBreadcrumbs({\n  activeCrumb,\n  crumbs,\n  siblingCount = 0,\n  boundaryCount = 1,\n}: {\n  activeCrumb: number;\n  crumbs: ReactElement[];\n  siblingCount?: number;\n  boundaryCount?: number;\n}) {\n  const crumbsClone = Array.from(crumbs);\n  const count = crumbs.length;\n  if (count <= boundaryCount * 2 + siblingCount * 2 + 2) {\n    // If total items fit without ellipsis, just return all crumbs\n    return crumbsClone;\n  }\n  const resolvedBoundaryCount = Math.min(boundaryCount, count);\n\n  console.log(\"crumbs\", crumbsClone);\n\n  const startPages = crumbsClone.slice(0, resolvedBoundaryCount + 1);\n  const endPages = crumbsClone.slice(\n    count - 1 - resolvedBoundaryCount,\n    crumbsClone.length,\n  );\n\n  const siblingsStart = Math.max(\n    Math.min(\n      activeCrumb - siblingCount,\n      count - boundaryCount - siblingCount * 2 - 1,\n    ),\n    boundaryCount + 2,\n  );\n  const siblingsEnd = Math.min(\n    Math.max(activeCrumb + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? count - 1 - endPages.length : count - 1,\n  );\n\n  console.log(\"siblingsStart\", siblingsStart);\n  console.log(\"siblingsEnd\", siblingsEnd);\n\n  const itemList: (ReactElement | \"ellipsis\")[] = [];\n\n  // Start pages\n  itemList.push(...startPages);\n\n  // Ellipsis after start pages\n  if (siblingsStart > boundaryCount + 2) {\n    itemList.push(\"ellipsis\");\n  } else if (boundaryCount + 1 < count - boundaryCount) {\n    itemList.push(crumbs[boundaryCount + 1]);\n  }\n  // Middle pages\n  for (let i = siblingsStart; i <= siblingsEnd; i++) {\n    itemList.push(crumbs[i]);\n  }\n\n  // Ellipsis before end pages\n  if (siblingsEnd < count - 1 - boundaryCount) {\n    itemList.push(\"ellipsis\");\n  } else if (count - boundaryCount > boundaryCount) {\n    itemList.push(crumbs[count - boundaryCount]);\n  }\n\n  const endPagesFiltered = endPages.filter((p) => !itemList.includes(p));\n  console.log(\"endPagesFiltered\", endPagesFiltered);\n\n  itemList.push(...endPagesFiltered);\n\n  return itemList;\n}\n"],"names":[],"mappings":"AAEM,SAAU,cAAc,CAAC,EAC7B,WAAW,EACX,MAAM,EACN,YAAY,GAAG,CAAC,EAChB,aAAa,GAAG,CAAC,GAMlB,EAAA;IACC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;AACtC,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM;AAC3B,IAAA,IAAI,KAAK,IAAI,aAAa,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,EAAE;;AAErD,QAAA,OAAO,WAAW;IACpB;IACA,MAAM,qBAAqB,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,CAAC;AAE5D,IAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,CAAC;AAElC,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,qBAAqB,GAAG,CAAC,CAAC;AAClE,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAChC,KAAK,GAAG,CAAC,GAAG,qBAAqB,EACjC,WAAW,CAAC,MAAM,CACnB;AAED,IAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAC5B,IAAI,CAAC,GAAG,CACN,WAAW,GAAG,YAAY,EAC1B,KAAK,GAAG,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,CAC7C,EACD,aAAa,GAAG,CAAC,CAClB;IACD,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAC1B,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,YAAY,EAAE,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,EAC1E,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAC9D;AAED,IAAA,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,aAAa,CAAC;AAC3C,IAAA,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,WAAW,CAAC;IAEvC,MAAM,QAAQ,GAAkC,EAAE;;AAGlD,IAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC;;AAG5B,IAAA,IAAI,aAAa,GAAG,aAAa,GAAG,CAAC,EAAE;AACrC,QAAA,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;IAC3B;SAAO,IAAI,aAAa,GAAG,CAAC,GAAG,KAAK,GAAG,aAAa,EAAE;QACpD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;IAC1C;;AAEA,IAAA,KAAK,IAAI,CAAC,GAAG,aAAa,EAAE,CAAC,IAAI,WAAW,EAAE,CAAC,EAAE,EAAE;QACjD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC1B;;IAGA,IAAI,WAAW,GAAG,KAAK,GAAG,CAAC,GAAG,aAAa,EAAE;AAC3C,QAAA,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;IAC3B;AAAO,SAAA,IAAI,KAAK,GAAG,aAAa,GAAG,aAAa,EAAE;QAChD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC;IAC9C;AAEA,IAAA,MAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AACtE,IAAA,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,gBAAgB,CAAC;AAEjD,IAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC;AAElC,IAAA,OAAO,QAAQ;AACjB;;;;"}
+{"version":3,"file":"useBreadcrumbs.js","sources":["../../../src/Navigation/Breadcrumbs/useBreadcrumbs.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\n\nexport function useBreadcrumbs({\n  activeCrumb,\n  crumbs,\n  siblingCount = 0,\n  boundaryCount = 1,\n}: {\n  activeCrumb: number;\n  crumbs: ReactElement[];\n  siblingCount?: number;\n  boundaryCount?: number;\n}) {\n  const crumbsClone = Array.from(crumbs);\n  const count = crumbs.length;\n  if (count <= boundaryCount * 2 + siblingCount * 2 + 2) {\n    // If total items fit without ellipsis, just return all crumbs\n    return crumbsClone;\n  }\n  const resolvedBoundaryCount = Math.min(boundaryCount, count);\n\n  console.log(\"crumbs\", crumbsClone);\n\n  const startPages = crumbsClone.slice(0, resolvedBoundaryCount + 1);\n  const endPages = crumbsClone.slice(\n    count - 1 - resolvedBoundaryCount,\n    crumbsClone.length,\n  );\n\n  const siblingsStart = Math.max(\n    Math.min(\n      activeCrumb - siblingCount,\n      count - boundaryCount - siblingCount * 2 - 1,\n    ),\n    boundaryCount + 2,\n  );\n  const siblingsEnd = Math.min(\n    Math.max(activeCrumb + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? count - 1 - endPages.length : count - 1,\n  );\n\n  console.log(\"siblingsStart\", siblingsStart);\n  console.log(\"siblingsEnd\", siblingsEnd);\n\n  const itemList: (ReactElement | \"ellipsis\")[] = [];\n\n  // Start pages\n  itemList.push(...startPages);\n\n  // Ellipsis after start pages\n  if (siblingsStart > boundaryCount + 2) {\n    itemList.push(\"ellipsis\");\n  } else if (boundaryCount + 1 < count - boundaryCount) {\n    itemList.push(crumbs[boundaryCount + 1]);\n  }\n  // Middle pages\n  for (let i = siblingsStart; i <= siblingsEnd; i++) {\n    itemList.push(crumbs[i]);\n  }\n\n  // Ellipsis before end pages\n  if (siblingsEnd < count - 1 - boundaryCount) {\n    itemList.push(\"ellipsis\");\n  } else if (count - boundaryCount > boundaryCount) {\n    itemList.push(crumbs[count - boundaryCount]);\n  }\n\n  const endPagesFiltered = endPages.filter((p) => !itemList.includes(p));\n  console.log(\"endPagesFiltered\", endPagesFiltered);\n\n  itemList.push(...endPagesFiltered);\n\n  return itemList;\n}\n"],"names":["useBreadcrumbs","activeCrumb","crumbs","siblingCount","boundaryCount","crumbsClone","Array","from","count","length","resolvedBoundaryCount","Math","min","console","log","startPages","slice","endPages","siblingsStart","max","siblingsEnd","itemList","push","i","endPagesFiltered","filter","p","includes"],"mappings":"AAEM,SAAUA,GAAeC,YAC7BA,EAAWC,OACXA,EAAMC,aACNA,EAAe,EAACC,cAChBA,EAAgB,IAOhB,MAAMC,EAAcC,MAAMC,KAAKL,GACzBM,EAAQN,EAAOO,OACrB,GAAID,GAAyB,EAAhBJ,EAAmC,EAAfD,EAAmB,EAElD,OAAOE,EAET,MAAMK,EAAwBC,KAAKC,IAAIR,EAAeI,GAEtDK,QAAQC,IAAI,SAAUT,GAEtB,MAAMU,EAAaV,EAAYW,MAAM,EAAGN,EAAwB,GAC1DO,EAAWZ,EAAYW,MAC3BR,EAAQ,EAAIE,EACZL,EAAYI,QAGRS,EAAgBP,KAAKQ,IACzBR,KAAKC,IACHX,EAAcE,EACdK,EAAQJ,EAA+B,EAAfD,EAAmB,GAE7CC,EAAgB,GAEZgB,EAAcT,KAAKC,IACvBD,KAAKQ,IAAIlB,EAAcE,EAAcC,EAA+B,EAAfD,EAAmB,GACxEc,EAASR,OAAS,EAAID,EAAQ,EAAIS,EAASR,OAASD,EAAQ,GAG9DK,QAAQC,IAAI,gBAAiBI,GAC7BL,QAAQC,IAAI,cAAeM,GAE3B,MAAMC,EAA0C,GAGhDA,EAASC,QAAQP,GAGbG,EAAgBd,EAAgB,EAClCiB,EAASC,KAAK,YACLlB,EAAgB,EAAII,EAAQJ,GACrCiB,EAASC,KAAKpB,EAAOE,EAAgB,IAGvC,IAAK,IAAImB,EAAIL,EAAeK,GAAKH,EAAaG,IAC5CF,EAASC,KAAKpB,EAAOqB,IAInBH,EAAcZ,EAAQ,EAAIJ,EAC5BiB,EAASC,KAAK,YACLd,EAAQJ,EAAgBA,GACjCiB,EAASC,KAAKpB,EAAOM,EAAQJ,IAG/B,MAAMoB,EAAmBP,EAASQ,OAAQC,IAAOL,EAASM,SAASD,IAKnE,OAJAb,QAAQC,IAAI,mBAAoBU,GAEhCH,EAASC,QAAQE,GAEVH,CACT"}

package/dist/Navigation/Pagination/Pagination.js

@@ -1,61 +1,2 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import styles from './Pagination.module.css.js';
-import { usePagination } from './usePagination.js';
-import { PaginationItem } from './PaginationItem.js';
-import { cn } from '@studiocubics/utils';
-
-const arrowLeftIcon = (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-arrow-left-icon lucide-arrow-left", children: [jsx("path", { d: "m12 19-7-7 7-7" }), jsx("path", { d: "M19 12H5" })] }));
-const ArrowLeftToLineIcon = (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-arrow-left-to-line-icon lucide-arrow-left-to-line", children: [jsx("path", { d: "M3 19V5" }), jsx("path", { d: "m13 6-6 6 6 6" }), jsx("path", { d: "M7 12h14" })] }));
-function Pagination(props) {
-    const { count, page: pageProp, onChange, defaultPage = 1, boundaryCount = 1, siblingCount = 1, showFirstButton = true, showLastButton = true, firstLastButtonIcon = ArrowLeftToLineIcon, prevNextButtonIcon = arrowLeftIcon, renderItem = (props, key) => jsx(PaginationItem, { ...props }, key), } = props;
-    const [page, setPage] = useState(defaultPage);
-    const activePage = pageProp ?? page;
-    const paginationRange = usePagination({
-        count,
-        page: activePage,
-        siblingCount,
-        boundaryCount,
-    });
-    function renderIconButton({ disabled, onClick, icon, }) {
-        return renderItem({
-            className: cn(styles.item, styles.icon, disabled ? styles.disabled : ""),
-            onClick: !disabled ? onClick : undefined,
-            children: icon,
-        });
-    }
-    function handleClick(i) {
-        if (i < 1 || i > count)
-            return;
-        setPage(i);
-        if (onChange)
-            onChange(i);
-    }
-    return (jsxs("ul", { className: styles.root, children: [showFirstButton &&
-                renderIconButton({
-                    disabled: activePage === 1,
-                    onClick: () => handleClick(1),
-                    icon: firstLastButtonIcon,
-                }), renderIconButton({
-                disabled: activePage === 1,
-                onClick: () => handleClick(activePage - 1),
-                icon: prevNextButtonIcon,
-            }), paginationRange.map((item, idx) => item === "ellipses" ? (jsx("li", { children: "\u2026" }, `dots-${idx}`)) : (renderItem({
-                className: cn(styles.item, activePage === item ? styles.activeItem : ""),
-                onClick: () => handleClick(item),
-                children: item,
-            }, item))), renderIconButton({
-                disabled: activePage === count,
-                onClick: () => handleClick(activePage + 1),
-                icon: prevNextButtonIcon,
-            }), showLastButton &&
-                renderIconButton({
-                    disabled: activePage === count,
-                    onClick: () => handleClick(count),
-                    icon: firstLastButtonIcon,
-                })] }));
-}
-
-export { Pagination };
+"use client";import{jsxs as o,jsx as i}from"react/jsx-runtime";import{useState as t}from"react";import n from"./Pagination.module.css.js";import{usePagination as e}from"./usePagination.js";import{PaginationItem as r}from"./PaginationItem.js";import{cn as l}from"@studiocubics/utils";const s=o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-arrow-left-icon lucide-arrow-left",children:[i("path",{d:"m12 19-7-7 7-7"}),i("path",{d:"M19 12H5"})]}),c=o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-arrow-left-to-line-icon lucide-arrow-left-to-line",children:[i("path",{d:"M3 19V5"}),i("path",{d:"m13 6-6 6 6 6"}),i("path",{d:"M7 12h14"})]});function a(a){const{count:d,page:u,onChange:m,defaultPage:h=1,boundaryCount:p=1,siblingCount:w=1,showFirstButton:f=!0,showLastButton:g=!0,firstLastButtonIcon:k=c,prevNextButtonIcon:C=s,renderItem:b=(o,t)=>i(r,{...o},t)}=a,[v,x]=t(h),j=u??v,B=e({count:d,page:j,siblingCount:w,boundaryCount:p});function L({disabled:o,onClick:i,icon:t}){return b({className:l(n.item,n.icon,o?n.disabled:""),onClick:o?void 0:i,children:t})}function N(o){o<1||o>d||(x(o),m&&m(o))}return o("ul",{className:n.root,children:[f&&L({disabled:1===j,onClick:()=>N(1),icon:k}),L({disabled:1===j,onClick:()=>N(j-1),icon:C}),B.map((o,t)=>"ellipses"===o?i("li",{children:"…"},`dots-${t}`):b({className:l(n.item,j===o?n.activeItem:""),onClick:()=>N(o),children:o},o)),L({disabled:j===d,onClick:()=>N(j+1),icon:C}),g&&L({disabled:j===d,onClick:()=>N(d),icon:k})]})}export{a as Pagination};
 //# sourceMappingURL=Pagination.js.map

package/dist/Navigation/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/Navigation/Pagination/Pagination.tsx"],"sourcesContent":["\"use client\";\nimport { useState, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Pagination.module.css\";\nimport { usePagination } from \"./usePagination\";\nimport { type PaginationItemProps, PaginationItem } from \"./PaginationItem\";\nimport { cn } from \"@studiocubics/utils\";\n\nexport interface PaginationProps {\n  /**\n   * Total number of pages\n   */\n  count: number;\n  /**\n   * For controlled Pagination pass the state\n   */\n  page?: number;\n  /**\n   * For controlled Pagination pass the onChange function\n   */\n  onChange?: (pageNumber: number) => void;\n  /**\n   * Page that will be selected by default\n   * @default 1\n   */\n  defaultPage?: number;\n  /**\n   * How many siblings of the active item should be shown\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * How many of the boundary items should be shown\n   * @default 1\n   */\n  boundaryCount?: number;\n  /**\n   * Function that can be used to modify the rendered PaginationItem component\n   */\n  renderItem?: (\n    props: PaginationItemProps,\n    key?: string | number\n  ) => ReactElement;\n  /**\n   * Shows the skip to first button\n   */\n  showFirstButton?: boolean;\n  /**\n   * Shows the skip to last button\n   */\n  showLastButton?: boolean;\n  /**\n   * Icon for first button and the last button icon which will be 180deg\n   */\n  firstLastButtonIcon?: ReactNode;\n  /**\n   * Icon for prev button and the next button icon which will be 180deg\n   */\n  prevNextButtonIcon?: ReactNode;\n}\nconst arrowLeftIcon = (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className=\"lucide lucide-arrow-left-icon lucide-arrow-left\"\n  >\n    <path d=\"m12 19-7-7 7-7\" />\n    <path d=\"M19 12H5\" />\n  </svg>\n);\nconst ArrowLeftToLineIcon = (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className=\"lucide lucide-arrow-left-to-line-icon lucide-arrow-left-to-line\"\n  >\n    <path d=\"M3 19V5\" />\n    <path d=\"m13 6-6 6 6 6\" />\n    <path d=\"M7 12h14\" />\n  </svg>\n);\nexport function Pagination(props: PaginationProps) {\n  const {\n    count,\n    page: pageProp,\n    onChange,\n    defaultPage = 1,\n    boundaryCount = 1,\n    siblingCount = 1,\n    showFirstButton = true,\n    showLastButton = true,\n    firstLastButtonIcon = ArrowLeftToLineIcon,\n    prevNextButtonIcon = arrowLeftIcon,\n    renderItem = (props, key?) => <PaginationItem key={key} {...props} />,\n  } = props;\n\n  const [page, setPage] = useState(defaultPage);\n  const activePage = pageProp ?? page;\n\n  const paginationRange = usePagination({\n    count,\n    page: activePage,\n    siblingCount,\n    boundaryCount,\n  });\n\n  function renderIconButton({\n    disabled,\n    onClick,\n    icon,\n  }: {\n    disabled: boolean;\n    onClick: () => void;\n    icon: React.ReactNode;\n  }) {\n    return renderItem({\n      className: cn(styles.item, styles.icon, disabled ? styles.disabled : \"\"),\n      onClick: !disabled ? onClick : undefined,\n      children: icon,\n    });\n  }\n\n  function handleClick(i: number) {\n    if (i < 1 || i > count) return;\n    setPage(i);\n    if (onChange) onChange(i);\n  }\n\n  return (\n    <ul className={styles.root}>\n      {showFirstButton &&\n        renderIconButton({\n          disabled: activePage === 1,\n          onClick: () => handleClick(1),\n          icon: firstLastButtonIcon,\n        })}\n      {renderIconButton({\n        disabled: activePage === 1,\n        onClick: () => handleClick(activePage - 1),\n        icon: prevNextButtonIcon,\n      })}\n\n      {paginationRange.map((item, idx) =>\n        item === \"ellipses\" ? (\n          <li key={`dots-${idx}`}>…</li>\n        ) : (\n          renderItem(\n            {\n              className: cn(\n                styles.item,\n                activePage === item ? styles.activeItem : \"\"\n              ),\n              onClick: () => handleClick(item),\n              children: item,\n            },\n            item\n          )\n        )\n      )}\n      {renderIconButton({\n        disabled: activePage === count,\n        onClick: () => handleClick(activePage + 1),\n        icon: prevNextButtonIcon,\n      })}\n\n      {showLastButton &&\n        renderIconButton({\n          disabled: activePage === count,\n          onClick: () => handleClick(count),\n          icon: firstLastButtonIcon,\n        })}\n    </ul>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/Navigation/Pagination/Pagination.tsx"],"sourcesContent":["\"use client\";\nimport { useState, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Pagination.module.css\";\nimport { usePagination } from \"./usePagination\";\nimport { type PaginationItemProps, PaginationItem } from \"./PaginationItem\";\nimport { cn } from \"@studiocubics/utils\";\n\nexport interface PaginationProps {\n  /**\n   * Total number of pages\n   */\n  count: number;\n  /**\n   * For controlled Pagination pass the state\n   */\n  page?: number;\n  /**\n   * For controlled Pagination pass the onChange function\n   */\n  onChange?: (pageNumber: number) => void;\n  /**\n   * Page that will be selected by default\n   * @default 1\n   */\n  defaultPage?: number;\n  /**\n   * How many siblings of the active item should be shown\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * How many of the boundary items should be shown\n   * @default 1\n   */\n  boundaryCount?: number;\n  /**\n   * Function that can be used to modify the rendered PaginationItem component\n   */\n  renderItem?: (\n    props: PaginationItemProps,\n    key?: string | number\n  ) => ReactElement;\n  /**\n   * Shows the skip to first button\n   */\n  showFirstButton?: boolean;\n  /**\n   * Shows the skip to last button\n   */\n  showLastButton?: boolean;\n  /**\n   * Icon for first button and the last button icon which will be 180deg\n   */\n  firstLastButtonIcon?: ReactNode;\n  /**\n   * Icon for prev button and the next button icon which will be 180deg\n   */\n  prevNextButtonIcon?: ReactNode;\n}\nconst arrowLeftIcon = (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className=\"lucide lucide-arrow-left-icon lucide-arrow-left\"\n  >\n    <path d=\"m12 19-7-7 7-7\" />\n    <path d=\"M19 12H5\" />\n  </svg>\n);\nconst ArrowLeftToLineIcon = (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className=\"lucide lucide-arrow-left-to-line-icon lucide-arrow-left-to-line\"\n  >\n    <path d=\"M3 19V5\" />\n    <path d=\"m13 6-6 6 6 6\" />\n    <path d=\"M7 12h14\" />\n  </svg>\n);\nexport function Pagination(props: PaginationProps) {\n  const {\n    count,\n    page: pageProp,\n    onChange,\n    defaultPage = 1,\n    boundaryCount = 1,\n    siblingCount = 1,\n    showFirstButton = true,\n    showLastButton = true,\n    firstLastButtonIcon = ArrowLeftToLineIcon,\n    prevNextButtonIcon = arrowLeftIcon,\n    renderItem = (props, key?) => <PaginationItem key={key} {...props} />,\n  } = props;\n\n  const [page, setPage] = useState(defaultPage);\n  const activePage = pageProp ?? page;\n\n  const paginationRange = usePagination({\n    count,\n    page: activePage,\n    siblingCount,\n    boundaryCount,\n  });\n\n  function renderIconButton({\n    disabled,\n    onClick,\n    icon,\n  }: {\n    disabled: boolean;\n    onClick: () => void;\n    icon: React.ReactNode;\n  }) {\n    return renderItem({\n      className: cn(styles.item, styles.icon, disabled ? styles.disabled : \"\"),\n      onClick: !disabled ? onClick : undefined,\n      children: icon,\n    });\n  }\n\n  function handleClick(i: number) {\n    if (i < 1 || i > count) return;\n    setPage(i);\n    if (onChange) onChange(i);\n  }\n\n  return (\n    <ul className={styles.root}>\n      {showFirstButton &&\n        renderIconButton({\n          disabled: activePage === 1,\n          onClick: () => handleClick(1),\n          icon: firstLastButtonIcon,\n        })}\n      {renderIconButton({\n        disabled: activePage === 1,\n        onClick: () => handleClick(activePage - 1),\n        icon: prevNextButtonIcon,\n      })}\n\n      {paginationRange.map((item, idx) =>\n        item === \"ellipses\" ? (\n          <li key={`dots-${idx}`}>…</li>\n        ) : (\n          renderItem(\n            {\n              className: cn(\n                styles.item,\n                activePage === item ? styles.activeItem : \"\"\n              ),\n              onClick: () => handleClick(item),\n              children: item,\n            },\n            item\n          )\n        )\n      )}\n      {renderIconButton({\n        disabled: activePage === count,\n        onClick: () => handleClick(activePage + 1),\n        icon: prevNextButtonIcon,\n      })}\n\n      {showLastButton &&\n        renderIconButton({\n          disabled: activePage === count,\n          onClick: () => handleClick(count),\n          icon: firstLastButtonIcon,\n        })}\n    </ul>\n  );\n}\n"],"names":["arrowLeftIcon","_jsxs","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","className","children","_jsx","d","ArrowLeftToLineIcon","Pagination","props","count","page","pageProp","onChange","defaultPage","boundaryCount","siblingCount","showFirstButton","showLastButton","firstLastButtonIcon","prevNextButtonIcon","renderItem","key","PaginationItem","setPage","useState","activePage","paginationRange","usePagination","renderIconButton","disabled","onClick","icon","cn","styles","item","undefined","handleClick","i","root","map","idx","activeItem"],"mappings":"2RA2DA,MAAMA,EACJC,EAAA,MAAA,CACEC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,QACfC,UAAU,kDAAiDC,SAAA,CAE3DC,EAAA,OAAA,CAAMC,EAAE,mBACRD,EAAA,OAAA,CAAMC,EAAE,gBAGNC,EACJd,EAAA,MAAA,CACEC,MAAM,6BACNC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,QACfC,UAAU,kEAAiEC,SAAA,CAE3EC,EAAA,OAAA,CAAMC,EAAE,YACRD,EAAA,OAAA,CAAMC,EAAE,kBACRD,EAAA,OAAA,CAAMC,EAAE,gBAGN,SAAUE,EAAWC,GACzB,MAAMC,MACJA,EACAC,KAAMC,EAAQC,SACdA,EAAQC,YACRA,EAAc,EAACC,cACfA,EAAgB,EAACC,aACjBA,EAAe,EAACC,gBAChBA,GAAkB,EAAIC,eACtBA,GAAiB,EAAIC,oBACrBA,EAAsBZ,EAAmBa,mBACzCA,EAAqB5B,EAAa6B,WAClCA,EAAa,CAACZ,EAAOa,IAASjB,EAACkB,EAAc,IAAed,GAATa,IACjDb,GAEGE,EAAMa,GAAWC,EAASX,GAC3BY,EAAad,GAAYD,EAEzBgB,EAAkBC,EAAc,CACpClB,QACAC,KAAMe,EACNV,eACAD,kBAGF,SAASc,GAAiBC,SACxBA,EAAQC,QACRA,EAAOC,KACPA,IAMA,OAAOX,EAAW,CAChBlB,UAAW8B,EAAGC,EAAOC,KAAMD,EAAOF,KAAMF,EAAWI,EAAOJ,SAAW,IACrEC,QAAUD,OAAqBM,EAAVL,EACrB3B,SAAU4B,GAEd,CAEA,SAASK,EAAYC,GACfA,EAAI,GAAKA,EAAI5B,IACjBc,EAAQc,GACJzB,GAAUA,EAASyB,GACzB,CAEA,OACE7C,QAAIU,UAAW+B,EAAOK,eACnBtB,GACCY,EAAiB,CACfC,SAAyB,IAAfJ,EACVK,QAAS,IAAMM,EAAY,GAC3BL,KAAMb,IAETU,EAAiB,CAChBC,SAAyB,IAAfJ,EACVK,QAAS,IAAMM,EAAYX,EAAa,GACxCM,KAAMZ,IAGPO,EAAgBa,IAAI,CAACL,EAAMM,IACjB,aAATN,EACE9B,EAAA,KAAA,CAAAD,SAAA,KAAS,QAAQqC,KAEjBpB,EACE,CACElB,UAAW8B,EACTC,EAAOC,KACPT,IAAeS,EAAOD,EAAOQ,WAAa,IAE5CX,QAAS,IAAMM,EAAYF,GAC3B/B,SAAU+B,GAEZA,IAILN,EAAiB,CAChBC,SAAUJ,IAAehB,EACzBqB,QAAS,IAAMM,EAAYX,EAAa,GACxCM,KAAMZ,IAGPF,GACCW,EAAiB,CACfC,SAAUJ,IAAehB,EACzBqB,QAAS,IAAMM,EAAY3B,GAC3BsB,KAAMb,MAIhB"}

package/dist/Navigation/Pagination/Pagination.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"Pagination-module_root__at76F","item":"Pagination-module_item__2GFks","disabled":"Pagination-module_disabled__KG8Cb","activeItem":"Pagination-module_activeItem__BVg0A","icon":"Pagination-module_icon__OcxQW"};
-
-export { styles as default };
+var a={root:"Pagination-module_root__at76F",item:"Pagination-module_item__2GFks",disabled:"Pagination-module_disabled__KG8Cb",activeItem:"Pagination-module_activeItem__BVg0A",icon:"Pagination-module_icon__OcxQW"};export{a as default};
 //# sourceMappingURL=Pagination.module.css.js.map

package/dist/Navigation/Pagination/Pagination.module.css.js.map

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

package/dist/Navigation/Pagination/PaginationItem.js

@@ -1,14 +1,2 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-
-const PaginationItemBase = (props) => {
-    const { to, as, children, ...rest } = props;
-    const Component = (as || to ? "a" : "li");
-    return jsx(Component, { ...rest, children: children });
-};
-PaginationItemBase.displayName = "PaginationItem";
-const PaginationItem = PaginationItemBase;
-
-export { PaginationItem };
+"use client";import{jsx as t}from"react/jsx-runtime";import"react";const e=e=>{const{to:r,as:i,children:n,...o}=e;return t(i||r?"a":"li",{...o,children:n})};e.displayName="PaginationItem";const r=e;export{r as PaginationItem};
 //# sourceMappingURL=PaginationItem.js.map

package/dist/Navigation/Pagination/PaginationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.js","sources":["../../../src/Navigation/Pagination/PaginationItem.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { type ElementType } from \"react\";\n\ninterface PaginationItemBaseProps {\n  to?: \"string\";\n}\n\nexport type PaginationItemProps<C extends ElementType = \"li\"> =\n  PolymorphicComponentProps<C, PaginationItemBaseProps>;\n\nconst PaginationItemBase = <C extends ElementType = \"button\">(\n  props: PaginationItemProps<C>\n) => {\n  const { to, as, children, ...rest } = props;\n  const Component = (as || to ? \"a\" : \"li\") as ElementType;\n  return <Component {...rest}>{children}</Component>;\n};\n\nPaginationItemBase.displayName = \"PaginationItem\";\nexport const PaginationItem = PaginationItemBase as PolymorphicComponentType<\n  PaginationItemBaseProps,\n  \"li\"\n>;\n"],"names":["_jsx"],"mappings":";;;;AAeA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAAA,CAAG,CACzB,CAAA,CAAA,CAAA,CAAA,CAA6B,CAAA,CAAA,CAAA,CAAA,CAC3B;AACF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAE,CAAA,CAAE,CAAA,CAAE,CAAA,CAAE,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAK;AAC3C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,EAAE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAG,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAI,CAAgB;AACxD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAOA,CAAAA,CAAAA,EAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,GAAa;AACpD,CAAC;AAED,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB;AAC1C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,cAAc,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;"}
+{"version":3,"file":"PaginationItem.js","sources":["../../../src/Navigation/Pagination/PaginationItem.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { type ElementType } from \"react\";\n\ninterface PaginationItemBaseProps {\n  to?: \"string\";\n}\n\nexport type PaginationItemProps<C extends ElementType = \"li\"> =\n  PolymorphicComponentProps<C, PaginationItemBaseProps>;\n\nconst PaginationItemBase = <C extends ElementType = \"button\">(\n  props: PaginationItemProps<C>\n) => {\n  const { to, as, children, ...rest } = props;\n  const Component = (as || to ? \"a\" : \"li\") as ElementType;\n  return <Component {...rest}>{children}</Component>;\n};\n\nPaginationItemBase.displayName = \"PaginationItem\";\nexport const PaginationItem = PaginationItemBase as PolymorphicComponentType<\n  PaginationItemBaseProps,\n  \"li\"\n>;\n"],"names":["PaginationItemBase","props","to","as","children","rest","_jsx","displayName","PaginationItem"],"mappings":"mEAeA,MAAMA,EACJC,IAEA,MAAMC,GAAEA,EAAEC,GAAEA,EAAEC,SAAEA,KAAaC,GAASJ,EAEtC,OAAOK,EADYH,GAAMD,EAAK,IAAM,KACnB,IAAKG,EAAID,SAAGA,KAG/BJ,EAAmBO,YAAc,iBAC1B,MAAMC,EAAiBR"}

package/dist/Navigation/Pagination/usePagination.js

@@ -1,38 +1,2 @@
-function usePagination({ count, page, siblingCount = 1, boundaryCount = 1, }) {
-    const startPages = Array.from({ length: Math.min(boundaryCount, count) }, (_, i) => i + 1);
-    const endPages = Array.from({ length: Math.min(boundaryCount, count) }, (_, i) => count - i).reverse();
-    // siblingsStart determines the first page number in the sibling range:
-    // - Math.min ensures we don't go beyond the range where siblings would overlap with end pages.
-    // - Math.max ensures we don't go below the first possible sibling after the boundary pages.
-    const siblingsStart = Math.max(Math.min(page - siblingCount, count - boundaryCount - siblingCount * 2 - 1), boundaryCount + 2);
-    // The upper bound ensures siblings do not overlap with end pages; if endPages exist, use the first end page minus 2, otherwise use count - 1.
-    const siblingsEnd = Math.min(Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2), endPages.length > 0 ? endPages[0] - 2 : count - 1);
-    const itemList = [];
-    // Start pages
-    itemList.push(...startPages);
-    // Ellipses after start pages
-    if (siblingsStart > boundaryCount + 2) {
-        itemList.push("ellipses");
-    }
-    else if (boundaryCount + 1 < count - boundaryCount) {
-        itemList.push(boundaryCount + 1);
-    }
-    // Middle pages
-    for (let i = siblingsStart; i <= siblingsEnd; i++) {
-        itemList.push(i);
-    }
-    // Ellipses before end pages
-    if (siblingsEnd < count - boundaryCount - 1) {
-        itemList.push("ellipses");
-    }
-    else if (count - boundaryCount > boundaryCount) {
-        itemList.push(count - boundaryCount);
-    }
-    // End pages
-    const endPagesFiltered = endPages.filter((p) => !itemList.includes(p));
-    itemList.push(...endPagesFiltered);
-    return itemList;
-}
-
-export { usePagination };
+function t({count:t,page:n,siblingCount:e=1,boundaryCount:h=1}){const s=Array.from({length:Math.min(h,t)},(t,n)=>n+1),r=Array.from({length:Math.min(h,t)},(n,e)=>t-e).reverse(),u=Math.max(Math.min(n-e,t-h-2*e-1),h+2),a=Math.min(Math.max(n+e,h+2*e+2),r.length>0?r[0]-2:t-1),i=[];i.push(...s),u>h+2?i.push("ellipses"):h+1<t-h&&i.push(h+1);for(let t=u;t<=a;t++)i.push(t);a<t-h-1?i.push("ellipses"):t-h>h&&i.push(t-h);const l=r.filter(t=>!i.includes(t));return i.push(...l),i}export{t as usePagination};
 //# sourceMappingURL=usePagination.js.map

package/dist/Navigation/Pagination/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","sources":["../../../src/Navigation/Pagination/usePagination.tsx"],"sourcesContent":["export function usePagination({\n  count,\n  page,\n  siblingCount = 1,\n  boundaryCount = 1,\n}: {\n  count: number;\n  page: number;\n  siblingCount?: number;\n  boundaryCount?: number;\n}) {\n  const startPages = Array.from(\n    { length: Math.min(boundaryCount, count) },\n    (_, i) => i + 1\n  );\n\n  const endPages = Array.from(\n    { length: Math.min(boundaryCount, count) },\n    (_, i) => count - i\n  ).reverse();\n\n  // siblingsStart determines the first page number in the sibling range:\n  // - Math.min ensures we don't go beyond the range where siblings would overlap with end pages.\n  // - Math.max ensures we don't go below the first possible sibling after the boundary pages.\n  const siblingsStart = Math.max(\n    Math.min(page - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2\n  );\n\n  // The upper bound ensures siblings do not overlap with end pages; if endPages exist, use the first end page minus 2, otherwise use count - 1.\n  const siblingsEnd = Math.min(\n    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1\n  );\n\n  const itemList: (number | \"ellipses\")[] = [];\n\n  // Start pages\n  itemList.push(...startPages);\n\n  // Ellipses after start pages\n  if (siblingsStart > boundaryCount + 2) {\n    itemList.push(\"ellipses\");\n  } else if (boundaryCount + 1 < count - boundaryCount) {\n    itemList.push(boundaryCount + 1);\n  }\n\n  // Middle pages\n  for (let i = siblingsStart; i <= siblingsEnd; i++) {\n    itemList.push(i);\n  }\n\n  // Ellipses before end pages\n  if (siblingsEnd < count - boundaryCount - 1) {\n    itemList.push(\"ellipses\");\n  } else if (count - boundaryCount > boundaryCount) {\n    itemList.push(count - boundaryCount);\n  }\n\n  // End pages\n  const endPagesFiltered = endPages.filter((p) => !itemList.includes(p));\n  itemList.push(...endPagesFiltered);\n\n  return itemList;\n}\n"],"names":[],"mappings":"AAAM,SAAU,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,YAAY,GAAG,CAAC,EAChB,aAAa,GAAG,CAAC,GAMlB,EAAA;AACC,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAC3B,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,CAAC,EAAE,EAC1C,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAChB;AAED,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,CAAC,EAAE,EAC1C,CAAC,CAAC,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,CACpB,CAAC,OAAO,EAAE;;;;AAKX,IAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAC5B,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,YAAY,EAAE,KAAK,GAAG,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,EAC3E,aAAa,GAAG,CAAC,CAClB;;IAGD,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAC1B,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,YAAY,EAAE,aAAa,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,EACnE,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAClD;IAED,MAAM,QAAQ,GAA4B,EAAE;;AAG5C,IAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC;;AAG5B,IAAA,IAAI,aAAa,GAAG,aAAa,GAAG,CAAC,EAAE;AACrC,QAAA,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;IAC3B;SAAO,IAAI,aAAa,GAAG,CAAC,GAAG,KAAK,GAAG,aAAa,EAAE;AACpD,QAAA,QAAQ,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;IAClC;;AAGA,IAAA,KAAK,IAAI,CAAC,GAAG,aAAa,EAAE,CAAC,IAAI,WAAW,EAAE,CAAC,EAAE,EAAE;AACjD,QAAA,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAClB;;IAGA,IAAI,WAAW,GAAG,KAAK,GAAG,aAAa,GAAG,CAAC,EAAE;AAC3C,QAAA,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC;IAC3B;AAAO,SAAA,IAAI,KAAK,GAAG,aAAa,GAAG,aAAa,EAAE;AAChD,QAAA,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC;IACtC;;AAGA,IAAA,MAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AACtE,IAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC;AAElC,IAAA,OAAO,QAAQ;AACjB;;;;"}
+{"version":3,"file":"usePagination.js","sources":["../../../src/Navigation/Pagination/usePagination.tsx"],"sourcesContent":["export function usePagination({\n  count,\n  page,\n  siblingCount = 1,\n  boundaryCount = 1,\n}: {\n  count: number;\n  page: number;\n  siblingCount?: number;\n  boundaryCount?: number;\n}) {\n  const startPages = Array.from(\n    { length: Math.min(boundaryCount, count) },\n    (_, i) => i + 1\n  );\n\n  const endPages = Array.from(\n    { length: Math.min(boundaryCount, count) },\n    (_, i) => count - i\n  ).reverse();\n\n  // siblingsStart determines the first page number in the sibling range:\n  // - Math.min ensures we don't go beyond the range where siblings would overlap with end pages.\n  // - Math.max ensures we don't go below the first possible sibling after the boundary pages.\n  const siblingsStart = Math.max(\n    Math.min(page - siblingCount, count - boundaryCount - siblingCount * 2 - 1),\n    boundaryCount + 2\n  );\n\n  // The upper bound ensures siblings do not overlap with end pages; if endPages exist, use the first end page minus 2, otherwise use count - 1.\n  const siblingsEnd = Math.min(\n    Math.max(page + siblingCount, boundaryCount + siblingCount * 2 + 2),\n    endPages.length > 0 ? endPages[0] - 2 : count - 1\n  );\n\n  const itemList: (number | \"ellipses\")[] = [];\n\n  // Start pages\n  itemList.push(...startPages);\n\n  // Ellipses after start pages\n  if (siblingsStart > boundaryCount + 2) {\n    itemList.push(\"ellipses\");\n  } else if (boundaryCount + 1 < count - boundaryCount) {\n    itemList.push(boundaryCount + 1);\n  }\n\n  // Middle pages\n  for (let i = siblingsStart; i <= siblingsEnd; i++) {\n    itemList.push(i);\n  }\n\n  // Ellipses before end pages\n  if (siblingsEnd < count - boundaryCount - 1) {\n    itemList.push(\"ellipses\");\n  } else if (count - boundaryCount > boundaryCount) {\n    itemList.push(count - boundaryCount);\n  }\n\n  // End pages\n  const endPagesFiltered = endPages.filter((p) => !itemList.includes(p));\n  itemList.push(...endPagesFiltered);\n\n  return itemList;\n}\n"],"names":["usePagination","count","page","siblingCount","boundaryCount","startPages","Array","from","length","Math","min","_","i","endPages","reverse","siblingsStart","max","siblingsEnd","itemList","push","endPagesFiltered","filter","p","includes"],"mappings":"AAAM,SAAUA,GAAcC,MAC5BA,EAAKC,KACLA,EAAIC,aACJA,EAAe,EAACC,cAChBA,EAAgB,IAOhB,MAAMC,EAAaC,MAAMC,KACvB,CAAEC,OAAQC,KAAKC,IAAIN,EAAeH,IAClC,CAACU,EAAGC,IAAMA,EAAI,GAGVC,EAAWP,MAAMC,KACrB,CAAEC,OAAQC,KAAKC,IAAIN,EAAeH,IAClC,CAACU,EAAGC,IAAMX,EAAQW,GAClBE,UAKIC,EAAgBN,KAAKO,IACzBP,KAAKC,IAAIR,EAAOC,EAAcF,EAAQG,EAA+B,EAAfD,EAAmB,GACzEC,EAAgB,GAIZa,EAAcR,KAAKC,IACvBD,KAAKO,IAAId,EAAOC,EAAcC,EAA+B,EAAfD,EAAmB,GACjEU,EAASL,OAAS,EAAIK,EAAS,GAAK,EAAIZ,EAAQ,GAG5CiB,EAAoC,GAG1CA,EAASC,QAAQd,GAGbU,EAAgBX,EAAgB,EAClCc,EAASC,KAAK,YACLf,EAAgB,EAAIH,EAAQG,GACrCc,EAASC,KAAKf,EAAgB,GAIhC,IAAK,IAAIQ,EAAIG,EAAeH,GAAKK,EAAaL,IAC5CM,EAASC,KAAKP,GAIZK,EAAchB,EAAQG,EAAgB,EACxCc,EAASC,KAAK,YACLlB,EAAQG,EAAgBA,GACjCc,EAASC,KAAKlB,EAAQG,GAIxB,MAAMgB,EAAmBP,EAASQ,OAAQC,IAAOJ,EAASK,SAASD,IAGnE,OAFAJ,EAASC,QAAQC,GAEVF,CACT"}

package/dist/Navigation/Tabs/Tab/Tab.js

@@ -1,70 +1,2 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import styles from './Tab.module.css.js';
-import { useTabs } from '../Tabs.js';
-import { mergeRefs, cn } from '@studiocubics/utils';
-
-const defaultElement = "button";
-/**
- * Base implementation for the Tab component.
- *
- * This is a polymorphic component that defaults to rendering a `<Tab>`.
- * Use the `as` prop to change the underlying element.
- *
- * @typeParam C - The intrinsic or custom element type to render.
- *
- * @group Tab
- * @category inputs
- */
-function TabBase(props) {
-    const { as, className, selected: _selected, startIcon, endIcon, disabled, href, onClick, onTouchStart, children, slotProps = {}, ref, ...restProps } = props;
-    const { activeTab, setActiveTab } = useTabs();
-    const tabRef = useRef(null);
-    const clickable = !disabled && (!!href || !!onClick);
-    const selected = tabRef.current != null ? activeTab == tabRef.current : false;
-    const Component = (as || defaultElement);
-    function handleClick(e) {
-        if (disabled)
-            return;
-        if (tabRef.current)
-            tabRef.current.scrollIntoView({
-                block: "nearest",
-                inline: "center",
-                behavior: "smooth",
-            });
-        setActiveTab(tabRef.current);
-        if (onClick)
-            onClick(e);
-    }
-    useEffect(() => {
-        if (_selected)
-            setActiveTab(tabRef.current);
-    }, [_selected]);
-    const componentProps = {
-        className: cn(className, styles.root, selected ? styles.selected : undefined, clickable ? styles.clickable : undefined, disabled ? styles.disabled : undefined),
-        onClick: handleClick,
-        disabled,
-        href: disabled ? "" : href,
-        ref: mergeRefs(ref, tabRef),
-        ...restProps,
-    };
-    return (jsxs(Component, { ...componentProps, children: [startIcon && (jsx("span", { ...slotProps.startIcon, className: cn(styles.iconContainer, slotProps.startIcon?.className), children: startIcon })), children, endIcon && (jsx("span", { ...slotProps.endIcon, className: cn(styles.iconContainer, slotProps.endIcon?.className), children: endIcon }))] }));
-}
-TabBase.displayName = "Tab";
-/**
- * A polymorphic Tab component.
- *
- * By default it renders a `<Tab>`, but any element can be used via the `as` prop:
- *
- * ```tsx
- * <Tab as="a" href="/docs">Read docs</Tab>
- * ```
- *
- * @group Tab
- * @category inputs
- */
-const Tab = TabBase;
-
-export { Tab };
+"use client";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useRef as r,useEffect as c}from"react";import t from"./Tab.module.css.js";import{useTabs as o}from"../Tabs.js";import{mergeRefs as s,cn as a}from"@studiocubics/utils";function i(i){const{as:l,className:d,selected:m,startIcon:u,endIcon:b,disabled:f,href:p,onClick:h,onTouchStart:I,children:N,slotProps:v={},ref:T,...k}=i,{activeTab:C,setActiveTab:j}=o(),x=r(null),w=!(f||!p&&!h),y=null!=x.current&&C==x.current,A=l||"button";c(()=>{m&&j(x.current)},[m]);const P={className:a(d,t.root,y?t.selected:void 0,w?t.clickable:void 0,f?t.disabled:void 0),onClick:function(e){f||(x.current&&x.current.scrollIntoView({block:"nearest",inline:"center",behavior:"smooth"}),j(x.current),h&&h(e))},disabled:f,href:f?"":p,ref:s(T,x),...k};return e(A,{...P,children:[u&&n("span",{...v.startIcon,className:a(t.iconContainer,v.startIcon?.className),children:u}),N,b&&n("span",{...v.endIcon,className:a(t.iconContainer,v.endIcon?.className),children:b})]})}i.displayName="Tab";const l=i;export{l as Tab};
 //# sourceMappingURL=Tab.js.map

package/dist/Navigation/Tabs/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/Navigation/Tabs/Tab/Tab.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentProps,\n  type ElementType,\n  type ReactNode,\n  useEffect,\n  useRef,\n  type MouseEvent,\n} from \"react\";\nimport styles from \"./Tab.module.css\";\nimport { useTabs } from \"../Tabs\";\nimport { cn, mergeRefs } from \"@studiocubics/utils\";\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\n\n/**\n * Props specific to the Tab component.\n *\n * These extend the intrinsic element props of whatever element is passed via `as`.\n * @group Tab\n * @category inputs\n */\nexport interface TabBaseProps {\n  selected?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  disabled?: boolean;\n  href?: ComponentProps<\"a\">[\"href\"];\n  slotProps?: {\n    startIcon?: ComponentProps<\"span\">;\n    endIcon?: ComponentProps<\"span\">;\n  };\n}\nconst defaultElement = \"button\";\ntype DefaultElement = typeof defaultElement;\n/**\n * Polymorphic props for the Tab component.\n *\n * `C` defines the element type rendered by the component (e.g. `\"Tab\"`, `\"a\"`, `\"div\"`).\n * All intrinsic props for `C` are supported unless overridden by `TabBaseProps`.\n *\n * @group Tab\n * @category inputs\n */\nexport type TabProps<C extends ElementType = DefaultElement> =\n  PolymorphicComponentProps<C, TabBaseProps>;\n\n/**\n * Base implementation for the Tab component.\n *\n * This is a polymorphic component that defaults to rendering a `<Tab>`.\n * Use the `as` prop to change the underlying element.\n *\n * @typeParam C - The intrinsic or custom element type to render.\n *\n * @group Tab\n * @category inputs\n */\nfunction TabBase<C extends ElementType = DefaultElement>(props: TabProps<C>) {\n  const {\n    as,\n    className,\n    selected: _selected,\n    startIcon,\n    endIcon,\n    disabled,\n    href,\n    onClick,\n    onTouchStart,\n    children,\n    slotProps = {},\n    ref,\n    ...restProps\n  } = props;\n  const { activeTab, setActiveTab } = useTabs();\n  const tabRef = useRef<HTMLButtonElement>(null);\n\n  const clickable = !disabled && (!!href || !!onClick);\n  const selected = tabRef.current != null ? activeTab == tabRef.current : false;\n  const Component = (as || defaultElement) as ElementType;\n\n  function handleClick(e: MouseEvent<HTMLButtonElement>) {\n    if (disabled) return;\n    if (tabRef.current)\n      tabRef.current.scrollIntoView({\n        block: \"nearest\",\n        inline: \"center\",\n        behavior: \"smooth\",\n      });\n    setActiveTab(tabRef.current);\n    if (onClick) onClick(e);\n  }\n\n  useEffect(() => {\n    if (_selected) setActiveTab(tabRef.current);\n  }, [_selected]);\n\n  const componentProps = {\n    className: cn(\n      className,\n      styles.root,\n      selected ? styles.selected : undefined,\n      clickable ? styles.clickable : undefined,\n      disabled ? styles.disabled : undefined,\n    ),\n    onClick: handleClick,\n    disabled,\n    href: disabled ? \"\" : href,\n    ref: mergeRefs(ref, tabRef),\n    ...restProps,\n  };\n\n  return (\n    <Component {...componentProps}>\n      {startIcon && (\n        <span\n          {...slotProps.startIcon}\n          className={cn(styles.iconContainer, slotProps.startIcon?.className)}\n        >\n          {startIcon}\n        </span>\n      )}\n      {children}\n      {endIcon && (\n        <span\n          {...slotProps.endIcon}\n          className={cn(styles.iconContainer, slotProps.endIcon?.className)}\n        >\n          {endIcon}\n        </span>\n      )}\n    </Component>\n  );\n}\nTabBase.displayName = \"Tab\";\n\n/**\n * A polymorphic Tab component.\n *\n * By default it renders a `<Tab>`, but any element can be used via the `as` prop:\n *\n * ```tsx\n * <Tab as=\"a\" href=\"/docs\">Read docs</Tab>\n * ```\n *\n * @group Tab\n * @category inputs\n */\nexport const Tab = TabBase as PolymorphicComponentType<\n  TabBaseProps,\n  DefaultElement\n>;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Tab.js","sources":["../../../../src/Navigation/Tabs/Tab/Tab.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentProps,\n  type ElementType,\n  type ReactNode,\n  useEffect,\n  useRef,\n  type MouseEvent,\n} from \"react\";\nimport styles from \"./Tab.module.css\";\nimport { useTabs } from \"../Tabs\";\nimport { cn, mergeRefs } from \"@studiocubics/utils\";\nimport type {\n  PolymorphicComponentProps,\n  PolymorphicComponentType,\n} from \"@studiocubics/types\";\n\n/**\n * Props specific to the Tab component.\n *\n * These extend the intrinsic element props of whatever element is passed via `as`.\n * @group Tab\n * @category inputs\n */\nexport interface TabBaseProps {\n  selected?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  disabled?: boolean;\n  href?: ComponentProps<\"a\">[\"href\"];\n  slotProps?: {\n    startIcon?: ComponentProps<\"span\">;\n    endIcon?: ComponentProps<\"span\">;\n  };\n}\nconst defaultElement = \"button\";\ntype DefaultElement = typeof defaultElement;\n/**\n * Polymorphic props for the Tab component.\n *\n * `C` defines the element type rendered by the component (e.g. `\"Tab\"`, `\"a\"`, `\"div\"`).\n * All intrinsic props for `C` are supported unless overridden by `TabBaseProps`.\n *\n * @group Tab\n * @category inputs\n */\nexport type TabProps<C extends ElementType = DefaultElement> =\n  PolymorphicComponentProps<C, TabBaseProps>;\n\n/**\n * Base implementation for the Tab component.\n *\n * This is a polymorphic component that defaults to rendering a `<Tab>`.\n * Use the `as` prop to change the underlying element.\n *\n * @typeParam C - The intrinsic or custom element type to render.\n *\n * @group Tab\n * @category inputs\n */\nfunction TabBase<C extends ElementType = DefaultElement>(props: TabProps<C>) {\n  const {\n    as,\n    className,\n    selected: _selected,\n    startIcon,\n    endIcon,\n    disabled,\n    href,\n    onClick,\n    onTouchStart,\n    children,\n    slotProps = {},\n    ref,\n    ...restProps\n  } = props;\n  const { activeTab, setActiveTab } = useTabs();\n  const tabRef = useRef<HTMLButtonElement>(null);\n\n  const clickable = !disabled && (!!href || !!onClick);\n  const selected = tabRef.current != null ? activeTab == tabRef.current : false;\n  const Component = (as || defaultElement) as ElementType;\n\n  function handleClick(e: MouseEvent<HTMLButtonElement>) {\n    if (disabled) return;\n    if (tabRef.current)\n      tabRef.current.scrollIntoView({\n        block: \"nearest\",\n        inline: \"center\",\n        behavior: \"smooth\",\n      });\n    setActiveTab(tabRef.current);\n    if (onClick) onClick(e);\n  }\n\n  useEffect(() => {\n    if (_selected) setActiveTab(tabRef.current);\n  }, [_selected]);\n\n  const componentProps = {\n    className: cn(\n      className,\n      styles.root,\n      selected ? styles.selected : undefined,\n      clickable ? styles.clickable : undefined,\n      disabled ? styles.disabled : undefined,\n    ),\n    onClick: handleClick,\n    disabled,\n    href: disabled ? \"\" : href,\n    ref: mergeRefs(ref, tabRef),\n    ...restProps,\n  };\n\n  return (\n    <Component {...componentProps}>\n      {startIcon && (\n        <span\n          {...slotProps.startIcon}\n          className={cn(styles.iconContainer, slotProps.startIcon?.className)}\n        >\n          {startIcon}\n        </span>\n      )}\n      {children}\n      {endIcon && (\n        <span\n          {...slotProps.endIcon}\n          className={cn(styles.iconContainer, slotProps.endIcon?.className)}\n        >\n          {endIcon}\n        </span>\n      )}\n    </Component>\n  );\n}\nTabBase.displayName = \"Tab\";\n\n/**\n * A polymorphic Tab component.\n *\n * By default it renders a `<Tab>`, but any element can be used via the `as` prop:\n *\n * ```tsx\n * <Tab as=\"a\" href=\"/docs\">Read docs</Tab>\n * ```\n *\n * @group Tab\n * @category inputs\n */\nexport const Tab = TabBase as PolymorphicComponentType<\n  TabBaseProps,\n  DefaultElement\n>;\n"],"names":["TabBase","props","as","className","selected","_selected","startIcon","endIcon","disabled","href","onClick","onTouchStart","children","slotProps","ref","restProps","activeTab","setActiveTab","useTabs","tabRef","useRef","clickable","current","Component","useEffect","componentProps","cn","styles","root","undefined","e","scrollIntoView","block","inline","behavior","mergeRefs","_jsxs","_jsx","iconContainer","displayName","Tab"],"mappings":"6OA6DA,SAASA,EAAgDC,GACvD,MAAMC,GACJA,EAAEC,UACFA,EACAC,SAAUC,EAASC,UACnBA,EAASC,QACTA,EAAOC,SACPA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,aACPA,EAAYC,SACZA,EAAQC,UACRA,EAAY,CAAA,EAAEC,IACdA,KACGC,GACDd,GACEe,UAAEA,EAASC,aAAEA,GAAiBC,IAC9BC,EAASC,EAA0B,MAEnCC,IAAab,IAAeC,IAAUC,GACtCN,EAA6B,MAAlBe,EAAOG,SAAkBN,GAAaG,EAAOG,QACxDC,EAAarB,GA9CE,SA4DrBsB,EAAU,KACJnB,GAAWY,EAAaE,EAAOG,UAClC,CAACjB,IAEJ,MAAMoB,EAAiB,CACrBtB,UAAWuB,EACTvB,EACAwB,EAAOC,KACPxB,EAAWuB,EAAOvB,cAAWyB,EAC7BR,EAAYM,EAAON,eAAYQ,EAC/BrB,EAAWmB,EAAOnB,cAAWqB,GAE/BnB,QAxBF,SAAqBoB,GACftB,IACAW,EAAOG,SACTH,EAAOG,QAAQS,eAAe,CAC5BC,MAAO,UACPC,OAAQ,SACRC,SAAU,WAEdjB,EAAaE,EAAOG,SAChBZ,GAASA,EAAQoB,GACvB,EAeEtB,WACAC,KAAMD,EAAW,GAAKC,EACtBK,IAAKqB,EAAUrB,EAAKK,MACjBJ,GAGL,OACEqB,EAACb,EAAS,IAAKE,EAAcb,SAAA,CAC1BN,GACC+B,EAAA,OAAA,IACMxB,EAAUP,UACdH,UAAWuB,EAAGC,EAAOW,cAAezB,EAAUP,WAAWH,oBAExDG,IAGJM,EACAL,GACC8B,EAAA,OAAA,IACMxB,EAAUN,QACdJ,UAAWuB,EAAGC,EAAOW,cAAezB,EAAUN,SAASJ,WAAUS,SAEhEL,MAKX,CACAP,EAAQuC,YAAc,MAcf,MAAMC,EAAMxC"}

package/dist/Navigation/Tabs/Tab/Tab.module.css.js

@@ -1,4 +1,2 @@
-var styles = {"root":"Tab-module_root__ySv89","clickable":"Tab-module_clickable__d8Iy-","selected":"Tab-module_selected__vToav","disabled":"Tab-module_disabled__Leret","iconContainer":"Tab-module_iconContainer__-SQ6s"};
-
-export { styles as default };
+var e={root:"Tab-module_root__ySv89",clickable:"Tab-module_clickable__d8Iy-",selected:"Tab-module_selected__vToav",disabled:"Tab-module_disabled__Leret",iconContainer:"Tab-module_iconContainer__-SQ6s"};export{e as default};
 //# sourceMappingURL=Tab.module.css.js.map

package/dist/Navigation/Tabs/Tab/Tab.module.css.js.map

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