@smart-coder-labs/apple-design-system 1.0.0

package/dist/components/Pagination.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { motion } from 'framer-motion';
+import { cn } from '../lib/utils';
+const DOTS = '...';
+const range = (start, end) => {
+    const length = end - start + 1;
+    return Array.from({ length }, (_, idx) => idx + start);
+};
+const usePagination = ({ totalPages, siblingCount = 1, currentPage, }) => {
+    const paginationRange = React.useMemo(() => {
+        const totalPageNumbers = siblingCount + 5;
+        // Case 1: If the number of pages is less than the page numbers we want to show
+        if (totalPageNumbers >= totalPages) {
+            return range(1, totalPages);
+        }
+        const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
+        const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
+        const shouldShowLeftDots = leftSiblingIndex > 2;
+        const shouldShowRightDots = rightSiblingIndex < totalPages - 2;
+        const firstPageIndex = 1;
+        const lastPageIndex = totalPages;
+        // Case 2: No left dots to show, but rights dots to be shown
+        if (!shouldShowLeftDots && shouldShowRightDots) {
+            const leftItemCount = 3 + 2 * siblingCount;
+            const leftRange = range(1, leftItemCount);
+            return [...leftRange, DOTS, totalPages];
+        }
+        // Case 3: No right dots to show, but left dots to be shown
+        if (shouldShowLeftDots && !shouldShowRightDots) {
+            const rightItemCount = 3 + 2 * siblingCount;
+            const rightRange = range(totalPages - rightItemCount + 1, totalPages);
+            return [firstPageIndex, DOTS, ...rightRange];
+        }
+        // Case 4: Both left and right dots to be shown
+        if (shouldShowLeftDots && shouldShowRightDots) {
+            const middleRange = range(leftSiblingIndex, rightSiblingIndex);
+            return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
+        }
+        return [];
+    }, [totalPages, siblingCount, currentPage]);
+    return paginationRange;
+};
+export const Pagination = React.forwardRef(({ currentPage, totalPages, onPageChange, siblingCount = 1, showFirstLast = true, showPrevNext = true, size = 'md', className = '', ...props }, ref) => {
+    const paginationRange = usePagination({
+        currentPage,
+        totalPages,
+        siblingCount,
+    });
+    const sizeStyles = {
+        sm: 'h-8 min-w-[2rem] text-xs px-2',
+        md: 'h-10 min-w-[2.5rem] text-sm px-3',
+        lg: 'h-12 min-w-[3rem] text-base px-4',
+    };
+    const baseButtonStyles = `
+            inline-flex items-center justify-center
+            rounded-lg font-medium
+            transition-all duration-200
+            focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue focus-visible:ring-offset-2
+            disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:scale-100
+        `;
+    const pageButtonStyles = `
+            ${baseButtonStyles}
+            ${sizeStyles[size]}
+        `;
+    const activePageStyles = `
+            bg-accent-blue text-white shadow-sm
+            hover:bg-accent-blue/90
+        `;
+    const inactivePageStyles = `
+            text-text-primary
+            bg-surface-secondary
+            hover:bg-surface-secondary/80 hover:shadow-sm
+        `;
+    const navButtonStyles = `
+            ${baseButtonStyles}
+            ${sizeStyles[size]}
+            text-text-secondary
+            bg-surface-secondary
+            hover:bg-surface-secondary/80 hover:text-text-primary hover:shadow-sm
+        `;
+    const handlePageChange = (page) => {
+        if (typeof page === 'number' && page !== currentPage) {
+            onPageChange(page);
+        }
+    };
+    const handlePrevious = () => {
+        if (currentPage > 1) {
+            onPageChange(currentPage - 1);
+        }
+    };
+    const handleNext = () => {
+        if (currentPage < totalPages) {
+            onPageChange(currentPage + 1);
+        }
+    };
+    const handleFirst = () => {
+        if (currentPage !== 1) {
+            onPageChange(1);
+        }
+    };
+    const handleLast = () => {
+        if (currentPage !== totalPages) {
+            onPageChange(totalPages);
+        }
+    };
+    if (totalPages <= 1) {
+        return null;
+    }
+    return (_jsxs(motion.nav, { ref: ref, className: cn('flex items-center gap-2', className), initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, transition: { type: 'spring', stiffness: 300, damping: 30 }, "aria-label": "Pagination", ...props, children: [showFirstLast && (_jsx(motion.button, { onClick: handleFirst, disabled: currentPage === 1, className: navButtonStyles, whileHover: { scale: currentPage === 1 ? 1 : 1.05 }, whileTap: { scale: currentPage === 1 ? 1 : 0.95 }, "aria-label": "First page", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M11 12L7 8L11 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M7 12L3 8L7 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }) })), showPrevNext && (_jsx(motion.button, { onClick: handlePrevious, disabled: currentPage === 1, className: navButtonStyles, whileHover: { scale: currentPage === 1 ? 1 : 1.05 }, whileTap: { scale: currentPage === 1 ? 1 : 0.95 }, "aria-label": "Previous page", children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) })), _jsx("div", { className: "flex items-center gap-1", children: paginationRange.map((pageNumber, index) => {
+                    if (pageNumber === DOTS) {
+                        return (_jsx("span", { className: cn('inline-flex items-center justify-center', sizeStyles[size], 'text-text-tertiary'), children: DOTS }, `dots-${index}`));
+                    }
+                    const isActive = pageNumber === currentPage;
+                    return (_jsx(motion.button, { onClick: () => handlePageChange(pageNumber), className: cn(pageButtonStyles, isActive ? activePageStyles : inactivePageStyles), whileHover: { scale: isActive ? 1 : 1.05 }, whileTap: { scale: isActive ? 1 : 0.95 }, "aria-label": `Page ${pageNumber}`, "aria-current": isActive ? 'page' : undefined, children: pageNumber }, pageNumber));
+                }) }), showPrevNext && (_jsx(motion.button, { onClick: handleNext, disabled: currentPage === totalPages, className: navButtonStyles, whileHover: { scale: currentPage === totalPages ? 1 : 1.05 }, whileTap: { scale: currentPage === totalPages ? 1 : 0.95 }, "aria-label": "Next page", children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M6 12L10 8L6 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) })), showFirstLast && (_jsx(motion.button, { onClick: handleLast, disabled: currentPage === totalPages, className: navButtonStyles, whileHover: { scale: currentPage === totalPages ? 1 : 1.05 }, whileTap: { scale: currentPage === totalPages ? 1 : 0.95 }, "aria-label": "Last page", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M5 12L9 8L5 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M9 12L13 8L9 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }) }))] }));
+});
+Pagination.displayName = 'Pagination';
+//# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination.js.map

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

