@flipdish/ui-library 0.2.2 → 0.3.0

package/dist/components/molecules/Pagination/components/pagination-base.cjs

@@ -0,0 +1,217 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const PaginationContext = React.createContext(undefined);
+const PaginationRoot = ({ total, siblingCount = 1, page, onPageChange, children, style, className }) => {
+    const [pages, setPages] = React.useState([]);
+    const createPaginationItems = React.useCallback(() => {
+        const items = [];
+        // Calculate the maximum number of pagination elements (pages, potential ellipsis, first and last) to show
+        const totalPageNumbers = siblingCount * 2 + 5;
+        // If the total number of items to show is greater than or equal to the total pages,
+        // we can simply list all pages without needing to collapse with ellipsis
+        if (totalPageNumbers >= total) {
+            for (let i = 1; i <= total; i++) {
+                items.push({
+                    type: 'page',
+                    value: i,
+                    isCurrent: i === page,
+                });
+            }
+        }
+        else {
+            // Calculate left and right sibling boundaries around the current page
+            const leftSiblingIndex = Math.max(page - siblingCount, 1);
+            const rightSiblingIndex = Math.min(page + siblingCount, total);
+            // Determine if we need to show ellipsis on either side
+            const showLeftEllipsis = leftSiblingIndex > 2;
+            const showRightEllipsis = rightSiblingIndex < total - 1;
+            // Case 1: No left ellipsis, but right ellipsis is needed
+            if (!showLeftEllipsis && showRightEllipsis) {
+                // Calculate how many page numbers to show starting from the beginning
+                const leftItemCount = siblingCount * 2 + 3;
+                const leftRange = range(1, leftItemCount);
+                // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
+                leftRange.forEach((pageNum) => items.push({
+                    type: 'page',
+                    value: pageNum,
+                    isCurrent: pageNum === page,
+                }));
+                // Insert ellipsis after the left range and add the last page
+                items.push({ type: 'ellipsis', key: leftItemCount + 1 });
+                items.push({
+                    type: 'page',
+                    value: total,
+                    isCurrent: total === page,
+                });
+            }
+            // Case 2: Left ellipsis needed, but right ellipsis is not needed
+            else if (showLeftEllipsis && !showRightEllipsis) {
+                // Determine how many items from the end should be shown
+                const rightItemCount = siblingCount * 2 + 3;
+                const rightRange = range(total - rightItemCount + 1, total);
+                // Always show the first page, then add an ellipsis to indicate skipped pages
+                items.push({
+                    type: 'page',
+                    value: 1,
+                    isCurrent: page === 1,
+                });
+                items.push({ type: 'ellipsis', key: total - rightItemCount });
+                // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
+                rightRange.forEach((pageNum) => items.push({
+                    type: 'page',
+                    value: pageNum,
+                    isCurrent: pageNum === page,
+                }));
+            }
+            // Case 3: Both left and right ellipsis are needed
+            else if (showLeftEllipsis && showRightEllipsis) {
+                // Always show the first page
+                items.push({
+                    type: 'page',
+                    value: 1,
+                    isCurrent: page === 1,
+                });
+                // Insert left ellipsis after the first page
+                items.push({ type: 'ellipsis', key: leftSiblingIndex - 1 });
+                // Show a range of pages around the current page
+                const middleRange = range(leftSiblingIndex, rightSiblingIndex);
+                // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
+                middleRange.forEach((pageNum) => items.push({
+                    type: 'page',
+                    value: pageNum,
+                    isCurrent: pageNum === page,
+                }));
+                // Insert right ellipsis and finally the last page
+                items.push({ type: 'ellipsis', key: rightSiblingIndex + 1 });
+                items.push({
+                    type: 'page',
+                    value: total,
+                    isCurrent: total === page,
+                });
+            }
+        }
+        return items;
+    }, [total, siblingCount, page]);
+    React.useEffect(() => {
+        const paginationItems = createPaginationItems();
+        setPages(paginationItems);
+    }, [createPaginationItems]);
+    const onPageChangeHandler = (newPage) => {
+        onPageChange?.(newPage);
+    };
+    const paginationContextValue = {
+        pages,
+        currentPage: page,
+        total,
+        onPageChange: onPageChangeHandler,
+    };
+    return (jsxRuntime.jsx(PaginationContext.Provider, { value: paginationContextValue, children: jsxRuntime.jsx("nav", { "aria-label": "Pagination Navigation", style: style, className: className, children: children }) }));
+};
+/**
+ * Creates an array of numbers from start to end.
+ * @param start - The start number.
+ * @param end - The end number.
+ * @returns An array of numbers from start to end.
+ */
+const range = (start, end) => {
+    const length = end - start + 1;
+    return Array.from({ length }, (_, index) => index + start);
+};
+const Trigger = ({ children, style, className, asChild = false, direction, ariaLabel }) => {
+    const context = React.useContext(PaginationContext);
+    if (!context) {
+        throw new Error('Pagination components must be used within a Pagination.Root');
+    }
+    const { currentPage, total, onPageChange } = context;
+    const isDisabled = direction === 'prev' ? currentPage <= 1 : currentPage >= total;
+    const handleClick = () => {
+        if (isDisabled)
+            return;
+        const newPage = direction === 'prev' ? currentPage - 1 : currentPage + 1;
+        onPageChange?.(newPage);
+    };
+    const computedClassName = typeof className === 'function' ? className({ isDisabled }) : className;
+    const defaultAriaLabel = direction === 'prev' ? 'Previous Page' : 'Next Page';
+    // If the children is a render prop, we need to pass the isDisabled and onClick to the render prop.
+    if (typeof children === 'function') {
+        return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children({ isDisabled, onClick: handleClick }) });
+    }
+    // If the children is a valid element, we need to clone it and pass the isDisabled and onClick to the cloned element.
+    if (asChild && React.isValidElement(children)) {
+        return React.cloneElement(children, {
+            onClick: handleClick,
+            disabled: isDisabled,
+            isDisabled,
+            'aria-label': ariaLabel || defaultAriaLabel,
+            style: { ...children.props.style, ...style },
+            className: [computedClassName, children.props.className].filter(Boolean).join(' ') || undefined,
+        });
+    }
+    return (
+    // biome-ignore lint/a11y/useButtonType: This is a custom component and we need to use a button to wrap the children
+    jsxRuntime.jsx("button", { "aria-label": ariaLabel || defaultAriaLabel, onClick: handleClick, disabled: isDisabled, style: style, className: computedClassName, children: children }));
+};
+const PaginationPrevTrigger = (props) => jsxRuntime.jsx(Trigger, { ...props, direction: "prev" });
+const PaginationNextTrigger = (props) => jsxRuntime.jsx(Trigger, { ...props, direction: "next" });
+const PaginationItem = ({ value, isCurrent, children, style, className, ariaLabel, asChild = false }) => {
+    const context = React.useContext(PaginationContext);
+    if (!context) {
+        throw new Error('Pagination components must be used within a <Pagination.Root />');
+    }
+    const { onPageChange } = context;
+    const isSelected = isCurrent;
+    const handleClick = () => {
+        onPageChange?.(value);
+    };
+    const computedClassName = typeof className === 'function' ? className({ isSelected }) : className;
+    // If the children is a render prop, we need to pass the necessary props to the render prop.
+    if (typeof children === 'function') {
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: children({
+                isSelected,
+                onClick: handleClick,
+                value,
+                'aria-current': isCurrent ? 'page' : undefined,
+                'aria-label': ariaLabel || `Page ${value}`,
+            }) }));
+    }
+    // If the children is a valid element, we need to clone it and pass the necessary props to the cloned element.
+    if (asChild && React.isValidElement(children)) {
+        return React.cloneElement(children, {
+            onClick: handleClick,
+            'aria-current': isCurrent ? 'page' : undefined,
+            'aria-label': ariaLabel || `Page ${value}`,
+            style: { ...children.props.style, ...style },
+            className: [computedClassName, children.props.className].filter(Boolean).join(' ') || undefined,
+        });
+    }
+    return (
+    // biome-ignore lint/a11y/noInteractiveElementToNoninteractiveRole: This is a custom component and we need to use a button to wrap the children
+    // biome-ignore lint/a11y/useSemanticElements: This is a custom component and we need to use a button to wrap the children
+    // biome-ignore lint/a11y/useButtonType: This is a custom component and we need to use a button to wrap the children
+    jsxRuntime.jsx("button", { onClick: handleClick, style: style, className: computedClassName, "aria-current": isCurrent ? 'page' : undefined, "aria-label": ariaLabel || `Page ${value}`, role: "listitem", children: children }));
+};
+const PaginationEllipsis = ({ children, style, className }) => {
+    const computedClassName = typeof className === 'function' ? className() : className;
+    return (jsxRuntime.jsx("span", { style: style, className: computedClassName, "aria-hidden": "true", children: children }));
+};
+const PaginationContextComponent = ({ children }) => {
+    const context = React.useContext(PaginationContext);
+    if (!context) {
+        throw new Error('Pagination components must be used within a Pagination.Root');
+    }
+    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children(context) });
+};
+const Pagination = {
+    Root: PaginationRoot,
+    PrevTrigger: PaginationPrevTrigger,
+    NextTrigger: PaginationNextTrigger,
+    Item: PaginationItem,
+    Ellipsis: PaginationEllipsis,
+    Context: PaginationContextComponent,
+};
+
+exports.Pagination = Pagination;
+//# sourceMappingURL=pagination-base.cjs.map

