@studiocubics/components 0.0.1 → 0.0.2

package/dist/Navigation/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,36 @@
+'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 };
+//# sourceMappingURL=Breadcrumbs.js.map

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

@@ -0,0 +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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"}

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

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

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

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

package/dist/Navigation/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -0,0 +1,10 @@
+import type { PolymorphicComponentProps, PolymorphicComponentType } from "@studiocubics/types";
+import { type ElementType } from "react";
+interface BreadcrumbsItemBaseProps {
+    href?: "string";
+}
+declare const defaultElement = "span";
+type DefaultElement = typeof defaultElement;
+export type BreadcrumbsItemProps<C extends ElementType = DefaultElement> = PolymorphicComponentProps<C, BreadcrumbsItemBaseProps>;
+export declare const BreadcrumbsItem: PolymorphicComponentType<BreadcrumbsItemBaseProps, DefaultElement>;
+export {};

package/dist/Navigation/Breadcrumbs/BreadcrumbsItem.js

@@ -0,0 +1,15 @@
+'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 };
+//# sourceMappingURL=BreadcrumbsItem.js.map

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

@@ -0,0 +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;;"}

package/dist/Navigation/Breadcrumbs/useBreadcrumbs.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+export declare function useBreadcrumbs({ activeCrumb, crumbs, siblingCount, boundaryCount, }: {
+    activeCrumb: number;
+    crumbs: ReactElement[];
+    siblingCount?: number;
+    boundaryCount?: number;
+}): (ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | "ellipsis")[];

package/dist/Navigation/Breadcrumbs/useBreadcrumbs.js

@@ -0,0 +1,44 @@
+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 };
+//# sourceMappingURL=useBreadcrumbs.js.map

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

@@ -0,0 +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;;;;"}

package/dist/Navigation/Pagination/Pagination.d.ts

@@ -0,0 +1,52 @@
+import { type ReactElement, type ReactNode } from "react";
+import { type PaginationItemProps } from "./PaginationItem";
+export interface PaginationProps {
+    /**
+     * Total number of pages
+     */
+    count: number;
+    /**
+     * For controlled Pagination pass the state
+     */
+    page?: number;
+    /**
+     * For controlled Pagination pass the onChange function
+     */
+    onChange?: (pageNumber: number) => void;
+    /**
+     * Page that will be selected by default
+     * @default 1
+     */
+    defaultPage?: number;
+    /**
+     * How many siblings of the active item should be shown
+     * @default 1
+     */
+    siblingCount?: number;
+    /**
+     * How many of the boundary items should be shown
+     * @default 1
+     */
+    boundaryCount?: number;
+    /**
+     * Function that can be used to modify the rendered PaginationItem component
+     */
+    renderItem?: (props: PaginationItemProps, key?: string | number) => ReactElement;
+    /**
+     * Shows the skip to first button
+     */
+    showFirstButton?: boolean;
+    /**
+     * Shows the skip to last button
+     */
+    showLastButton?: boolean;
+    /**
+     * Icon for first button and the last button icon which will be 180deg
+     */
+    firstLastButtonIcon?: ReactNode;
+    /**
+     * Icon for prev button and the next button icon which will be 180deg
+     */
+    prevNextButtonIcon?: ReactNode;
+}
+export declare function Pagination(props: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/Navigation/Pagination/Pagination.js

@@ -0,0 +1,61 @@
+'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 };
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,4 @@
+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 };
+//# sourceMappingURL=Pagination.module.css.js.map

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

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

package/dist/Navigation/Pagination/PaginationItem.d.ts

@@ -0,0 +1,8 @@
+import type { PolymorphicComponentProps, PolymorphicComponentType } from "@studiocubics/types";
+import { type ElementType } from "react";
+interface PaginationItemBaseProps {
+    to?: "string";
+}
+export type PaginationItemProps<C extends ElementType = "li"> = PolymorphicComponentProps<C, PaginationItemBaseProps>;
+export declare const PaginationItem: PolymorphicComponentType<PaginationItemBaseProps, "li">;
+export {};

package/dist/Navigation/Pagination/PaginationItem.js

@@ -0,0 +1,14 @@
+'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 };
+//# sourceMappingURL=PaginationItem.js.map

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

@@ -0,0 +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;;"}

package/dist/Navigation/Pagination/usePagination.d.ts

@@ -0,0 +1,6 @@
+export declare function usePagination({ count, page, siblingCount, boundaryCount, }: {
+    count: number;
+    page: number;
+    siblingCount?: number;
+    boundaryCount?: number;
+}): (number | "ellipses")[];

package/dist/Navigation/Pagination/usePagination.js

@@ -0,0 +1,38 @@
+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 };
+//# sourceMappingURL=usePagination.js.map

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

@@ -0,0 +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;;;;"}

package/dist/Navigation/Tabs/Tab/Tab.d.ts

@@ -0,0 +1,46 @@
+import { type ComponentProps, type ElementType, type ReactNode } from "react";
+import type { PolymorphicComponentProps, PolymorphicComponentType } from "@studiocubics/types";
+/**
+ * Props specific to the Tab component.
+ *
+ * These extend the intrinsic element props of whatever element is passed via `as`.
+ * @group Tab
+ * @category inputs
+ */
+export interface TabBaseProps {
+    selected?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    disabled?: boolean;
+    href?: ComponentProps<"a">["href"];
+    slotProps?: {
+        startIcon?: ComponentProps<"span">;
+        endIcon?: ComponentProps<"span">;
+    };
+}
+declare const defaultElement = "button";
+type DefaultElement = typeof defaultElement;
+/**
+ * Polymorphic props for the Tab component.
+ *
+ * `C` defines the element type rendered by the component (e.g. `"Tab"`, `"a"`, `"div"`).
+ * All intrinsic props for `C` are supported unless overridden by `TabBaseProps`.
+ *
+ * @group Tab
+ * @category inputs
+ */
+export type TabProps<C extends ElementType = DefaultElement> = PolymorphicComponentProps<C, TabBaseProps>;
+/**
+ * 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
+ */
+export declare const Tab: PolymorphicComponentType<TabBaseProps, DefaultElement>;
+export {};

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

@@ -0,0 +1,70 @@
+'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 };
+//# sourceMappingURL=Tab.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,4 @@
+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 };
+//# sourceMappingURL=Tab.module.css.js.map

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

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

package/dist/Navigation/Tabs/Tabs.d.ts

@@ -0,0 +1,12 @@
+import type { SetState } from "@studiocubics/types";
+import { type ReactNode } from "react";
+interface TabsContextProps {
+    activeTab: HTMLButtonElement | null;
+    setActiveTab: SetState<HTMLButtonElement | null>;
+}
+export interface TabsProps {
+    children: ReactNode;
+}
+export declare function useTabs(): TabsContextProps;
+export declare function Tabs(props: TabsProps): import("react/jsx-runtime").JSX.Element;
+export {};