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

package/dist/components/CommandMenu.js

@@ -0,0 +1,102 @@
+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 CommandMenu = React.forwardRef(({ isOpen, onClose, groups, placeholder = 'Type a command or search...', className = '', emptyMessage = 'No results found.', }, ref) => {
+    const [search, setSearch] = React.useState('');
+    const [selectedIndex, setSelectedIndex] = React.useState(0);
+    const inputRef = React.useRef(null);
+    // Filter items based on search
+    const filteredGroups = React.useMemo(() => {
+        if (!search.trim())
+            return groups;
+        return groups
+            .map((group) => ({
+            ...group,
+            items: group.items.filter((item) => {
+                const searchLower = search.toLowerCase();
+                const labelMatch = item.label.toLowerCase().includes(searchLower);
+                const descMatch = item.description?.toLowerCase().includes(searchLower);
+                const keywordMatch = item.keywords?.some((kw) => kw.toLowerCase().includes(searchLower));
+                return labelMatch || descMatch || keywordMatch;
+            }),
+        }))
+            .filter((group) => group.items.length > 0);
+    }, [groups, search]);
+    // Flatten items for keyboard navigation
+    const allItems = React.useMemo(() => {
+        return filteredGroups.flatMap((group) => group.items);
+    }, [filteredGroups]);
+    // Reset selection when search changes
+    React.useEffect(() => {
+        setSelectedIndex(0);
+    }, [search]);
+    // Focus input when opened
+    React.useEffect(() => {
+        if (isOpen) {
+            inputRef.current?.focus();
+            setSearch('');
+            setSelectedIndex(0);
+        }
+    }, [isOpen]);
+    // Handle keyboard navigation
+    React.useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (!isOpen)
+                return;
+            switch (e.key) {
+                case 'Escape':
+                    e.preventDefault();
+                    onClose();
+                    break;
+                case 'ArrowDown':
+                    e.preventDefault();
+                    setSelectedIndex((prev) => (prev + 1) % allItems.length);
+                    break;
+                case 'ArrowUp':
+                    e.preventDefault();
+                    setSelectedIndex((prev) => (prev - 1 + allItems.length) % allItems.length);
+                    break;
+                case 'Enter':
+                    e.preventDefault();
+                    if (allItems[selectedIndex]) {
+                        allItems[selectedIndex].onSelect();
+                        onClose();
+                    }
+                    break;
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [isOpen, selectedIndex, allItems, onClose]);
+    // Lock body scroll when open
+    React.useEffect(() => {
+        if (isOpen) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = '';
+        }
+        return () => {
+            document.body.style.overflow = '';
+        };
+    }, [isOpen]);
+    const handleBackdropClick = (e) => {
+        if (e.target === e.currentTarget) {
+            onClose();
+        }
+    };
+    let currentItemIndex = 0;
+    return (_jsx(AnimatePresence, { children: isOpen && (_jsxs("div", { className: "fixed inset-0 z-modal", onClick: handleBackdropClick, children: [_jsx(motion.div, { className: "absolute inset-0 bg-black/60 backdrop-blur-sm", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }), _jsx("div", { className: "relative flex items-start justify-center pt-[20vh] px-4", children: _jsxs(motion.div, { ref: ref, className: cn('w-full max-w-2xl bg-surface-primary rounded-xl shadow-xl overflow-hidden', className), initial: { opacity: 0, scale: 0.95, y: -20 }, animate: { opacity: 1, scale: 1, y: 0 }, exit: { opacity: 0, scale: 0.95, y: -20 }, transition: { type: 'spring', stiffness: 300, damping: 30 }, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "flex items-center gap-3 px-4 py-4 border-b border-border-primary", children: [_jsx("span", { className: "text-text-tertiary text-xl", children: "\uD83D\uDD0D" }), _jsx("input", { ref: inputRef, type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: placeholder, className: "flex-1 bg-transparent text-lg text-text-primary placeholder:text-text-tertiary outline-none" }), _jsx("kbd", { className: "hidden sm:inline-flex items-center gap-1 px-2 py-1 text-xs font-semibold text-text-tertiary bg-surface-secondary rounded border border-border-primary", children: "ESC" })] }), _jsx("div", { className: "max-h-[60vh] overflow-y-auto", children: allItems.length === 0 ? (_jsx("div", { className: "px-4 py-12 text-center", children: _jsx("p", { className: "text-text-tertiary", children: emptyMessage }) })) : (_jsx("div", { className: "py-2", children: filteredGroups.map((group, groupIdx) => (_jsxs("div", { className: "mb-4 last:mb-0", children: [group.title && (_jsx("div", { className: "px-4 py-2 text-xs font-semibold text-text-tertiary uppercase tracking-wide", children: group.title })), _jsx("div", { children: group.items.map((item) => {
+                                                    const itemIndex = currentItemIndex++;
+                                                    const isSelected = itemIndex === selectedIndex;
+                                                    return (_jsxs(motion.button, { onClick: () => {
+                                                            item.onSelect();
+                                                            onClose();
+                                                        }, className: cn('w-full flex items-center gap-3 px-4 py-3 text-left transition-colors', isSelected
+                                                            ? 'bg-accent-blue/10 text-text-primary'
+                                                            : 'text-text-secondary hover:bg-surface-secondary'), whileHover: { x: 4 }, transition: { duration: 0.15 }, children: [item.icon && (_jsx("span", { className: "flex-shrink-0 text-lg", children: item.icon })), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-medium text-text-primary", children: item.label }), item.description && (_jsx("div", { className: "text-xs text-text-tertiary truncate", children: item.description }))] }), item.shortcut && (_jsx("kbd", { className: "hidden sm:inline-flex items-center gap-1 px-2 py-1 text-xs font-semibold text-text-tertiary bg-surface-secondary rounded border border-border-primary", children: item.shortcut }))] }, item.id));
+                                                }) })] }, groupIdx))) })) }), _jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-t border-border-primary bg-surface-secondary/30", children: [_jsxs("div", { className: "flex items-center gap-6 text-sm text-text-secondary", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("kbd", { className: "min-w-[24px] h-6 px-2 flex items-center justify-center text-xs font-medium bg-surface-primary rounded border border-border-primary shadow-sm", children: "\u2191" }), _jsx("kbd", { className: "min-w-[24px] h-6 px-2 flex items-center justify-center text-xs font-medium bg-surface-primary rounded border border-border-primary shadow-sm", children: "\u2193" })] }), _jsx("span", { className: "text-text-tertiary", children: "to navigate" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("kbd", { className: "h-6 px-2 flex items-center justify-center text-xs font-medium bg-surface-primary rounded border border-border-primary shadow-sm", children: "\u21B5" }), _jsx("span", { className: "text-text-tertiary", children: "to select" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("kbd", { className: "h-6 px-2 flex items-center justify-center text-xs font-medium bg-surface-primary rounded border border-border-primary shadow-sm", children: "ESC" }), _jsx("span", { className: "text-text-tertiary", children: "to close" })] })] }), _jsxs("div", { className: "text-sm font-medium text-text-tertiary", children: [allItems.length, " ", allItems.length === 1 ? 'result' : 'results'] })] })] }) })] })) }));
+});
+CommandMenu.displayName = 'CommandMenu';
+//# sourceMappingURL=CommandMenu.js.map

package/dist/components/CommandMenu.js.map

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

package/dist/components/CommentThread.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface CommentUser {
+    id: string;
+    name: string;
+    avatarSrc?: string;
+    initials?: string;
+}
+export interface CommentData {
+    id: string;
+    author: CommentUser;
+    content: React.ReactNode;
+    timestamp: string;
+    likes?: number;
+    isLiked?: boolean;
+    replies?: CommentData[];
+    isEdited?: boolean;
+}
+export interface CommentThreadProps extends React.HTMLAttributes<HTMLDivElement> {
+    comments: CommentData[];
+    currentUser?: CommentUser;
+    onReply?: (commentId: string, content: string) => void;
+    onLike?: (commentId: string) => void;
+    onEdit?: (commentId: string, newContent: string) => void;
+    onDelete?: (commentId: string) => void;
+    className?: string;
+}
+export declare const CommentThread: React.ForwardRefExoticComponent<CommentThreadProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CommentThread.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentThread.d.ts","sourceRoot":"","sources":["../../components/CommentThread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAoBxC,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAmMD,eAAO,MAAM,aAAa,2FA0DzB,CAAC"}

package/dist/components/CommentThread.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { cn } from '../lib/utils';
+import { Avatar, AvatarImage, AvatarFallback } from './Avatar';
+import { Button } from './Button';
+import { Textarea } from './Textarea';
+import { MessageSquare, Heart, CornerDownRight } from 'lucide-react';
+import { Combobox } from './Combobox';
+/* ========================================
+   COMPONENTS
+   ======================================== */
+const CommentItem = ({ comment, currentUser, depth = 0, onReply, onLike, onEdit, onDelete, }) => {
+    const [isReplying, setIsReplying] = useState(false);
+    const [isEditing, setIsEditing] = useState(false);
+    const [replyContent, setReplyContent] = useState('');
+    const [editContent, setEditContent] = useState(typeof comment.content === 'string' ? comment.content : '');
+    const handleReplySubmit = () => {
+        if (replyContent.trim() && onReply) {
+            onReply(comment.id, replyContent);
+            setIsReplying(false);
+            setReplyContent('');
+        }
+    };
+    const handleEditSubmit = () => {
+        if (editContent.trim() && onEdit) {
+            onEdit(comment.id, editContent);
+            setIsEditing(false);
+        }
+    };
+    const isAuthor = currentUser?.id === comment.author.id;
+    const maxDepth = 3; // Stop indenting after this depth to prevent squishing
+    const effectiveDepth = Math.min(depth, maxDepth);
+    return (_jsxs("div", { className: cn("group relative", depth > 0 && "mt-4"), children: [_jsxs("div", { className: "flex gap-3", children: [_jsxs(Avatar, { className: "w-8 h-8 flex-none border border-border-primary/50", children: [_jsx(AvatarImage, { src: comment.author.avatarSrc, alt: comment.author.name }), _jsx(AvatarFallback, { children: comment.author.initials || comment.author.name.charAt(0) })] }), _jsxs("div", { className: "flex-1 min-w-0 space-y-1.5", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-semibold text-text-primary", children: comment.author.name }), _jsx("span", { className: "text-xs text-text-tertiary", children: comment.timestamp }), comment.isEdited && (_jsx("span", { className: "text-[10px] text-text-tertiary italic", children: "(edited)" }))] }), (isAuthor || onReply) && (_jsx("div", { className: "w-32", children: _jsx(Combobox, { items: [
+                                                ...(onReply
+                                                    ? [{ value: "reply", label: "Reply" }]
+                                                    : []),
+                                                ...(isAuthor && onEdit
+                                                    ? [{ value: "edit", label: "Edit" }]
+                                                    : []),
+                                                ...(isAuthor && onDelete
+                                                    ? [{ value: "delete", label: "Delete" }]
+                                                    : []),
+                                            ], value: undefined, onChange: (val) => {
+                                                if (val === "reply" && onReply)
+                                                    setIsReplying(!isReplying);
+                                                if (val === "edit" && onEdit)
+                                                    setIsEditing(true);
+                                                if (val === "delete" && onDelete)
+                                                    onDelete(comment.id);
+                                            }, placeholder: "Actions", className: "h-6 text-xs" }) }))] }), isEditing ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Textarea, { value: editContent, onChange: (e) => setEditContent(e.target.value), className: "min-h-[80px] text-sm", autoFocus: true }), _jsxs("div", { className: "flex gap-2 justify-end", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: () => setIsEditing(false), children: "Cancel" }), _jsx(Button, { size: "sm", variant: "primary", onClick: handleEditSubmit, children: "Save" })] })] })) : (_jsx("div", { className: "text-sm text-text-secondary leading-relaxed break-words", children: comment.content })), !isEditing && (_jsxs("div", { className: "flex items-center gap-4 pt-1", children: [onLike && (_jsxs("button", { onClick: () => onLike(comment.id), className: cn("flex items-center gap-1.5 text-xs font-medium transition-colors", comment.isLiked
+                                            ? "text-status-error"
+                                            : "text-text-tertiary hover:text-text-secondary"), children: [_jsx(Heart, { className: cn("w-3.5 h-3.5", comment.isLiked && "fill-current") }), comment.likes || 0] })), onReply && (_jsxs("button", { onClick: () => setIsReplying(!isReplying), className: "flex items-center gap-1.5 text-xs font-medium text-text-tertiary hover:text-text-secondary transition-colors", children: [_jsx(MessageSquare, { className: "w-3.5 h-3.5" }), "Reply"] }))] })), isReplying && (_jsxs("div", { className: "mt-3 flex gap-3 animate-in fade-in slide-in-from-top-2 duration-200", children: [_jsx("div", { className: "relative", children: _jsx(CornerDownRight, { className: "w-4 h-4 text-text-tertiary absolute -left-2 top-2" }) }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(Textarea, { placeholder: `Reply to ${comment.author.name}...`, value: replyContent, onChange: (e) => setReplyContent(e.target.value), className: "min-h-[80px] text-sm", autoFocus: true }), _jsxs("div", { className: "flex gap-2 justify-end", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: () => setIsReplying(false), children: "Cancel" }), _jsx(Button, { size: "sm", variant: "primary", onClick: handleReplySubmit, children: "Reply" })] })] })] }))] })] }), comment.replies && comment.replies.length > 0 && (_jsx("div", { className: cn("pl-4 border-l-2 border-border-primary/30 ml-4", depth >= maxDepth && "border-l-0 pl-0 ml-0"), children: comment.replies.map((reply) => (_jsx(CommentItem, { comment: reply, currentUser: currentUser, depth: depth + 1, onReply: onReply, onLike: onLike, onEdit: onEdit, onDelete: onDelete }, reply.id))) }))] }));
+};
+export const CommentThread = React.forwardRef(({ comments, currentUser, onReply, onLike, onEdit, onDelete, className, ...props }, ref) => {
+    const [newComment, setNewComment] = useState('');
+    const handleNewComment = () => {
+        if (newComment.trim() && onReply) {
+            // Use a special ID or null to indicate a root comment
+            onReply('root', newComment);
+            setNewComment('');
+        }
+    };
+    return (_jsxs("div", { ref: ref, className: cn("space-y-8", className), ...props, children: [currentUser && onReply && (_jsxs("div", { className: "flex gap-4", children: [_jsxs(Avatar, { className: "w-10 h-10 flex-none", children: [_jsx(AvatarImage, { src: currentUser.avatarSrc, alt: currentUser.name }), _jsx(AvatarFallback, { children: currentUser.initials || currentUser.name.charAt(0) })] }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(Textarea, { placeholder: "Write a comment...", value: newComment, onChange: (e) => setNewComment(e.target.value), className: "min-h-[100px]" }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { variant: "primary", onClick: handleNewComment, disabled: !newComment.trim(), children: "Post Comment" }) })] })] })), _jsx("div", { className: "space-y-6", children: comments.map((comment) => (_jsx(CommentItem, { comment: comment, currentUser: currentUser, onReply: onReply, onLike: onLike, onEdit: onEdit, onDelete: onDelete }, comment.id))) })] }));
+});
+CommentThread.displayName = 'CommentThread';
+//# sourceMappingURL=CommentThread.js.map

