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

package/dist/components/Lightbox.js

@@ -0,0 +1,60 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useCallback } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { X, ChevronLeft, ChevronRight, Download } from 'lucide-react';
+import { cn } from '../lib/utils';
+import { Button } from './Button';
+export const Lightbox = ({ isOpen, images, currentIndex, onClose, onNext, onPrev, onIndexChange, className, }) => {
+    // Handle keyboard navigation
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape')
+                onClose();
+            if (e.key === 'ArrowRight')
+                handleNext();
+            if (e.key === 'ArrowLeft')
+                handlePrev();
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [isOpen, currentIndex, onClose]);
+    // Lock body scroll
+    useEffect(() => {
+        if (isOpen) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = 'unset';
+        }
+        return () => {
+            document.body.style.overflow = 'unset';
+        };
+    }, [isOpen]);
+    const handleNext = useCallback(() => {
+        if (onNext) {
+            onNext();
+        }
+        else if (onIndexChange) {
+            onIndexChange((currentIndex + 1) % images.length);
+        }
+    }, [currentIndex, images.length, onNext, onIndexChange]);
+    const handlePrev = useCallback(() => {
+        if (onPrev) {
+            onPrev();
+        }
+        else if (onIndexChange) {
+            onIndexChange((currentIndex - 1 + images.length) % images.length);
+        }
+    }, [currentIndex, images.length, onPrev, onIndexChange]);
+    const currentImage = images[currentIndex];
+    return (_jsx(AnimatePresence, { children: isOpen && (_jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2 }, className: cn("fixed inset-0 z-50 flex items-center justify-center bg-black/95 backdrop-blur-sm", className), onClick: onClose, children: [_jsxs("div", { className: "absolute top-0 left-0 right-0 p-4 flex justify-between items-center z-50 bg-gradient-to-b from-black/50 to-transparent", onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "text-white/80 text-sm font-medium", children: [currentIndex + 1, " / ", images.length] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", className: "text-white/80 hover:text-white hover:bg-white/10", onClick: () => window.open(currentImage.src, '_blank'), children: _jsx(Download, { className: "w-5 h-5" }) }), _jsx(Button, { variant: "ghost", size: "sm", className: "text-white/80 hover:text-white hover:bg-white/10", onClick: onClose, children: _jsx(X, { className: "w-6 h-6" }) })] })] }), images.length > 1 && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", className: "absolute left-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white hover:bg-white/10 rounded-full p-2 h-12 w-12 z-50", onClick: (e) => {
+                                e.stopPropagation();
+                                handlePrev();
+                            }, children: _jsx(ChevronLeft, { className: "w-8 h-8" }) }), _jsx(Button, { variant: "ghost", className: "absolute right-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white hover:bg-white/10 rounded-full p-2 h-12 w-12 z-50", onClick: (e) => {
+                                e.stopPropagation();
+                                handleNext();
+                            }, children: _jsx(ChevronRight, { className: "w-8 h-8" }) })] })), _jsxs("div", { className: "relative w-full h-full flex items-center justify-center p-4 md:p-12", onClick: (e) => e.stopPropagation(), children: [_jsx(AnimatePresence, { mode: "wait", children: _jsx(motion.img, { src: currentImage.src, alt: currentImage.alt || `Image ${currentIndex + 1}`, initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, transition: { type: "spring", stiffness: 300, damping: 30 }, className: "max-w-full max-h-full object-contain shadow-2xl rounded-sm select-none", draggable: false }, currentIndex) }), currentImage.caption && (_jsx("div", { className: "absolute bottom-0 left-0 right-0 p-6 bg-gradient-to-t from-black/80 to-transparent text-center", children: _jsx("p", { className: "text-white text-lg font-medium max-w-3xl mx-auto", children: currentImage.caption }) }))] })] })) }));
+};
+//# sourceMappingURL=Lightbox.js.map

package/dist/components/Lightbox.js.map

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

package/dist/components/LoadingOverlay.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+export interface LoadingOverlayProps {
+    /**
+     * Whether the loading overlay is visible
+     */
+    isLoading: boolean;
+    /**
+     * Optional message to display below the spinner
+     */
+    message?: string;
+    /**
+     * Whether to cover the entire viewport (fixed) or just the parent container (absolute)
+     * @default false
+     */
+    fullPage?: boolean;
+    /**
+     * Whether to apply a blur effect to the backdrop
+     * @default true
+     */
+    blur?: boolean;
+    /**
+     * Custom class name for the container
+     */
+    className?: string;
+    /**
+     * Size of the spinner
+     * @default "lg"
+     */
+    spinnerSize?: 'sm' | 'md' | 'lg';
+}
+export declare const LoadingOverlay: React.FC<LoadingOverlayProps>;
+//# sourceMappingURL=LoadingOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.d.ts","sourceRoot":"","sources":["../../components/LoadingOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,mBAAmB;IAChC;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2CxD,CAAC"}