package/dist/components/Panel.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type PanelVariant = 'default' | 'elevated' | 'outlined' | 'glass';
+export interface PanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: PanelVariant;
+    title?: string;
+    subtitle?: string;
+    headerActions?: React.ReactNode;
+    footer?: React.ReactNode;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+}
+export declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Panel.d.ts.map

package/dist/components/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../components/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;AAEzE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACzC;AAMD,eAAO,MAAM,KAAK,mFAgHjB,CAAC"}

package/dist/components/Panel.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, forwardRef } from 'react';
+import { cn } from '../lib/utils';
+import { motion, AnimatePresence } from 'framer-motion';
+import { ChevronDown } from 'lucide-react';
+/* ========================================
+   PANEL COMPONENT
+   ======================================== */
+export const Panel = forwardRef(({ variant = 'default', title, subtitle, headerActions, footer, collapsible = false, defaultCollapsed = false, padding = 'md', className, children, ...props }, ref) => {
+    const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
+    const variants = {
+        default: "bg-surface-primary border border-border-primary",
+        elevated: "bg-surface-elevated shadow-md",
+        outlined: "bg-transparent border-2 border-border-primary",
+        glass: "bg-surface-glass backdrop-blur-md border border-border-primary/50",
+    };
+    const paddings = {
+        none: "",
+        sm: "p-3",
+        md: "p-4",
+        lg: "p-6",
+    };
+    const hasHeader = title || subtitle || headerActions || collapsible;
+    return (_jsxs("div", { ref: ref, className: cn("rounded-xl overflow-hidden transition-all", variants[variant], className), ...props, children: [hasHeader && (_jsxs("div", { className: cn("flex items-center justify-between border-b border-border-primary", padding === 'none' ? 'p-4' : paddings[padding]), children: [_jsxs("div", { className: "flex-1", children: [title && (_jsx("h3", { className: "text-lg font-semibold text-text-primary", children: title })), subtitle && (_jsx("p", { className: "text-sm text-text-secondary mt-0.5", children: subtitle }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [headerActions, collapsible && (_jsx("button", { onClick: () => setIsCollapsed(!isCollapsed), className: "p-1 rounded-lg hover:bg-surface-secondary transition-colors focus:outline-none", "aria-label": isCollapsed ? 'Expand' : 'Collapse', children: _jsx(motion.div, { animate: { rotate: isCollapsed ? -90 : 0 }, transition: { duration: 0.2 }, children: _jsx(ChevronDown, { className: "w-5 h-5 text-text-tertiary" }) }) }))] })] })), _jsx(AnimatePresence, { initial: false, children: !isCollapsed && (_jsx(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: 'auto', opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { duration: 0.2 }, children: _jsx("div", { className: cn(paddings[padding]), children: children }) })) }), footer && !isCollapsed && (_jsx("div", { className: cn("border-t border-border-primary", padding === 'none' ? 'p-4' : paddings[padding]), children: footer }))] }));
+});
+Panel.displayName = 'Panel';
+//# sourceMappingURL=Panel.js.map

package/dist/components/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../components/Panel.tsx"],"names":[],"mappings":"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"}

package/dist/components/Paragraph.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TextProps } from './Text';
+export interface ParagraphProps extends TextProps {
+}
+export declare const Paragraph: React.FC<ParagraphProps>;
+//# sourceMappingURL=Paragraph.d.ts.map

package/dist/components/Paragraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../components/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC,MAAM,WAAW,cAAe,SAAQ,SAAS;CAAI;AAErD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkB9C,CAAC"}

package/dist/components/Paragraph.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from './Text';
+export const Paragraph = ({ children, className = '', variant = 'body', color = 'secondary', ...props }) => {
+    return (_jsx(Text, { as: "p", variant: variant, color: color, className: `mb-4 ${className}`, ...props, children: children }));
+};
+Paragraph.displayName = 'Paragraph';
+//# sourceMappingURL=Paragraph.js.map

package/dist/components/Paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.js","sourceRoot":"","sources":["../../components/Paragraph.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AAIzC,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAChD,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,WAAW,EACnB,GAAG,KAAK,EACX,EAAE,EAAE;IACD,OAAO,CACH,KAAC,IAAI,IACD,EAAE,EAAC,GAAG,EACN,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,QAAQ,SAAS,EAAE,KAC1B,KAAK,YAER,QAAQ,GACN,CACV,CAAC;AACN,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/components/PasswordInput.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface PasswordInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
+    label?: string;
+    value: string;
+    onChange: (value: string) => void;
+    error?: string;
+    helperText?: string;
+    showStrengthMeter?: boolean;
+    strengthRequirements?: StrengthRequirement[];
+}
+export interface StrengthRequirement {
+    regex: RegExp;
+    label: string;
+}
+export declare const PasswordInput: React.FC<PasswordInputProps>;
+//# sourceMappingURL=PasswordInput.d.ts.map