package/dist/components/CommentThread.js.map

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

package/dist/components/ConfirmDialog.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export interface ConfirmDialogProps {
+    /** Controls visibility of the dialog */
+    open: boolean;
+    /** Callback when visibility changes */
+    onOpenChange: (open: boolean) => void;
+    /** Title of the confirmation dialog */
+    title: string;
+    /** Description or body text */
+    description?: React.ReactNode;
+    /** Label for the confirm button */
+    confirmLabel?: string;
+    /** Label for the cancel button */
+    cancelLabel?: string;
+    /** Callback when confirm button is clicked */
+    onConfirm: () => void;
+    /** Callback when cancel button is clicked */
+    onCancel?: () => void;
+    /** Visual variant of the dialog */
+    variant?: 'default' | 'destructive' | 'warning' | 'info';
+    /** Whether the confirm action is loading */
+    isLoading?: boolean;
+    /** Custom icon to override the default variant icon */
+    icon?: React.ReactNode;
+}
+export declare const ConfirmDialog: React.FC<ConfirmDialogProps>;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../components/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,kBAAkB;IAC/B,wCAAwC;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,uCAAuC;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;IACzD,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAoDD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiFtD,CAAC"}

package/dist/components/ConfirmDialog.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal, ModalFooter, ModalHeader, ModalTitle } from './Modal';
+import { Button } from './Button';
+/* ========================================
+   ICONS
+   ======================================== */
+const Icons = {
+    default: (_jsx("svg", { className: "w-6 h-6 text-accent-blue", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) })),
+    destructive: (_jsx("svg", { className: "w-6 h-6 text-status-error", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) })),
+    warning: (_jsx("svg", { className: "w-6 h-6 text-status-warning", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) })),
+    info: (_jsx("svg", { className: "w-6 h-6 text-accent-blue", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) })),
+};
+const VariantStyles = {
+    default: {
+        iconBg: 'bg-accent-blue/10',
+        confirmBtn: 'primary',
+    },
+    destructive: {
+        iconBg: 'bg-status-error/10',
+        confirmBtn: 'destructive',
+    },
+    warning: {
+        iconBg: 'bg-status-warning/10',
+        confirmBtn: 'warning', // Assuming Button has a warning variant or we use primary with custom class
+    },
+    info: {
+        iconBg: 'bg-accent-blue/10',
+        confirmBtn: 'primary',
+    },
+};
+/* ========================================
+   COMPONENT
+   ======================================== */
+export const ConfirmDialog = ({ open, onOpenChange, title, description, confirmLabel = 'Confirm', cancelLabel = 'Cancel', onConfirm, onCancel, variant = 'default', isLoading = false, icon, }) => {
+    const handleConfirm = () => {
+        onConfirm();
+    };
+    const handleCancel = () => {
+        if (onCancel)
+            onCancel();
+        onOpenChange(false);
+    };
+    const styles = VariantStyles[variant];
+    const Icon = icon || Icons[variant];
+    // Map variant to Button variant
+    const getButtonVariant = (v) => {
+        switch (v) {
+            case 'destructive': return 'destructive';
+            case 'warning': return 'primary'; // Could be improved with a specific warning variant
+            default: return 'primary';
+        }
+    };
+    return (_jsx(Modal, { open: open, onOpenChange: onOpenChange, size: "sm", children: _jsxs("div", { className: "flex flex-col sm:flex-row gap-4", children: [_jsx("div", { className: `
+                    flex-shrink-0 
+                    w-12 h-12 
+                    rounded-full 
+                    flex items-center justify-center 
+                    ${styles.iconBg}
+                    mx-auto sm:mx-0
+                `, children: Icon }), _jsxs("div", { className: "flex-1 text-center sm:text-left", children: [_jsx(ModalHeader, { className: "!mb-2", children: _jsx(ModalTitle, { children: title }) }), description && (_jsx("div", { className: "text-sm text-text-secondary mb-6", children: description })), _jsxs(ModalFooter, { className: "!mt-0 !justify-center sm:!justify-end", children: [_jsx(Button, { variant: "ghost", onClick: handleCancel, disabled: isLoading, children: cancelLabel }), _jsx(Button, { variant: getButtonVariant(variant), onClick: handleConfirm, loading: isLoading, children: confirmLabel })] })] })] }) }));
+};
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/components/ConfirmDialog.js.map

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

