@flipdish/ui-library 0.2.2 → 0.3.1

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

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { createElement } from 'react';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Pagination } from './pagination-base.js';
+
+const PaginationDot = ({ framed, className, size = 'md', isBrand, ...props }) => {
+    const sizes = {
+        md: {
+            root: cx('gap-3', framed && 'p-2'),
+            button: 'h-2 w-2 after:-inset-x-1.5 after:-inset-y-2',
+        },
+        lg: {
+            root: cx('gap-4', framed && 'p-3'),
+            button: 'h-2.5 w-2.5 after:-inset-x-2 after:-inset-y-3',
+        },
+    };
+    return (jsx(Pagination.Root, { ...props, className: cx('flex h-max w-max', sizes[size].root, framed && 'rounded-full bg-alpha-white/90 backdrop-blur', className), children: jsx(Pagination.Context, { children: ({ pages }) => pages.map((page, index) => page.type === 'page' ? (createElement(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('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
+            createElement(Pagination.Ellipsis, { ...page, key: index }))) }) }));
+};
+
+export { PaginationDot };
+//# sourceMappingURL=pagination-dot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-dot.js","sources":["../../../../../src/components/molecules/Pagination/components/pagination-dot.tsx"],"sourcesContent":[null],"names":["_jsx","_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,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,CAAC;AAClC,YAAA,MAAM,EAAE,6CAA6C;AACtD,SAAA;AACD,QAAA,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,CAAC;AAClC,YAAA,MAAM,EAAE,+CAA+C;AACxD,SAAA;KACF;AAED,IAAA,QACEA,GAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EAAA,GACV,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,MAAM,IAAI,8CAA8C,EAAE,SAAS,CAAC,EAAA,QAAA,EAExHA,GAAA,CAAC,UAAU,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,aAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EAAA,GACV,IAAI,EACR,OAAO,EAAA,IAAA;;AAEP,gBAAA,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,EAAE,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,YAAAA,aAAA,CAAC,UAAU,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-line.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 PaginationLine = ({ framed, className, size = 'md', ...props }) => {
+    const sizes = {
+        md: {
+            root: cx.cx('gap-2', framed && 'p-2'),
+            button: 'h-1.5 w-full after:-inset-x-1.5 after:-inset-y-2',
+        },
+        lg: {
+            root: cx.cx('gap-3', framed && 'p-3'),
+            button: 'h-2 w-full 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') })) : (
+            // 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.PaginationLine = PaginationLine;
+//# sourceMappingURL=pagination-line.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-line.cjs","sources":["../../../../../src/components/molecules/Pagination/components/pagination-line.tsx"],"sourcesContent":[null],"names":["cx","_jsx","Pagination","_createElement"],"mappings":";;;;;;;AAaO,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAuB,KAAI;AAClG,IAAA,MAAM,KAAK,GAAG;AACZ,QAAA,EAAE,EAAE;YACF,IAAI,EAAEA,KAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,CAAC;AAClC,YAAA,MAAM,EAAE,kDAAkD;AAC3D,SAAA;AACD,QAAA,EAAE,EAAE;YACF,IAAI,EAAEA,KAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,CAAC;AAClC,YAAA,MAAM,EAAE,8CAA8C;AACvD,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;;gBAEP,GAAG,EAAE,KAAK,EACV,SAAS,EAAEF,KAAE,CACX,6IAA6I,EAC7I,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,EAClB,IAAI,CAAC,SAAS,IAAI,yBAAyB,CAC5C,EAAA,CACD;;AAGF,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-line.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-line.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/components/pagination-line.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,UAAU,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IACzE,uCAAuC;IACvC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,GAAI,uCAA8C,mBAAmB,gCAyC/F,CAAC"}

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

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { createElement } from 'react';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Pagination } from './pagination-base.js';
+
+const PaginationLine = ({ framed, className, size = 'md', ...props }) => {
+    const sizes = {
+        md: {
+            root: cx('gap-2', framed && 'p-2'),
+            button: 'h-1.5 w-full after:-inset-x-1.5 after:-inset-y-2',
+        },
+        lg: {
+            root: cx('gap-3', framed && 'p-3'),
+            button: 'h-2 w-full after:-inset-x-2 after:-inset-y-3',
+        },
+    };
+    return (jsx(Pagination.Root, { ...props, className: cx('flex h-max w-max', sizes[size].root, framed && 'rounded-full bg-alpha-white/90 backdrop-blur', className), children: jsx(Pagination.Context, { children: ({ pages }) => pages.map((page, index) => page.type === 'page' ? (createElement(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('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') })) : (
+            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+            createElement(Pagination.Ellipsis, { ...page, key: index }))) }) }));
+};
+
+export { PaginationLine };
+//# sourceMappingURL=pagination-line.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-line.js","sources":["../../../../../src/components/molecules/Pagination/components/pagination-line.tsx"],"sourcesContent":[null],"names":["_jsx","_createElement"],"mappings":";;;;;AAaO,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAuB,KAAI;AAClG,IAAA,MAAM,KAAK,GAAG;AACZ,QAAA,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,CAAC;AAClC,YAAA,MAAM,EAAE,kDAAkD;AAC3D,SAAA;AACD,QAAA,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,CAAC;AAClC,YAAA,MAAM,EAAE,8CAA8C;AACvD,SAAA;KACF;AAED,IAAA,QACEA,GAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EAAA,GACV,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,MAAM,IAAI,8CAA8C,EAAE,SAAS,CAAC,EAAA,QAAA,EAExHA,GAAA,CAAC,UAAU,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,aAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EAAA,GACV,IAAI,EACR,OAAO,EAAA,IAAA;;gBAEP,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,EAAE,CACX,6IAA6I,EAC7I,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,EAClB,IAAI,CAAC,SAAS,IAAI,yBAAyB,CAC5C,EAAA,CACD;;AAGF,YAAAA,aAAA,CAAC,UAAU,CAAC,QAAQ,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,KAAK,GAAI,CAC9C,CACF,EAAA,CAEgB,EAAA,CACL;AAEtB;;;;"}