package/dist/components/PasswordInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../components/PasswordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9G,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;CAChD;AAED,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAkBD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+JtD,CAAC"}

package/dist/components/PasswordInput.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { motion } from 'framer-motion';
+import { Eye, EyeOff, Check, X } from 'lucide-react';
+import { cn } from '../lib/utils';
+/* ========================================
+   CONSTANTS
+   ======================================== */
+const DEFAULT_REQUIREMENTS = [
+    { regex: /.{8,}/, label: 'At least 8 characters' },
+    { regex: /[0-9]/, label: 'Contains a number' },
+    { regex: /[a-z]/, label: 'Contains a lowercase letter' },
+    { regex: /[A-Z]/, label: 'Contains an uppercase letter' },
+    { regex: /[^A-Za-z0-9]/, label: 'Contains a special character' },
+];
+/* ========================================
+   PASSWORD INPUT COMPONENT
+   ======================================== */
+export const PasswordInput = ({ label, value, onChange, error, helperText, showStrengthMeter = true, strengthRequirements = DEFAULT_REQUIREMENTS, className, disabled, ...props }) => {
+    const [showPassword, setShowPassword] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
+    const toggleVisibility = () => {
+        if (!disabled) {
+            setShowPassword(!showPassword);
+        }
+    };
+    const calculateStrength = (val) => {
+        let score = 0;
+        strengthRequirements.forEach(req => {
+            if (req.regex.test(val))
+                score++;
+        });
+        return score;
+    };
+    const strengthScore = calculateStrength(value);
+    const maxScore = strengthRequirements.length;
+    const strengthPercentage = (strengthScore / maxScore) * 100;
+    const getStrengthColor = (score) => {
+        if (score <= 1)
+            return 'bg-status-error';
+        if (score <= 3)
+            return 'bg-status-warning';
+        return 'bg-status-success';
+    };
+    const getStrengthLabel = (score) => {
+        if (score === 0)
+            return '';
+        if (score <= 1)
+            return 'Weak';
+        if (score <= 3)
+            return 'Medium';
+        return 'Strong';
+    };
+    return (_jsxs("div", { className: cn("w-full space-y-2", className), children: [label && (_jsx("label", { className: "block text-sm font-medium text-text-primary", children: label })), _jsxs("div", { className: "relative", children: [_jsx("input", { type: showPassword ? 'text' : 'password', value: value, onChange: (e) => onChange(e.target.value), disabled: disabled, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), className: cn("w-full h-10 px-4 pr-10 rounded-xl border bg-surface-primary text-text-primary transition-all", "focus:outline-none focus:ring-2 focus:ring-accent-blue/20 focus:border-accent-blue", "disabled:opacity-50 disabled:cursor-not-allowed", error
+                            ? "border-status-error focus:border-status-error focus:ring-status-error/20"
+                            : "border-border-primary"), ...props }), _jsx("button", { type: "button", onClick: toggleVisibility, disabled: disabled, className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-tertiary hover:text-text-primary transition-colors focus:outline-none disabled:opacity-50", children: showPassword ? (_jsx(EyeOff, { className: "w-4 h-4" })) : (_jsx(Eye, { className: "w-4 h-4" })) })] }), showStrengthMeter && value.length > 0 && (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between text-xs", children: [_jsx("span", { className: cn("font-medium transition-colors", strengthScore <= 1 ? "text-status-error" :
+                                    strengthScore <= 3 ? "text-status-warning" : "text-status-success"), children: getStrengthLabel(strengthScore) }), _jsxs("span", { className: "text-text-tertiary", children: [strengthScore, "/", maxScore] })] }), _jsx("div", { className: "h-1.5 w-full bg-surface-secondary rounded-full overflow-hidden", children: _jsx(motion.div, { className: cn("h-full transition-colors duration-300", getStrengthColor(strengthScore)), initial: { width: 0 }, animate: { width: `${strengthPercentage}%` }, transition: { type: 'spring', stiffness: 300, damping: 30 } }) }), _jsx(motion.div, { initial: false, animate: {
+                            height: isFocused || value.length > 0 ? 'auto' : 0,
+                            opacity: isFocused || value.length > 0 ? 1 : 0
+                        }, className: "overflow-hidden", children: _jsx("ul", { className: "space-y-1 mt-2", children: strengthRequirements.map((req, index) => {
+                                const isMet = req.regex.test(value);
+                                return (_jsxs("li", { className: "flex items-center gap-2 text-xs", children: [isMet ? (_jsx(Check, { className: "w-3 h-3 text-status-success" })) : (_jsx(X, { className: "w-3 h-3 text-text-tertiary" })), _jsx("span", { className: cn("transition-colors", isMet ? "text-text-secondary" : "text-text-tertiary"), children: req.label })] }, index));
+                            }) }) })] })), (error || helperText) && (_jsx(motion.p, { initial: { opacity: 0, y: -4 }, animate: { opacity: 1, y: 0 }, className: cn("text-sm", error ? "text-status-error" : "text-text-secondary"), children: error || helperText }))] }));
+};
+PasswordInput.displayName = 'PasswordInput';
+//# sourceMappingURL=PasswordInput.js.map