package/dist/components/molecules/Pagination/components/pagination-base.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-base.cjs","sources":["../../../../../src/components/molecules/Pagination/components/pagination-base.tsx"],"sourcesContent":[null],"names":["createContext","useState","useCallback","useEffect","_jsx","useContext","_Fragment","isValidElement","cloneElement"],"mappings":"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"}

package/dist/components/molecules/Pagination/components/pagination-base.d.ts

@@ -0,0 +1,103 @@
+import type { CSSProperties, FC, ReactNode } from 'react';
+type PaginationPage = {
+    /** The type of the pagination item. */
+    type: 'page';
+    /** The value of the pagination item. */
+    value: number;
+    /** Whether the pagination item is the current page. */
+    isCurrent: boolean;
+};
+type PaginationEllipsisType = {
+    type: 'ellipsis';
+    key: number;
+};
+type PaginationItemType = PaginationPage | PaginationEllipsisType;
+interface PaginationContextType {
+    /** The pages of the pagination. */
+    pages: PaginationItemType[];
+    /** The current page of the pagination. */
+    currentPage: number;
+    /** The total number of pages. */
+    total: number;
+    /** The function to call when the page changes. */
+    onPageChange: (page: number) => void;
+}
+export interface PaginationRootProps {
+    /** Number of sibling pages to show on each side of the current page */
+    siblingCount?: number;
+    /** Current active page number */
+    page: number;
+    /** Total number of pages */
+    total: number;
+    children: ReactNode;
+    /** The style of the pagination root. */
+    style?: CSSProperties;
+    /** The class name of the pagination root. */
+    className?: string;
+    /** Callback function that's called when the page changes with the new page number. */
+    onPageChange?: (page: number) => void;
+}
+interface TriggerRenderProps {
+    isDisabled: boolean;
+    onClick: () => void;
+}
+interface TriggerProps {
+    /** The children of the trigger. Can be a render prop or a valid element. */
+    children: ReactNode | ((props: TriggerRenderProps) => ReactNode);
+    /** The style of the trigger. */
+    style?: CSSProperties;
+    /** The class name of the trigger. */
+    className?: string | ((args: {
+        isDisabled: boolean;
+    }) => string);
+    /** If true, the child element will be cloned and passed down the prop of the trigger. */
+    asChild?: boolean;
+    /** The direction of the trigger. */
+    direction: 'prev' | 'next';
+    /** The aria label of the trigger. */
+    ariaLabel?: string;
+}
+interface PaginationItemRenderProps {
+    isSelected: boolean;
+    onClick: () => void;
+    value: number;
+    'aria-current'?: 'page';
+    'aria-label'?: string;
+}
+export interface PaginationItemProps {
+    /** The value of the pagination item. */
+    value: number;
+    /** Whether the pagination item is the current page. */
+    isCurrent: boolean;
+    /** The children of the pagination item. Can be a render prop or a valid element. */
+    children?: ReactNode | ((props: PaginationItemRenderProps) => ReactNode);
+    /** The style object of the pagination item. */
+    style?: CSSProperties;
+    /** The class name of the pagination item. */
+    className?: string | ((args: {
+        isSelected: boolean;
+    }) => string);
+    /** The aria label of the pagination item. */
+    ariaLabel?: string;
+    /** If true, the child element will be cloned and passed down the prop of the item. */
+    asChild?: boolean;
+}
+interface PaginationEllipsisProps {
+    key: number;
+    children?: ReactNode;
+    style?: CSSProperties;
+    className?: string | (() => string);
+}
+interface PaginationContextComponentProps {
+    children: (pagination: PaginationContextType) => ReactNode;
+}
+export declare const Pagination: {
+    Root: ({ total, siblingCount, page, onPageChange, children, style, className }: PaginationRootProps) => import("react").JSX.Element;
+    PrevTrigger: FC<Omit<TriggerProps, "direction">>;
+    NextTrigger: FC<Omit<TriggerProps, "direction">>;
+    Item: ({ value, isCurrent, children, style, className, ariaLabel, asChild }: PaginationItemProps) => import("react").JSX.Element;
+    Ellipsis: FC<PaginationEllipsisProps>;
+    Context: FC<PaginationContextComponentProps>;
+};
+export {};
+//# sourceMappingURL=pagination-base.d.ts.map