package/dist/components/LoadingOverlay.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, AnimatePresence } from 'framer-motion';
+import { Spinner } from './Spinner';
+import { cn } from '../lib/utils';
+export const LoadingOverlay = ({ isLoading, message, fullPage = false, blur = true, className, spinnerSize = 'lg', }) => {
+    return (_jsx(AnimatePresence, { children: isLoading && (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2 }, className: cn('flex flex-col items-center justify-center z-50', fullPage ? 'fixed inset-0' : 'absolute inset-0 rounded-inherit', blur ? 'backdrop-blur-sm' : '', 'bg-surface-primary/80', // Semi-transparent background
+            className), children: _jsxs("div", { className: cn("flex flex-col items-center gap-4", !blur ? "p-6 bg-surface-elevated rounded-xl shadow-lg border border-border-primary" : "p-4"), children: [_jsx(Spinner, { size: spinnerSize }), message && (_jsx(motion.p, { initial: { opacity: 0, y: 5 }, animate: { opacity: 1, y: 0 }, className: "text-sm font-medium text-text-secondary", children: message }))] }) })) }));
+};
+LoadingOverlay.displayName = 'LoadingOverlay';
+//# sourceMappingURL=LoadingOverlay.js.map

package/dist/components/LoadingOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.js","sourceRoot":"","sources":["../../components/LoadingOverlay.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAgClC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC1D,SAAS,EACT,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,WAAW,GAAG,IAAI,GACrB,EAAE,EAAE;IACD,OAAO,CACH,KAAC,eAAe,cACX,SAAS,IAAI,CACV,KAAC,MAAM,CAAC,GAAG,IACP,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACpB,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,SAAS,EAAE,EAAE,CACT,gDAAgD,EAChD,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kCAAkC,EAC/D,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAC9B,uBAAuB,EAAE,8BAA8B;YACvD,SAAS,CACZ,YAED,eAAK,SAAS,EAAE,EAAE,CACd,kCAAkC,EAClC,CAAC,IAAI,CAAC,CAAC,CAAC,2EAA2E,CAAC,CAAC,CAAC,KAAK,CAC9F,aACG,KAAC,OAAO,IAAC,IAAI,EAAE,WAAW,GAAI,EAC7B,OAAO,IAAI,CACR,KAAC,MAAM,CAAC,CAAC,IACL,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,SAAS,EAAC,yCAAyC,YAElD,OAAO,GACD,CACd,IACC,GACG,CAChB,GACa,CACrB,CAAC;AACN,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/components/LoginForm.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface LoginFormProps extends Omit<React.HTMLAttributes<HTMLFormElement>, 'onSubmit'> {
+    onSubmit?: (data: {
+        email: string;
+        password: string;
+        rememberMe: boolean;
+    }) => void | Promise<void>;
+    onForgotPassword?: () => void;
+    isLoading?: boolean;
+    error?: string;
+    className?: string;
+}
+export declare const LoginForm: React.ForwardRefExoticComponent<LoginFormProps & React.RefAttributes<HTMLFormElement>>;
+//# sourceMappingURL=LoginForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../components/LoginForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAYxC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC3F,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpG,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,SAAS,wFAoHrB,CAAC"}