package/dist/components/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../components/PasswordInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/PaymentMethodSelector.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export type PaymentType = 'card' | 'applepay' | 'paypal' | 'bank';
+export interface PaymentMethod {
+    id: string;
+    type: PaymentType;
+    label?: string;
+    details?: string;
+    disabled?: boolean;
+}
+export interface PaymentMethodSelectorProps {
+    methods: PaymentMethod[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (id: string) => void;
+    onAdd?: () => void;
+    className?: string;
+    /** show an Add payment method button */
+    showAdd?: boolean;
+}
+export declare const PaymentMethodSelector: React.FC<PaymentMethodSelectorProps>;
+export default PaymentMethodSelector;
+//# sourceMappingURL=PaymentMethodSelector.d.ts.map

package/dist/components/PaymentMethodSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodSelector.d.ts","sourceRoot":"","sources":["../../components/PaymentMethodSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA6FtE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/PaymentMethodSelector.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../lib/utils';
+export const PaymentMethodSelector = ({ methods, value: controlledValue, defaultValue, onChange, onAdd, className = '', showAdd = true, }) => {
+    const isControlled = typeof controlledValue === 'string';
+    const [internal, setInternal] = React.useState(defaultValue);
+    const selected = isControlled ? controlledValue : internal;
+    const handleSelect = (id) => {
+        const method = methods.find((m) => m.id === id);
+        if (!method || method.disabled)
+            return;
+        if (!isControlled)
+            setInternal(id);
+        onChange?.(id);
+    };
+    return (_jsxs("div", { className: cn('space-y-3', className), children: [_jsx("div", { role: "radiogroup", "aria-label": "Payment methods", className: "grid gap-3", children: methods.map((m) => {
+                    const isSelected = selected === m.id;
+                    return (_jsxs("button", { type: "button", role: "radio", "aria-checked": isSelected, "aria-disabled": m.disabled, onClick: () => handleSelect(m.id), disabled: m.disabled, className: cn('w-full flex items-center justify-between gap-4 p-4 rounded-xl border transition-colors shadow-sm', isSelected
+                            ? 'border-accent-blue bg-accent-blue/5 text-accent-blue shadow-[0_1px_2px_rgba(10,132,255,0.08)]'
+                            : 'border-border-primary bg-surface-secondary text-text-primary', m.disabled ? 'opacity-40 cursor-not-allowed' : 'hover:border-accent-blue'), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "flex-shrink-0", children: [m.type === 'card' && (_jsx("div", { className: "w-10 h-6 flex items-center justify-center bg-white rounded-md text-sm font-medium", children: "\u25CF\u25CF\u25CF\u25CF" })), m.type === 'applepay' && (_jsx("div", { className: "text-sm font-medium", children: "\uF8FF" })), m.type === 'paypal' && (_jsx("div", { className: "text-sm font-medium", children: "PP" })), m.type === 'bank' && (_jsx("div", { className: "text-sm font-medium", children: "\uD83C\uDFE6" }))] }), _jsxs("div", { className: "text-left", children: [_jsx("div", { className: cn('text-sm font-medium', isSelected ? 'text-accent-blue' : 'text-text-primary'), children: m.label ?? m.type }), m.details && (_jsx("div", { className: cn('text-xs mt-1', isSelected ? 'text-accent-blue/80' : 'text-text-tertiary'), children: m.details }))] })] }), _jsx("div", { className: "flex items-center", children: isSelected ? (_jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, className: "text-accent-blue", children: _jsx("path", { d: "M5 13l4 4L19 7", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }) })) : (_jsx("div", { className: "w-4 h-4 rounded-full border border-border-primary" })) })] }, m.id));
+                }) }), showAdd && (_jsx("div", { children: _jsx("button", { type: "button", onClick: () => onAdd?.(), className: "inline-flex items-center gap-2 px-3 py-2 rounded-md bg-transparent text-accent-blue hover:underline", children: "+ Add payment method" }) }))] }));
+};
+export default PaymentMethodSelector;
+//# sourceMappingURL=PaymentMethodSelector.js.map