package/dist/components/molecules/Pagination/components/pagination-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-base.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/components/pagination-base.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/Pagination/components/pagination-base.js

@@ -0,0 +1,215 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { createContext, useState, useCallback, useEffect, useContext, isValidElement, cloneElement } from 'react';
+
+const PaginationContext = createContext(undefined);
+const PaginationRoot = ({ total, siblingCount = 1, page, onPageChange, children, style, className }) => {
+    const [pages, setPages] = useState([]);
+    const createPaginationItems = useCallback(() => {
+        const items = [];
+        // Calculate the maximum number of pagination elements (pages, potential ellipsis, first and last) to show
+        const totalPageNumbers = siblingCount * 2 + 5;
+        // If the total number of items to show is greater than or equal to the total pages,
+        // we can simply list all pages without needing to collapse with ellipsis
+        if (totalPageNumbers >= total) {
+            for (let i = 1; i <= total; i++) {
+                items.push({
+                    type: 'page',
+                    value: i,
+                    isCurrent: i === page,
+                });
+            }
+        }
+        else {
+            // Calculate left and right sibling boundaries around the current page
+            const leftSiblingIndex = Math.max(page - siblingCount, 1);
+            const rightSiblingIndex = Math.min(page + siblingCount, total);
+            // Determine if we need to show ellipsis on either side
+            const showLeftEllipsis = leftSiblingIndex > 2;
+            const showRightEllipsis = rightSiblingIndex < total - 1;
+            // Case 1: No left ellipsis, but right ellipsis is needed
+            if (!showLeftEllipsis && showRightEllipsis) {
+                // Calculate how many page numbers to show starting from the beginning
+                const leftItemCount = siblingCount * 2 + 3;
+                const leftRange = range(1, leftItemCount);
+                // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
+                leftRange.forEach((pageNum) => items.push({
+                    type: 'page',
+                    value: pageNum,
+                    isCurrent: pageNum === page,
+                }));
+                // Insert ellipsis after the left range and add the last page
+                items.push({ type: 'ellipsis', key: leftItemCount + 1 });
+                items.push({
+                    type: 'page',
+                    value: total,
+                    isCurrent: total === page,
+                });
+            }
+            // Case 2: Left ellipsis needed, but right ellipsis is not needed
+            else if (showLeftEllipsis && !showRightEllipsis) {
+                // Determine how many items from the end should be shown
+                const rightItemCount = siblingCount * 2 + 3;
+                const rightRange = range(total - rightItemCount + 1, total);
+                // Always show the first page, then add an ellipsis to indicate skipped pages
+                items.push({
+                    type: 'page',
+                    value: 1,
+                    isCurrent: page === 1,
+                });
+                items.push({ type: 'ellipsis', key: total - rightItemCount });
+                // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
+                rightRange.forEach((pageNum) => items.push({
+                    type: 'page',
+                    value: pageNum,
+                    isCurrent: pageNum === page,
+                }));
+            }
+            // Case 3: Both left and right ellipsis are needed
+            else if (showLeftEllipsis && showRightEllipsis) {
+                // Always show the first page
+                items.push({
+                    type: 'page',
+                    value: 1,
+                    isCurrent: page === 1,
+                });
+                // Insert left ellipsis after the first page
+                items.push({ type: 'ellipsis', key: leftSiblingIndex - 1 });
+                // Show a range of pages around the current page
+                const middleRange = range(leftSiblingIndex, rightSiblingIndex);
+                // biome-ignore lint/suspicious/useIterableCallbackReturn: This is a side effect
+                middleRange.forEach((pageNum) => items.push({
+                    type: 'page',
+                    value: pageNum,
+                    isCurrent: pageNum === page,
+                }));
+                // Insert right ellipsis and finally the last page
+                items.push({ type: 'ellipsis', key: rightSiblingIndex + 1 });
+                items.push({
+                    type: 'page',
+                    value: total,
+                    isCurrent: total === page,
+                });
+            }
+        }
+        return items;
+    }, [total, siblingCount, page]);
+    useEffect(() => {
+        const paginationItems = createPaginationItems();
+        setPages(paginationItems);
+    }, [createPaginationItems]);
+    const onPageChangeHandler = (newPage) => {
+        onPageChange?.(newPage);
+    };
+    const paginationContextValue = {
+        pages,
+        currentPage: page,
+        total,
+        onPageChange: onPageChangeHandler,
+    };
+    return (jsx(PaginationContext.Provider, { value: paginationContextValue, children: jsx("nav", { "aria-label": "Pagination Navigation", style: style, className: className, children: children }) }));
+};
+/**
+ * Creates an array of numbers from start to end.
+ * @param start - The start number.
+ * @param end - The end number.
+ * @returns An array of numbers from start to end.
+ */
+const range = (start, end) => {
+    const length = end - start + 1;
+    return Array.from({ length }, (_, index) => index + start);
+};
+const Trigger = ({ children, style, className, asChild = false, direction, ariaLabel }) => {
+    const context = useContext(PaginationContext);
+    if (!context) {
+        throw new Error('Pagination components must be used within a Pagination.Root');
+    }
+    const { currentPage, total, onPageChange } = context;
+    const isDisabled = direction === 'prev' ? currentPage <= 1 : currentPage >= total;
+    const handleClick = () => {
+        if (isDisabled)
+            return;
+        const newPage = direction === 'prev' ? currentPage - 1 : currentPage + 1;
+        onPageChange?.(newPage);
+    };
+    const computedClassName = typeof className === 'function' ? className({ isDisabled }) : className;
+    const defaultAriaLabel = direction === 'prev' ? 'Previous Page' : 'Next Page';
+    // If the children is a render prop, we need to pass the isDisabled and onClick to the render prop.
+    if (typeof children === 'function') {
+        return jsx(Fragment, { children: children({ isDisabled, onClick: handleClick }) });
+    }
+    // If the children is a valid element, we need to clone it and pass the isDisabled and onClick to the cloned element.
+    if (asChild && isValidElement(children)) {
+        return cloneElement(children, {
+            onClick: handleClick,
+            disabled: isDisabled,
+            isDisabled,
+            'aria-label': ariaLabel || defaultAriaLabel,
+            style: { ...children.props.style, ...style },
+            className: [computedClassName, children.props.className].filter(Boolean).join(' ') || undefined,
+        });
+    }
+    return (
+    // biome-ignore lint/a11y/useButtonType: This is a custom component and we need to use a button to wrap the children
+    jsx("button", { "aria-label": ariaLabel || defaultAriaLabel, onClick: handleClick, disabled: isDisabled, style: style, className: computedClassName, children: children }));
+};
+const PaginationPrevTrigger = (props) => jsx(Trigger, { ...props, direction: "prev" });
+const PaginationNextTrigger = (props) => jsx(Trigger, { ...props, direction: "next" });
+const PaginationItem = ({ value, isCurrent, children, style, className, ariaLabel, asChild = false }) => {
+    const context = useContext(PaginationContext);
+    if (!context) {
+        throw new Error('Pagination components must be used within a <Pagination.Root />');
+    }
+    const { onPageChange } = context;
+    const isSelected = isCurrent;
+    const handleClick = () => {
+        onPageChange?.(value);
+    };
+    const computedClassName = typeof className === 'function' ? className({ isSelected }) : className;
+    // If the children is a render prop, we need to pass the necessary props to the render prop.
+    if (typeof children === 'function') {
+        return (jsx(Fragment, { children: children({
+                isSelected,
+                onClick: handleClick,
+                value,
+                'aria-current': isCurrent ? 'page' : undefined,
+                'aria-label': ariaLabel || `Page ${value}`,
+            }) }));
+    }
+    // If the children is a valid element, we need to clone it and pass the necessary props to the cloned element.
+    if (asChild && isValidElement(children)) {
+        return cloneElement(children, {
+            onClick: handleClick,
+            'aria-current': isCurrent ? 'page' : undefined,
+            'aria-label': ariaLabel || `Page ${value}`,
+            style: { ...children.props.style, ...style },
+            className: [computedClassName, children.props.className].filter(Boolean).join(' ') || undefined,
+        });
+    }
+    return (
+    // biome-ignore lint/a11y/noInteractiveElementToNoninteractiveRole: This is a custom component and we need to use a button to wrap the children
+    // biome-ignore lint/a11y/useSemanticElements: This is a custom component and we need to use a button to wrap the children
+    // biome-ignore lint/a11y/useButtonType: This is a custom component and we need to use a button to wrap the children
+    jsx("button", { onClick: handleClick, style: style, className: computedClassName, "aria-current": isCurrent ? 'page' : undefined, "aria-label": ariaLabel || `Page ${value}`, role: "listitem", children: children }));
+};
+const PaginationEllipsis = ({ children, style, className }) => {
+    const computedClassName = typeof className === 'function' ? className() : className;
+    return (jsx("span", { style: style, className: computedClassName, "aria-hidden": "true", children: children }));
+};
+const PaginationContextComponent = ({ children }) => {
+    const context = useContext(PaginationContext);
+    if (!context) {
+        throw new Error('Pagination components must be used within a Pagination.Root');
+    }
+    return jsx(Fragment, { children: children(context) });
+};
+const Pagination = {
+    Root: PaginationRoot,
+    PrevTrigger: PaginationPrevTrigger,
+    NextTrigger: PaginationNextTrigger,
+    Item: PaginationItem,
+    Ellipsis: PaginationEllipsis,
+    Context: PaginationContextComponent,
+};
+
+export { Pagination };
+//# sourceMappingURL=pagination-base.js.map

