@nlabs/gothamui 1.8.0

package/lib/components/Notify/README.md

@@ -0,0 +1,103 @@
+# Notify Component
+
+The Notify component provides a customizable notification system for displaying alerts, messages, and interactive notifications to users.
+
+## Features
+
+- **Multiple Severity Levels**: Support for error, warning, info, and success notifications
+- **Customizable Positioning**: Position notifications at any corner or edge of the screen
+- **Auto-dismiss**: Automatically hide notifications after a configurable duration
+- **Interactive Actions**: Add buttons or icon buttons for user interaction
+- **Tailwind CSS Styling**: Fully styled with Tailwind CSS for easy customization
+
+## Usage
+
+```tsx
+import {GothamActions} from '@actions/GothamActions';
+
+// Basic notification
+GothamActions.notify({
+  message: 'This is a basic notification',
+  autoHideDuration: 5000
+});
+
+// Notification with severity
+GothamActions.notify({
+  message: 'Operation completed successfully',
+  severity: 'success'
+});
+
+// Notification with custom position
+GothamActions.notify({
+  message: 'This appears in the top right',
+  anchorOrigin: {
+    horizontal: 'right',
+    vertical: 'top'
+  }
+});
+
+// Notification with actions
+GothamActions.notify({
+  message: 'Would you like to undo?',
+  actions: [
+    {
+      label: 'Undo',
+      onClick: (key) => {
+        console.log('Undo clicked', key);
+        // Perform undo action
+      }
+    },
+    {
+      icon: 'close',
+      onClick: (key) => {
+        console.log('Close clicked', key);
+        GothamActions.notifyClose();
+      }
+    }
+  ]
+});
+```
+
+## Props
+
+The `GothamNotifyParams` interface accepts the following properties:
+
+| Property | Type | Default | Description |
+|----------|------|---------|-------------|
+| `message` | ReactElement \| string | - | The content of the notification |
+| `severity` | 'error' \| 'warning' \| 'info' \| 'success' | - | The severity level of the notification |
+| `autoHideDuration` | number | 3000 | Time in milliseconds before automatically dismissing |
+| `anchorOrigin` | { horizontal: 'left' \| 'center' \| 'right', vertical: 'top' \| 'bottom' } | { horizontal: 'left', vertical: 'bottom' } | Position of the notification |
+| `actions` | GothamNotifyAction[] | [] | Array of action buttons to display |
+
+### GothamNotifyAction
+
+| Property | Type | Description |
+|----------|------|-------------|
+| `icon` | string | Icon name to display (uses the Svg component) |
+| `label` | string | Text label for the button |
+| `onClick` | (key: string) => void | Callback function when the action is clicked |
+
+## Implementation Details
+
+The Notify component uses:
+
+- **Headless UI's Transition** for smooth enter/exit animations
+- **Custom Button and IconButton components** built with Tailwind CSS
+- **Custom Alert component** with appropriate styling for each severity level
+- **ArkhamJS Flux architecture** for state management and event handling
+
+## Tailwind CSS Classes
+
+The component uses the following Tailwind CSS utility classes:
+
+- Positioning: `fixed`, `top-4`, `bottom-4`, `left-4`, `right-4`, etc.
+- Layout: `flex`, `items-center`, `justify-between`, etc.
+- Spacing: `p-4`, `m-4`, `space-x-2`, etc.
+- Visual: `shadow-lg`, `rounded-lg`, `bg-white`, etc.
+- Colors: `bg-red-500`, `bg-blue-500`, `bg-green-500`, `bg-yellow-500`, etc.
+- Transitions: `transform`, `transition`, `duration-300`, etc.
+
+## Customization
+
+To customize the appearance of the notifications, you can modify the Tailwind CSS classes in the component or extend the Tailwind configuration to include your project's design tokens.

package/lib/components/Pagination/Pagination.d.ts

@@ -0,0 +1,18 @@
+export type PaginationVariant = 'centered' | 'simple';
+export type PaginationResultLabel = 'items' | 'results';
+export interface PaginationProps {
+    readonly className?: string;
+    readonly currentPage: number;
+    readonly pageSize?: number;
+    readonly nextLabel?: string;
+    readonly onPageChange?: (page: number) => void;
+    readonly pageLabel?: (page: number) => string;
+    readonly previousLabel?: string;
+    readonly resultLabel?: PaginationResultLabel;
+    readonly showLabels?: boolean;
+    readonly siblingCount?: number;
+    readonly totalItems?: number;
+    readonly totalPages: number;
+    readonly variant?: PaginationVariant;
+}
+export declare const Pagination: ({ className, currentPage, pageSize, nextLabel, onPageChange, pageLabel, previousLabel, resultLabel, showLabels, siblingCount, totalItems, totalPages, variant }: PaginationProps) => import("react").JSX.Element | null;

package/lib/components/Pagination/Pagination.js