package/dist/components/PaymentMethodSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodSelector.js","sourceRoot":"","sources":["../../components/PaymentMethodSelector.tsx"],"names":[],"mappings":"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"}

package/dist/components/PermissionsMatrix.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface Role {
+    id: string;
+    name: string;
+    description?: string;
+}
+export interface Permission {
+    id: string;
+    name: string;
+    description?: string;
+    category?: string;
+}
+export interface PermissionsMatrixProps {
+    roles: Role[];
+    permissions: Permission[];
+    rolePermissions: {
+        [roleId: string]: string[];
+    };
+    onChange?: (roleId: string, permissionIds: string[]) => void;
+    className?: string;
+}
+export declare const PermissionsMatrix: React.FC<PermissionsMatrixProps>;
+//# sourceMappingURL=PermissionsMatrix.d.ts.map

package/dist/components/PermissionsMatrix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionsMatrix.d.ts","sourceRoot":"","sources":["../../components/PermissionsMatrix.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,IAAI;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACnC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,eAAe,EAAE;QAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoH9D,CAAC"}

package/dist/components/PermissionsMatrix.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { tokens } from '../tokens';
+import { Checkbox } from './Checkbox';
+export const PermissionsMatrix = ({ roles, permissions, rolePermissions, onChange, className = '', }) => {
+    const groupedPermissions = permissions.reduce((acc, perm) => {
+        const category = perm.category || 'General';
+        if (!acc[category])
+            acc[category] = [];
+        acc[category].push(perm);
+        return acc;
+    }, {});
+    const categories = Object.keys(groupedPermissions);
+    const handleToggle = (roleId, permissionId, checked) => {
+        if (!onChange)
+            return;
+        const currentPermissions = rolePermissions[roleId] || [];
+        let newPermissions;
+        if (checked) {
+            newPermissions = [...currentPermissions, permissionId];
+        }
+        else {
+            newPermissions = currentPermissions.filter(id => id !== permissionId);
+        }
+        onChange(roleId, newPermissions);
+    };
+    const handleToggleCategory = (roleId, category, checked) => {
+        if (!onChange)
+            return;
+        const categoryPermIds = groupedPermissions[category].map(p => p.id);
+        const currentPermissions = rolePermissions[roleId] || [];
+        let newPermissions;
+        if (checked) {
+            const toAdd = categoryPermIds.filter(id => !currentPermissions.includes(id));
+            newPermissions = [...currentPermissions, ...toAdd];
+        }
+        else {
+            newPermissions = currentPermissions.filter(id => !categoryPermIds.includes(id));
+        }
+        onChange(roleId, newPermissions);
+    };
+    return (_jsx("div", { className: className, style: { overflowX: 'auto', border: `1px solid var(--color-border-primary)`, borderRadius: tokens.radius.md, backgroundColor: 'var(--color-background-primary)' }, children: _jsxs("table", { style: { width: '100%', borderCollapse: 'collapse', minWidth: '800px' }, children: [_jsx("thead", { children: _jsxs("tr", { style: { backgroundColor: 'var(--color-background-secondary)', borderBottom: `1px solid var(--color-border-primary)` }, children: [_jsx("th", { style: { padding: tokens.spacing[4], textAlign: 'left', width: '300px', color: 'var(--color-text-primary)' }, children: "Permission" }), roles.map(role => (_jsxs("th", { style: { padding: tokens.spacing[4], textAlign: 'center', minWidth: '120px' }, children: [_jsx("div", { style: { fontWeight: tokens.typography.fontWeight.bold, color: 'var(--color-text-primary)' }, children: role.name }), role.description && (_jsx("div", { style: { fontSize: tokens.typography.fontSize.xs, color: 'var(--color-text-tertiary)', fontWeight: 'normal', marginTop: '4px' }, children: role.description }))] }, role.id)))] }) }), _jsx("tbody", { children: categories.map(category => (_jsxs(React.Fragment, { children: [_jsxs("tr", { style: { backgroundColor: 'var(--color-background-tertiary)', borderBottom: `1px solid var(--color-border-secondary)` }, children: [_jsx("td", { style: { padding: `${tokens.spacing[2]} ${tokens.spacing[4]}`, fontWeight: tokens.typography.fontWeight.bold, color: 'var(--color-text-secondary)', fontSize: tokens.typography.fontSize.sm }, children: category }), roles.map(role => {
+                                        const categoryPermIds = groupedPermissions[category].map(p => p.id);
+                                        const rolePerms = rolePermissions[role.id] || [];
+                                        const allChecked = categoryPermIds.length > 0 && categoryPermIds.every(id => rolePerms.includes(id));
+                                        return (_jsx("td", { style: { textAlign: 'center', padding: tokens.spacing[2] }, children: _jsx("div", { style: { display: 'flex', justifyContent: 'center' }, children: _jsx(Checkbox, { checked: allChecked, onCheckedChange: (checked) => handleToggleCategory(role.id, category, checked) }) }) }, role.id));
+                                    })] }), groupedPermissions[category].map(permission => (_jsxs("tr", { style: { borderBottom: `1px solid var(--color-border-secondary)` }, children: [_jsxs("td", { style: { padding: tokens.spacing[3], paddingLeft: tokens.spacing[8] }, children: [_jsx("div", { style: { fontWeight: tokens.typography.fontWeight.medium, color: 'var(--color-text-primary)' }, children: permission.name }), permission.description && (_jsx("div", { style: { fontSize: tokens.typography.fontSize.xs, color: 'var(--color-text-tertiary)', marginTop: '2px' }, children: permission.description }))] }), roles.map(role => {
+                                        const isChecked = (rolePermissions[role.id] || []).includes(permission.id);
+                                        return (_jsx("td", { style: { textAlign: 'center', padding: tokens.spacing[3] }, children: _jsx("div", { style: { display: 'flex', justifyContent: 'center' }, children: _jsx(Checkbox, { checked: isChecked, onCheckedChange: (checked) => handleToggle(role.id, permission.id, checked) }) }) }, role.id));
+                                    })] }, permission.id)))] }, category))) })] }) }));
+};
+//# sourceMappingURL=PermissionsMatrix.js.map

package/dist/components/PermissionsMatrix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionsMatrix.js","sourceRoot":"","sources":["../../components/PermissionsMatrix.tsx"],"names":[],"mappings":"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"}

package/dist/components/Popover.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+type PopoverProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: React.ReactNode;
+};
+declare function Popover({ open: controlledOpen, defaultOpen, onOpenChange, children }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    align?: "start" | "center" | "end";
+    side?: "top" | "bottom" | "left" | "right";
+    sideOffset?: number;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };
+//# sourceMappingURL=Popover.d.ts.map

package/dist/components/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../components/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiC/B,KAAK,YAAY,GAAG;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,WAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAsBnG;AAOD,QAAA,MAAM,cAAc;cAJN,OAAO;cACP,KAAK,CAAC,SAAS;qCA0C5B,CAAC;AASF,QAAA,MAAM,cAAc;YALR,OAAO,GAAG,QAAQ,GAAG,KAAK;WAC3B,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO;iBAC7B,MAAM;wCAwHtB,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}