package/dist/components/LoginForm.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { cn } from '../lib/utils';
+import { Input } from './Input';
+import { Button } from './Button';
+import { PasswordInput } from './PasswordInput';
+import { Checkbox } from './Checkbox';
+import { Mail, AlertCircle } from 'lucide-react';
+/* ========================================
+   COMPONENT
+   ======================================== */
+export const LoginForm = React.forwardRef(({ onSubmit, onForgotPassword, isLoading = false, error, className, ...props }, ref) => {
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [rememberMe, setRememberMe] = useState(false);
+    const [formError, setFormError] = useState('');
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setFormError('');
+        if (!email || !password) {
+            setFormError('Please fill in all fields');
+            return;
+        }
+        try {
+            await onSubmit?.({ email, password, rememberMe });
+        }
+        catch (err) {
+            setFormError(err instanceof Error ? err.message : 'An error occurred');
+        }
+    };
+    const displayError = error || formError;
+    return (_jsxs("form", { ref: ref, onSubmit: handleSubmit, className: cn("w-full max-w-xl space-y-10", className), ...props, children: [_jsxs("div", { className: "text-center space-y-4", children: [_jsx("h2", { className: "text-4xl font-bold text-text-primary", children: "Welcome back" }), _jsx("p", { className: "text-lg text-text-secondary", children: "Sign in to your account to continue" })] }), displayError && (_jsxs("div", { className: "flex items-center gap-2 p-3 bg-status-error/10 border border-status-error/20 rounded-xl text-status-error text-sm", children: [_jsx(AlertCircle, { className: "w-4 h-4 flex-shrink-0" }), _jsx("span", { children: displayError })] })), _jsxs("div", { className: "space-y-6", children: [_jsx(Input, { type: "email", label: "Email", placeholder: "you@example.com", value: email, onChange: (e) => setEmail(e.target.value), leftIcon: _jsx(Mail, { className: "w-4 h-4" }), required: true, disabled: isLoading }), _jsx(PasswordInput, { label: "Password", placeholder: "Enter your password", value: password, onChange: (value) => setPassword(value), required: true, disabled: isLoading })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [_jsx(Checkbox, { id: "remember", checked: rememberMe, onCheckedChange: (checked) => setRememberMe(checked === true) }), _jsx("span", { className: "text-sm text-text-secondary select-none", children: "Remember me" })] }), onForgotPassword && (_jsx("button", { type: "button", onClick: onForgotPassword, className: "text-sm text-accent-blue hover:text-accent-blue-hover transition-colors", children: "Forgot password?" }))] }), _jsx(Button, { type: "submit", variant: "primary", size: "lg", fullWidth: true, loading: isLoading, disabled: isLoading, children: "Sign In" })] }));
+});
+LoginForm.displayName = 'LoginForm';
+//# sourceMappingURL=LoginForm.js.map

package/dist/components/LoginForm.js.map

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

package/dist/components/MaintenanceMode.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+export interface MaintenanceModeProps {
+    /**
+     * Title of the maintenance page
+     * @default "We'll be back soon"
+     */
+    title?: string;
+    /**
+     * Description text explaining the maintenance
+     * @default "We're currently performing some scheduled maintenance. We should be back shortly."
+     */
+    description?: string;
+    /**
+     * Estimated time when the service will be back
+     */
+    estimatedReturnTime?: string;
+    /**
+     * Whether to show a contact support button
+     * @default true
+     */
+    showContactSupport?: boolean;
+    /**
+     * Custom action button or link
+     */
+    customAction?: React.ReactNode;
+    /**
+     * Full page mode centers the content in the viewport
+     * @default true
+     */
+    fullPage?: boolean;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Callback for contact support button
+     */
+    onContactSupport?: () => void;
+}
+export declare const MaintenanceMode: React.FC<MaintenanceModeProps>;
+//# sourceMappingURL=MaintenanceMode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MaintenanceMode.d.ts","sourceRoot":"","sources":["../../components/MaintenanceMode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,oBAAoB;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkF1D,CAAC"}

