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

package/dist/components/NavigationDrawer.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { cn } from '../lib/utils';
+export const NavigationDrawer = React.forwardRef(({ isOpen, onClose, position = 'left', sections = [], header, footer, width = 'md', showBackdrop = true, closeOnBackdropClick = true, belowNavBar = false, navBarHeight = 56, className = '', ...props }, ref) => {
+    const widthStyles = {
+        sm: 'w-64',
+        md: 'w-80',
+        lg: 'w-96',
+    };
+    const slideVariants = {
+        left: {
+            hidden: { x: '-100%' },
+            visible: { x: 0 },
+            exit: { x: '-100%' },
+        },
+        right: {
+            hidden: { x: '100%' },
+            visible: { x: 0 },
+            exit: { x: '100%' },
+        },
+    };
+    const backdropVariants = {
+        hidden: { opacity: 0 },
+        visible: { opacity: 1 },
+        exit: { opacity: 0 },
+    };
+    const baseDrawerStyles = `
+            fixed ${position === 'left' ? 'left-0' : 'right-0'}
+            ${widthStyles[width]}
+            bg-surface-primary
+            shadow-xl
+            flex flex-col
+            ${belowNavBar ? 'z-dropdown' : 'z-modal'}
+        `;
+    const backdropClass = cn('fixed bg-black/40 backdrop-blur-sm', belowNavBar ? 'z-dropdown' : 'z-modal', !belowNavBar && 'inset-0');
+    const drawerStyle = belowNavBar
+        ? {
+            top: `${navBarHeight}px`,
+            height: `calc(100vh - ${navBarHeight}px)`,
+        }
+        : {
+            top: 0,
+            height: '100vh',
+        };
+    const backdropStyle = belowNavBar
+        ? {
+            top: `${navBarHeight}px`,
+            left: 0,
+            right: 0,
+            bottom: 0,
+        }
+        : {};
+    const itemBase = `
+            flex items-center justify-between gap-3 px-4 py-3 rounded-md text-sm font-medium
+            transition-apple focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue
+            cursor-pointer
+        `;
+    const itemActive = `text-text-primary bg-accent-blue/10 border-l-2 border-accent-blue`;
+    const itemInactive = `text-text-secondary hover:bg-surface-secondary hover:text-text-primary`;
+    const handleBackdropClick = () => {
+        if (closeOnBackdropClick) {
+            onClose();
+        }
+    };
+    // Lock body scroll when drawer is open
+    React.useEffect(() => {
+        if (isOpen) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = '';
+        }
+        return () => {
+            document.body.style.overflow = '';
+        };
+    }, [isOpen]);
+    // Handle escape key
+    React.useEffect(() => {
+        const handleEscape = (e) => {
+            if (e.key === 'Escape' && isOpen) {
+                onClose();
+            }
+        };
+        document.addEventListener('keydown', handleEscape);
+        return () => document.removeEventListener('keydown', handleEscape);
+    }, [isOpen, onClose]);
+    return (_jsx(AnimatePresence, { children: isOpen && (_jsxs(_Fragment, { children: [showBackdrop && (_jsx(motion.div, { className: backdropClass, style: backdropStyle, variants: backdropVariants, initial: "hidden", animate: "visible", exit: "exit", transition: { duration: 0.2 }, onClick: handleBackdropClick, "aria-hidden": "true" })), _jsxs(motion.div, { ref: ref, className: cn(baseDrawerStyles, className), style: drawerStyle, variants: slideVariants[position], initial: "hidden", animate: "visible", exit: "exit", transition: { type: 'spring', stiffness: 300, damping: 30 }, role: "dialog", "aria-modal": "true", ...props, children: [header && (_jsx("div", { className: "flex-shrink-0 px-4 py-4 border-b border-border-primary", children: header })), _jsx("div", { className: "flex-1 overflow-y-auto px-2 py-4", children: sections.map((section, sectionIdx) => (_jsxs("div", { className: "mb-6 last:mb-0", children: [section.title && (_jsx("h3", { className: "px-4 mb-2 text-xs font-semibold text-text-tertiary uppercase tracking-wide", children: section.title })), _jsx("nav", { className: "space-y-1", children: section.items.map((item, itemIdx) => {
+                                            const Component = item.href ? 'a' : 'button';
+                                            const isActive = !!item.active;
+                                            return (_jsxs(Component, { href: item.href, onClick: item.onClick, className: cn(itemBase, isActive ? itemActive : itemInactive), children: [_jsxs("div", { className: "flex items-center gap-3", children: [item.icon && (_jsx("span", { className: "inline-flex flex-shrink-0", children: item.icon })), _jsx("span", { children: item.label })] }), item.badge && (_jsx("span", { className: "inline-flex items-center justify-center px-2 py-0.5 text-xs font-semibold rounded-full bg-accent-blue text-white", children: item.badge }))] }, itemIdx));
+                                        }) })] }, sectionIdx))) }), footer && (_jsx("div", { className: "flex-shrink-0 px-4 py-4 border-t border-border-primary", children: footer }))] })] })) }));
+});
+NavigationDrawer.displayName = 'NavigationDrawer';
+//# sourceMappingURL=NavigationDrawer.js.map