package/dist/components/ContextMenu.d.ts

@@ -0,0 +1,85 @@
+import * as React from "react";
+export type ContextMenuProps = React.HTMLAttributes<HTMLDivElement> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+declare const ContextMenu: {
+    ({ children, open, defaultOpen, onOpenChange, ...props }: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type ContextMenuTriggerProps = React.HTMLAttributes<HTMLElement> & {
+    asChild?: boolean;
+};
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+export type ContextMenuContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const ContextMenuContent: React.ForwardRefExoticComponent<ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export type ContextMenuGroupProps = React.HTMLAttributes<HTMLDivElement>;
+declare const ContextMenuGroup: {
+    ({ className, ...props }: ContextMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type ContextMenuItemProps = React.HTMLAttributes<HTMLDivElement> & {
+    inset?: boolean;
+    onSelect?: () => void;
+};
+declare const ContextMenuItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    inset?: boolean;
+    onSelect?: () => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export type ContextMenuCheckboxItemProps = React.HTMLAttributes<HTMLDivElement> & {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+};
+declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export type ContextMenuRadioGroupProps = React.HTMLAttributes<HTMLDivElement> & {
+    value?: string;
+    onValueChange?: (value: string) => void;
+};
+declare const ContextMenuRadioGroup: {
+    ({ children, value, onValueChange, ...props }: ContextMenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type ContextMenuRadioItemProps = React.HTMLAttributes<HTMLDivElement> & {
+    value: string;
+};
+declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    value: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export type ContextMenuLabelProps = React.HTMLAttributes<HTMLDivElement> & {
+    inset?: boolean;
+};
+declare const ContextMenuLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export type ContextMenuSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
+declare const ContextMenuSeparator: React.ForwardRefExoticComponent<ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type ContextMenuSubProps = {
+    children: React.ReactNode;
+};
+declare const ContextMenuSub: {
+    ({ children }: ContextMenuSubProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type ContextMenuSubTriggerProps = React.HTMLAttributes<HTMLDivElement> & {
+    inset?: boolean;
+};
+declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export type ContextMenuSubContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const ContextMenuSubContent: React.ForwardRefExoticComponent<ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuPortal: React.FC<{
+    children: React.ReactNode;
+}>;
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
+//# sourceMappingURL=ContextMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../components/ContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,QAAA,MAAM,WAAW;8DAMd,gBAAgB;;CA6ClB,CAAC;AAIF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEhG,QAAA,MAAM,kBAAkB;cAF8D,OAAO;qCA6B5F,CAAC;AAGF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3E,QAAA,MAAM,kBAAkB,gGAgCvB,CAAC;AAGF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AACzE,QAAA,MAAM,gBAAgB;8BAA6B,qBAAqB;;CAEvE,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAErH,QAAA,MAAM,eAAe;YAF+D,OAAO;eAAa,MAAM,IAAI;wCA6BjH,CAAC;AAGF,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,QAAA,MAAM,uBAAuB;cAJf,OAAO;sBACC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;wCAkC/C,CAAC;AAGF,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,QAAA,MAAM,qBAAqB;mDAAkD,0BAA0B;;CAatG,CAAC;AAGF,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjG,QAAA,MAAM,oBAAoB;WAF8D,MAAM;wCAoC7F,CAAC;AAGF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE/F,QAAA,MAAM,gBAAgB;YAF+D,OAAO;wCAU3F,CAAC;AAGF,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAE7E,QAAA,MAAM,oBAAoB,kGAIzB,CAAC;AAGF,QAAA,MAAM,mBAAmB;8BAA6B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAE1F,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;AAEhE,QAAA,MAAM,cAAc;mBAAkB,mBAAmB;;CAYxD,CAAC;AAGF,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEpG,QAAA,MAAM,qBAAqB;YAF+D,OAAO;wCAwDhG,CAAC;AAGF,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAE9E,QAAA,MAAM,qBAAqB,mGAqC1B,CAAC;AAGF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAE9D,CAAC;AAGF,OAAO,EACH,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,GACxB,CAAC"}