package/dist/components/MaintenanceMode.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from 'framer-motion';
+import { Construction, Clock, ArrowRight } from 'lucide-react';
+import { Button } from './Button';
+export const MaintenanceMode = ({ title = "We'll be back soon", description = "We're currently performing some scheduled maintenance. We should be back shortly.", estimatedReturnTime, showContactSupport = true, customAction, fullPage = true, className = '', onContactSupport, }) => {
+    const containerClasses = `
+    flex flex-col items-center justify-center text-center p-8
+    ${fullPage ? 'min-h-screen w-full bg-background-secondary' : '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, y: 20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.5, ease: [0.16, 1, 0.3, 1] }, className: "max-w-md mx-auto", children: [_jsxs("div", { className: "relative mb-8 inline-flex items-center justify-center", children: [_jsx(motion.div, { className: "absolute inset-0 bg-accent-blue/10 rounded-full blur-xl", animate: {
+                                scale: [1, 1.2, 1],
+                                opacity: [0.5, 0.8, 0.5]
+                            }, transition: {
+                                duration: 4,
+                                repeat: Infinity,
+                                ease: "easeInOut"
+                            } }), _jsx("div", { className: "relative bg-surface-primary p-6 rounded-full shadow-lg border border-border-primary", children: _jsx(Construction, { className: "w-12 h-12 text-accent-blue", strokeWidth: 1.5 }) })] }), _jsx("h1", { className: "text-3xl font-bold text-text-primary mb-4 tracking-tight", children: title }), _jsx("p", { className: "text-text-secondary text-lg mb-8 leading-relaxed", children: description }), estimatedReturnTime && (_jsxs("div", { className: "flex items-center justify-center gap-2 text-text-tertiary mb-8 bg-surface-tertiary/50 py-2 px-4 rounded-full inline-flex", children: [_jsx(Clock, { size: 16 }), _jsxs("span", { className: "text-sm font-medium", children: ["Expected return: ", estimatedReturnTime] })] })), _jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-center gap-4", children: [customAction, showContactSupport && !customAction && (_jsx(Button, { variant: "outline", onClick: onContactSupport, rightIcon: _jsx(ArrowRight, { size: 16 }), children: "Contact Support" }))] }), _jsx("div", { className: "mt-12 text-sm text-text-quaternary", children: _jsxs("p", { children: ["System Status: ", _jsx("span", { className: "text-status-warning font-medium", children: "Maintenance" })] }) })] }) }));
+};
+MaintenanceMode.displayName = 'MaintenanceMode';
+//# sourceMappingURL=MaintenanceMode.js.map

package/dist/components/MaintenanceMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaintenanceMode.js","sourceRoot":"","sources":["../../components/MaintenanceMode.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAyClC,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC5D,KAAK,GAAG,oBAAoB,EAC5B,WAAW,GAAG,mFAAmF,EACjG,mBAAmB,EACnB,kBAAkB,GAAG,IAAI,EACzB,YAAY,EACZ,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,gBAAgB,GACnB,EAAE,EAAE;IACD,MAAM,gBAAgB,GAAG;;MAEvB,QAAQ,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,8CAA8C;MACzG,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,CAAC,EAAE,EAAE,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,EACtD,SAAS,EAAC,kBAAkB,aAG5B,eAAK,SAAS,EAAC,uDAAuD,aAClE,KAAC,MAAM,CAAC,GAAG,IACP,SAAS,EAAC,yDAAyD,EACnE,OAAO,EAAE;gCACL,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;gCAClB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;6BAC3B,EACD,UAAU,EAAE;gCACR,QAAQ,EAAE,CAAC;gCACX,MAAM,EAAE,QAAQ;gCAChB,IAAI,EAAE,WAAW;6BACpB,GACH,EACF,cAAK,SAAS,EAAC,qFAAqF,YAChG,KAAC,YAAY,IAAC,SAAS,EAAC,4BAA4B,EAAC,WAAW,EAAE,GAAG,GAAI,GACvE,IACJ,EAGN,aAAI,SAAS,EAAC,0DAA0D,YACnE,KAAK,GACL,EAEL,YAAG,SAAS,EAAC,kDAAkD,YAC1D,WAAW,GACZ,EAGH,mBAAmB,IAAI,CACpB,eAAK,SAAS,EAAC,0HAA0H,aACrI,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,EACnB,gBAAM,SAAS,EAAC,qBAAqB,kCAAmB,mBAAmB,IAAQ,IACjF,CACT,EAGD,eAAK,SAAS,EAAC,6DAA6D,aACvE,YAAY,EAEZ,kBAAkB,IAAI,CAAC,YAAY,IAAI,CACpC,KAAC,MAAM,IACH,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,gCAG9B,CACZ,IACC,EAGN,cAAK,SAAS,EAAC,oCAAoC,YAC/C,2CAAkB,eAAM,SAAS,EAAC,iCAAiC,4BAAmB,IAAI,GACxF,IACG,GACX,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/dist/components/MarkdownEditor.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface MarkdownEditorProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    disabled?: boolean;
+    className?: string;
+    minHeight?: string;
+}
+export declare const MarkdownEditor: React.FC<MarkdownEditorProps>;
+//# sourceMappingURL=MarkdownEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../components/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAWzD,MAAM,WAAW,mBAAmB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuKxD,CAAC"}

package/dist/components/MarkdownEditor.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useMemo } from 'react';
+import MarkdownIt from 'markdown-it';
+import { Bold, Italic, Link, List, ListOrdered, Code, Eye, Edit3, Image as ImageIcon } from 'lucide-react';
+import { cn } from '../lib/utils';
+import { motion } from 'framer-motion';
+import { Label } from './Label';
+/* ========================================
+   MARKDOWN EDITOR COMPONENT
+   ======================================== */
+export const MarkdownEditor = ({ value = '', onChange, placeholder = 'Type markdown here...', label, error, helperText, disabled = false, className, minHeight = '200px', }) => {
+    const [activeTab, setActiveTab] = useState('write');
+    const textareaRef = useRef(null);
+    const mdParserRef = useRef(null);
+    if (!mdParserRef.current) {
+        // Keep parser instance stable across renders
+        mdParserRef.current = new MarkdownIt({
+            html: false,
+            linkify: true,
+            breaks: true,
+            typographer: true,
+        });
+    }
+    const insertSyntax = (prefix, suffix = '') => {
+        if (!textareaRef.current || disabled)
+            return;
+        const start = textareaRef.current.selectionStart;
+        const end = textareaRef.current.selectionEnd;
+        const text = textareaRef.current.value;
+        const selection = text.substring(start, end);
+        const newText = text.substring(0, start) + prefix + selection + suffix + text.substring(end);
+        onChange?.(newText);
+        // Restore focus and selection
+        setTimeout(() => {
+            if (textareaRef.current) {
+                textareaRef.current.focus();
+                textareaRef.current.setSelectionRange(start + prefix.length, end + prefix.length);
+            }
+        }, 0);
+    };
+    const ToolbarButton = ({ icon: Icon, onClick, title }) => (_jsx("button", { type: "button", onClick: (e) => {
+            e.preventDefault();
+            onClick();
+        }, disabled: disabled || activeTab === 'preview', className: "p-1.5 rounded-md text-text-tertiary hover:text-text-primary hover:bg-surface-tertiary transition-colors focus:outline-none disabled:opacity-50", title: title, children: _jsx(Icon, { className: "w-4 h-4" }) }));
+    const renderedPreview = useMemo(() => {
+        return mdParserRef.current?.render(value || '') ?? '';
+    }, [value]);
+    return (_jsxs("div", { className: cn("w-full space-y-2", className), children: [label && (_jsx(Label, { className: "mb-2", children: label })), _jsxs("div", { className: cn("w-full rounded-xl border bg-surface-primary overflow-hidden transition-all", "border-border-primary", error ? "border-status-error" : "", disabled ? "opacity-50 cursor-not-allowed bg-surface-secondary" : ""), children: [_jsxs("div", { className: "flex items-center justify-between px-2 py-1.5 border-b border-border-primary bg-surface-secondary/50", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(ToolbarButton, { icon: Bold, onClick: () => insertSyntax('**', '**'), title: "Bold" }), _jsx(ToolbarButton, { icon: Italic, onClick: () => insertSyntax('*', '*'), title: "Italic" }), _jsx(ToolbarButton, { icon: Link, onClick: () => insertSyntax('[', '](url)'), title: "Link" }), _jsx("div", { className: "w-px h-4 bg-border-primary mx-1" }), _jsx(ToolbarButton, { icon: List, onClick: () => insertSyntax('- '), title: "List" }), _jsx(ToolbarButton, { icon: ListOrdered, onClick: () => insertSyntax('1. '), title: "Ordered List" }), _jsx("div", { className: "w-px h-4 bg-border-primary mx-1" }), _jsx(ToolbarButton, { icon: Code, onClick: () => insertSyntax('`', '`'), title: "Code" }), _jsx(ToolbarButton, { icon: ImageIcon, onClick: () => insertSyntax('![alt](', ')'), title: "Image" })] }), _jsxs("div", { className: "flex bg-surface-tertiary rounded-lg p-0.5", children: [_jsxs("button", { type: "button", onClick: () => setActiveTab('write'), className: cn("flex items-center gap-1.5 px-3 py-1 rounded-md text-xs font-medium transition-all", activeTab === 'write'
+                                            ? "bg-surface-primary text-text-primary shadow-sm"
+                                            : "text-text-tertiary hover:text-text-secondary"), children: [_jsx(Edit3, { className: "w-3 h-3" }), "Write"] }), _jsxs("button", { type: "button", onClick: () => setActiveTab('preview'), className: cn("flex items-center gap-1.5 px-3 py-1 rounded-md text-xs font-medium transition-all", activeTab === 'preview'
+                                            ? "bg-surface-primary text-text-primary shadow-sm"
+                                            : "text-text-tertiary hover:text-text-secondary"), children: [_jsx(Eye, { className: "w-3 h-3" }), "Preview"] })] })] }), _jsx("div", { className: "relative w-full", style: { minHeight }, children: activeTab === 'write' ? (_jsx("textarea", { ref: textareaRef, value: value, onChange: (e) => onChange?.(e.target.value), disabled: disabled, placeholder: placeholder, className: "w-full h-full p-4 bg-transparent border-none outline-none resize-y text-text-primary font-mono text-sm min-h-[inherit]" })) : (_jsx("div", { className: "w-full h-full p-4 prose prose-sm max-w-none overflow-y-auto min-h-[inherit] bg-surface-secondary/20", children: value ? (_jsx("div", { className: "prose-headings:mb-2 prose-p:mb-2 prose-ul:mb-2 prose-ol:mb-2", dangerouslySetInnerHTML: { __html: renderedPreview } })) : (_jsx("p", { className: "text-text-tertiary italic", children: "Nothing to preview" })) })) })] }), (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 }))] }));
+};
+MarkdownEditor.displayName = 'MarkdownEditor';
+//# sourceMappingURL=MarkdownEditor.js.map

package/dist/components/MarkdownEditor.js.map

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

package/dist/components/MasonryLayout.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+export interface MasonryLayoutProps {
+    /**
+     * Array of React nodes to render as items
+     */
+    children: React.ReactNode[];
+    /**
+     * Number of columns (default: 3)
+     */
+    columns?: number;
+    /**
+     * Gap between items (default: 16px)
+     */
+    gap?: number;
+    /**
+     * Optional className for root
+     */
+    className?: string;
+    /**
+     * Optional style for root
+     */
+    style?: React.CSSProperties;
+}
+/**
+ * MasonryLayout: Apple-minimal masonry grid
+ * - Responsive, fluid columns
+ * - Animaciones suaves al reordenar
+ * - Accesible y configurable
+ */
+export declare const MasonryLayout: React.FC<MasonryLayoutProps>;
+//# sourceMappingURL=MasonryLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MasonryLayout.d.ts","sourceRoot":"","sources":["../../components/MasonryLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkCtD,CAAC"}

package/dist/components/MasonryLayout.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/utils';
+/**
+ * MasonryLayout: Apple-minimal masonry grid
+ * - Responsive, fluid columns
+ * - Animaciones suaves al reordenar
+ * - Accesible y configurable
+ */
+export const MasonryLayout = ({ children, columns = 3, gap = 16, className, style, }) => {
+    // Distribute children into columns
+    const columnItems = Array.from({ length: columns }, () => []);
+    children.forEach((child, i) => {
+        columnItems[i % columns].push(child);
+    });
+    return (_jsx("div", { className: cn('w-full flex', className), style: { gap, ...style }, role: "list", children: columnItems.map((items, colIdx) => (_jsx("div", { className: "flex-1 flex flex-col", style: { gap }, role: "listitem", children: items }, colIdx))) }));
+};
+//# sourceMappingURL=MasonryLayout.js.map

package/dist/components/MasonryLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasonryLayout.js","sourceRoot":"","sources":["../../components/MasonryLayout.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAyBlC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,OAAO,GAAG,CAAC,EACX,GAAG,GAAG,EAAE,EACR,SAAS,EACT,KAAK,GACN,EAAE,EAAE;IACH,mCAAmC;IACnC,MAAM,WAAW,GAAwB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IACnF,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QAC5B,WAAW,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,aAAa,EACb,SAAS,CACV,EACD,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EACxB,IAAI,EAAC,MAAM,YAEV,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAClC,cAEE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,EAAE,GAAG,EAAE,EACd,IAAI,EAAC,UAAU,YAEd,KAAK,IALD,MAAM,CAMP,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/MenuBar.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+/**
+ * Menu Bar component – macOS-style menu bar with dropdown menus.
+ *
+ * Features nested menus, keyboard navigation, and smooth animations.
+ * Inspired by macOS menu bar design.
+ */
+export interface MenuBarItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    disabled?: boolean;
+    divider?: boolean;
+    onSelect?: () => void;
+    submenu?: MenuBarItem[];
+}
+export interface MenuBarMenu {
+    id: string;
+    label: string;
+    items: MenuBarItem[];
+}
+export interface MenuBarProps {
+    /** Menu items */
+    menus: MenuBarMenu[];
+    /** Optional left content (e.g., app logo) */
+    leftContent?: React.ReactNode;
+    /** Optional right content (e.g., user menu) */
+    rightContent?: React.ReactNode;
+    /** Optional className for custom styling */
+    className?: string;
+}
+export declare const MenuBar: React.ForwardRefExoticComponent<MenuBarProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=MenuBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBar.d.ts","sourceRoot":"","sources":["../../components/MenuBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;GAKG;AAEH,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,YAAY;IACzB,iBAAiB;IACjB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,+CAA+C;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,qFAmJnB,CAAC"}

package/dist/components/MenuBar.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { cn } from '../lib/utils';
+export const MenuBar = React.forwardRef(({ menus, leftContent, rightContent, className = '' }, ref) => {
+    const [activeMenu, setActiveMenu] = React.useState(null);
+    const [hoveredMenu, setHoveredMenu] = React.useState(null);
+    const menuRefs = React.useRef({});
+    // Close menu on outside click
+    React.useEffect(() => {
+        const handleClickOutside = (e) => {
+            if (activeMenu) {
+                setActiveMenu(null);
+                setHoveredMenu(null);
+            }
+        };
+        if (activeMenu) {
+            document.addEventListener('mousedown', handleClickOutside);
+            return () => document.removeEventListener('mousedown', handleClickOutside);
+        }
+    }, [activeMenu]);
+    // Handle escape key
+    React.useEffect(() => {
+        const handleEscape = (e) => {
+            if (e.key === 'Escape' && activeMenu) {
+                setActiveMenu(null);
+                setHoveredMenu(null);
+            }
+        };
+        document.addEventListener('keydown', handleEscape);
+        return () => document.removeEventListener('keydown', handleEscape);
+    }, [activeMenu]);
+    const handleMenuClick = (menuId) => {
+        if (activeMenu === menuId) {
+            setActiveMenu(null);
+            setHoveredMenu(null);
+        }
+        else {
+            setActiveMenu(menuId);
+            setHoveredMenu(menuId);
+        }
+    };
+    const handleMenuHover = (menuId) => {
+        if (activeMenu) {
+            setActiveMenu(menuId);
+            setHoveredMenu(menuId);
+        }
+        else {
+            setHoveredMenu(menuId);
+        }
+    };
+    const handleItemClick = (item) => {
+        if (!item.disabled && item.onSelect) {
+            item.onSelect();
+            setActiveMenu(null);
+            setHoveredMenu(null);
+        }
+    };
+    return (_jsxs("div", { ref: ref, className: cn('flex items-center h-14 px-6 bg-surface-primary border-b border-border-primary', className), children: [leftContent && _jsx("div", { className: "flex items-center mr-6", children: leftContent }), _jsx("div", { className: "flex items-center gap-2 flex-1", children: menus.map((menu) => (_jsxs("div", { className: "relative", children: [_jsx("button", { ref: (el) => { menuRefs.current[menu.id] = el; }, onClick: () => handleMenuClick(menu.id), onMouseEnter: () => handleMenuHover(menu.id), className: cn('px-4 py-2 text-sm font-medium rounded-md transition-colors', activeMenu === menu.id || hoveredMenu === menu.id
+                                ? 'bg-accent-blue/10 text-text-primary'
+                                : 'text-text-secondary hover:bg-surface-secondary hover:text-text-primary'), children: menu.label }), _jsx(AnimatePresence, { children: activeMenu === menu.id && (_jsx(motion.div, { initial: { opacity: 0, y: -8 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -8 }, transition: { duration: 0.15 }, className: "absolute left-0 top-full mt-1 min-w-[240px] bg-surface-primary rounded-lg shadow-xl border border-border-primary overflow-hidden z-dropdown", onClick: (e) => e.stopPropagation(), children: _jsx("div", { className: "py-2", children: menu.items.map((item, idx) => (_jsx(React.Fragment, { children: item.divider ? (_jsx("div", { className: "my-2 h-px bg-border-primary" })) : (_jsxs("button", { onClick: () => handleItemClick(item), disabled: item.disabled, className: cn('w-full flex items-center justify-between gap-6 px-4 py-3 text-sm transition-colors', item.disabled
+                                                ? 'text-text-tertiary cursor-not-allowed'
+                                                : 'text-text-secondary hover:bg-accent-blue/10 hover:text-text-primary cursor-pointer'), children: [_jsxs("div", { className: "flex items-center gap-3", children: [item.icon && (_jsx("span", { className: "flex-shrink-0 text-lg", children: item.icon })), _jsx("span", { children: item.label })] }), item.shortcut && (_jsx("kbd", { className: "text-xs text-text-tertiary font-medium", children: item.shortcut }))] })) }, item.id))) }) })) })] }, menu.id))) }), rightContent && _jsx("div", { className: "flex items-center ml-6", children: rightContent })] }));
+});
+MenuBar.displayName = 'MenuBar';
+//# sourceMappingURL=MenuBar.js.map

package/dist/components/MenuBar.js.map

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

package/dist/components/MessageReactions.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export type ReactionType = 'like' | 'love' | 'laugh' | 'angry' | 'thumbs-up' | 'thumbs-down';
+export interface Reaction {
+    type: ReactionType;
+    count: number;
+    users?: string[];
+    userReacted?: boolean;
+}
+export interface MessageReactionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    reactions: Reaction[];
+    onReactionClick?: (type: ReactionType) => void;
+    showCount?: boolean;
+    showUsers?: boolean;
+    className?: string;
+}
+export declare const MessageReactions: React.ForwardRefExoticComponent<MessageReactionsProps & React.RefAttributes<HTMLDivElement>>;
+export interface ReactionPickerProps {
+    onReactionSelect: (type: ReactionType) => void;
+    className?: string;
+}
+export declare const ReactionPicker: React.FC<ReactionPickerProps>;
+//# sourceMappingURL=MessageReactions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageReactions.d.ts","sourceRoot":"","sources":["../../components/MessageReactions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,aAAa,CAAC;AAE7F,MAAM,WAAW,QAAQ;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAeD,eAAO,MAAM,gBAAgB,8FAwE5B,CAAC;AAQF,MAAM,WAAW,mBAAmB;IAChC,gBAAgB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoCxD,CAAC"}

package/dist/components/MessageReactions.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { cn } from '../lib/utils';
+import { motion } from 'framer-motion';
+import { Heart, ThumbsUp, ThumbsDown, Laugh, Angry } from 'lucide-react';
+const reactionConfig = {
+    'like': { icon: _jsx(ThumbsUp, { className: "w-4 h-4" }), label: 'Like', color: 'text-accent-blue' },
+    'love': { icon: _jsx(Heart, { className: "w-4 h-4" }), label: 'Love', color: 'text-status-error' },
+    'laugh': { icon: _jsx(Laugh, { className: "w-4 h-4" }), label: 'Haha', color: 'text-status-warning' },
+    'angry': { icon: _jsx(Angry, { className: "w-4 h-4" }), label: 'Angry', color: 'text-status-error' },
+    'thumbs-up': { icon: _jsx(ThumbsUp, { className: "w-4 h-4" }), label: 'Thumbs Up', color: 'text-accent-blue' },
+    'thumbs-down': { icon: _jsx(ThumbsDown, { className: "w-4 h-4" }), label: 'Thumbs Down', color: 'text-text-tertiary' },
+};
+/* ========================================
+   COMPONENT
+   ======================================== */
+export const MessageReactions = React.forwardRef(({ reactions, onReactionClick, showCount = true, showUsers = false, className, ...props }, ref) => {
+    const [hoveredReaction, setHoveredReaction] = useState(null);
+    if (reactions.length === 0)
+        return null;
+    return (_jsx("div", { ref: ref, className: cn("flex flex-wrap gap-1.5 mt-2", className), ...props, children: reactions.map((reaction) => {
+            const config = reactionConfig[reaction.type];
+            const isActive = reaction.userReacted;
+            return (_jsxs(motion.button, { onClick: () => onReactionClick?.(reaction.type), onMouseEnter: () => setHoveredReaction(reaction.type), onMouseLeave: () => setHoveredReaction(null), className: cn("flex items-center gap-1.5 px-2 py-1 rounded-full", "bg-surface-secondary border border-border-primary", "hover:bg-surface-tertiary transition-colors", "text-xs font-medium", isActive && "bg-accent-blue/10 border-accent-blue/30", config.color), whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, children: [_jsx("span", { className: cn("flex-shrink-0", config.color), children: config.icon }), showCount && reaction.count > 0 && (_jsx("span", { className: cn("text-text-secondary", isActive && "text-accent-blue font-semibold"), children: reaction.count })), showUsers && hoveredReaction === reaction.type && reaction.users && reaction.users.length > 0 && (_jsxs(motion.div, { initial: { opacity: 0, y: 5 }, animate: { opacity: 1, y: 0 }, className: "absolute bottom-full mb-2 px-3 py-2 bg-gray-900 text-white text-xs rounded-lg whitespace-nowrap z-50", children: [reaction.users.slice(0, 3).join(', '), reaction.users.length > 3 && ` +${reaction.users.length - 3} more`] }))] }, reaction.type));
+        }) }));
+});
+MessageReactions.displayName = 'MessageReactions';
+export const ReactionPicker = ({ onReactionSelect, className, }) => {
+    const reactions = ['like', 'love', 'laugh', 'thumbs-up', 'thumbs-down', 'angry'];
+    return (_jsx(motion.div, { initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, className: cn("flex items-center gap-1 p-1 bg-surface-primary border border-border-primary rounded-full shadow-lg", className), children: reactions.map((type) => {
+            const config = reactionConfig[type];
+            return (_jsx(motion.button, { onClick: () => onReactionSelect(type), className: cn("p-1.5 rounded-full hover:bg-surface-secondary transition-colors", config.color), whileHover: { scale: 1.2 }, whileTap: { scale: 0.9 }, title: config.label, children: config.icon }, type));
+        }) }));
+};
+ReactionPicker.displayName = 'ReactionPicker';
+//# sourceMappingURL=MessageReactions.js.map