package/dist/components/NavigationDrawer.js.map

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

package/dist/components/NotificationCenterPanel.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export type NotificationType = 'info' | 'success' | 'warning' | 'error';
+export interface Notification {
+    id: string;
+    title: string;
+    message?: string;
+    type?: NotificationType;
+    timestamp: string;
+    read?: boolean;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    icon?: React.ReactNode;
+}
+export interface NotificationCenterPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    notifications: Notification[];
+    onNotificationClick?: (notification: Notification) => void;
+    onMarkAllRead?: () => void;
+    onClearAll?: () => void;
+    onDismiss?: (notification: Notification) => void;
+    className?: string;
+}
+export declare const NotificationCenterPanel: React.ForwardRefExoticComponent<NotificationCenterPanelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=NotificationCenterPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenterPanel.d.ts","sourceRoot":"","sources":["../../components/NotificationCenterPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExE,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;IACF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtF,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAoCD,eAAO,MAAM,uBAAuB,qGAkJnC,CAAC"}

package/dist/components/NotificationCenterPanel.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../lib/utils';
+import { motion } from 'framer-motion';
+import { X, Bell, CheckCircle2, AlertCircle, Info, XCircle } from 'lucide-react';
+import { Button } from './Button';
+import { Badge } from './Badge';
+/* ========================================
+   HELPERS
+   ======================================== */
+const getTypeIcon = (type) => {
+    switch (type) {
+        case 'success':
+            return _jsx(CheckCircle2, { className: "w-5 h-5 text-status-success" });
+        case 'warning':
+            return _jsx(AlertCircle, { className: "w-5 h-5 text-status-warning" });
+        case 'error':
+            return _jsx(XCircle, { className: "w-5 h-5 text-status-error" });
+        default:
+            return _jsx(Info, { className: "w-5 h-5 text-accent-blue" });
+    }
+};
+const getTypeStyles = (type) => {
+    switch (type) {
+        case 'success':
+            return 'border-status-success/20 bg-status-success/5';
+        case 'warning':
+            return 'border-status-warning/20 bg-status-warning/5';
+        case 'error':
+            return 'border-status-error/20 bg-status-error/5';
+        default:
+            return 'border-border-primary bg-surface-primary';
+    }
+};
+/* ========================================
+   COMPONENT
+   ======================================== */
+export const NotificationCenterPanel = React.forwardRef(({ notifications, onNotificationClick, onMarkAllRead, onClearAll, onDismiss, className, ...props }, ref) => {
+    const unreadCount = notifications.filter(n => !n.read).length;
+    return (_jsxs("div", { ref: ref, className: cn("w-full max-w-md bg-surface-primary border border-border-primary rounded-2xl shadow-xl overflow-hidden", className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-border-primary", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Bell, { className: "w-5 h-5 text-text-primary" }), _jsx("h2", { className: "text-lg font-semibold text-text-primary", children: "Notifications" }), unreadCount > 0 && (_jsx(Badge, { variant: "error", size: "sm", children: unreadCount }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [onMarkAllRead && unreadCount > 0 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: onMarkAllRead, children: "Mark all read" })), onClearAll && notifications.length > 0 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: onClearAll, children: "Clear all" }))] })] }), _jsx("div", { className: "max-h-[600px] overflow-y-auto", children: notifications.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-6 text-center", children: [_jsx(Bell, { className: "w-12 h-12 text-text-tertiary mb-3" }), _jsx("p", { className: "text-sm font-medium text-text-primary mb-1", children: "No notifications" }), _jsx("p", { className: "text-xs text-text-secondary", children: "You're all caught up!" })] })) : (_jsx("div", { className: "divide-y divide-border-primary", children: notifications.map((notification, index) => (_jsx(motion.div, { initial: { opacity: 0, x: -10 }, animate: { opacity: 1, x: 0 }, transition: { delay: index * 0.05 }, className: cn("relative px-6 py-4 transition-colors", !notification.read && "bg-accent-blue/5", "hover:bg-surface-secondary/50"), onClick: () => onNotificationClick?.(notification), children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex-shrink-0 mt-0.5", children: notification.icon || getTypeIcon(notification.type) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-start justify-between gap-2 mb-1", children: [_jsx("h3", { className: cn("text-sm font-semibold", notification.read ? "text-text-secondary" : "text-text-primary"), children: notification.title }), !notification.read && (_jsx("div", { className: "w-2 h-2 bg-accent-blue rounded-full flex-shrink-0 mt-1.5" }))] }), notification.message && (_jsx("p", { className: "text-xs text-text-secondary mb-2 line-clamp-2", children: notification.message })), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-xs text-text-tertiary", children: notification.timestamp }), notification.action && (_jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => {
+                                                        e.stopPropagation();
+                                                        notification.action?.onClick();
+                                                    }, children: notification.action.label }))] })] }), onDismiss && (_jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => {
+                                        e.stopPropagation();
+                                        onDismiss(notification);
+                                    }, className: "flex-shrink-0", children: _jsx(X, { className: "w-4 h-4" }) }))] }) }, notification.id))) })) })] }));
+});
+NotificationCenterPanel.displayName = 'NotificationCenterPanel';
+//# sourceMappingURL=NotificationCenterPanel.js.map