package/dist/components/molecules/Pagination/index.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var Input = require('@flipdish/ui-library/components/atoms/Input');
+var ButtonGroup = require('@flipdish/ui-library/components/molecules/ButtonGroup');
+var Select = require('@flipdish/ui-library/components/molecules/Select');
+var useBreakpoints = require('@flipdish/ui-library/hooks/useBreakpoints');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var paginationBase = require('./components/pagination-base.cjs');
+var paginationDot = require('./components/pagination-dot.cjs');
+var paginationLine = require('./components/pagination-line.cjs');
+
+const PaginationItem = ({ value, rounded, isCurrent }) => {
+    return (jsxRuntime.jsx(paginationBase.Pagination.Item, { value: value, isCurrent: isCurrent, className: ({ isSelected }) => cx.cx('flex size-9 cursor-pointer items-center justify-center p-3 text-sm font-medium text-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-secondary focus-visible:z-10 focus-visible:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-2', rounded ? 'rounded-full' : 'rounded-lg', isSelected && 'bg-primary_hover text-secondary'), children: value }));
+};
+const MobilePagination = ({ page = 1, total = 10, className, onPageChange }) => {
+    return (jsxRuntime.jsxs("nav", { "aria-label": "Pagination", className: cx.cx('flex items-center justify-between md:hidden', className), children: [jsxRuntime.jsx(Button.Button, { "aria-label": "Go to previous page", iconLeading: uiIcons.ArrowLeft, color: "secondary", size: "sm", onClick: () => onPageChange?.(Math.max(0, page - 1)) }), jsxRuntime.jsxs("span", { className: "text-sm text-fg-secondary", children: ["Page ", jsxRuntime.jsx("span", { className: "font-medium", children: page }), " of ", jsxRuntime.jsx("span", { className: "font-medium", children: total })] }), jsxRuntime.jsx(Button.Button, { "aria-label": "Go to next page", iconLeading: uiIcons.ArrowRight, color: "secondary", size: "sm", onClick: () => onPageChange?.(Math.min(total, page + 1)) })] }));
+};
+const PaginationPageDefault = ({ rounded, page = 1, total = 10, className, ...props }) => {
+    const isDesktop = useBreakpoints.useBreakpoint('md');
+    return (jsxRuntime.jsxs(paginationBase.Pagination.Root, { ...props, page: page, total: total, className: cx.cx('flex w-full items-center justify-between gap-3 border-t border-secondary pt-4 md:pt-5', className), children: [jsxRuntime.jsx("div", { className: "hidden flex-1 justify-start md:flex", children: jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ArrowLeft, color: "link-gray", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, className: "md:hidden", children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }), jsxRuntime.jsx(paginationBase.Pagination.Context, { children: ({ pages, currentPage, total }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden justify-center gap-0.5 md:flex", children: pages.map((page, index) => page.type === 'page' ? (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                            jsxRuntime.jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                            jsxRuntime.jsx(paginationBase.Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxRuntime.jsxs("div", { className: "flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden", children: ["Page ", jsxRuntime.jsx("span", { className: "font-medium", children: currentPage }), " of ", jsxRuntime.jsx("span", { className: "font-medium", children: total })] })] })) }), jsxRuntime.jsx("div", { className: "hidden flex-1 justify-end md:flex", children: jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ArrowRight, color: "link-gray", size: "sm", children: isDesktop ? 'Next' : undefined }) }) }), jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, className: "md:hidden", children: jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) })] }));
+};
+const PaginationPageMinimalCenter = ({ rounded, page = 1, total = 10, className, ...props }) => {
+    const isDesktop = useBreakpoints.useBreakpoint('md');
+    return (jsxRuntime.jsxs(paginationBase.Pagination.Root, { ...props, page: page, total: total, className: cx.cx('flex w-full items-center justify-between gap-3 border-t border-secondary pt-4 md:pt-5', className), children: [jsxRuntime.jsx("div", { className: "flex flex-1 justify-start", children: jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsxRuntime.jsx(paginationBase.Pagination.Context, { children: ({ pages, currentPage, total }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden justify-center gap-0.5 md:flex", children: pages.map((page, index) => page.type === 'page' ? (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                            jsxRuntime.jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                            jsxRuntime.jsx(paginationBase.Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxRuntime.jsxs("div", { className: "flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden", children: ["Page ", jsxRuntime.jsx("span", { className: "font-medium", children: currentPage }), " of ", jsxRuntime.jsx("span", { className: "font-medium", children: total })] })] })) }), jsxRuntime.jsx("div", { className: "flex flex-1 justify-end", children: jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) }) })] }));
+};
+const PaginationCardDefault = ({ rounded, page = 1, total = 10, ...props }) => {
+    const isDesktop = useBreakpoints.useBreakpoint('md');
+    return (jsxRuntime.jsxs(paginationBase.Pagination.Root, { ...props, page: page, total: total, className: "flex w-full items-center justify-between gap-3 border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4", children: [jsxRuntime.jsx("div", { className: "flex flex-1 justify-start", children: jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsxRuntime.jsx(paginationBase.Pagination.Context, { children: ({ pages, currentPage, total }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden justify-center gap-0.5 md:flex", children: pages.map((page, index) => page.type === 'page' ? (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                            jsxRuntime.jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                            jsxRuntime.jsx(paginationBase.Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxRuntime.jsxs("div", { className: "flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden", children: ["Page ", jsxRuntime.jsx("span", { className: "font-medium", children: currentPage }), " of ", jsxRuntime.jsx("span", { className: "font-medium", children: total })] })] })) }), jsxRuntime.jsx("div", { className: "flex flex-1 justify-end", children: jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) }) })] }));
+};
+const PaginationCardMinimal = ({ page = 1, total = 10, pageSize = 10, align = 'left', onPageChange, className, onPageSizeChange, }) => {
+    return (jsxRuntime.jsxs("div", { className: cx.cx('border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', className), children: [jsxRuntime.jsx(MobilePagination, { page: page, total: total, onPageChange: onPageChange }), jsxRuntime.jsxs("nav", { "aria-label": "Pagination", className: cx.cx('hidden items-center gap-3 md:flex', align === 'center' && 'justify-between'), children: [jsxRuntime.jsx("div", { className: cx.cx(align === 'center' && 'flex flex-1 justify-start'), children: jsxRuntime.jsx(Button.Button, { isDisabled: page === 1, color: "secondary", size: "sm", onClick: () => onPageChange?.(Math.max(0, page - 1)), children: "Previous" }) }), jsxRuntime.jsxs("div", { className: cx.cx('flex items-center gap-3', align === 'right' && 'order-first mr-auto', align === 'left' && 'order-last ml-auto flex-row-reverse'), children: [jsxRuntime.jsxs("span", { className: "text-sm font-medium text-fg-secondary", children: ["Page ", page, " of ", total] }), jsxRuntime.jsx(Select.Select, { "aria-label": "Page Size", value: pageSize, onChange: (value) => onPageSizeChange?.(value), size: "sm", items: [
+                                    { label: '10 per page', id: 10 },
+                                    { label: '25 per page', id: 25 },
+                                    { label: '50 per page', id: 50 },
+                                    { label: '100 per page', id: 100 },
+                                ], children: (item) => (jsxRuntime.jsx(Select.Select.Item, { id: item.id, children: item.label?.split(' ')[0] }, item.id)) })] }), jsxRuntime.jsx("div", { className: cx.cx(align === 'center' && 'flex flex-1 justify-end'), children: jsxRuntime.jsx(Button.Button, { isDisabled: page === total, color: "secondary", size: "sm", onClick: () => onPageChange?.(Math.min(total, page + 1)), children: "Next" }) })] })] }));
+};
+const PaginationButtonGroup = ({ align = 'left', page = 1, total = 10, ...props }) => {
+    const isDesktop = useBreakpoints.useBreakpoint('md');
+    return (jsxRuntime.jsx("div", { className: cx.cx('flex border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', align === 'left' && 'justify-start', align === 'center' && 'justify-center', align === 'right' && 'justify-end'), children: jsxRuntime.jsx(paginationBase.Pagination.Root, { ...props, page: page, total: total, children: jsxRuntime.jsx(paginationBase.Pagination.Context, { children: ({ pages }) => (jsxRuntime.jsxs(ButtonGroup.ButtonGroup, { size: "sm", children: [jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { iconLeading: uiIcons.ArrowLeft, children: isDesktop ? 'Previous' : undefined }) }), pages.map((page, index) => page.type === 'page' ? (
+                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                        jsxRuntime.jsx(paginationBase.Pagination.Item, { ...page, asChild: true, children: jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { isSelected: page.isCurrent, className: "size-9 items-center justify-center", children: page.value }) }, index)) : (
+                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                        jsxRuntime.jsx(paginationBase.Pagination.Ellipsis, { children: jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { className: "pointer-events-none size-9 items-center justify-center rounded-none!", children: "\u2026" }) }, index))), jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, children: jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { iconTrailing: uiIcons.ArrowRight, children: isDesktop ? 'Next' : undefined }) })] })) }) }) }));
+};
+const PaginationCardAdvanced = ({ page = 1, total = 10, pageSize = 10, align = 'space-between', onPageChange, className, onPageSizeChange, }) => {
+    return (jsxRuntime.jsx("div", { className: cx.cx('border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', className), children: jsxRuntime.jsxs(paginationBase.Pagination.Root, { page: page, total: total, onPageChange: onPageChange, className: cx.cx('flex items-center gap-3', align === 'center' && 'justify-between'), children: [jsxRuntime.jsxs("div", { className: "hidden items-center gap-2 text-sm font-medium whitespace-nowrap text-fg-secondary md:flex", children: ["Page", jsxRuntime.jsx(Input.InputBase, { "aria-label": "Page", value: page.toString(), onChange: (event) => onPageChange?.(Number(event.target.value)), size: "sm", wrapperClassName: "min-w-9", inputClassName: "text-center min-w-9 field-sizing-content" }), "of ", total] }), jsxRuntime.jsx("hr", { className: cx.cx('mx-1 h-4 w-px border-l border-primary max-md:hidden', align === 'center' && 'hidden') }), jsxRuntime.jsxs("div", { className: cx.cx('hidden items-center gap-2 md:flex', align === 'center' && 'order-last'), children: [jsxRuntime.jsx("span", { className: "text-sm font-medium whitespace-nowrap text-secondary", children: "Rows per page" }), jsxRuntime.jsx(Select.Select, { "aria-label": "Page Size", value: pageSize, onChange: (value) => onPageSizeChange?.(value), size: "sm", items: [
+                                { label: '10', id: 10 },
+                                { label: '25', id: 25 },
+                                { label: '50', id: 50 },
+                                { label: '100', id: 100 },
+                            ], children: (item) => (jsxRuntime.jsx(Select.Select.Item, { selectionIndicator: "none", id: item.id, children: item.label })) })] }), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-1 items-center gap-4 md:ml-auto md:justify-end', align === 'center' && 'md:justify-center'), children: [jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ChevronLeftDouble, color: "secondary", size: "sm", isDisabled: page === 1, onClick: () => onPageChange?.(1) }), jsxRuntime.jsx(paginationBase.Pagination.PrevTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.ChevronLeft, color: "secondary", size: "sm" }) })] }), jsxRuntime.jsx(paginationBase.Pagination.Context, { children: ({ pages, currentPage, total }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "hidden justify-center gap-0.5 md:flex", children: pages.map((page, index) => page.type === 'page' ? (
+                                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                                        jsxRuntime.jsx(PaginationItem, { ...page }, index)) : (
+                                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                                        jsxRuntime.jsx(paginationBase.Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxRuntime.jsxs("div", { className: "flex flex-1 justify-center text-sm whitespace-pre text-fg-secondary md:hidden", children: ["Page ", jsxRuntime.jsx("span", { className: "font-medium", children: currentPage }), " of ", jsxRuntime.jsx("span", { className: "font-medium", children: total })] })] })) }), jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ChevronRightDouble, color: "secondary", size: "sm", isDisabled: page === total, onClick: () => onPageChange?.(total) }), jsxRuntime.jsx(paginationBase.Pagination.NextTrigger, { asChild: true, children: jsxRuntime.jsx(Button.Button, { iconTrailing: uiIcons.ChevronRight, color: "secondary", size: "sm" }) })] })] })] }) }));
+};
+
+exports.PaginationDot = paginationDot.PaginationDot;
+exports.PaginationLine = paginationLine.PaginationLine;
+exports.PaginationButtonGroup = PaginationButtonGroup;
+exports.PaginationCardAdvanced = PaginationCardAdvanced;
+exports.PaginationCardDefault = PaginationCardDefault;
+exports.PaginationCardMinimal = PaginationCardMinimal;
+exports.PaginationPageDefault = PaginationPageDefault;
+exports.PaginationPageMinimalCenter = PaginationPageMinimalCenter;
+//# sourceMappingURL=index.cjs.map

package/dist/components/molecules/Pagination/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Pagination/index.tsx"],"sourcesContent":[null],"names":["_jsx","Pagination","cx","_jsxs","Button","ArrowLeft","ArrowRight","useBreakpoint","_Fragment","Select","ButtonGroup","ButtonGroupItem","InputBase","ChevronLeftDouble","ChevronLeft","ChevronRightDouble","ChevronRight"],"mappings":";;;;;;;;;;;;;;AAoBA,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAA4D,KAAI;IACjH,QACEA,eAACC,yBAAU,CAAC,IAAI,EAAA,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,KACxBC,KAAE,CACA,4SAA4S,EAC5S,OAAO,GAAG,cAAc,GAAG,YAAY,EACvC,UAAU,IAAI,iCAAiC,CAChD,EAAA,QAAA,EAGF,KAAK,EAAA,CACU;AAEtB,CAAC;AAaD,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,YAAY,EAAyB,KAAI;IACpG,QACEC,eAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EAAgB,YAAY,EAAC,SAAS,EAAED,KAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,aAClGF,cAAA,CAACI,aAAM,EAAA,EAAA,YAAA,EACM,qBAAqB,EAChC,WAAW,EAAEC,iBAAS,EACtB,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,EAAA,CACpD,EAEFF,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,CAAA,OAAA,EACpCH,yBAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,IAAI,EAAA,CAAQ,UAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,KAAK,GAAQ,CAAA,EAAA,CAC3F,EAEPA,cAAA,CAACI,aAAM,EAAA,EAAA,YAAA,EACM,iBAAiB,EAC5B,WAAW,EAAEE,kBAAU,EACvB,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,EAAA,CACxD,CAAA,EAAA,CACE;AAEV,CAAC;MAEY,qBAAqB,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB,KAAI;AAC/G,IAAA,MAAM,SAAS,GAAGC,4BAAa,CAAC,IAAI,CAAC;AAErC,IAAA,QACEJ,eAAA,CAACF,yBAAU,CAAC,IAAI,EAAA,EAAA,GACV,KAAK,EACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,KAAE,CAAC,uFAAuF,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAEjHF,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAClDA,cAAA,CAACC,yBAAU,CAAC,WAAW,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC7BD,cAAA,CAACI,aAAM,EAAA,EAAC,WAAW,EAAEC,iBAAS,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EACxD,SAAS,GAAG,UAAU,GAAG,SAAS,EAAA,CAC5B,EAAA,CACc,EAAA,CACrB,EAENL,cAAA,CAACC,yBAAU,CAAC,WAAW,IAAC,OAAO,EAAA,IAAA,EAAC,SAAS,EAAC,WAAW,EAAA,QAAA,EACnDD,cAAA,CAACI,aAAM,IAAC,WAAW,EAAEC,iBAAS,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EACxD,SAAS,GAAG,UAAU,GAAG,SAAS,EAAA,CAC5B,GACc,EAEzBL,cAAA,CAACC,yBAAU,CAAC,OAAO,EAAA,EAAA,QAAA,EAChB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAC7BE,eAAA,CAAAK,mBAAA,EAAA,EAAA,QAAA,EAAA,CACER,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uCAAuC,EAAA,QAAA,EACnD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KACrB,IAAI,CAAC,IAAI,KAAK,MAAM;;AAElB,4BAAAA,cAAA,CAAC,cAAc,EAAA,EAAa,OAAO,EAAE,OAAO,EAAA,GAAM,IAAI,EAAA,EAAjC,KAAK,CAAgC;;4BAG1DA,cAAA,CAACC,yBAAU,CAAC,QAAQ,EAAA,EAAa,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAA,QAAA,EAAA,EAAjF,KAAK,CAET,CACvB,CACF,EAAA,CACG,EAENE,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wEAAwE,EAAA,QAAA,EAAA,CAAA,OAAA,EAChFH,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,EAAA,MAAA,EAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,CAAA,EAAA,CACnG,CAAA,EAAA,CACL,CACJ,EAAA,CACkB,EAErBA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAChDA,cAAA,CAACC,yBAAU,CAAC,WAAW,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC7BD,cAAA,CAACI,aAAM,EAAA,EAAC,YAAY,EAAEE,kBAAU,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EAC1D,SAAS,GAAG,MAAM,GAAG,SAAS,EAAA,CACxB,EAAA,CACc,EAAA,CACrB,EACNN,cAAA,CAACC,yBAAU,CAAC,WAAW,EAAA,EAAC,OAAO,EAAA,IAAA,EAAC,SAAS,EAAC,WAAW,YACnDD,cAAA,CAACI,aAAM,EAAA,EAAC,YAAY,EAAEE,kBAAU,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EAC1D,SAAS,GAAG,MAAM,GAAG,SAAS,EAAA,CACxB,EAAA,CACc,CAAA,EAAA,CACT;AAEtB;MAEa,2BAA2B,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB,KAAI;AACrH,IAAA,MAAM,SAAS,GAAGC,4BAAa,CAAC,IAAI,CAAC;IAErC,QACEJ,gBAACF,yBAAU,CAAC,IAAI,EAAA,EAAA,GACV,KAAK,EACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,KAAE,CAAC,uFAAuF,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAEjHF,wBAAK,SAAS,EAAC,2BAA2B,EAAA,QAAA,EACxCA,cAAA,CAACC,yBAAU,CAAC,WAAW,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC7BD,cAAA,CAACI,aAAM,IAAC,WAAW,EAAEC,iBAAS,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EACxD,SAAS,GAAG,UAAU,GAAG,SAAS,EAAA,CAC5B,EAAA,CACc,EAAA,CACrB,EAENL,cAAA,CAACC,yBAAU,CAAC,OAAO,EAAA,EAAA,QAAA,EAChB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAC7BE,eAAA,CAAAK,mBAAA,EAAA,EAAA,QAAA,EAAA,CACER,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uCAAuC,YACnD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KACrB,IAAI,CAAC,IAAI,KAAK,MAAM;;AAElB,4BAAAA,cAAA,CAAC,cAAc,EAAA,EAAa,OAAO,EAAE,OAAO,EAAA,GAAM,IAAI,EAAA,EAAjC,KAAK,CAAgC;;AAG1D,4BAAAA,cAAA,CAACC,yBAAU,CAAC,QAAQ,EAAA,EAAa,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAA,QAAA,EAAA,EAAjF,KAAK,CAET,CACvB,CACF,EAAA,CACG,EAENE,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wEAAwE,EAAA,QAAA,EAAA,CAAA,OAAA,EAChFH,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,UAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,YAAE,KAAK,EAAA,CAAQ,IACnG,CAAA,EAAA,CACL,CACJ,GACkB,EAErBA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EACtCA,cAAA,CAACC,yBAAU,CAAC,WAAW,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC7BD,cAAA,CAACI,aAAM,EAAA,EAAC,YAAY,EAAEE,kBAAU,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EAC1D,SAAS,GAAG,MAAM,GAAG,SAAS,EAAA,CACxB,GACc,EAAA,CACrB,CAAA,EAAA,CACU;AAEtB;MAEa,qBAAqB,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,KAAK,EAAmB,KAAI;AACpG,IAAA,MAAM,SAAS,GAAGC,4BAAa,CAAC,IAAI,CAAC;IAErC,QACEJ,gBAACF,yBAAU,CAAC,IAAI,EAAA,EAAA,GACV,KAAK,EACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,4GAA4G,EAAA,QAAA,EAAA,CAEtHD,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,YACxCA,cAAA,CAACC,yBAAU,CAAC,WAAW,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC7BD,cAAA,CAACI,aAAM,EAAA,EAAC,WAAW,EAAEC,iBAAS,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EACxD,SAAS,GAAG,UAAU,GAAG,SAAS,GAC5B,EAAA,CACc,EAAA,CACrB,EAENL,cAAA,CAACC,yBAAU,CAAC,OAAO,EAAA,EAAA,QAAA,EAChB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAC7BE,eAAA,CAAAK,mBAAA,EAAA,EAAA,QAAA,EAAA,CACER,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uCAAuC,YACnD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KACrB,IAAI,CAAC,IAAI,KAAK,MAAM;;AAElB,4BAAAA,cAAA,CAAC,cAAc,EAAA,EAAa,OAAO,EAAE,OAAO,EAAA,GAAM,IAAI,EAAA,EAAjC,KAAK,CAAgC;;AAG1D,4BAAAA,cAAA,CAACC,yBAAU,CAAC,QAAQ,EAAA,EAAa,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAA,QAAA,EAAA,EAAjF,KAAK,CAET,CACvB,CACF,EAAA,CACG,EAENE,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wEAAwE,EAAA,QAAA,EAAA,CAAA,OAAA,EAChFH,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,UAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,YAAE,KAAK,EAAA,CAAQ,IACnG,CAAA,EAAA,CACL,CACJ,GACkB,EAErBA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EACtCA,cAAA,CAACC,yBAAU,CAAC,WAAW,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC7BD,cAAA,CAACI,aAAM,EAAA,EAAC,YAAY,EAAEE,kBAAU,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EAC1D,SAAS,GAAG,MAAM,GAAG,SAAS,EAAA,CACxB,GACc,EAAA,CACrB,CAAA,EAAA,CACU;AAEtB;AAmBO,MAAM,qBAAqB,GAAG,CAAC,EACpC,IAAI,GAAG,CAAC,EACR,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,MAAM,EACd,YAAY,EACZ,SAAS,EACT,gBAAgB,GACW,KAAI;AAC/B,IAAA,QACEH,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,KAAE,CAAC,6DAA6D,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC1FF,cAAA,CAAC,gBAAgB,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAA,CAAI,EAE1EG,eAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EAAgB,YAAY,EAAC,SAAS,EAAED,KAAE,CAAC,mCAAmC,EAAE,KAAK,KAAK,QAAQ,IAAI,iBAAiB,CAAC,aACtHF,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,KAAE,CAAC,KAAK,KAAK,QAAQ,IAAI,2BAA2B,CAAC,EAAA,QAAA,EACnEF,cAAA,CAACI,aAAM,IAAC,UAAU,EAAE,IAAI,KAAK,CAAC,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,yBAEvG,EAAA,CACL,EAEND,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,KAAE,CACX,yBAAyB,EACzB,KAAK,KAAK,OAAO,IAAI,qBAAqB,EAC1C,KAAK,KAAK,MAAM,IAAI,qCAAqC,CAC1D,EAAA,QAAA,EAAA,CAEDC,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,CAAA,OAAA,EAC/C,IAAI,UAAM,KAAK,CAAA,EAAA,CAChB,EACPH,cAAA,CAACS,aAAM,EAAA,EAAA,YAAA,EACM,WAAW,EACtB,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,KAAK,KAAK,gBAAgB,GAAG,KAAe,CAAC,EACxD,IAAI,EAAC,IAAI,EACT,KAAK,EAAE;AACL,oCAAA,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,EAAE;AAChC,oCAAA,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,EAAE;AAChC,oCAAA,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,EAAE;AAChC,oCAAA,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,GAAG,EAAE;AACnC,iCAAA,EAAA,QAAA,EAEA,CAAC,IAAI,MACJT,eAACS,aAAM,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,QAAA,EACrB,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAA,EADG,IAAI,CAAC,EAAE,CAExB,CACf,EAAA,CACM,CAAA,EAAA,CACL,EACNT,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,KAAE,CAAC,KAAK,KAAK,QAAQ,IAAI,yBAAyB,CAAC,EAAA,QAAA,EACjEF,cAAA,CAACI,aAAM,EAAA,EAAC,UAAU,EAAE,IAAI,KAAK,KAAK,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,EAAA,QAAA,EAAA,MAAA,EAAA,CAE/G,GACL,CAAA,EAAA,CACF,CAAA,EAAA,CACF;AAEV;MAOa,qBAAqB,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,KAAK,EAA8B,KAAI;AACtH,IAAA,MAAM,SAAS,GAAGG,4BAAa,CAAC,IAAI,CAAC;IAErC,QACEP,wBACE,SAAS,EAAEE,KAAE,CACX,kEAAkE,EAClE,KAAK,KAAK,MAAM,IAAI,eAAe,EACnC,KAAK,KAAK,QAAQ,IAAI,gBAAgB,EACtC,KAAK,KAAK,OAAO,IAAI,aAAa,CACnC,EAAA,QAAA,EAEDF,cAAA,CAACC,yBAAU,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EAClDD,cAAA,CAACC,yBAAU,CAAC,OAAO,cAChB,CAAC,EAAE,KAAK,EAAE,MACTE,eAAA,CAACO,uBAAW,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EAAA,CACpBV,cAAA,CAACC,yBAAU,CAAC,WAAW,IAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC7BD,cAAA,CAACW,2BAAe,EAAA,EAAC,WAAW,EAAEN,iBAAS,EAAA,QAAA,EAAG,SAAS,GAAG,UAAU,GAAG,SAAS,EAAA,CAAmB,EAAA,CACxE,EAExB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KACrB,IAAI,CAAC,IAAI,KAAK,MAAM;;AAElB,wBAAAL,cAAA,CAACC,yBAAU,CAAC,IAAI,EAAA,EAAA,GAAiB,IAAI,EAAE,OAAO,EAAA,IAAA,EAAA,QAAA,EAC5CD,cAAA,CAACW,2BAAe,EAAA,EAAC,UAAU,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,EAAC,oCAAoC,EAAA,QAAA,EACxF,IAAI,CAAC,KAAK,EAAA,CACK,EAAA,EAHE,KAAK,CAIT;;wBAGlBX,cAAA,CAACC,yBAAU,CAAC,QAAQ,EAAA,EAAA,QAAA,EAClBD,eAACW,2BAAe,EAAA,EAAC,SAAS,EAAC,sEAAsE,EAAA,QAAA,EAAA,QAAA,EAAA,CAA0B,IADnG,KAAK,CAET,CACvB,CACF,EAEDX,eAACC,yBAAU,CAAC,WAAW,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC7BD,eAACW,2BAAe,EAAA,EAAC,YAAY,EAAEL,kBAAU,YAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAmB,EAAA,CACtE,CAAA,EAAA,CACb,CACf,EAAA,CACkB,EAAA,CACL,EAAA,CACd;AAEV;AAmBO,MAAM,sBAAsB,GAAG,CAAC,EACrC,IAAI,GAAG,CAAC,EACR,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,eAAe,EACvB,YAAY,EACZ,SAAS,EACT,gBAAgB,GACY,KAAI;AAChC,IAAA,QACEN,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,KAAE,CAAC,6DAA6D,EAAE,SAAS,CAAC,YAC1FC,eAAA,CAACF,yBAAU,CAAC,IAAI,IACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAEC,KAAE,CAAC,yBAAyB,EAAE,KAAK,KAAK,QAAQ,IAAI,iBAAiB,CAAC,aAEjFC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2FAA2F,qBAExGH,cAAA,CAACY,eAAS,EAAA,EAAA,YAAA,EACG,MAAM,EACjB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EACtB,QAAQ,EAAE,CAAC,KAAK,KAAK,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAC/D,IAAI,EAAC,IAAI,EACT,gBAAgB,EAAC,SAAS,EAC1B,cAAc,EAAC,0CAA0C,EAAA,CACzD,SACE,KAAK,CAAA,EAAA,CACL,EAENZ,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEE,KAAE,CAAC,qDAAqD,EAAE,KAAK,KAAK,QAAQ,IAAI,QAAQ,CAAC,EAAA,CAAI,EAE5GC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,KAAE,CAAC,mCAAmC,EAAE,KAAK,KAAK,QAAQ,IAAI,YAAY,CAAC,EAAA,QAAA,EAAA,CACzFF,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,eAAA,EAAA,CAAqB,EAC3FA,cAAA,CAACS,aAAM,EAAA,EAAA,YAAA,EACM,WAAW,EACtB,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,KAAK,KAAK,gBAAgB,GAAG,KAAe,CAAC,EACxD,IAAI,EAAC,IAAI,EACT,KAAK,EAAE;AACL,gCAAA,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE;AACvB,gCAAA,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE;AACvB,gCAAA,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE;AACvB,gCAAA,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE;AAC1B,6BAAA,EAAA,QAAA,EAEA,CAAC,IAAI,MACJT,cAAA,CAACS,aAAM,CAAC,IAAI,EAAA,EAAC,kBAAkB,EAAC,MAAM,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAA,QAAA,EAC/C,IAAI,CAAC,KAAK,EAAA,CACC,CACf,EAAA,CACM,IACL,EAENN,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,KAAE,CAAC,0DAA0D,EAAE,KAAK,KAAK,QAAQ,IAAI,mBAAmB,CAAC,EAAA,QAAA,EAAA,CACvHC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,YAAY,EAAA,QAAA,EAAA,CACzBH,cAAA,CAACI,aAAM,EAAA,EAAC,WAAW,EAAES,yBAAiB,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAE,IAAI,KAAK,CAAC,EAAE,OAAO,EAAE,MAAM,YAAY,GAAG,CAAC,CAAC,GAAI,EAChIb,cAAA,CAACC,yBAAU,CAAC,WAAW,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC7BD,cAAA,CAACI,aAAM,EAAA,EAAC,WAAW,EAAEU,mBAAW,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAA,CAAG,GACzC,CAAA,EAAA,CACrB,EAENd,cAAA,CAACC,yBAAU,CAAC,OAAO,EAAA,EAAA,QAAA,EAChB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAC7BE,eAAA,CAAAK,mBAAA,EAAA,EAAA,QAAA,EAAA,CACER,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uCAAuC,EAAA,QAAA,EACnD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KACrB,IAAI,CAAC,IAAI,KAAK,MAAM;;wCAElBA,cAAA,CAAC,cAAc,OAAiB,IAAI,EAAA,EAAf,KAAK,CAAc;;wCAGxCA,cAAA,CAACC,yBAAU,CAAC,QAAQ,EAAA,EAAa,SAAS,EAAC,gEAAgE,EAAA,QAAA,EAAA,QAAA,EAAA,EAAjF,KAAK,CAET,CACvB,CACF,EAAA,CACG,EAENE,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+EAA+E,sBACvFH,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,EAAA,QAAA,EAAE,WAAW,GAAQ,EAAA,MAAA,EAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,aAAa,YAAE,KAAK,EAAA,CAAQ,CAAA,EAAA,CACnG,CAAA,EAAA,CACL,CACJ,EAAA,CACkB,EAErBG,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,YAAY,EAAA,QAAA,EAAA,CACzBH,cAAA,CAACI,aAAM,EAAA,EAAC,YAAY,EAAEW,0BAAkB,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAE,IAAI,KAAK,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,GAAG,KAAK,CAAC,EAAA,CAAI,EAC1If,cAAA,CAACC,yBAAU,CAAC,WAAW,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EAC7BD,cAAA,CAACI,aAAM,IAAC,YAAY,EAAEY,oBAAY,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAA,CAAG,EAAA,CAC3C,IACrB,CAAA,EAAA,CACF,CAAA,EAAA,CACU,EAAA,CACd;AAEV;;;;;;;;;;;"}

package/dist/components/molecules/Pagination/index.d.ts

@@ -0,0 +1,50 @@
+import type { PaginationRootProps } from './components/pagination-base';
+export * from './components/pagination-dot';
+export * from './components/pagination-line';
+interface PaginationProps extends Partial<Omit<PaginationRootProps, 'children'>> {
+    /** Whether the pagination buttons are rounded. */
+    rounded?: boolean;
+}
+export declare const PaginationPageDefault: ({ rounded, page, total, className, ...props }: PaginationProps) => import("react").JSX.Element;
+export declare const PaginationPageMinimalCenter: ({ rounded, page, total, className, ...props }: PaginationProps) => import("react").JSX.Element;
+export declare const PaginationCardDefault: ({ rounded, page, total, ...props }: PaginationProps) => import("react").JSX.Element;
+interface PaginationCardMinimalProps {
+    /** The current page. */
+    page?: number;
+    /** The total number of pages. */
+    total?: number;
+    /** The number of items per page. */
+    pageSize?: number;
+    /** The alignment of the pagination. */
+    align?: 'left' | 'center' | 'right';
+    /** The class name of the pagination component. */
+    className?: string;
+    /** The function to call when the page changes. */
+    onPageChange?: (page: number) => void;
+    /** The function to call when the page size changes. */
+    onPageSizeChange?: (pageSize: number) => void;
+}
+export declare const PaginationCardMinimal: ({ page, total, pageSize, align, onPageChange, className, onPageSizeChange, }: PaginationCardMinimalProps) => import("react").JSX.Element;
+interface PaginationButtonGroupProps extends Partial<Omit<PaginationRootProps, 'children'>> {
+    /** The alignment of the pagination. */
+    align?: 'left' | 'center' | 'right';
+}
+export declare const PaginationButtonGroup: ({ align, page, total, ...props }: PaginationButtonGroupProps) => import("react").JSX.Element;
+interface PaginationCardAdvancedProps {
+    /** The current page. */
+    page?: number;
+    /** The total number of pages. */
+    total?: number;
+    /** The number of items per page. */
+    pageSize?: number;
+    /** The alignment of the pagination. */
+    align?: 'space-between' | 'center';
+    /** The class name of the pagination component. */
+    className?: string;
+    /** The function to call when the page changes. */
+    onPageChange?: (page: number) => void;
+    /** The function to call when the page size changes. */
+    onPageSizeChange?: (pageSize: number) => void;
+}
+export declare const PaginationCardAdvanced: ({ page, total, pageSize, align, onPageChange, className, onPageSizeChange, }: PaginationCardAdvancedProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Pagination/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAE7C,UAAU,eAAgB,SAAQ,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;IAC9E,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAyDD,eAAO,MAAM,qBAAqB,GAAI,+CAAwD,eAAe,gCA8D5G,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,+CAAwD,eAAe,gCAmDlH,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,oCAA6C,eAAe,gCAmDjG,CAAC;AAEF,UAAU,0BAA0B;IAClC,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,qBAAqB,GAAI,8EAQnC,0BAA0B,gCAiD5B,CAAC;AAEF,UAAU,0BAA2B,SAAQ,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;IACzF,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,qBAAqB,GAAI,kCAAoD,0BAA0B,gCA6CnH,CAAC;AAEF,UAAU,2BAA2B;IACnC,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,KAAK,CAAC,EAAE,eAAe,GAAG,QAAQ,CAAC;IACnC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,sBAAsB,GAAI,8EAQpC,2BAA2B,gCAwF7B,CAAC"}

package/dist/components/molecules/Pagination/index.js

@@ -0,0 +1,73 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { ArrowLeft, ArrowRight, ChevronLeftDouble, ChevronLeft, ChevronRightDouble, ChevronRight } from '@flipdish/ui-icons';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { InputBase } from '@flipdish/ui-library/components/atoms/Input';
+import { ButtonGroup, ButtonGroupItem } from '@flipdish/ui-library/components/molecules/ButtonGroup';
+import { Select } from '@flipdish/ui-library/components/molecules/Select';
+import { useBreakpoint } from '@flipdish/ui-library/hooks/useBreakpoints';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Pagination } from './components/pagination-base.js';
+export { PaginationDot } from './components/pagination-dot.js';
+export { PaginationLine } from './components/pagination-line.js';
+
+const PaginationItem = ({ value, rounded, isCurrent }) => {
+    return (jsx(Pagination.Item, { value: value, isCurrent: isCurrent, className: ({ isSelected }) => cx('flex size-9 cursor-pointer items-center justify-center p-3 text-sm font-medium text-quaternary outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover hover:text-secondary focus-visible:z-10 focus-visible:bg-primary_hover focus-visible:outline-2 focus-visible:outline-offset-2', rounded ? 'rounded-full' : 'rounded-lg', isSelected && 'bg-primary_hover text-secondary'), children: value }));
+};
+const MobilePagination = ({ page = 1, total = 10, className, onPageChange }) => {
+    return (jsxs("nav", { "aria-label": "Pagination", className: cx('flex items-center justify-between md:hidden', className), children: [jsx(Button, { "aria-label": "Go to previous page", iconLeading: ArrowLeft, color: "secondary", size: "sm", onClick: () => onPageChange?.(Math.max(0, page - 1)) }), jsxs("span", { className: "text-sm text-fg-secondary", children: ["Page ", jsx("span", { className: "font-medium", children: page }), " of ", jsx("span", { className: "font-medium", children: total })] }), jsx(Button, { "aria-label": "Go to next page", iconLeading: ArrowRight, color: "secondary", size: "sm", onClick: () => onPageChange?.(Math.min(total, page + 1)) })] }));
+};
+const PaginationPageDefault = ({ rounded, page = 1, total = 10, className, ...props }) => {
+    const isDesktop = useBreakpoint('md');
+    return (jsxs(Pagination.Root, { ...props, page: page, total: total, className: cx('flex w-full items-center justify-between gap-3 border-t border-secondary pt-4 md:pt-5', className), children: [jsx("div", { className: "hidden flex-1 justify-start md:flex", children: jsx(Pagination.PrevTrigger, { asChild: true, children: jsx(Button, { iconLeading: ArrowLeft, color: "link-gray", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsx(Pagination.PrevTrigger, { asChild: true, className: "md:hidden", children: jsx(Button, { iconLeading: ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }), jsx(Pagination.Context, { children: ({ pages, currentPage, total }) => (jsxs(Fragment, { children: [jsx("div", { className: "hidden justify-center gap-0.5 md:flex", children: pages.map((page, index) => page.type === 'page' ? (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                            jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                            jsx(Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxs("div", { className: "flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden", children: ["Page ", jsx("span", { className: "font-medium", children: currentPage }), " of ", jsx("span", { className: "font-medium", children: total })] })] })) }), jsx("div", { className: "hidden flex-1 justify-end md:flex", children: jsx(Pagination.NextTrigger, { asChild: true, children: jsx(Button, { iconTrailing: ArrowRight, color: "link-gray", size: "sm", children: isDesktop ? 'Next' : undefined }) }) }), jsx(Pagination.NextTrigger, { asChild: true, className: "md:hidden", children: jsx(Button, { iconTrailing: ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) })] }));
+};
+const PaginationPageMinimalCenter = ({ rounded, page = 1, total = 10, className, ...props }) => {
+    const isDesktop = useBreakpoint('md');
+    return (jsxs(Pagination.Root, { ...props, page: page, total: total, className: cx('flex w-full items-center justify-between gap-3 border-t border-secondary pt-4 md:pt-5', className), children: [jsx("div", { className: "flex flex-1 justify-start", children: jsx(Pagination.PrevTrigger, { asChild: true, children: jsx(Button, { iconLeading: ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsx(Pagination.Context, { children: ({ pages, currentPage, total }) => (jsxs(Fragment, { children: [jsx("div", { className: "hidden justify-center gap-0.5 md:flex", children: pages.map((page, index) => page.type === 'page' ? (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                            jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                            jsx(Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxs("div", { className: "flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden", children: ["Page ", jsx("span", { className: "font-medium", children: currentPage }), " of ", jsx("span", { className: "font-medium", children: total })] })] })) }), jsx("div", { className: "flex flex-1 justify-end", children: jsx(Pagination.NextTrigger, { asChild: true, children: jsx(Button, { iconTrailing: ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) }) })] }));
+};
+const PaginationCardDefault = ({ rounded, page = 1, total = 10, ...props }) => {
+    const isDesktop = useBreakpoint('md');
+    return (jsxs(Pagination.Root, { ...props, page: page, total: total, className: "flex w-full items-center justify-between gap-3 border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4", children: [jsx("div", { className: "flex flex-1 justify-start", children: jsx(Pagination.PrevTrigger, { asChild: true, children: jsx(Button, { iconLeading: ArrowLeft, color: "secondary", size: "sm", children: isDesktop ? 'Previous' : undefined }) }) }), jsx(Pagination.Context, { children: ({ pages, currentPage, total }) => (jsxs(Fragment, { children: [jsx("div", { className: "hidden justify-center gap-0.5 md:flex", children: pages.map((page, index) => page.type === 'page' ? (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                            jsx(PaginationItem, { rounded: rounded, ...page }, index)) : (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                            jsx(Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxs("div", { className: "flex justify-center text-sm whitespace-pre text-fg-secondary md:hidden", children: ["Page ", jsx("span", { className: "font-medium", children: currentPage }), " of ", jsx("span", { className: "font-medium", children: total })] })] })) }), jsx("div", { className: "flex flex-1 justify-end", children: jsx(Pagination.NextTrigger, { asChild: true, children: jsx(Button, { iconTrailing: ArrowRight, color: "secondary", size: "sm", children: isDesktop ? 'Next' : undefined }) }) })] }));
+};
+const PaginationCardMinimal = ({ page = 1, total = 10, pageSize = 10, align = 'left', onPageChange, className, onPageSizeChange, }) => {
+    return (jsxs("div", { className: cx('border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', className), children: [jsx(MobilePagination, { page: page, total: total, onPageChange: onPageChange }), jsxs("nav", { "aria-label": "Pagination", className: cx('hidden items-center gap-3 md:flex', align === 'center' && 'justify-between'), children: [jsx("div", { className: cx(align === 'center' && 'flex flex-1 justify-start'), children: jsx(Button, { isDisabled: page === 1, color: "secondary", size: "sm", onClick: () => onPageChange?.(Math.max(0, page - 1)), children: "Previous" }) }), jsxs("div", { className: cx('flex items-center gap-3', align === 'right' && 'order-first mr-auto', align === 'left' && 'order-last ml-auto flex-row-reverse'), children: [jsxs("span", { className: "text-sm font-medium text-fg-secondary", children: ["Page ", page, " of ", total] }), jsx(Select, { "aria-label": "Page Size", value: pageSize, onChange: (value) => onPageSizeChange?.(value), size: "sm", items: [
+                                    { label: '10 per page', id: 10 },
+                                    { label: '25 per page', id: 25 },
+                                    { label: '50 per page', id: 50 },
+                                    { label: '100 per page', id: 100 },
+                                ], children: (item) => (jsx(Select.Item, { id: item.id, children: item.label?.split(' ')[0] }, item.id)) })] }), jsx("div", { className: cx(align === 'center' && 'flex flex-1 justify-end'), children: jsx(Button, { isDisabled: page === total, color: "secondary", size: "sm", onClick: () => onPageChange?.(Math.min(total, page + 1)), children: "Next" }) })] })] }));
+};
+const PaginationButtonGroup = ({ align = 'left', page = 1, total = 10, ...props }) => {
+    const isDesktop = useBreakpoint('md');
+    return (jsx("div", { className: cx('flex border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', align === 'left' && 'justify-start', align === 'center' && 'justify-center', align === 'right' && 'justify-end'), children: jsx(Pagination.Root, { ...props, page: page, total: total, children: jsx(Pagination.Context, { children: ({ pages }) => (jsxs(ButtonGroup, { size: "sm", children: [jsx(Pagination.PrevTrigger, { asChild: true, children: jsx(ButtonGroupItem, { iconLeading: ArrowLeft, children: isDesktop ? 'Previous' : undefined }) }), pages.map((page, index) => page.type === 'page' ? (
+                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                        jsx(Pagination.Item, { ...page, asChild: true, children: jsx(ButtonGroupItem, { isSelected: page.isCurrent, className: "size-9 items-center justify-center", children: page.value }) }, index)) : (
+                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                        jsx(Pagination.Ellipsis, { children: jsx(ButtonGroupItem, { className: "pointer-events-none size-9 items-center justify-center rounded-none!", children: "\u2026" }) }, index))), jsx(Pagination.NextTrigger, { asChild: true, children: jsx(ButtonGroupItem, { iconTrailing: ArrowRight, children: isDesktop ? 'Next' : undefined }) })] })) }) }) }));
+};
+const PaginationCardAdvanced = ({ page = 1, total = 10, pageSize = 10, align = 'space-between', onPageChange, className, onPageSizeChange, }) => {
+    return (jsx("div", { className: cx('border-t border-secondary px-4 py-3 md:px-6 md:pt-3 md:pb-4', className), children: jsxs(Pagination.Root, { page: page, total: total, onPageChange: onPageChange, className: cx('flex items-center gap-3', align === 'center' && 'justify-between'), children: [jsxs("div", { className: "hidden items-center gap-2 text-sm font-medium whitespace-nowrap text-fg-secondary md:flex", children: ["Page", jsx(InputBase, { "aria-label": "Page", value: page.toString(), onChange: (event) => onPageChange?.(Number(event.target.value)), size: "sm", wrapperClassName: "min-w-9", inputClassName: "text-center min-w-9 field-sizing-content" }), "of ", total] }), jsx("hr", { className: cx('mx-1 h-4 w-px border-l border-primary max-md:hidden', align === 'center' && 'hidden') }), jsxs("div", { className: cx('hidden items-center gap-2 md:flex', align === 'center' && 'order-last'), children: [jsx("span", { className: "text-sm font-medium whitespace-nowrap text-secondary", children: "Rows per page" }), jsx(Select, { "aria-label": "Page Size", value: pageSize, onChange: (value) => onPageSizeChange?.(value), size: "sm", items: [
+                                { label: '10', id: 10 },
+                                { label: '25', id: 25 },
+                                { label: '50', id: 50 },
+                                { label: '100', id: 100 },
+                            ], children: (item) => (jsx(Select.Item, { selectionIndicator: "none", id: item.id, children: item.label })) })] }), jsxs("div", { className: cx('flex flex-1 items-center gap-4 md:ml-auto md:justify-end', align === 'center' && 'md:justify-center'), children: [jsxs("div", { className: "flex gap-2", children: [jsx(Button, { iconLeading: ChevronLeftDouble, color: "secondary", size: "sm", isDisabled: page === 1, onClick: () => onPageChange?.(1) }), jsx(Pagination.PrevTrigger, { asChild: true, children: jsx(Button, { iconLeading: ChevronLeft, color: "secondary", size: "sm" }) })] }), jsx(Pagination.Context, { children: ({ pages, currentPage, total }) => (jsxs(Fragment, { children: [jsx("div", { className: "hidden justify-center gap-0.5 md:flex", children: pages.map((page, index) => page.type === 'page' ? (
+                                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                                        jsx(PaginationItem, { ...page }, index)) : (
+                                        // biome-ignore lint/suspicious/noArrayIndexKey: This is a custom component and we need to use the index as the key
+                                        jsx(Pagination.Ellipsis, { className: "flex size-9 shrink-0 items-center justify-center text-tertiary", children: "\u2026" }, index))) }), jsxs("div", { className: "flex flex-1 justify-center text-sm whitespace-pre text-fg-secondary md:hidden", children: ["Page ", jsx("span", { className: "font-medium", children: currentPage }), " of ", jsx("span", { className: "font-medium", children: total })] })] })) }), jsxs("div", { className: "flex gap-2", children: [jsx(Button, { iconTrailing: ChevronRightDouble, color: "secondary", size: "sm", isDisabled: page === total, onClick: () => onPageChange?.(total) }), jsx(Pagination.NextTrigger, { asChild: true, children: jsx(Button, { iconTrailing: ChevronRight, color: "secondary", size: "sm" }) })] })] })] }) }));
+};
+
+export { PaginationButtonGroup, PaginationCardAdvanced, PaginationCardDefault, PaginationCardMinimal, PaginationPageDefault, PaginationPageMinimalCenter };
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/Pagination/index.js.map

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

package/dist/components/molecules/ProgressSteps/components/progress-step-base.cjs

@@ -0,0 +1,106 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var FeaturedIcon = require('@flipdish/ui-library/components/atoms/FeaturedIcon');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const statuses = {
+    incomplete: {
+        icon: 'bg-primary ring-[1.5px] ring-inset ring-primary',
+        dot: 'bg-fg-quaternary',
+        connector: 'border-secondary',
+        title: 'text-secondary',
+        description: 'text-tertiary',
+    },
+    current: {
+        icon: 'bg-brand-solid ring-2 ring-focus-ring ring-offset-bg-primary ring-offset-2',
+        dot: 'bg-fg-white',
+        connector: 'border-secondary',
+        title: 'text-brand-secondary',
+        description: 'text-brand-tertiary',
+    },
+    complete: {
+        icon: 'bg-brand-solid',
+        dot: 'hidden',
+        connector: 'border-brand',
+        title: 'text-secondary',
+        description: 'text-tertiary',
+    },
+};
+const IconOnly = ({ status = 'incomplete', size = 'sm' }) => {
+    return (jsxRuntime.jsxs("span", { className: cx.cx('z-10 flex items-center justify-center rounded-full', statuses[status].icon, size === 'sm' ? 'size-6' : 'size-8'), children: [jsxRuntime.jsx("span", { className: cx.cx('rounded-full', statuses[status].dot, size === 'sm' ? 'size-2' : 'size-2.5') }), status === 'complete' && (
+            // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+            jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", className: cx.cx(size === 'sm' ? 'size-3' : 'size-4'), children: jsxRuntime.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }))] }));
+};
+const IconTop = ({ status = 'incomplete', connector = true, size = 'sm', title, description, ...otherProps }) => {
+    return (jsxRuntime.jsxs("div", { className: cx.cx('flex w-full flex-col items-center justify-center gap-4', size === 'sm' && 'gap-3'), children: [jsxRuntime.jsxs("div", { className: "relative flex w-full flex-col items-center self-stretch", children: [jsxRuntime.jsx(IconOnly, { ...otherProps, size: size, status: status }), connector && (jsxRuntime.jsx("span", { className: cx.cx('absolute top-1/2 left-[53%] z-0 w-full flex-1 -translate-y-1/2 rounded-xs border-t-2', statuses[status].connector) }))] }), jsxRuntime.jsxs("div", { className: cx.cx('flex w-full flex-col items-start gap-0.5 self-stretch', size === 'sm' && 'gap-0'), children: [jsxRuntime.jsx("p", { className: cx.cx('w-full text-center', statuses[status].title, size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsxRuntime.jsx("p", { className: cx.cx('w-full text-center', statuses[status].description, size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const IconLeft = ({ status = 'incomplete', connector = true, size = 'sm', title, description, ...otherProps }) => {
+    return (jsxRuntime.jsxs("div", { className: cx.cx('group flex h-max flex-row items-start justify-start gap-4', size === 'sm' && 'gap-3'), children: [jsxRuntime.jsxs("div", { className: "flex flex-col items-center self-stretch", children: [jsxRuntime.jsx(IconOnly, { ...otherProps, size: size, status: status }), connector && jsxRuntime.jsx("span", { className: cx.cx('flex-1 rounded-xs border-l-2', statuses[status].connector, size === 'sm' ? 'my-1' : 'my-1.5') })] }), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col items-start', size === 'sm' ? 'pt-0.5 not-group-last:pb-6' : 'pt-1 not-group-last:pb-8'), children: [jsxRuntime.jsx("p", { className: cx.cx(statuses[status].title, size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsxRuntime.jsx("p", { className: cx.cx(statuses[status].description, size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const IconTopNumber = ({ status = 'incomplete', connector = true, size = 'sm', title, description, step, }) => {
+    const statuses = {
+        incomplete: {
+            icon: 'bg-primary ring-1 ring-inset ring-secondary text-quaternary',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+        current: {
+            icon: 'bg-primary ring-1 ring-inset ring-secondary text-secondary',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+        complete: {
+            icon: 'bg-success-solid text-fg-white',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+    };
+    return (jsxRuntime.jsxs("div", { className: cx.cx('flex w-full flex-col items-center justify-center gap-4', size === 'sm' && 'gap-3'), children: [jsxRuntime.jsxs("div", { className: "relative flex w-full flex-col items-center self-stretch", children: [jsxRuntime.jsx("span", { className: cx.cx('z-10 flex items-center justify-center rounded-full', statuses[status].icon, status === 'incomplete' && 'opacity-60', size === 'sm' ? 'size-6' : 'size-8'), children: status === 'complete' ? (
+                        // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+                        jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", className: cx.cx(size === 'sm' ? 'size-3' : 'size-4'), children: jsxRuntime.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) : (jsxRuntime.jsx("span", { className: cx.cx('font-semibold', size === 'sm' ? 'text-xs' : 'text-sm'), children: step })) }), connector && (
+                    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+                    jsxRuntime.jsx("svg", { className: "absolute top-1/2 left-[53%] z-0 h-[2.5px] w-full flex-1 -translate-y-1/2 max-md:hidden", children: jsxRuntime.jsx("line", { x1: "1.2", y1: "1.2", x2: "100%", y2: "1.2", className: "stroke-border-primary", stroke: "black", strokeWidth: "2.4", strokeDasharray: "0,6", strokeLinecap: "round" }) }))] }), jsxRuntime.jsxs("div", { className: cx.cx('flex w-full flex-col items-start gap-0.5 self-stretch', status === 'incomplete' && 'opacity-60', size === 'sm' && 'gap-0'), children: [jsxRuntime.jsx("p", { className: cx.cx('w-full text-center', statuses[status].title, size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsxRuntime.jsx("p", { className: cx.cx('w-full text-center', statuses[status].description, size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const IconLeftNumber = ({ status = 'incomplete', connector = true, size = 'sm', title, description, step, }) => {
+    const statuses = {
+        incomplete: {
+            icon: 'bg-primary ring-1 ring-inset ring-secondary text-quaternary',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+        current: {
+            icon: 'bg-primary ring-1 ring-inset ring-secondary text-secondary',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+        complete: {
+            icon: 'bg-success-solid text-fg-white',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+    };
+    return (jsxRuntime.jsxs("div", { className: cx.cx('group flex h-max flex-row items-start justify-start gap-4', status === 'incomplete' && 'opacity-60', size === 'sm' && 'gap-3'), children: [jsxRuntime.jsxs("div", { className: "flex flex-col items-center self-stretch", children: [jsxRuntime.jsx("span", { className: cx.cx('z-10 flex shrink-0 items-center justify-center rounded-full', statuses[status].icon, status === 'incomplete' && 'opacity-60', size === 'sm' ? 'size-6' : 'size-8'), children: status === 'complete' ? (
+                        // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+                        jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", className: cx.cx(size === 'sm' ? 'size-3' : 'size-4'), children: jsxRuntime.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) : (jsxRuntime.jsx("span", { className: cx.cx('font-semibold', size === 'sm' ? 'text-xs' : 'text-sm'), children: step })) }), connector && (jsxRuntime.jsx("div", { className: cx.cx('relative flex h-full w-full justify-center self-center overflow-hidden', status === 'current' && 'opacity-60', size === 'sm' ? 'my-1' : 'my-1.5'), children: jsxRuntime.jsx("svg", { className: "absolute", width: "3", children: jsxRuntime.jsx("line", { x1: "1.2", y1: "1.2", x2: "1.2", y2: "100%", className: "stroke-border-primary", stroke: "black", strokeWidth: "2.4", strokeDasharray: "0,6", strokeLinecap: "round" }) }) }))] }), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col items-start', size === 'sm' ? 'pt-0.5 not-group-last:pb-6' : 'pt-1 not-group-last:pb-8'), children: [jsxRuntime.jsx("p", { className: cx.cx(statuses[status].title, size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsxRuntime.jsx("p", { className: cx.cx(statuses[status].description, size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const FeaturedIconTop = ({ status = 'incomplete', connector = true, size = 'sm', icon: Icon, title, description, }) => {
+    return (jsxRuntime.jsxs("div", { className: cx.cx('flex w-full flex-col items-center justify-center gap-4', size === 'sm' && 'gap-3'), children: [jsxRuntime.jsxs("div", { className: cx.cx('relative flex w-full flex-col items-center self-stretch'), children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { icon: Icon, color: "gray", theme: "modern", size: size === 'sm' ? 'md' : 'lg', className: cx.cx('z-10', status === 'incomplete' && 'text-fg-quaternary') }), connector && (jsxRuntime.jsx("span", { className: cx.cx('absolute top-1/2 left-[53%] z-0 w-full flex-1 -translate-y-1/2 rounded-xs border-t-2 border-secondary', status === 'complete' && 'border-fg-secondary') }))] }), jsxRuntime.jsxs("div", { className: cx.cx('flex w-full flex-col items-start gap-0.5 self-stretch', status === 'incomplete' && 'opacity-60', size === 'sm' && 'gap-0'), children: [jsxRuntime.jsx("p", { className: cx.cx('w-full text-center text-secondary', size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsxRuntime.jsx("p", { className: cx.cx('w-full text-center text-tertiary', size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const FeaturedIconLeft = ({ status = 'incomplete', connector = true, size = 'sm', icon: Icon, title, description, }) => {
+    return (jsxRuntime.jsxs("div", { className: cx.cx('group flex flex-row gap-4', status !== 'current' && 'opacity-60', size === 'sm' && 'gap-3'), children: [jsxRuntime.jsxs("div", { className: "flex flex-col items-center self-stretch", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { size: size === 'sm' ? 'md' : 'lg', color: "gray", theme: "modern", children: Icon && jsxRuntime.jsx(Icon, {}) }), connector && jsxRuntime.jsx("span", { className: cx.cx(status === 'current' && 'opacity-60', 'my-1 flex-1 rounded-xs border-l-2 border-secondary') })] }), jsxRuntime.jsxs("div", { className: "flex flex-col items-start not-group-last:pb-8", children: [jsxRuntime.jsx("p", { className: cx.cx('text-secondary', size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsxRuntime.jsx("p", { className: cx.cx('text-tertiary', size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const TextLine = ({ status = 'incomplete', size = 'sm', title, description }) => {
+    return (jsxRuntime.jsxs("div", { className: cx.cx('relative flex w-full flex-col items-center justify-center pt-2', size === 'sm' && 'pt-3', size === 'md' && 'pt-4'), children: [jsxRuntime.jsx("div", { className: cx.cx('absolute inset-x-0 top-0 h-1 bg-fg-brand-primary_alt', status === 'incomplete' && 'bg-quaternary') }), jsxRuntime.jsxs("div", { className: cx.cx('flex w-full flex-col items-start gap-0.5 self-stretch', size === 'sm' && 'gap-0'), children: [jsxRuntime.jsx("p", { className: cx.cx('text-secondary', status === 'current' && 'text-brand-secondary', size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsxRuntime.jsx("p", { className: cx.cx('text-tertiary', status === 'current' && 'text-brand-tertiary', size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+
+exports.FeaturedIconLeft = FeaturedIconLeft;
+exports.FeaturedIconTop = FeaturedIconTop;
+exports.IconLeft = IconLeft;
+exports.IconLeftNumber = IconLeftNumber;
+exports.IconOnly = IconOnly;
+exports.IconTop = IconTop;
+exports.IconTopNumber = IconTopNumber;
+exports.TextLine = TextLine;
+exports.statuses = statuses;
+//# sourceMappingURL=progress-step-base.cjs.map

package/dist/components/molecules/ProgressSteps/components/progress-step-base.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-step-base.cjs","sources":["../../../../../src/components/molecules/ProgressSteps/components/progress-step-base.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx","FeaturedIcon"],"mappings":";;;;;;AAMO,MAAM,QAAQ,GAAG;AACtB,IAAA,UAAU,EAAE;AACV,QAAA,IAAI,EAAE,iDAAiD;AACvD,QAAA,GAAG,EAAE,kBAAkB;AACvB,QAAA,SAAS,EAAE,kBAAkB;AAC7B,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE,4EAA4E;AAClF,QAAA,GAAG,EAAE,aAAa;AAClB,QAAA,SAAS,EAAE,kBAAkB;AAC7B,QAAA,KAAK,EAAE,sBAAsB;AAC7B,QAAA,WAAW,EAAE,qBAAqB;AACnC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,GAAG,EAAE,QAAQ;AACb,QAAA,SAAS,EAAE,cAAc;AACzB,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;AAGI,MAAM,QAAQ,GAAG,CAA0B,EAAE,MAAM,GAAG,YAAY,EAAE,IAAI,GAAG,IAAI,EAA6C,KAAI;IACrI,QACEA,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,KAAE,CAAC,oDAAoD,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAA,QAAA,EAAA,CACnIC,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAED,KAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,UAAU,CAAC,EAAA,CAAI,EAGnG,MAAM,KAAK,UAAU;;YAEpBC,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAED,KAAE,CAAC,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAA,QAAA,EAC5GC,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,mBAAmB,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAA,CAAG,EAAA,CACtG,CACP,CAAA,EAAA,CACI;AAEX;AAEO,MAAM,OAAO,GAAG,CAA0B,EAC/C,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,WAAW,EACX,GAAG,UAAU,EACI,KAAI;AACrB,IAAA,QACEF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,wDAAwD,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CACpGD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yDAAyD,EAAA,QAAA,EAAA,CACtEE,cAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,EACvD,SAAS,KACRA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAED,KAAE,CAAC,sFAAsF,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,EAAA,CAAI,CAC5I,CAAA,EAAA,CACG,EACND,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,uDAAuD,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CACnGC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,oBAAoB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAK,EAC9IC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,oBAAoB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CAC1H,CAAA,EAAA,CACF;AAEV;AAEO,MAAM,QAAQ,GAAG,CAA0B,EAChD,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,WAAW,EACX,GAAG,UAAU,EACI,KAAI;AACrB,IAAA,QACED,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,2DAA2D,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CACvGD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yCAAyC,EAAA,QAAA,EAAA,CACtDE,cAAA,CAAC,QAAQ,OAAK,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,EACvD,SAAS,IAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAED,KAAE,CAAC,8BAA8B,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC,EAAA,CAAI,IAChI,EACND,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,2BAA2B,EAAE,IAAI,KAAK,IAAI,GAAG,4BAA4B,GAAG,0BAA0B,CAAC,EAAA,QAAA,EAAA,CACxHC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAK,EACxHC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,YAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CACpG,CAAA,EAAA,CACF;AAEV;AAEO,MAAM,aAAa,GAAG,CAA0B,EACrD,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,WAAW,EACX,IAAI,GACgC,KAAI;AACxC,IAAA,MAAM,QAAQ,GAAG;AACf,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,6DAA6D;AACnE,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,4DAA4D;AAClE,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,gCAAgC;AACtC,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA;KACF;IAED,QACED,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,wDAAwD,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CACpGD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yDAAyD,EAAA,QAAA,EAAA,CACtEE,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAED,KAAE,CACX,oDAAoD,EACpD,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EACrB,MAAM,KAAK,YAAY,IAAI,YAAY,EACvC,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,CACpC,EAAA,QAAA,EAEA,MAAM,KAAK,UAAU;;AAEpB,wBAAAC,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAED,KAAE,CAAC,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAA,QAAA,EAC5GC,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,mBAAmB,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAA,CAAG,EAAA,CACtG,KAENA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAED,KAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,YAAG,IAAI,EAAA,CAAQ,CAC3F,EAAA,CACI,EAEN,SAAS;;AAER,oBAAAC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wFAAwF,EAAA,QAAA,EACrGA,cAAA,CAAA,MAAA,EAAA,EACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,uBAAuB,EACjC,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,EACjB,eAAe,EAAC,KAAK,EACrB,aAAa,EAAC,OAAO,EAAA,CACrB,EAAA,CACE,CACP,CAAA,EAAA,CACG,EACNF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,uDAAuD,EAAE,MAAM,KAAK,YAAY,IAAI,YAAY,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CAC5IC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,oBAAoB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAAC,EAAA,QAAA,EAAG,KAAK,GAAK,EAC9IC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,oBAAoB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CAC1H,CAAA,EAAA,CACF;AAEV;AAEO,MAAM,cAAc,GAAG,CAA0B,EACtD,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,WAAW,EACX,IAAI,GACgC,KAAI;AACxC,IAAA,MAAM,QAAQ,GAAG;AACf,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,6DAA6D;AACnE,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,4DAA4D;AAClE,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,gCAAgC;AACtC,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA;KACF;AAED,IAAA,QACED,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,KAAE,CAAC,2DAA2D,EAAE,MAAM,KAAK,YAAY,IAAI,YAAY,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CAE7ID,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yCAAyC,EAAA,QAAA,EAAA,CACtDE,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAED,KAAE,CACX,6DAA6D,EAC7D,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EACrB,MAAM,KAAK,YAAY,IAAI,YAAY,EACvC,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,CACpC,EAAA,QAAA,EAEA,MAAM,KAAK,UAAU;;wBAEpBC,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAED,KAAE,CAAC,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAA,QAAA,EAC5GC,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,mBAAmB,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAA,CAAG,EAAA,CACtG,KAENA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAED,KAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,CAC3F,EAAA,CACI,EAEN,SAAS,KACRC,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,KAAE,CACX,wEAAwE,EACxE,MAAM,KAAK,SAAS,IAAI,YAAY,EACpC,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,CAClC,EAAA,QAAA,EAGDC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAA,QAAA,EACjCA,cAAA,CAAA,MAAA,EAAA,EACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,uBAAuB,EACjC,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,EACjB,eAAe,EAAC,KAAK,EACrB,aAAa,EAAC,OAAO,EAAA,CACrB,EAAA,CACE,EAAA,CACF,CACP,CAAA,EAAA,CACG,EACNF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,2BAA2B,EAAE,IAAI,KAAK,IAAI,GAAG,4BAA4B,GAAG,0BAA0B,CAAC,EAAA,QAAA,EAAA,CACxHC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAK,EACxHC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CACpG,CAAA,EAAA,CACF;AAEV;AAEO,MAAM,eAAe,GAAG,CAA0B,EACvD,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EACL,WAAW,GACM,KAAI;AACrB,IAAA,QACED,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,wDAAwD,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,aACpGD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,yDAAyD,CAAC,EAAA,QAAA,EAAA,CAC3EC,cAAA,CAACC,yBAAY,EAAA,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EACjC,SAAS,EAAEF,KAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,IAAI,oBAAoB,CAAC,GACtE,EAED,SAAS,KACRC,yBACE,SAAS,EAAED,KAAE,CACX,uGAAuG,EACvG,MAAM,KAAK,UAAU,IAAI,qBAAqB,CAC/C,EAAA,CACD,CACH,CAAA,EAAA,CACG,EACND,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,uDAAuD,EAAE,MAAM,KAAK,YAAY,IAAI,YAAY,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CAC5IC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,mCAAmC,EAAE,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAK,EACrIC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,kCAAkC,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,YAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CAC1G,CAAA,EAAA,CACF;AAEV;AAEO,MAAM,gBAAgB,GAAG,CAA0B,EACxD,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EACL,WAAW,GACM,KAAI;AACrB,IAAA,QACED,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,2BAA2B,EAAE,MAAM,KAAK,SAAS,IAAI,YAAY,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CAC7GD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yCAAyC,EAAA,QAAA,EAAA,CACtDE,cAAA,CAACC,yBAAY,IAAC,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EACzE,IAAI,IAAID,cAAA,CAAC,IAAI,EAAA,EAAA,CAAG,EAAA,CACJ,EAEd,SAAS,IAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAED,KAAE,CAAC,MAAM,KAAK,SAAS,IAAI,YAAY,EAAE,oDAAoD,CAAC,EAAA,CAAI,CAAA,EAAA,CAC7H,EACND,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+CAA+C,EAAA,QAAA,EAAA,CAC5DE,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,gBAAgB,EAAE,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAK,EAClHC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CACvF,CAAA,EAAA,CACF;AAEV;AAEO,MAAM,QAAQ,GAAG,CAA0B,EAAE,MAAM,GAAG,YAAY,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,WAAW,EAAoB,KAAI;IAChI,QACED,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,gEAAgE,EAAE,IAAI,KAAK,IAAI,IAAI,MAAM,EAAE,IAAI,KAAK,IAAI,IAAI,MAAM,CAAC,EAAA,QAAA,EAAA,CACpIC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,KAAE,CAAC,sDAAsD,EAAE,MAAM,KAAK,YAAY,IAAI,eAAe,CAAC,EAAA,CAAI,EAE1HD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,uDAAuD,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CACnGC,cAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAED,KAAE,CACX,gBAAgB,EAChB,MAAM,KAAK,SAAS,IAAI,sBAAsB,EAC9C,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAClE,EAAA,QAAA,EAEA,KAAK,EAAA,CACJ,EACJC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,eAAe,EAAE,MAAM,KAAK,SAAS,IAAI,qBAAqB,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CACtI,CAAA,EAAA,CACF;AAEV;;;;;;;;;;;;"}