package/dist/components/molecules/Pagination/components/pagination-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-base.js","sources":["../../../../../src/components/molecules/Pagination/components/pagination-base.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment"],"mappings":"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"}

package/dist/components/molecules/Pagination/components/pagination-dot.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var paginationBase = require('./pagination-base.cjs');
+
+const PaginationDot = ({ framed, className, size = 'md', isBrand, ...props }) => {
+    const sizes = {
+        md: {
+            root: cx.cx('gap-3', framed && 'p-2'),
+            button: 'h-2 w-2 after:-inset-x-1.5 after:-inset-y-2',
+        },
+        lg: {
+            root: cx.cx('gap-4', framed && 'p-3'),
+            button: 'h-2.5 w-2.5 after:-inset-x-2 after:-inset-y-3',
+        },
+    };
+    return (jsxRuntime.jsx(paginationBase.Pagination.Root, { ...props, className: cx.cx('flex h-max w-max', sizes[size].root, framed && 'rounded-full bg-alpha-white/90 backdrop-blur', className), children: jsxRuntime.jsx(paginationBase.Pagination.Context, { children: ({ pages }) => pages.map((page, index) => page.type === 'page' ? (React.createElement(paginationBase.Pagination.Item, { ...page, asChild: true, 
+                // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                key: index, className: cx.cx('relative cursor-pointer rounded-full bg-quaternary outline-focus-ring after:absolute focus-visible:outline-2 focus-visible:outline-offset-2', sizes[size].button, page.isCurrent && 'bg-fg-brand-primary_alt', isBrand && 'bg-fg-brand-secondary', isBrand && page.isCurrent && 'bg-fg-white') })) : (
+            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+            React.createElement(paginationBase.Pagination.Ellipsis, { ...page, key: index }))) }) }));
+};
+
+exports.PaginationDot = PaginationDot;
+//# sourceMappingURL=pagination-dot.cjs.map

package/dist/components/molecules/Pagination/components/pagination-dot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-dot.cjs","sources":["../../../../../src/components/molecules/Pagination/components/pagination-dot.tsx"],"sourcesContent":[null],"names":["cx","_jsx","Pagination","_createElement"],"mappings":";;;;;;;MAea,aAAa,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAsB,KAAI;AACzG,IAAA,MAAM,KAAK,GAAG;AACZ,QAAA,EAAE,EAAE;YACF,IAAI,EAAEA,KAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,CAAC;AAClC,YAAA,MAAM,EAAE,6CAA6C;AACtD,SAAA;AACD,QAAA,EAAE,EAAE;YACF,IAAI,EAAEA,KAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,CAAC;AAClC,YAAA,MAAM,EAAE,+CAA+C;AACxD,SAAA;KACF;AAED,IAAA,QACEC,cAAA,CAACC,yBAAU,CAAC,IAAI,EAAA,EAAA,GACV,KAAK,EACT,SAAS,EAAEF,KAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,MAAM,IAAI,8CAA8C,EAAE,SAAS,CAAC,EAAA,QAAA,EAExHC,cAAA,CAACC,yBAAU,CAAC,OAAO,EAAA,EAAA,QAAA,EAChB,CAAC,EAAE,KAAK,EAAE,KACT,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KACpB,IAAI,CAAC,IAAI,KAAK,MAAM,IAClBC,mBAAA,CAACD,yBAAU,CAAC,IAAI,EAAA,EAAA,GACV,IAAI,EACR,OAAO,EAAA,IAAA;;AAEP,gBAAA,GAAG,EAAE,KAAK,EACV,SAAS,EAAEF,KAAE,CACX,6IAA6I,EAC7I,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,EAClB,IAAI,CAAC,SAAS,IAAI,yBAAyB,EAC3C,OAAO,IAAI,uBAAuB,EAClC,OAAO,IAAI,IAAI,CAAC,SAAS,IAAI,aAAa,CAC3C,GACgB;;AAGnB,YAAAG,mBAAA,CAACD,yBAAU,CAAC,QAAQ,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,CAC9C,CACF,EAAA,CAEgB,EAAA,CACL;AAEtB;;;;"}

package/dist/components/molecules/Pagination/components/pagination-dot.d.ts

@@ -0,0 +1,12 @@
+import type { PaginationRootProps } from './pagination-base';
+interface PaginationDotProps extends Omit<PaginationRootProps, 'children'> {
+    /** The size of the pagination dot. */
+    size?: 'md' | 'lg';
+    /** Whether the pagination uses brand colors. */
+    isBrand?: boolean;
+    /** Whether the pagination is displayed in a card. */
+    framed?: boolean;
+}
+export declare const PaginationDot: ({ framed, className, size, isBrand, ...props }: PaginationDotProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=pagination-dot.d.ts.map

package/dist/components/molecules/Pagination/components/pagination-dot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-dot.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/components/pagination-dot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,UAAU,kBAAmB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IACxE,sCAAsC;IACtC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,aAAa,GAAI,gDAAuD,kBAAkB,gCA2CtG,CAAC"}