package/dist/components/NotificationCenterPanel.js.map

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

package/dist/components/OTPInput.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface OTPInputProps {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    disabled?: boolean;
+    error?: boolean;
+    separator?: React.ReactNode;
+    groupSize?: number;
+    className?: string;
+    autoFocus?: boolean;
+}
+export declare const OTPInput: React.FC<OTPInputProps>;
+//# sourceMappingURL=OTPInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../components/OTPInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,MAAM,WAAW,aAAa;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAMD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4L5C,CAAC"}

package/dist/components/OTPInput.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useRef, useState, useEffect } from 'react';
+import { motion } from 'framer-motion';
+import { cn } from '../lib/utils';
+/* ========================================
+   OTP INPUT COMPONENT
+   ======================================== */
+export const OTPInput = ({ length = 6, value = '', onChange, onComplete, disabled = false, error = false, separator = _jsx("span", { className: "text-text-tertiary font-bold", children: "-" }), groupSize = 3, className, autoFocus = false, }) => {
+    const inputRefs = useRef([]);
+    // Initialize state
+    const [values, setValues] = useState(() => {
+        const initialValues = Array(length).fill('');
+        if (value) {
+            const chars = value.split('');
+            chars.forEach((char, i) => {
+                if (i < length)
+                    initialValues[i] = char;
+            });
+        }
+        return initialValues;
+    });
+    // Sync with external value
+    useEffect(() => {
+        if (value !== undefined) {
+            const newValues = Array(length).fill('');
+            const chars = value.split('');
+            chars.forEach((char, i) => {
+                if (i < length)
+                    newValues[i] = char;
+            });
+            setValues(newValues);
+        }
+    }, [value, length]);
+    // Auto focus first input
+    useEffect(() => {
+        if (autoFocus && !disabled) {
+            inputRefs.current[0]?.focus();
+        }
+    }, [autoFocus, disabled]);
+    const focusInput = (index) => {
+        if (inputRefs.current[index]) {
+            inputRefs.current[index]?.focus();
+        }
+    };
+    const handleChange = (index, e) => {
+        const val = e.target.value;
+        // Only allow numbers
+        if (!/^\d*$/.test(val))
+            return;
+        let newValues = [...values];
+        // Handle paste or multi-char input
+        if (val.length > 1) {
+            const chars = val.split('').filter(c => /\d/.test(c));
+            let currentIndex = index;
+            chars.forEach((char) => {
+                if (currentIndex < length) {
+                    newValues[currentIndex] = char;
+                    currentIndex++;
+                }
+            });
+            setValues(newValues);
+            const newValueString = newValues.join('');
+            onChange?.(newValueString);
+            if (newValueString.length === length) {
+                onComplete?.(newValueString);
+                inputRefs.current[length - 1]?.blur();
+            }
+            else {
+                focusInput(Math.min(currentIndex, length - 1));
+            }
+            return;
+        }
+        // Handle single char
+        newValues[index] = val;
+        setValues(newValues);
+        const newValueString = newValues.join('');
+        onChange?.(newValueString);
+        if (val && index < length - 1) {
+            focusInput(index + 1);
+        }
+        if (newValueString.length === length) {
+            onComplete?.(newValueString);
+            if (index === length - 1) {
+                inputRefs.current[index]?.blur();
+            }
+        }
+    };
+    const handleKeyDown = (index, e) => {
+        if (e.key === 'Backspace') {
+            e.preventDefault();
+            if (values[index]) {
+                const newValues = [...values];
+                newValues[index] = '';
+                setValues(newValues);
+                onChange?.(newValues.join(''));
+            }
+            else if (index > 0) {
+                const newValues = [...values];
+                newValues[index - 1] = '';
+                setValues(newValues);
+                onChange?.(newValues.join(''));
+                focusInput(index - 1);
+            }
+        }
+        else if (e.key === 'ArrowLeft' && index > 0) {
+            e.preventDefault();
+            focusInput(index - 1);
+        }
+        else if (e.key === 'ArrowRight' && index < length - 1) {
+            e.preventDefault();
+            focusInput(index + 1);
+        }
+    };
+    const handlePaste = (e) => {
+        e.preventDefault();
+        const pastedData = e.clipboardData.getData('text');
+        const chars = pastedData.split('').filter(c => /\d/.test(c));
+        const newValues = [...values];
+        let currentIndex = 0;
+        chars.forEach((char) => {
+            if (currentIndex < length) {
+                newValues[currentIndex] = char;
+                currentIndex++;
+            }
+        });
+        setValues(newValues);
+        const newValueString = newValues.join('');
+        onChange?.(newValueString);
+        if (newValueString.length === length) {
+            onComplete?.(newValueString);
+            inputRefs.current[length - 1]?.blur();
+        }
+        else {
+            focusInput(Math.min(currentIndex, length - 1));
+        }
+    };
+    return (_jsx("div", { className: cn("flex items-center gap-2", className), children: Array.from({ length }).map((_, index) => (_jsxs(React.Fragment, { children: [index > 0 && index % groupSize === 0 && separator, _jsx(motion.div, { whileFocus: { scale: 1.05, y: -2 }, transition: { type: 'spring', stiffness: 300, damping: 30 }, children: _jsx("input", { ref: (el) => {
+                            inputRefs.current[index] = el;
+                        }, type: "text", inputMode: "numeric", maxLength: 1, value: values[index], onChange: (e) => handleChange(index, e), onKeyDown: (e) => handleKeyDown(index, e), onPaste: handlePaste, disabled: disabled, className: cn("w-12 h-14 text-2xl text-center font-semibold rounded-xl border bg-surface-primary text-text-primary transition-all shadow-sm", "focus:outline-none focus:ring-4 focus:ring-accent-blue/10 focus:border-accent-blue", "disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-surface-secondary", error
+                            ? "border-status-error text-status-error focus:border-status-error focus:ring-status-error/10"
+                            : "border-border-primary") }) })] }, index))) }));
+};
+OTPInput.displayName = 'OTPInput';
+//# sourceMappingURL=OTPInput.js.map