@@ -0,0 +1,225 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { ChevronLeft } from 'lucide-react';
+const clampPage = (page, totalPages)=>Math.min(Math.max(page, 1), Math.max(totalPages, 1));
+const createRange = (start, end)=>Array.from({
+        length: end - start + 1
+    }, (_, index)=>start + index);
+const getPaginationItems = (currentPage, totalPages, siblingCount)=>{
+    if (totalPages <= 0) {
+        return [];
+    }
+    const safeCurrentPage = clampPage(currentPage, totalPages);
+    const totalPageNumbers = siblingCount + 5;
+    if (totalPages <= totalPageNumbers) {
+        return createRange(1, totalPages).map((page)=>({
+                page,
+                type: 'page'
+            }));
+    }
+    const leftSiblingIndex = Math.max(safeCurrentPage - siblingCount, 1);
+    const rightSiblingIndex = Math.min(safeCurrentPage + siblingCount, totalPages);
+    const shouldShowLeftEllipsis = leftSiblingIndex > 2;
+    const shouldShowRightEllipsis = rightSiblingIndex < totalPages - 1;
+    if (!shouldShowLeftEllipsis) {
+        const leftRange = createRange(1, 3 + siblingCount * 2);
+        return [
+            ...leftRange.map((page)=>({
+                    page,
+                    type: 'page'
+                })),
+            {
+                id: 'ellipsis-right',
+                type: 'ellipsis'
+            },
+            {
+                page: totalPages,
+                type: 'page'
+            }
+        ];
+    }
+    if (!shouldShowRightEllipsis) {
+        const rightRange = createRange(totalPages - (2 + siblingCount * 2), totalPages);
+        return [
+            {
+                page: 1,
+                type: 'page'
+            },
+            {
+                id: 'ellipsis-left',
+                type: 'ellipsis'
+            },
+            ...rightRange.map((page)=>({
+                    page,
+                    type: 'page'
+                }))
+        ];
+    }
+    const middleRange = createRange(leftSiblingIndex, rightSiblingIndex);
+    return [
+        {
+            page: 1,
+            type: 'page'
+        },
+        {
+            id: 'ellipsis-left',
+            type: 'ellipsis'
+        },
+        ...middleRange.map((page)=>({
+                page,
+                type: 'page'
+            })),
+        {
+            id: 'ellipsis-right',
+            type: 'ellipsis'
+        },
+        {
+            page: totalPages,
+            type: 'page'
+        }
+    ];
+};
+const buttonBaseClasses = [
+    'inline-flex',
+    'items-center',
+    'text-sm',
+    'font-medium',
+    'transition-colors',
+    'disabled:pointer-events-none',
+    'disabled:opacity-50'
+].join(' ');
+const PaginationButton = ({ children, className, ...props })=>/*#__PURE__*/ _jsx("button", {
+        className: cn(buttonBaseClasses, className),
+        type: "button",
+        ...props,
+        children: children
+    });
+export const Pagination = ({ className, currentPage, pageSize = 10, nextLabel = 'Next', onPageChange, pageLabel = (page)=>page.toString(), previousLabel = 'Previous', resultLabel = 'results', showLabels = true, siblingCount = 1, totalItems, totalPages, variant = 'simple' })=>{
+    const safeCurrentPage = clampPage(currentPage, totalPages);
+    const safeTotalItems = totalItems ?? totalPages * pageSize;
+    const rangeStart = safeTotalItems === 0 ? 0 : (safeCurrentPage - 1) * pageSize + 1;
+    const rangeEnd = Math.min(safeCurrentPage * pageSize, safeTotalItems);
+    const isPreviousDisabled = safeCurrentPage <= 1;
+    const isNextDisabled = safeCurrentPage >= totalPages;
+    const handlePageChange = (page)=>{
+        if (page === safeCurrentPage || page < 1 || page > totalPages) {
+            return;
+        }
+        onPageChange?.(page);
+    };
+    if (totalPages <= 1) {
+        return null;
+    }
+    if (variant === 'centered') {
+        return /*#__PURE__*/ _jsxs("nav", {
+            "aria-label": "Pagination",
+            className: cn('flex items-center justify-between border-t border-gray-200 px-4 sm:px-0 dark:border-white/10', className),
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: "-mt-px flex w-0 flex-1",
+                    children: /*#__PURE__*/ _jsxs(PaginationButton, {
+                        "aria-label": previousLabel,
+                        className: "border-t-2 border-transparent pt-4 pr-1 text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-400 dark:hover:border-white/20 dark:hover:text-gray-200",
+                        disabled: isPreviousDisabled,
+                        onClick: ()=>handlePageChange(safeCurrentPage - 1),
+                        children: [
+                            /*#__PURE__*/ _jsx(ChevronLeft, {
+                                "aria-hidden": "true",
+                                className: "mr-3 size-5 text-gray-400 dark:text-gray-500"
+                            }),
+                            showLabels ? previousLabel : /*#__PURE__*/ _jsx("span", {
+                                className: "sr-only",
+                                children: previousLabel
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: "hidden md:-mt-px md:flex",
+                    children: getPaginationItems(safeCurrentPage, totalPages, siblingCount).map((item)=>item.type === 'ellipsis' ? /*#__PURE__*/ _jsx("span", {
+                            className: "inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 dark:text-gray-400",
+                            children: "..."
+                        }, item.id) : /*#__PURE__*/ _jsx(PaginationButton, {
+                            "aria-current": item.page === safeCurrentPage ? 'page' : undefined,
+                            "aria-label": pageLabel(item.page),
+                            className: cn('border-t-2 px-4 pt-4', item.page === safeCurrentPage ? 'border-indigo-500 text-indigo-600 dark:border-indigo-400 dark:text-indigo-400' : 'border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-400 dark:hover:border-white/20 dark:hover:text-gray-200'),
+                            onClick: ()=>handlePageChange(item.page),
+                            children: item.page
+                        }, item.page))
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: "-mt-px flex w-0 flex-1 justify-end",
+                    children: /*#__PURE__*/ _jsxs(PaginationButton, {
+                        "aria-label": nextLabel,
+                        className: "border-t-2 border-transparent pt-4 pl-1 text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-400 dark:hover:border-white/20 dark:hover:text-gray-200",
+                        disabled: isNextDisabled,
+                        onClick: ()=>handlePageChange(safeCurrentPage + 1),
+                        children: [
+                            showLabels ? nextLabel : /*#__PURE__*/ _jsx("span", {
+                                className: "sr-only",
+                                children: nextLabel
+                            }),
+                            /*#__PURE__*/ _jsx(ChevronLeft, {
+                                "aria-hidden": "true",
+                                className: "ml-3 size-5 rotate-180 text-gray-400 dark:text-gray-500"
+                            })
+                        ]
+                    })
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsxs("nav", {
+        "aria-label": "Pagination",
+        className: cn('flex items-center justify-between border-t border-gray-200 bg-white px-4 py-3 sm:px-6 dark:border-white/10 dark:bg-transparent', className),
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "hidden sm:block",
+                children: /*#__PURE__*/ _jsxs("p", {
+                    className: "text-sm text-gray-700 dark:text-gray-300",
+                    children: [
+                        "Showing ",
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "font-medium",
+                            children: rangeStart
+                        }),
+                        " to ",
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "font-medium",
+                            children: rangeEnd
+                        }),
+                        " of",
+                        ' ',
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "font-medium",
+                            children: safeTotalItems
+                        }),
+                        " ",
+                        resultLabel
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-1 justify-between sm:justify-end",
+                children: [
+                    /*#__PURE__*/ _jsx(PaginationButton, {
+                        "aria-label": previousLabel,
+                        className: "relative rounded-md bg-white px-3 py-2 font-semibold text-gray-700 inset-ring inset-ring-gray-300 hover:bg-gray-50 dark:bg-white/10 dark:text-gray-200 dark:inset-ring-white/5 dark:hover:bg-white/20",
+                        disabled: isPreviousDisabled,
+                        onClick: ()=>handlePageChange(safeCurrentPage - 1),
+                        children: previousLabel
+                    }),
+                    /*#__PURE__*/ _jsx(PaginationButton, {
+                        "aria-label": nextLabel,
+                        className: "relative ml-3 rounded-md bg-white px-3 py-2 font-semibold text-gray-700 inset-ring inset-ring-gray-300 hover:bg-gray-50 dark:bg-white/10 dark:text-gray-200 dark:inset-ring-white/5 dark:hover:bg-white/20",
+                        disabled: isNextDisabled,
+                        onClick: ()=>handlePageChange(safeCurrentPage + 1),
+                        children: nextLabel
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcbmltcG9ydCB7Q2hldnJvbkxlZnR9IGZyb20gJ2x1Y2lkZS1yZWFjdCc7XG5cbmltcG9ydCB0eXBlIHtCdXR0b25IVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25WYXJpYW50ID0gJ2NlbnRlcmVkJyB8ICdzaW1wbGUnO1xuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblJlc3VsdExhYmVsID0gJ2l0ZW1zJyB8ICdyZXN1bHRzJztcblxuZXhwb3J0IGludGVyZmFjZSBQYWdpbmF0aW9uUHJvcHMge1xuICByZWFkb25seSBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IGN1cnJlbnRQYWdlOiBudW1iZXI7XG4gIHJlYWRvbmx5IHBhZ2VTaXplPzogbnVtYmVyO1xuICByZWFkb25seSBuZXh0TGFiZWw/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWQ7XG4gIHJlYWRvbmx5IHBhZ2VMYWJlbD86IChwYWdlOiBudW1iZXIpID0+IHN0cmluZztcbiAgcmVhZG9ubHkgcHJldmlvdXNMYWJlbD86IHN0cmluZztcbiAgcmVhZG9ubHkgcmVzdWx0TGFiZWw/OiBQYWdpbmF0aW9uUmVzdWx0TGFiZWw7XG4gIHJlYWRvbmx5IHNob3dMYWJlbHM/OiBib29sZWFuO1xuICByZWFkb25seSBzaWJsaW5nQ291bnQ/OiBudW1iZXI7XG4gIHJlYWRvbmx5IHRvdGFsSXRlbXM/OiBudW1iZXI7XG4gIHJlYWRvbmx5IHRvdGFsUGFnZXM6IG51bWJlcjtcbiAgcmVhZG9ubHkgdmFyaWFudD86IFBhZ2luYXRpb25WYXJpYW50O1xufVxuXG5jb25zdCBjbGFtcFBhZ2UgPSAocGFnZTogbnVtYmVyLCB0b3RhbFBhZ2VzOiBudW1iZXIpID0+IE1hdGgubWluKE1hdGgubWF4KHBhZ2UsIDEpLCBNYXRoLm1heCh0b3RhbFBhZ2VzLCAxKSk7XG5cbmNvbnN0IGNyZWF0ZVJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PlxuICBBcnJheS5mcm9tKHtsZW5ndGg6IGVuZCAtIHN0YXJ0ICsgMX0sIChfLCBpbmRleCkgPT4gc3RhcnQgKyBpbmRleCk7XG5cbmNvbnN0IGdldFBhZ2luYXRpb25JdGVtcyA9IChjdXJyZW50UGFnZTogbnVtYmVyLCB0b3RhbFBhZ2VzOiBudW1iZXIsIHNpYmxpbmdDb3VudDogbnVtYmVyKSA9PiB7XG4gIGlmKHRvdGFsUGFnZXMgPD0gMCkge1xuICAgIHJldHVybiBbXTtcbiAgfVxuXG4gIGNvbnN0IHNhZmVDdXJyZW50UGFnZSA9IGNsYW1wUGFnZShjdXJyZW50UGFnZSwgdG90YWxQYWdlcyk7XG4gIGNvbnN0IHRvdGFsUGFnZU51bWJlcnMgPSBzaWJsaW5nQ291bnQgKyA1O1xuXG4gIGlmKHRvdGFsUGFnZXMgPD0gdG90YWxQYWdlTnVtYmVycykge1xuICAgIHJldHVybiBjcmVhdGVSYW5nZSgxLCB0b3RhbFBhZ2VzKS5tYXAoKHBhZ2UpID0+ICh7cGFnZSwgdHlwZTogJ3BhZ2UnfSBhcyBjb25zdCkpO1xuICB9XG5cbiAgY29uc3QgbGVmdFNpYmxpbmdJbmRleCA9IE1hdGgubWF4KHNhZmVDdXJyZW50UGFnZSAtIHNpYmxpbmdDb3VudCwgMSk7XG4gIGNvbnN0IHJpZ2h0U2libGluZ0luZGV4ID0gTWF0aC5taW4oc2FmZUN1cnJlbnRQYWdlICsgc2libGluZ0NvdW50LCB0b3RhbFBhZ2VzKTtcbiAgY29uc3Qgc2hvdWxkU2hvd0xlZnRFbGxpcHNpcyA9IGxlZnRTaWJsaW5nSW5kZXggPiAyO1xuICBjb25zdCBzaG91bGRTaG93UmlnaHRFbGxpcHNpcyA9IHJpZ2h0U2libGluZ0luZGV4IDwgdG90YWxQYWdlcyAtIDE7XG5cbiAgaWYoIXNob3VsZFNob3dMZWZ0RWxsaXBzaXMpIHtcbiAgICBjb25zdCBsZWZ0UmFuZ2UgPSBjcmVhdGVSYW5nZSgxLCAzICsgc2libGluZ0NvdW50ICogMik7XG4gICAgcmV0dXJuIFtcbiAgICAgIC4uLmxlZnRSYW5nZS5tYXAoKHBhZ2UpID0+ICh7cGFnZSwgdHlwZTogJ3BhZ2UnfSBhcyBjb25zdCkpLFxuICAgICAge2lkOiAnZWxsaXBzaXMtcmlnaHQnLCB0eXBlOiAnZWxsaXBzaXMnfSBhcyBjb25zdCxcbiAgICAgIHtwYWdlOiB0b3RhbFBhZ2VzLCB0eXBlOiAncGFnZSd9IGFzIGNvbnN0XG4gICAgXTtcbiAgfVxuXG4gIGlmKCFzaG91bGRTaG93UmlnaHRFbGxpcHNpcykge1xuICAgIGNvbnN0IHJpZ2h0UmFuZ2UgPSBjcmVhdGVSYW5nZSh0b3RhbFBhZ2VzIC0gKDIgKyBzaWJsaW5nQ291bnQgKiAyKSwgdG90YWxQYWdlcyk7XG4gICAgcmV0dXJuIFtcbiAgICAgIHtwYWdlOiAxLCB0eXBlOiAncGFnZSd9IGFzIGNvbnN0LFxuICAgICAge2lkOiAnZWxsaXBzaXMtbGVmdCcsIHR5cGU6ICdlbGxpcHNpcyd9IGFzIGNvbnN0LFxuICAgICAgLi4ucmlnaHRSYW5nZS5tYXAoKHBhZ2UpID0+ICh7cGFnZSwgdHlwZTogJ3BhZ2UnfSBhcyBjb25zdCkpXG4gICAgXTtcbiAgfVxuXG4gIGNvbnN0IG1pZGRsZVJhbmdlID0gY3JlYXRlUmFuZ2UobGVmdFNpYmxpbmdJbmRleCwgcmlnaHRTaWJsaW5nSW5kZXgpO1xuICByZXR1cm4gW1xuICAgIHtwYWdlOiAxLCB0eXBlOiAncGFnZSd9IGFzIGNvbnN0LFxuICAgIHtpZDogJ2VsbGlwc2lzLWxlZnQnLCB0eXBlOiAnZWxsaXBzaXMnfSBhcyBjb25zdCxcbiAgICAuLi5taWRkbGVSYW5nZS5tYXAoKHBhZ2UpID0+ICh7cGFnZSwgdHlwZTogJ3BhZ2UnfSBhcyBjb25zdCkpLFxuICAgIHtpZDogJ2VsbGlwc2lzLXJpZ2h0JywgdHlwZTogJ2VsbGlwc2lzJ30gYXMgY29uc3QsXG4gICAge3BhZ2U6IHRvdGFsUGFnZXMsIHR5cGU6ICdwYWdlJ30gYXMgY29uc3RcbiAgXTtcbn07XG5cbmNvbnN0IGJ1dHRvbkJhc2VDbGFzc2VzID0gW1xuICAnaW5saW5lLWZsZXgnLFxuICAnaXRlbXMtY2VudGVyJyxcbiAgJ3RleHQtc20nLFxuICAnZm9udC1tZWRpdW0nLFxuICAndHJhbnNpdGlvbi1jb2xvcnMnLFxuICAnZGlzYWJsZWQ6cG9pbnRlci1ldmVudHMtbm9uZScsXG4gICdkaXNhYmxlZDpvcGFjaXR5LTUwJ1xuXS5qb2luKCcgJyk7XG5cbmNvbnN0IFBhZ2luYXRpb25CdXR0b24gPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICAuLi5wcm9wc1xufTogQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+ICYge3JlYWRvbmx5IGNoaWxkcmVuOiBSZWFjdE5vZGV9KSA9PiAoXG4gIDxidXR0b25cbiAgICBjbGFzc05hbWU9e2NuKGJ1dHRvbkJhc2VDbGFzc2VzLCBjbGFzc05hbWUpfVxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9idXR0b24+XG4pO1xuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY3VycmVudFBhZ2UsXG4gIHBhZ2VTaXplID0gMTAsXG4gIG5leHRMYWJlbCA9ICdOZXh0JyxcbiAgb25QYWdlQ2hhbmdlLFxuICBwYWdlTGFiZWwgPSAocGFnZSkgPT4gcGFnZS50b1N0cmluZygpLFxuICBwcmV2aW91c0xhYmVsID0gJ1ByZXZpb3VzJyxcbiAgcmVzdWx0TGFiZWwgPSAncmVzdWx0cycsXG4gIHNob3dMYWJlbHMgPSB0cnVlLFxuICBzaWJsaW5nQ291bnQgPSAxLFxuICB0b3RhbEl0ZW1zLFxuICB0b3RhbFBhZ2VzLFxuICB2YXJpYW50ID0gJ3NpbXBsZSdcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBzYWZlQ3VycmVudFBhZ2UgPSBjbGFtcFBhZ2UoY3VycmVudFBhZ2UsIHRvdGFsUGFnZXMpO1xuICBjb25zdCBzYWZlVG90YWxJdGVtcyA9IHRvdGFsSXRlbXMgPz8gdG90YWxQYWdlcyAqIHBhZ2VTaXplO1xuICBjb25zdCByYW5nZVN0YXJ0ID0gc2FmZVRvdGFsSXRlbXMgPT09IDAgPyAwIDogKHNhZmVDdXJyZW50UGFnZSAtIDEpICogcGFnZVNpemUgKyAxO1xuICBjb25zdCByYW5nZUVuZCA9IE1hdGgubWluKHNhZmVDdXJyZW50UGFnZSAqIHBhZ2VTaXplLCBzYWZlVG90YWxJdGVtcyk7XG4gIGNvbnN0IGlzUHJldmlvdXNEaXNhYmxlZCA9IHNhZmVDdXJyZW50UGFnZSA8PSAxO1xuICBjb25zdCBpc05leHREaXNhYmxlZCA9IHNhZmVDdXJyZW50UGFnZSA+PSB0b3RhbFBhZ2VzO1xuXG4gIGNvbnN0IGhhbmRsZVBhZ2VDaGFuZ2UgPSAocGFnZTogbnVtYmVyKSA9PiB7XG4gICAgaWYocGFnZSA9PT0gc2FmZUN1cnJlbnRQYWdlIHx8IHBhZ2UgPCAxIHx8IHBhZ2UgPiB0b3RhbFBhZ2VzKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgb25QYWdlQ2hhbmdlPy4ocGFnZSk7XG4gIH07XG5cbiAgaWYodG90YWxQYWdlcyA8PSAxKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICBpZih2YXJpYW50ID09PSAnY2VudGVyZWQnKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxuYXZcbiAgICAgICAgYXJpYS1sYWJlbD1cIlBhZ2luYXRpb25cIlxuICAgICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAgICdmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gYm9yZGVyLXQgYm9yZGVyLWdyYXktMjAwIHB4LTQgc206cHgtMCBkYXJrOmJvcmRlci13aGl0ZS8xMCcsXG4gICAgICAgICAgY2xhc3NOYW1lXG4gICAgICAgICl9XG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiLW10LXB4IGZsZXggdy0wIGZsZXgtMVwiPlxuICAgICAgICAgIDxQYWdpbmF0aW9uQnV0dG9uXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2aW91c0xhYmVsfVxuICAgICAgICAgICAgY2xhc3NOYW1lPVwiYm9yZGVyLXQtMiBib3JkZXItdHJhbnNwYXJlbnQgcHQtNCBwci0xIHRleHQtZ3JheS01MDAgaG92ZXI6Ym9yZGVyLWdyYXktMzAwIGhvdmVyOnRleHQtZ3JheS03MDAgZGFyazp0ZXh0LWdyYXktNDAwIGRhcms6aG92ZXI6Ym9yZGVyLXdoaXRlLzIwIGRhcms6aG92ZXI6dGV4dC1ncmF5LTIwMFwiXG4gICAgICAgICAgICBkaXNhYmxlZD17aXNQcmV2aW91c0Rpc2FibGVkfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaGFuZGxlUGFnZUNoYW5nZShzYWZlQ3VycmVudFBhZ2UgLSAxKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Q2hldnJvbkxlZnQgYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3NOYW1lPVwibXItMyBzaXplLTUgdGV4dC1ncmF5LTQwMCBkYXJrOnRleHQtZ3JheS01MDBcIiAvPlxuICAgICAgICAgICAge3Nob3dMYWJlbHMgPyBwcmV2aW91c0xhYmVsIDogPHNwYW4gY2xhc3NOYW1lPVwic3Itb25seVwiPntwcmV2aW91c0xhYmVsfTwvc3Bhbj59XG4gICAgICAgICAgPC9QYWdpbmF0aW9uQnV0dG9uPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImhpZGRlbiBtZDotbXQtcHggbWQ6ZmxleFwiPlxuICAgICAgICAgIHtnZXRQYWdpbmF0aW9uSXRlbXMoc2FmZUN1cnJlbnRQYWdlLCB0b3RhbFBhZ2VzLCBzaWJsaW5nQ291bnQpLm1hcCgoaXRlbSkgPT4gaXRlbS50eXBlID09PSAnZWxsaXBzaXMnID8gKFxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAga2V5PXtpdGVtLmlkfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9XCJpbmxpbmUtZmxleCBpdGVtcy1jZW50ZXIgYm9yZGVyLXQtMiBib3JkZXItdHJhbnNwYXJlbnQgcHgtNCBwdC00IHRleHQtc20gZm9udC1tZWRpdW0gdGV4dC1ncmF5LTUwMCBkYXJrOnRleHQtZ3JheS00MDBcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAuLi5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPFBhZ2luYXRpb25CdXR0b25cbiAgICAgICAgICAgICAga2V5PXtpdGVtLnBhZ2V9XG4gICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aXRlbS5wYWdlID09PSBzYWZlQ3VycmVudFBhZ2UgPyAncGFnZScgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3BhZ2VMYWJlbChpdGVtLnBhZ2UpfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAgICAgICAgICdib3JkZXItdC0yIHB4LTQgcHQtNCcsXG4gICAgICAgICAgICAgICAgaXRlbS5wYWdlID09PSBzYWZlQ3VycmVudFBhZ2VcbiAgICAgICAgICAgICAgICAgID8gJ2JvcmRlci1pbmRpZ28tNTAwIHRleHQtaW5kaWdvLTYwMCBkYXJrOmJvcmRlci1pbmRpZ28tNDAwIGRhcms6dGV4dC1pbmRpZ28tNDAwJ1xuICAgICAgICAgICAgICAgICAgOiAnYm9yZGVyLXRyYW5zcGFyZW50IHRleHQtZ3JheS01MDAgaG92ZXI6Ym9yZGVyLWdyYXktMzAwIGhvdmVyOnRleHQtZ3JheS03MDAgZGFyazp0ZXh0LWdyYXktNDAwIGRhcms6aG92ZXI6Ym9yZGVyLXdoaXRlLzIwIGRhcms6aG92ZXI6dGV4dC1ncmF5LTIwMCdcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaGFuZGxlUGFnZUNoYW5nZShpdGVtLnBhZ2UpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7aXRlbS5wYWdlfVxuICAgICAgICAgICAgPC9QYWdpbmF0aW9uQnV0dG9uPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIi1tdC1weCBmbGV4IHctMCBmbGV4LTEganVzdGlmeS1lbmRcIj5cbiAgICAgICAgICA8UGFnaW5hdGlvbkJ1dHRvblxuICAgICAgICAgICAgYXJpYS1sYWJlbD17bmV4dExhYmVsfVxuICAgICAgICAgICAgY2xhc3NOYW1lPVwiYm9yZGVyLXQtMiBib3JkZXItdHJhbnNwYXJlbnQgcHQtNCBwbC0xIHRleHQtZ3JheS01MDAgaG92ZXI6Ym9yZGVyLWdyYXktMzAwIGhvdmVyOnRleHQtZ3JheS03MDAgZGFyazp0ZXh0LWdyYXktNDAwIGRhcms6aG92ZXI6Ym9yZGVyLXdoaXRlLzIwIGRhcms6aG92ZXI6dGV4dC1ncmF5LTIwMFwiXG4gICAgICAgICAgICBkaXNhYmxlZD17aXNOZXh0RGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVQYWdlQ2hhbmdlKHNhZmVDdXJyZW50UGFnZSArIDEpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzaG93TGFiZWxzID8gbmV4dExhYmVsIDogPHNwYW4gY2xhc3NOYW1lPVwic3Itb25seVwiPntuZXh0TGFiZWx9PC9zcGFuPn1cbiAgICAgICAgICAgIDxDaGV2cm9uTGVmdCBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzc05hbWU9XCJtbC0zIHNpemUtNSByb3RhdGUtMTgwIHRleHQtZ3JheS00MDAgZGFyazp0ZXh0LWdyYXktNTAwXCIgLz5cbiAgICAgICAgICA8L1BhZ2luYXRpb25CdXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uYXY+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPG5hdlxuICAgICAgYXJpYS1sYWJlbD1cIlBhZ2luYXRpb25cIlxuICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgJ2ZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlbiBib3JkZXItdCBib3JkZXItZ3JheS0yMDAgYmctd2hpdGUgcHgtNCBweS0zIHNtOnB4LTYgZGFyazpib3JkZXItd2hpdGUvMTAgZGFyazpiZy10cmFuc3BhcmVudCcsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImhpZGRlbiBzbTpibG9ja1wiPlxuICAgICAgICA8cCBjbGFzc05hbWU9XCJ0ZXh0LXNtIHRleHQtZ3JheS03MDAgZGFyazp0ZXh0LWdyYXktMzAwXCI+XG4gICAgICAgICAgU2hvd2luZyA8c3BhbiBjbGFzc05hbWU9XCJmb250LW1lZGl1bVwiPntyYW5nZVN0YXJ0fTwvc3Bhbj4gdG8gPHNwYW4gY2xhc3NOYW1lPVwiZm9udC1tZWRpdW1cIj57cmFuZ2VFbmR9PC9zcGFuPiBvZnsnICd9XG4gICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiZm9udC1tZWRpdW1cIj57c2FmZVRvdGFsSXRlbXN9PC9zcGFuPiB7cmVzdWx0TGFiZWx9XG4gICAgICAgIDwvcD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggZmxleC0xIGp1c3RpZnktYmV0d2VlbiBzbTpqdXN0aWZ5LWVuZFwiPlxuICAgICAgICA8UGFnaW5hdGlvbkJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9e3ByZXZpb3VzTGFiZWx9XG4gICAgICAgICAgY2xhc3NOYW1lPVwicmVsYXRpdmUgcm91bmRlZC1tZCBiZy13aGl0ZSBweC0zIHB5LTIgZm9udC1zZW1pYm9sZCB0ZXh0LWdyYXktNzAwIGluc2V0LXJpbmcgaW5zZXQtcmluZy1ncmF5LTMwMCBob3ZlcjpiZy1ncmF5LTUwIGRhcms6Ymctd2hpdGUvMTAgZGFyazp0ZXh0LWdyYXktMjAwIGRhcms6aW5zZXQtcmluZy13aGl0ZS81IGRhcms6aG92ZXI6Ymctd2hpdGUvMjBcIlxuICAgICAgICAgIGRpc2FibGVkPXtpc1ByZXZpb3VzRGlzYWJsZWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gaGFuZGxlUGFnZUNoYW5nZShzYWZlQ3VycmVudFBhZ2UgLSAxKX1cbiAgICAgICAgPlxuICAgICAgICAgIHtwcmV2aW91c0xhYmVsfVxuICAgICAgICA8L1BhZ2luYXRpb25CdXR0b24+XG4gICAgICAgIDxQYWdpbmF0aW9uQnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD17bmV4dExhYmVsfVxuICAgICAgICAgIGNsYXNzTmFtZT1cInJlbGF0aXZlIG1sLTMgcm91bmRlZC1tZCBiZy13aGl0ZSBweC0zIHB5LTIgZm9udC1zZW1pYm9sZCB0ZXh0LWdyYXktNzAwIGluc2V0LXJpbmcgaW5zZXQtcmluZy1ncmF5LTMwMCBob3ZlcjpiZy1ncmF5LTUwIGRhcms6Ymctd2hpdGUvMTAgZGFyazp0ZXh0LWdyYXktMjAwIGRhcms6aW5zZXQtcmluZy13aGl0ZS81IGRhcms6aG92ZXI6Ymctd2hpdGUvMjBcIlxuICAgICAgICAgIGRpc2FibGVkPXtpc05leHREaXNhYmxlZH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVQYWdlQ2hhbmdlKHNhZmVDdXJyZW50UGFnZSArIDEpfVxuICAgICAgICA+XG4gICAgICAgICAge25leHRMYWJlbH1cbiAgICAgICAgPC9QYWdpbmF0aW9uQnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9uYXY+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbImNuIiwiQ2hldnJvbkxlZnQiLCJjbGFtcFBhZ2UiLCJwYWdlIiwidG90YWxQYWdlcyIsIk1hdGgiLCJtaW4iLCJtYXgiLCJjcmVhdGVSYW5nZSIsInN0YXJ0IiwiZW5kIiwiQXJyYXkiLCJmcm9tIiwibGVuZ3RoIiwiXyIsImluZGV4IiwiZ2V0UGFnaW5hdGlvbkl0ZW1zIiwiY3VycmVudFBhZ2UiLCJzaWJsaW5nQ291bnQiLCJzYWZlQ3VycmVudFBhZ2UiLCJ0b3RhbFBhZ2VOdW1iZXJzIiwibWFwIiwidHlwZSIsImxlZnRTaWJsaW5nSW5kZXgiLCJyaWdodFNpYmxpbmdJbmRleCIsInNob3VsZFNob3dMZWZ0RWxsaXBzaXMiLCJzaG91bGRTaG93UmlnaHRFbGxpcHNpcyIsImxlZnRSYW5nZSIsImlkIiwicmlnaHRSYW5nZSIsIm1pZGRsZVJhbmdlIiwiYnV0dG9uQmFzZUNsYXNzZXMiLCJqb2luIiwiUGFnaW5hdGlvbkJ1dHRvbiIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwicHJvcHMiLCJidXR0b24iLCJQYWdpbmF0aW9uIiwicGFnZVNpemUiLCJuZXh0TGFiZWwiLCJvblBhZ2VDaGFuZ2UiLCJwYWdlTGFiZWwiLCJ0b1N0cmluZyIsInByZXZpb3VzTGFiZWwiLCJyZXN1bHRMYWJlbCIsInNob3dMYWJlbHMiLCJ0b3RhbEl0ZW1zIiwidmFyaWFudCIsInNhZmVUb3RhbEl0ZW1zIiwicmFuZ2VTdGFydCIsInJhbmdlRW5kIiwiaXNQcmV2aW91c0Rpc2FibGVkIiwiaXNOZXh0RGlzYWJsZWQiLCJoYW5kbGVQYWdlQ2hhbmdlIiwibmF2IiwiYXJpYS1sYWJlbCIsImRpdiIsImRpc2FibGVkIiwib25DbGljayIsImFyaWEtaGlkZGVuIiwic3BhbiIsIml0ZW0iLCJhcmlhLWN1cnJlbnQiLCJ1bmRlZmluZWQiLCJwIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBUUEsRUFBRSxRQUFPLGVBQWU7QUFDaEMsU0FBUUMsV0FBVyxRQUFPLGVBQWU7QUF1QnpDLE1BQU1DLFlBQVksQ0FBQ0MsTUFBY0MsYUFBdUJDLEtBQUtDLEdBQUcsQ0FBQ0QsS0FBS0UsR0FBRyxDQUFDSixNQUFNLElBQUlFLEtBQUtFLEdBQUcsQ0FBQ0gsWUFBWTtBQUV6RyxNQUFNSSxjQUFjLENBQUNDLE9BQWVDLE1BQ2xDQyxNQUFNQyxJQUFJLENBQUM7UUFBQ0MsUUFBUUgsTUFBTUQsUUFBUTtJQUFDLEdBQUcsQ0FBQ0ssR0FBR0MsUUFBVU4sUUFBUU07QUFFOUQsTUFBTUMscUJBQXFCLENBQUNDLGFBQXFCYixZQUFvQmM7SUFDbkUsSUFB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

package/lib/components/Pagination/Pagination.stories.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Pagination as PaginationComponent } from './Pagination.js';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+const PaginationStory = (args)=>{
+    const [currentPage, setCurrentPage] = useState(args.currentPage);
+    return /*#__PURE__*/ _jsx("div", {
+        className: "w-full max-w-4xl bg-white p-6 dark:bg-black-dark",
+        children: /*#__PURE__*/ _jsx(PaginationComponent, {
+            ...args,
+            currentPage: currentPage,
+            onPageChange: setCurrentPage
+        })
+    });
+};
+const meta = {
+    argTypes: {
+        currentPage: {
+            control: 'number'
+        },
+        pageSize: {
+            control: 'number'
+        },
+        siblingCount: {
+            control: 'number'
+        },
+        totalItems: {
+            control: 'number'
+        },
+        totalPages: {
+            control: 'number'
+        },
+        variant: {
+            control: 'select',
+            options: [
+                'centered',
+                'simple'
+            ]
+        }
+    },
+    component: PaginationComponent,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Pagination'
+};
+export default meta;
+export const Centered = {
+    args: {
+        currentPage: 2,
+        totalPages: 10,
+        variant: 'centered'
+    },
+    play: interactWithCanvas,
+    render: PaginationStory
+};
+export const Simple = {
+    args: {
+        currentPage: 1,
+        pageSize: 10,
+        totalItems: 97,
+        totalPages: 10,
+        variant: 'simple'
+    },
+    play: interactWithCanvas,
+    render: PaginationStory
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge3VzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7UGFnaW5hdGlvbiBhcyBQYWdpbmF0aW9uQ29tcG9uZW50fSBmcm9tICcuL1BhZ2luYXRpb24uanMnO1xuaW1wb3J0IHtpbnRlcmFjdFdpdGhDYW52YXN9IGZyb20gJy4uLy4uL3V0aWxzL3N0b3J5SW50ZXJhY3Rpb25zLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5pbXBvcnQgdHlwZSB7Q29tcG9uZW50UHJvcHN9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgUGFnaW5hdGlvblN0b3J5ID0gKGFyZ3M6IENvbXBvbmVudFByb3BzPHR5cGVvZiBQYWdpbmF0aW9uQ29tcG9uZW50PikgPT4ge1xuICBjb25zdCBbY3VycmVudFBhZ2UsIHNldEN1cnJlbnRQYWdlXSA9IHVzZVN0YXRlKGFyZ3MuY3VycmVudFBhZ2UpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJ3LWZ1bGwgbWF4LXctNHhsIGJnLXdoaXRlIHAtNiBkYXJrOmJnLWJsYWNrLWRhcmtcIj5cbiAgICAgIDxQYWdpbmF0aW9uQ29tcG9uZW50XG4gICAgICAgIHsuLi5hcmdzfVxuICAgICAgICBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgIG9uUGFnZUNoYW5nZT17c2V0Q3VycmVudFBhZ2V9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuY29uc3QgbWV0YTogTWV0YTx0eXBlb2YgUGFnaW5hdGlvbkNvbXBvbmVudD4gPSB7XG4gIGFyZ1R5cGVzOiB7XG4gICAgY3VycmVudFBhZ2U6IHtcbiAgICAgIGNvbnRyb2w6ICdudW1iZXInXG4gICAgfSxcbiAgICBwYWdlU2l6ZToge1xuICAgICAgY29udHJvbDogJ251bWJlcidcbiAgICB9LFxuICAgIHNpYmxpbmdDb3VudDoge1xuICAgICAgY29udHJvbDogJ251bWJlcidcbiAgICB9LFxuICAgIHRvdGFsSXRlbXM6IHtcbiAgICAgIGNvbnRyb2w6ICdudW1iZXInXG4gICAgfSxcbiAgICB0b3RhbFBhZ2VzOiB7XG4gICAgICBjb250cm9sOiAnbnVtYmVyJ1xuICAgIH0sXG4gICAgdmFyaWFudDoge1xuICAgICAgY29udHJvbDogJ3NlbGVjdCcsXG4gICAgICBvcHRpb25zOiBbJ2NlbnRlcmVkJywgJ3NpbXBsZSddXG4gICAgfVxuICB9LFxuICBjb21wb25lbnQ6IFBhZ2luYXRpb25Db21wb25lbnQsXG4gIHBhcmFtZXRlcnM6IHtcbiAgICBsYXlvdXQ6ICdjZW50ZXJlZCdcbiAgfSxcbiAgdGl0bGU6ICdDb21wb25lbnRzL1BhZ2luYXRpb24nXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xuXG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIFBhZ2luYXRpb25Db21wb25lbnQ+O1xuXG5leHBvcnQgY29uc3QgQ2VudGVyZWQ6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgY3VycmVudFBhZ2U6IDIsXG4gICAgdG90YWxQYWdlczogMTAsXG4gICAgdmFyaWFudDogJ2NlbnRlcmVkJ1xuICB9LFxuICBwbGF5OiBpbnRlcmFjdFdpdGhDYW52YXMsXG4gIHJlbmRlcjogUGFnaW5hdGlvblN0b3J5XG59O1xuXG5leHBvcnQgY29uc3QgU2ltcGxlOiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGN1cnJlbnRQYWdlOiAxLFxuICAgIHBhZ2VTaXplOiAxMCxcbiAgICB0b3RhbEl0ZW1zOiA5NyxcbiAgICB0b3RhbFBhZ2VzOiAxMCxcbiAgICB2YXJpYW50OiAnc2ltcGxlJ1xuICB9LFxuICBwbGF5OiBpbnRlcmFjdFdpdGhDYW52YXMsXG4gIHJlbmRlcjogUGFnaW5hdGlvblN0b3J5XG59O1xuIl0sIm5hbWVzIjpbInVzZVN0YXRlIiwiUGFnaW5hdGlvbiIsIlBhZ2luYXRpb25Db21wb25lbnQiLCJpbnRlcmFjdFdpdGhDYW52YXMiLCJQYWdpbmF0aW9uU3RvcnkiLCJhcmdzIiwiY3VycmVudFBhZ2UiLCJzZXRDdXJyZW50UGFnZSIsImRpdiIsImNsYXNzTmFtZSIsIm9uUGFnZUNoYW5nZSIsIm1ldGEiLCJhcmdUeXBlcyIsImNvbnRyb2wiLCJwYWdlU2l6ZSIsInNpYmxpbmdDb3VudCIsInRvdGFsSXRlbXMiLCJ0b3RhbFBhZ2VzIiwidmFyaWFudCIsIm9wdGlvbnMiLCJjb21wb25lbnQiLCJwYXJhbWV0ZXJzIiwibGF5b3V0IiwidGl0bGUiLCJDZW50ZXJlZCIsInBsYXkiLCJyZW5kZXIiLCJTaW1wbGUiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxRQUFRLFFBQU8sUUFBUTtBQUUvQixTQUFRQyxjQUFjQyxtQkFBbUIsUUFBTyxrQkFBa0I7QUFDbEUsU0FBUUMsa0JBQWtCLFFBQU8sbUNBQW1DO0FBS3BFLE1BQU1DLGtCQUFrQixDQUFDQztJQUN2QixNQUFNLENBQUNDLGFBQWFDLGVBQWUsR0FBR1AsU0FBU0ssS0FBS0MsV0FBVztJQUUvRCxxQkFDRSxLQUFDRTtRQUFJQyxXQUFVO2tCQUNiLGNBQUEsS0FBQ1A7WUFDRSxHQUFHRyxJQUFJO1lBQ1JDLGFBQWFBO1lBQ2JJLGNBQWNIOzs7QUFJdEI7QUFFQSxNQUFNSSxPQUF5QztJQUM3Q0MsVUFBVTtRQUNSTixhQUFhO1lBQ1hPLFNBQVM7UUFDWDtRQUNBQyxVQUFVO1lBQ1JELFNBQVM7UUFDWDtRQUNBRSxjQUFjO1lBQ1pGLFNBQVM7UUFDWDtRQUNBRyxZQUFZO1lBQ1ZILFNBQVM7UUFDWDtRQUNBSSxZQUFZO1lBQ1ZKLFNBQVM7UUFDWDtRQUNBSyxTQUFTO1lBQ1BMLFNBQVM7WUFDVE0sU0FBUztnQkFBQztnQkFBWTthQUFTO1FBQ2pDO0lBQ0Y7SUFDQUMsV0FBV2xCO0lBQ1htQixZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlWixLQUFLO0FBSXBCLE9BQU8sTUFBTWEsV0FBa0I7SUFDN0JuQixNQUFNO1FBQ0pDLGFBQWE7UUFDYlcsWUFBWTtRQUNaQyxTQUFTO0lBQ1g7SUFDQU8sTUFBTXRCO0lBQ051QixRQUFRdEI7QUFDVixFQUFFO0FBRUYsT0FBTyxNQUFNdUIsU0FBZ0I7SUFDM0J0QixNQUFNO1FBQ0pDLGFBQWE7UUFDYlEsVUFBVTtRQUNWRSxZQUFZO1FBQ1pDLFlBQVk7UUFDWkMsU0FBUztJQUNYO0lBQ0FPLE1BQU10QjtJQUNOdUIsUUFBUXRCO0FBQ1YsRUFBRSJ9

package/lib/components/PasswordStrengthMeter/PasswordStrengthMeter.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from 'react';
+export type PasswordStrength = {
+    readonly label: string;
+    readonly score: number;
+};
+export interface PasswordStrengthMeterProps extends HTMLAttributes<HTMLDivElement> {
+    readonly password: string;
+}
+export declare const getPasswordStrength: (password: string) => PasswordStrength;
+declare const PasswordStrengthMeterComponent: ({ className, password, ...props }: PasswordStrengthMeterProps) => import("react").JSX.Element | null;
+export declare const PasswordStrengthMeter: import("react").MemoExoticComponent<typeof PasswordStrengthMeterComponent>;
+export {};

package/lib/components/PasswordStrengthMeter/PasswordStrengthMeter.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { memo } from 'react';
+export const getPasswordStrength = (password)=>{
+    if (password.length < 8) {
+        return {
+            label: 'Too short',
+            score: 0
+        };
+    }
+    const checks = [
+        true,
+        /[A-Za-z]/.test(password),
+        /\d/.test(password),
+        /[^A-Za-z0-9]/.test(password)
+    ];
+    const score = checks.filter(Boolean).length;
+    const labels = [
+        'Too short',
+        'Weak',
+        'Fair',
+        'Good',
+        'Strong'
+    ];
+    return {
+        label: labels[score] || 'Strong',
+        score
+    };
+};
+const getSegmentClass = (score, segment)=>{
+    if (segment > score) {
+        return 'bg-muted dark:bg-muted-dark';
+    }
+    if (score <= 1) {
+        return 'bg-red-500';
+    }
+    if (score === 2) {
+        return 'bg-amber-500';
+    }
+    if (score === 3) {
+        return 'bg-primary dark:bg-primary-dark';
+    }
+    return 'bg-emerald-600';
+};
+const PasswordStrengthMeterComponent = ({ className, password, ...props })=>{
+    if (!password) {
+        return null;
+    }
+    const strength = getPasswordStrength(password);
+    const segments = [
+        1,
+        2,
+        3,
+        4
+    ];
+    return /*#__PURE__*/ _jsxs("div", {
+        "aria-label": `Password strength: ${strength.label}`,
+        className: cn('grid gap-1.5', className),
+        "data-slot": "password-strength-meter",
+        role: "status",
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                "aria-hidden": true,
+                className: "grid grid-cols-4 gap-1.5",
+                children: segments.map((segment)=>/*#__PURE__*/ _jsx("span", {
+                        className: cn('h-1.5 rounded-full transition-colors', getSegmentClass(strength.score, segment))
+                    }, segment))
+            }),
+            /*#__PURE__*/ _jsxs("p", {
+                className: "m-0 flex items-center justify-between text-xs text-muted-foreground dark:text-muted-foreground-dark",
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        children: "Password strength"
+                    }),
+                    /*#__PURE__*/ _jsx("strong", {
+                        className: "text-foreground dark:text-foreground-dark",
+                        children: strength.label
+                    })
+                ]
+            })
+        ]
+    });
+};
+export const PasswordStrengthMeter = /*#__PURE__*/ memo(PasswordStrengthMeterComponent);
+PasswordStrengthMeter.displayName = 'PasswordStrengthMeter';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL1Bhc3N3b3JkU3RyZW5ndGhNZXRlci9QYXNzd29yZFN0cmVuZ3RoTWV0ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Y259IGZyb20gJ0BubGFicy91dGlscyc7XG5pbXBvcnQge21lbW99IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHR5cGUge0hUTUxBdHRyaWJ1dGVzfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIFBhc3N3b3JkU3RyZW5ndGggPSB7XG4gIHJlYWRvbmx5IGxhYmVsOiBzdHJpbmc7XG4gIHJlYWRvbmx5IHNjb3JlOiBudW1iZXI7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFBhc3N3b3JkU3RyZW5ndGhNZXRlclByb3BzIGV4dGVuZHMgSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+IHtcbiAgcmVhZG9ubHkgcGFzc3dvcmQ6IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IGdldFBhc3N3b3JkU3RyZW5ndGggPSAocGFzc3dvcmQ6IHN0cmluZyk6IFBhc3N3b3JkU3RyZW5ndGggPT4ge1xuICBpZihwYXNzd29yZC5sZW5ndGggPCA4KSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGxhYmVsOiAnVG9vIHNob3J0JyxcbiAgICAgIHNjb3JlOiAwXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0IGNoZWNrcyA9IFtcbiAgICB0cnVlLFxuICAgIC9bQS1aYS16XS8udGVzdChwYXNzd29yZCksXG4gICAgL1xcZC8udGVzdChwYXNzd29yZCksXG4gICAgL1teQS1aYS16MC05XS8udGVzdChwYXNzd29yZClcbiAgXTtcbiAgY29uc3Qgc2NvcmUgPSBjaGVja3MuZmlsdGVyKEJvb2xlYW4pLmxlbmd0aDtcbiAgY29uc3QgbGFiZWxzID0gWydUb28gc2hvcnQnLCAnV2VhaycsICdGYWlyJywgJ0dvb2QnLCAnU3Ryb25nJ107XG5cbiAgcmV0dXJuIHtcbiAgICBsYWJlbDogbGFiZWxzW3Njb3JlXSB8fCAnU3Ryb25nJyxcbiAgICBzY29yZVxuICB9O1xufTtcblxuY29uc3QgZ2V0U2VnbWVudENsYXNzID0gKHNjb3JlOiBudW1iZXIsIHNlZ21lbnQ6IG51bWJlcikgPT4ge1xuICBpZihzZWdtZW50ID4gc2NvcmUpIHtcbiAgICByZXR1cm4gJ2JnLW11dGVkIGRhcms6YmctbXV0ZWQtZGFyayc7XG4gIH1cblxuICBpZihzY29yZSA8PSAxKSB7XG4gICAgcmV0dXJuICdiZy1yZWQtNTAwJztcbiAgfVxuXG4gIGlmKHNjb3JlID09PSAyKSB7XG4gICAgcmV0dXJuICdiZy1hbWJlci01MDAnO1xuICB9XG5cbiAgaWYoc2NvcmUgPT09IDMpIHtcbiAgICByZXR1cm4gJ2JnLXByaW1hcnkgZGFyazpiZy1wcmltYXJ5LWRhcmsnO1xuICB9XG5cbiAgcmV0dXJuICdiZy1lbWVyYWxkLTYwMCc7XG59O1xuXG5jb25zdCBQYXNzd29yZFN0cmVuZ3RoTWV0ZXJDb21wb25lbnQgPSAoe1xuICBjbGFzc05hbWUsXG4gIHBhc3N3b3JkLFxuICAuLi5wcm9wc1xufTogUGFzc3dvcmRTdHJlbmd0aE1ldGVyUHJvcHMpID0+IHtcbiAgaWYoIXBhc3N3b3JkKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICBjb25zdCBzdHJlbmd0aCA9IGdldFBhc3N3b3JkU3RyZW5ndGgocGFzc3dvcmQpO1xuICBjb25zdCBzZWdtZW50cyA9IFsxLCAyLCAzLCA0XTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGFyaWEtbGFiZWw9e2BQYXNzd29yZCBzdHJlbmd0aDogJHtzdHJlbmd0aC5sYWJlbH1gfVxuICAgICAgY2xhc3NOYW1lPXtjbignZ3JpZCBnYXAtMS41JywgY2xhc3NOYW1lKX1cbiAgICAgIGRhdGEtc2xvdD1cInBhc3N3b3JkLXN0cmVuZ3RoLW1ldGVyXCJcbiAgICAgIHJvbGU9XCJzdGF0dXNcIlxuICAgICAgey4uLnByb3BzfT5cbiAgICAgIDxkaXYgYXJpYS1oaWRkZW4gY2xhc3NOYW1lPVwiZ3JpZCBncmlkLWNvbHMtNCBnYXAtMS41XCI+XG4gICAgICAgIHtzZWdtZW50cy5tYXAoKHNlZ21lbnQpID0+IChcbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbignaC0xLjUgcm91bmRlZC1mdWxsIHRyYW5zaXRpb24tY29sb3JzJywgZ2V0U2VnbWVudENsYXNzKHN0cmVuZ3RoLnNjb3JlLCBzZWdtZW50KSl9XG4gICAgICAgICAgICBrZXk9e3NlZ21lbnR9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxwIGNsYXNzTmFtZT1cIm0tMCBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gdGV4dC14cyB0ZXh0LW11dGVkLWZvcmVncm91bmQgZGFyazp0ZXh0LW11dGVkLWZvcmVncm91bmQtZGFya1wiPlxuICAgICAgICA8c3Bhbj5QYXNzd29yZCBzdHJlbmd0aDwvc3Bhbj5cbiAgICAgICAgPHN0cm9uZyBjbGFzc05hbWU9XCJ0ZXh0LWZvcmVncm91bmQgZGFyazp0ZXh0LWZvcmVncm91bmQtZGFya1wiPntzdHJlbmd0aC5sYWJlbH08L3N0cm9uZz5cbiAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZFN0cmVuZ3RoTWV0ZXIgPSBtZW1vKFBhc3N3b3JkU3RyZW5ndGhNZXRlckNvbXBvbmVudCk7XG5QYXNzd29yZFN0cmVuZ3RoTWV0ZXIuZGlzcGxheU5hbWUgPSAnUGFzc3dvcmRTdHJlbmd0aE1ldGVyJztcbiJdLCJuYW1lcyI6WyJjbiIsIm1lbW8iLCJnZXRQYXNzd29yZFN0cmVuZ3RoIiwicGFzc3dvcmQiLCJsZW5ndGgiLCJsYWJlbCIsInNjb3JlIiwiY2hlY2tzIiwidGVzdCIsImZpbHRlciIsIkJvb2xlYW4iLCJsYWJlbHMiLCJnZXRTZWdtZW50Q2xhc3MiLCJzZWdtZW50IiwiUGFzc3dvcmRTdHJlbmd0aE1ldGVyQ29tcG9uZW50IiwiY2xhc3NOYW1lIiwicHJvcHMiLCJzdHJlbmd0aCIsInNlZ21lbnRzIiwiZGl2IiwiYXJpYS1sYWJlbCIsImRhdGEtc2xvdCIsInJvbGUiLCJhcmlhLWhpZGRlbiIsIm1hcCIsInNwYW4iLCJwIiwic3Ryb25nIiwiUGFzc3dvcmRTdHJlbmd0aE1ldGVyIiwiZGlzcGxheU5hbWUiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxFQUFFLFFBQU8sZUFBZTtBQUNoQyxTQUFRQyxJQUFJLFFBQU8sUUFBUTtBQWEzQixPQUFPLE1BQU1DLHNCQUFzQixDQUFDQztJQUNsQyxJQUFHQSxTQUFTQyxNQUFNLEdBQUcsR0FBRztRQUN0QixPQUFPO1lBQ0xDLE9BQU87WUFDUEMsT0FBTztRQUNUO0lBQ0Y7SUFFQSxNQUFNQyxTQUFTO1FBQ2I7UUFDQSxXQUFXQyxJQUFJLENBQUNMO1FBQ2hCLEtBQUtLLElBQUksQ0FBQ0w7UUFDVixlQUFlSyxJQUFJLENBQUNMO0tBQ3JCO0lBQ0QsTUFBTUcsUUFBUUMsT0FBT0UsTUFBTSxDQUFDQyxTQUFTTixNQUFNO0lBQzNDLE1BQU1PLFNBQVM7UUFBQztRQUFhO1FBQVE7UUFBUTtRQUFRO0tBQVM7SUFFOUQsT0FBTztRQUNMTixPQUFPTSxNQUFNLENBQUNMLE1BQU0sSUFBSTtRQUN4QkE7SUFDRjtBQUNGLEVBQUU7QUFFRixNQUFNTSxrQkFBa0IsQ0FBQ04sT0FBZU87SUFDdEMsSUFBR0EsVUFBVVAsT0FBTztRQUNsQixPQUFPO0lBQ1Q7SUFFQSxJQUFHQSxTQUFTLEdBQUc7UUFDYixPQUFPO0lBQ1Q7SUFFQSxJQUFHQSxVQUFVLEdBQUc7UUFDZCxPQUFPO0lBQ1Q7SUFFQSxJQUFHQSxVQUFVLEdBQUc7UUFDZCxPQUFPO0lBQ1Q7SUFFQSxPQUFPO0FBQ1Q7QUFFQSxNQUFNUSxpQ0FBaUMsQ0FBQyxFQUN0Q0MsU0FBUyxFQUNUWixRQUFRLEVBQ1IsR0FBR2EsT0FDd0I7SUFDM0IsSUFBRyxDQUFDYixVQUFVO1FBQ1osT0FBTztJQUNUO0lBRUEsTUFBTWMsV0FBV2Ysb0JBQW9CQztJQUNyQyxNQUFNZSxXQUFXO1FBQUM7UUFBRztRQUFHO1FBQUc7S0FBRTtJQUU3QixxQkFDRSxNQUFDQztRQUNDQyxjQUFZLENBQUMsbUJBQW1CLEVBQUVILFNBQVNaLEtBQUssRUFBRTtRQUNsRFUsV0FBV2YsR0FBRyxnQkFBZ0JlO1FBQzlCTSxhQUFVO1FBQ1ZDLE1BQUs7UUFDSixHQUFHTixLQUFLOzswQkFDVCxLQUFDRztnQkFBSUksYUFBVztnQkFBQ1IsV0FBVTswQkFDeEJHLFNBQVNNLEdBQUcsQ0FBQyxDQUFDWCx3QkFDYixLQUFDWTt3QkFDQ1YsV0FBV2YsR0FBRyx3Q0FBd0NZLGdCQUFnQkssU0FBU1gsS0FBSyxFQUFFTzt1QkFDakZBOzswQkFJWCxNQUFDYTtnQkFBRVgsV0FBVTs7a0NBQ1gsS0FBQ1U7a0NBQUs7O2tDQUNOLEtBQUNFO3dCQUFPWixXQUFVO2tDQUE2Q0UsU0FBU1osS0FBSzs7Ozs7O0FBSXJGO0FBRUEsT0FBTyxNQUFNdUIsc0NBQXdCM0IsS0FBS2EsZ0NBQWdDO0FBQzFFYyxzQkFBc0JDLFdBQVcsR0FBRyJ9

package/lib/components/PasswordStrengthMeter/PasswordStrengthMeter.stories.js

@@ -0,0 +1,16 @@
+import { PasswordStrengthMeter } from './PasswordStrengthMeter.js';
+const meta = {
+    component: PasswordStrengthMeter,
+    parameters: {
+        layout: 'padded'
+    },
+    title: 'Application UI/Forms/PasswordStrengthMeter'
+};
+export default meta;
+export const Default = {
+    args: {
+        password: 'CorrectHorse123!'
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL1Bhc3N3b3JkU3RyZW5ndGhNZXRlci9QYXNzd29yZFN0cmVuZ3RoTWV0ZXIuc3Rvcmllcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtQYXNzd29yZFN0cmVuZ3RoTWV0ZXJ9IGZyb20gJy4vUGFzc3dvcmRTdHJlbmd0aE1ldGVyLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIFBhc3N3b3JkU3RyZW5ndGhNZXRlcj4gPSB7XG4gIGNvbXBvbmVudDogUGFzc3dvcmRTdHJlbmd0aE1ldGVyLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAncGFkZGVkJ1xuICB9LFxuICB0aXRsZTogJ0FwcGxpY2F0aW9uIFVJL0Zvcm1zL1Bhc3N3b3JkU3RyZW5ndGhNZXRlcidcbn07XG5cbmV4cG9ydCBkZWZhdWx0IG1ldGE7XG5cbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgUGFzc3dvcmRTdHJlbmd0aE1ldGVyPjtcblxuZXhwb3J0IGNvbnN0IERlZmF1bHQ6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgcGFzc3dvcmQ6ICdDb3JyZWN0SG9yc2UxMjMhJ1xuICB9XG59O1xuIl0sIm5hbWVzIjpbIlBhc3N3b3JkU3RyZW5ndGhNZXRlciIsIm1ldGEiLCJjb21wb25lbnQiLCJwYXJhbWV0ZXJzIiwibGF5b3V0IiwidGl0bGUiLCJEZWZhdWx0IiwiYXJncyIsInBhc3N3b3JkIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFRQSxxQkFBcUIsUUFBTyw2QkFBNkI7QUFJakUsTUFBTUMsT0FBMkM7SUFDL0NDLFdBQVdGO0lBQ1hHLFlBQVk7UUFDVkMsUUFBUTtJQUNWO0lBQ0FDLE9BQU87QUFDVDtBQUVBLGVBQWVKLEtBQUs7QUFJcEIsT0FBTyxNQUFNSyxVQUFpQjtJQUM1QkMsTUFBTTtRQUNKQyxVQUFVO0lBQ1o7QUFDRixFQUFFIn0=

package/lib/components/PaymentMethodPanel/PaymentMethodPanel.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface PaymentMethodPanelProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    readonly actionIcon?: ReactNode;
+    readonly addLabel?: string;
+    readonly brand?: string;
+    readonly description?: ReactNode;
+    readonly emptyDescription?: ReactNode;
+    readonly emptyTitle?: ReactNode;
+    readonly isAdding?: boolean;
+    readonly isRemoving?: boolean;
+    readonly last4?: string;
+    readonly onAdd: () => void;
+    readonly onRemove?: () => void;
+    readonly removeLabel?: string;
+    readonly replaceLabel?: string;
+    readonly title?: ReactNode;
+}
+export declare const PaymentMethodPanel: (paymentMethodPanelProps: PaymentMethodPanelProps) => import("react").JSX.Element;