package/dist/components/OTPInput.js.map

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

package/dist/components/OfflineState.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+export interface OfflineStateProps {
+    /**
+     * Title of the offline state
+     * @default "No Internet Connection"
+     */
+    title?: string;
+    /**
+     * Description text
+     * @default "Please check your network settings and try again."
+     */
+    description?: string;
+    /**
+     * Callback function when the retry button is clicked
+     */
+    onRetry?: () => void;
+    /**
+     * Whether the retry action is currently in progress
+     */
+    isRetrying?: boolean;
+    /**
+     * Whether to display as a full page overlay
+     * @default false
+     */
+    fullPage?: boolean;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Custom icon to display
+     */
+    icon?: React.ReactNode;
+}
+export declare const OfflineState: React.FC<OfflineStateProps>;
+//# sourceMappingURL=OfflineState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineState.d.ts","sourceRoot":"","sources":["../../components/OfflineState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,iBAAiB;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiEpD,CAAC"}

package/dist/components/OfflineState.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from 'framer-motion';
+import { WifiOff, RefreshCw } from 'lucide-react';
+import { Button } from './Button';
+export const OfflineState = ({ title = "No Internet Connection", description = "Please check your network settings and try again.", onRetry, isRetrying = false, fullPage = false, className = '', icon, }) => {
+    const containerClasses = `
+    flex flex-col items-center justify-center text-center p-8
+    ${fullPage ? 'fixed inset-0 z-50 bg-background-primary/95 backdrop-blur-sm' : 'w-full h-full bg-surface-primary rounded-2xl'}
+    ${className}
+  `.trim().replace(/\s+/g, ' ');
+    return (_jsx("div", { className: containerClasses, children: _jsxs(motion.div, { initial: { opacity: 0, scale: 0.95 }, animate: { opacity: 1, scale: 1 }, transition: { duration: 0.4, ease: [0.16, 1, 0.3, 1] }, className: "max-w-md mx-auto flex flex-col items-center", children: [_jsxs("div", { className: "mb-6 relative", children: [_jsx(motion.div, { className: "absolute inset-0 bg-status-error/10 rounded-full blur-xl", animate: {
+                                opacity: [0.3, 0.6, 0.3],
+                                scale: [1, 1.1, 1]
+                            }, transition: {
+                                duration: 3,
+                                repeat: Infinity,
+                                ease: "easeInOut"
+                            } }), _jsx("div", { className: "relative bg-surface-secondary p-5 rounded-full", children: icon || _jsx(WifiOff, { className: "w-10 h-10 text-text-secondary", strokeWidth: 1.5 }) })] }), _jsx("h3", { className: "text-xl font-semibold text-text-primary mb-2", children: title }), _jsx("p", { className: "text-text-secondary mb-8 leading-relaxed", children: description }), onRetry && (_jsx(Button, { variant: "primary", onClick: onRetry, loading: isRetrying, leftIcon: !isRetrying ? _jsx(RefreshCw, { size: 16 }) : undefined, children: "Try Again" }))] }) }));
+};
+OfflineState.displayName = 'OfflineState';
+//# sourceMappingURL=OfflineState.js.map

package/dist/components/OfflineState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineState.js","sourceRoot":"","sources":["../../components/OfflineState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAoClC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACtD,KAAK,GAAG,wBAAwB,EAChC,WAAW,GAAG,mDAAmD,EACjE,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,IAAI,GACP,EAAE,EAAE;IACD,MAAM,gBAAgB,GAAG;;MAEvB,QAAQ,CAAC,CAAC,CAAC,8DAA8D,CAAC,CAAC,CAAC,8CAA8C;MAC1H,SAAS;GACZ,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAE5B,OAAO,CACH,cAAK,SAAS,EAAE,gBAAgB,YAC5B,MAAC,MAAM,CAAC,GAAG,IACP,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EACpC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EACjC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,EACtD,SAAS,EAAC,6CAA6C,aAGvD,eAAK,SAAS,EAAC,eAAe,aAC1B,KAAC,MAAM,CAAC,GAAG,IACP,SAAS,EAAC,0DAA0D,EACpE,OAAO,EAAE;gCACL,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;gCACxB,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;6BACrB,EACD,UAAU,EAAE;gCACR,QAAQ,EAAE,CAAC;gCACX,MAAM,EAAE,QAAQ;gCAChB,IAAI,EAAE,WAAW;6BACpB,GACH,EACF,cAAK,SAAS,EAAC,gDAAgD,YAC1D,IAAI,IAAI,KAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,EAAC,WAAW,EAAE,GAAG,GAAI,GAC9E,IACJ,EAGN,aAAI,SAAS,EAAC,8CAA8C,YACvD,KAAK,GACL,EAEL,YAAG,SAAS,EAAC,0CAA0C,YAClD,WAAW,GACZ,EAGH,OAAO,IAAI,CACR,KAAC,MAAM,IACH,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,SAAS,0BAGtD,CACZ,IACQ,GACX,CACT,CAAC;AACN,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/components/OrderSummary.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface OrderItem {
+    id: string;
+    name: string;
+    price: number;
+    quantity: number;
+    image: string;
+    variant?: string;
+}
+export interface OrderSummaryProps {
+    items: OrderItem[];
+    currency?: string;
+    discountAmount?: number;
+    shippingCost?: number;
+    taxAmount?: number;
+    className?: string;
+}
+export declare const OrderSummary: React.FC<OrderSummaryProps>;
+//# sourceMappingURL=OrderSummary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderSummary.d.ts","sourceRoot":"","sources":["../../components/OrderSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,SAAS;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsHpD,CAAC"}

package/dist/components/OrderSummary.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ShoppingBag } from 'lucide-react';
+export const OrderSummary = ({ items, currency = '$', discountAmount = 0, shippingCost = 0, taxAmount = 0, className = '', }) => {
+    const subtotal = items.reduce((sum, item) => sum + item.price * item.quantity, 0);
+    const total = subtotal - discountAmount + shippingCost + taxAmount;
+    return (_jsxs("div", { className: `bg-surface-primary border border-border-primary rounded-2xl overflow-hidden shadow-sm ${className}`, children: [_jsx("div", { className: "p-6 border-b border-border-primary bg-background-secondary/30", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-accent-blue/10 flex items-center justify-center", children: _jsx(ShoppingBag, { className: "w-5 h-5 text-accent-blue" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-bold text-text-primary", children: "Order Summary" }), _jsxs("p", { className: "text-sm text-text-secondary", children: [items.length, " ", items.length === 1 ? 'item' : 'items'] })] })] }) }), _jsxs("div", { className: "p-6", children: [_jsx("div", { className: "space-y-6 mb-8", children: items.map((item) => (_jsxs("div", { className: "flex gap-4 group", children: [_jsxs("div", { className: "relative overflow-hidden rounded-xl border border-border-primary bg-background-tertiary", children: [_jsx("img", { src: item.image, alt: item.name, className: "w-20 h-20 object-cover transform group-hover:scale-105 transition-transform duration-500" }), _jsxs("div", { className: "absolute bottom-0 right-0 bg-surface-primary/90 backdrop-blur-sm px-2 py-0.5 rounded-tl-lg border-t border-l border-border-primary text-xs font-medium text-text-secondary", children: ["x", item.quantity] })] }), _jsxs("div", { className: "flex-1 min-w-0 py-1", children: [_jsxs("div", { className: "flex justify-between items-start gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h3", { className: "font-semibold text-text-primary text-sm leading-tight", children: item.name }), item.variant && (_jsx("p", { className: "text-xs text-text-tertiary inline-flex items-center px-2 py-0.5 rounded-md bg-background-secondary border border-border-primary", children: item.variant }))] }), _jsxs("p", { className: "font-semibold text-text-primary text-sm whitespace-nowrap", children: [currency, (item.price * item.quantity).toFixed(2)] })] }), item.quantity > 1 && (_jsxs("p", { className: "text-xs text-text-tertiary mt-2", children: [currency, item.price.toFixed(2), " each"] }))] })] }, item.id))) }), _jsxs("div", { className: "space-y-3 pt-6 border-t border-border-dashed", children: [_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: "text-text-secondary", children: "Subtotal" }), _jsxs("span", { className: "font-medium text-text-primary", children: [currency, subtotal.toFixed(2)] })] }), discountAmount > 0 && (_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: "text-text-secondary", children: "Discount" }), _jsxs("span", { className: "font-medium text-status-success bg-status-success/10 px-2 py-0.5 rounded-md", children: ["-", currency, discountAmount.toFixed(2)] })] })), _jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: "text-text-secondary", children: "Shipping" }), _jsx("span", { className: `font-medium ${shippingCost === 0 ? 'text-status-success' : 'text-text-primary'}`, children: shippingCost === 0 ? 'Free' : `${currency}${shippingCost.toFixed(2)}` })] }), taxAmount > 0 && (_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: "text-text-secondary", children: "Tax" }), _jsxs("span", { className: "font-medium text-text-primary", children: [currency, taxAmount.toFixed(2)] })] })), _jsxs("div", { className: "flex justify-between items-baseline pt-4 mt-4 border-t border-border-primary", children: [_jsx("span", { className: "text-base font-semibold text-text-primary", children: "Total" }), _jsxs("span", { className: "text-2xl font-bold text-text-primary tracking-tight", children: [currency, total.toFixed(2)] })] })] })] })] }));
+};
+//# sourceMappingURL=OrderSummary.js.map

package/dist/components/OrderSummary.js.map

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

package/dist/components/Pagination.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { HTMLMotionProps } from 'framer-motion';
+/**
+ * Pagination component – Apple-style page navigation.
+ *
+ * Designed to follow the Apple‑style design system tokens.
+ * Features smooth transitions, hover states, and responsive design.
+ */
+export interface PaginationProps extends Omit<HTMLMotionProps<'nav'>, 'children'> {
+    /** Current active page (1-indexed) */
+    currentPage: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Callback when page changes */
+    onPageChange: (page: number) => void;
+    /** Number of page buttons to show around current page */
+    siblingCount?: number;
+    /** Show first/last page buttons */
+    showFirstLast?: boolean;
+    /** Show previous/next buttons */
+    showPrevNext?: boolean;
+    /** Optional className for custom styling */
+    className?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare const Pagination: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,eAAe,EAAE,MAAM,eAAe,CAAC;AAGxD;;;;;GAKG;AAEH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC7E,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iCAAiC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B;AA6DD,eAAO,MAAM,UAAU,qGAkNtB,CAAC"}