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

package/dist/components/FileUpload.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface FileUploadProps {
+    label?: string;
+    onChange?: (file: File | null) => void;
+    accept?: string;
+    maxSize?: number;
+    disabled?: boolean;
+    error?: string;
+    helperText?: string;
+    className?: string;
+}
+export declare const FileUpload: React.FC<FileUploadProps>;
+//# sourceMappingURL=FileUpload.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../components/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAShD,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAmBD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoNhD,CAAC"}

package/dist/components/FileUpload.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { Upload, X, File, AlertCircle } from 'lucide-react';
+import { cn } from '../lib/utils';
+/* ========================================
+   UTILITY FUNCTIONS
+   ======================================== */
+const formatBytes = (bytes, decimals = 2) => {
+    if (bytes === 0)
+        return '0 Bytes';
+    const k = 1024;
+    const dm = decimals < 0 ? 0 : decimals;
+    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+};
+/* ========================================
+   FILE UPLOAD COMPONENT
+   ======================================== */
+export const FileUpload = ({ label, onChange, accept, maxSize, disabled = false, error: customError, helperText, className, }) => {
+    const [file, setFile] = useState(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const [internalError, setInternalError] = useState(null);
+    const inputRef = useRef(null);
+    const error = customError || internalError;
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        if (!disabled) {
+            setIsDragging(true);
+        }
+    };
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+    };
+    const validateFile = (file) => {
+        setInternalError(null);
+        // Validate size
+        if (maxSize && file.size > maxSize) {
+            setInternalError(`File size must be less than ${formatBytes(maxSize)}`);
+            return false;
+        }
+        // Validate type (basic check based on accept prop)
+        if (accept) {
+            const acceptedTypes = accept.split(',').map(t => t.trim());
+            const fileType = file.type;
+            const fileName = file.name;
+            const isValid = acceptedTypes.some(type => {
+                if (type.endsWith('/*')) {
+                    return fileType.startsWith(type.replace('/*', ''));
+                }
+                if (type.startsWith('.')) {
+                    return fileName.toLowerCase().endsWith(type.toLowerCase());
+                }
+                return fileType === type;
+            });
+            if (!isValid) {
+                setInternalError(`File type not accepted`);
+                return false;
+            }
+        }
+        return true;
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+        if (disabled)
+            return;
+        const droppedFile = e.dataTransfer.files[0];
+        if (droppedFile) {
+            if (validateFile(droppedFile)) {
+                setFile(droppedFile);
+                onChange?.(droppedFile);
+            }
+        }
+    };
+    const handleFileChange = (e) => {
+        const selectedFile = e.target.files?.[0];
+        if (selectedFile) {
+            if (validateFile(selectedFile)) {
+                setFile(selectedFile);
+                onChange?.(selectedFile);
+            }
+        }
+        // Reset input so same file can be selected again if needed
+        if (inputRef.current) {
+            inputRef.current.value = '';
+        }
+    };
+    const handleRemove = (e) => {
+        e.stopPropagation();
+        setFile(null);
+        setInternalError(null);
+        onChange?.(null);
+    };
+    const handleClick = () => {
+        if (!disabled) {
+            inputRef.current?.click();
+        }
+    };
+    return (_jsxs("div", { className: cn("w-full", className), children: [label && (_jsx("label", { className: "block text-sm font-medium text-text-primary mb-2", children: label })), _jsxs("div", { onClick: handleClick, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, className: cn("relative group cursor-pointer rounded-xl border-2 border-dashed transition-all duration-200 ease-in-out overflow-hidden", "min-h-[120px] flex flex-col items-center justify-center p-6 text-center", isDragging
+                    ? "border-accent-blue bg-accent-blue/5 scale-[1.01]"
+                    : "border-border-secondary bg-surface-primary hover:bg-surface-secondary hover:border-border-primary", error && "border-status-error bg-status-error/5", disabled && "opacity-50 cursor-not-allowed hover:bg-surface-primary hover:border-border-secondary"), children: [_jsx("input", { ref: inputRef, type: "file", className: "hidden", accept: accept, onChange: handleFileChange, disabled: disabled }), _jsx(AnimatePresence, { mode: "wait", children: file ? (_jsxs(motion.div, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, className: "flex items-center gap-4 w-full max-w-md bg-surface-secondary p-3 rounded-lg border border-border-primary", onClick: (e) => e.stopPropagation(), children: [_jsx("div", { className: "p-2 bg-surface-tertiary rounded-md", children: _jsx(File, { className: "w-6 h-6 text-accent-blue" }) }), _jsxs("div", { className: "flex-1 text-left overflow-hidden", children: [_jsx("p", { className: "text-sm font-medium text-text-primary truncate", children: file.name }), _jsx("p", { className: "text-xs text-text-tertiary", children: formatBytes(file.size) })] }), _jsx("button", { onClick: handleRemove, className: "p-1.5 rounded-md hover:bg-surface-tertiary text-text-tertiary hover:text-status-error transition-colors", type: "button", children: _jsx(X, { className: "w-4 h-4" }) })] })) : (_jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "flex flex-col items-center gap-2", children: [_jsx("div", { className: cn("p-3 rounded-full bg-surface-secondary transition-colors group-hover:bg-surface-tertiary", isDragging && "bg-accent-blue/10 text-accent-blue"), children: _jsx(Upload, { className: cn("w-6 h-6 text-text-secondary transition-colors", isDragging && "text-accent-blue") }) }), _jsxs("div", { className: "space-y-1", children: [_jsxs("p", { className: "text-sm font-medium text-text-primary", children: [_jsx("span", { className: "text-accent-blue hover:underline", children: "Click to upload" }), " or drag and drop"] }), _jsxs("p", { className: "text-xs text-text-tertiary", children: [accept ? `Accepted formats: ${accept.replace(/,/g, ', ')}` : 'All files accepted', maxSize && ` • Max size: ${formatBytes(maxSize)}`] })] })] })) })] }), (error || helperText) && (_jsxs(motion.div, { initial: { opacity: 0, y: -4 }, animate: { opacity: 1, y: 0 }, className: "mt-2 flex items-center gap-2", children: [error && _jsx(AlertCircle, { className: "w-4 h-4 text-status-error" }), _jsx("p", { className: cn("text-sm", error ? "text-status-error" : "text-text-secondary"), children: error || helperText })] }))] }));
+};
+FileUpload.displayName = 'FileUpload';
+//# sourceMappingURL=FileUpload.js.map

package/dist/components/FileUpload.js.map

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

package/dist/components/FilterBar.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+export interface FilterOption {
+    id: string;
+    label: string;
+    value: string;
+    count?: number;
+}
+export interface FilterGroup {
+    id: string;
+    label: string;
+    type: 'select' | 'multiselect' | 'date' | 'search' | 'custom';
+    options?: FilterOption[];
+    placeholder?: string;
+    icon?: React.ReactNode;
+    customContent?: React.ReactNode;
+}
+export interface ActiveFilter {
+    groupId: string;
+    optionId: string;
+    label: string;
+    value: string;
+}
+export interface FilterBarProps {
+    groups: FilterGroup[];
+    activeFilters?: ActiveFilter[];
+    onFilterChange?: (filters: ActiveFilter[]) => void;
+    onClearAll?: () => void;
+    searchPlaceholder?: string;
+    showSearch?: boolean;
+    showFilterCount?: boolean;
+    className?: string;
+}
+export declare const FilterBar: React.FC<FilterBarProps>;
+export default FilterBar;
+//# sourceMappingURL=FilterBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../components/FilterBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9D,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoK9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/FilterBar.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { X, Filter } from 'lucide-react';
+import { Button } from './Button';
+import { SearchInput } from './SearchInput';
+import { FilterSelect } from './Select';
+export const FilterBar = ({ groups, activeFilters = [], onFilterChange, onClearAll, searchPlaceholder = 'Search...', showSearch = true, showFilterCount = true, className = '', }) => {
+    const [searchQuery, setSearchQuery] = useState('');
+    const handleFilterChange = (groupId, value) => {
+        const group = groups.find(g => g.id === groupId);
+        if (!group || !group.options)
+            return;
+        let newFilters = [...activeFilters];
+        if (group.type === 'multiselect') {
+            // Remove all existing filters for this group
+            newFilters = newFilters.filter(f => f.groupId !== groupId);
+            // Add new filters for selected values
+            const values = Array.isArray(value) ? value : [value];
+            values.forEach(val => {
+                const option = group.options?.find(o => o.value === val);
+                if (option) {
+                    newFilters.push({
+                        groupId,
+                        optionId: option.id,
+                        label: option.label,
+                        value: option.value,
+                    });
+                }
+            });
+        }
+        else {
+            // For single select, remove existing filter for this group and add new one
+            newFilters = newFilters.filter(f => f.groupId !== groupId);
+            const option = group.options?.find(o => o.value === value);
+            if (option) {
+                newFilters.push({
+                    groupId,
+                    optionId: option.id,
+                    label: option.label,
+                    value: option.value,
+                });
+            }
+        }
+        onFilterChange?.(newFilters);
+    };
+    const handleRemoveFilter = (filter) => {
+        const newFilters = activeFilters.filter(f => !(f.groupId === filter.groupId && f.optionId === filter.optionId));
+        onFilterChange?.(newFilters);
+    };
+    const handleClearAll = () => {
+        onFilterChange?.([]);
+        onClearAll?.();
+        setSearchQuery('');
+    };
+    const getGroupValue = (groupId) => {
+        const group = groups.find(g => g.id === groupId);
+        const groupFilters = activeFilters.filter(f => f.groupId === groupId);
+        if (!group || groupFilters.length === 0)
+            return undefined;
+        if (group.type === 'multiselect') {
+            return groupFilters.map(f => f.value);
+        }
+        return groupFilters[0]?.value;
+    };
+    return (_jsxs("div", { className: `bg-surface-primary border border-border-primary rounded-xl p-4 ${className}`, children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [showSearch && (_jsx("div", { className: "flex-1 min-w-[200px]", children: _jsx(SearchInput, { value: searchQuery, onChange: setSearchQuery, placeholder: searchPlaceholder }) })), groups.map((group) => {
+                        if (group.type === 'custom') {
+                            return (_jsx("div", { children: group.customContent }, group.id));
+                        }
+                        const filterOptions = group.options?.map(opt => ({
+                            id: opt.id,
+                            label: opt.label,
+                            value: opt.value,
+                            count: opt.count,
+                        })) || [];
+                        return (_jsx(FilterSelect, { label: group.label, options: filterOptions, value: getGroupValue(group.id), onChange: (value) => handleFilterChange(group.id, value), icon: group.icon || _jsx(Filter, { className: "w-4 h-4" }), multiselect: group.type === 'multiselect' }, group.id));
+                    }), showFilterCount && activeFilters.length > 0 && (_jsxs("div", { className: "flex items-center gap-2 px-3 py-2 rounded-lg bg-surface-secondary text-text-secondary text-sm", children: [_jsx(Filter, { className: "w-4 h-4" }), _jsxs("span", { children: [activeFilters.length, " active"] })] })), activeFilters.length > 0 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: handleClearAll, leftIcon: _jsx(X, { className: "w-4 h-4" }), children: "Clear all" }))] }), activeFilters.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 mt-4 pt-4 border-t border-border-primary", children: activeFilters.map((filter, index) => (_jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-accent-blue/10 text-accent-blue text-sm", children: [_jsx("span", { className: "font-medium", children: filter.label }), _jsx("button", { onClick: () => handleRemoveFilter(filter), className: "hover:bg-accent-blue/20 rounded-full p-0.5 transition-colors", children: _jsx(X, { className: "w-3.5 h-3.5" }) })] }, `${filter.groupId}-${filter.optionId}-${index}`))) }))] }));
+};
+export default FilterBar;
+//# sourceMappingURL=FilterBar.js.map

package/dist/components/FilterBar.js.map

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

package/dist/components/FloatingToolbar.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export interface FloatingToolbarAction {
+    id: string;
+    label?: string;
+    icon: React.ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+    tooltip?: string;
+    variant?: 'default' | 'primary' | 'danger';
+}
+export interface FloatingToolbarProps {
+    actions: FloatingToolbarAction[];
+    position?: 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    variant?: 'default' | 'compact' | 'glass';
+    showLabels?: boolean;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    className?: string;
+    offset?: number;
+    defaultActiveId?: string;
+}
+export declare const FloatingToolbar: React.FC<FloatingToolbarProps>;
+export default FloatingToolbar;
+//# sourceMappingURL=FloatingToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingToolbar.d.ts","sourceRoot":"","sources":["../../components/FloatingToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;CAC5C;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;IACxF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgR1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/FloatingToolbar.js

@@ -0,0 +1,180 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { X, ChevronUp } from 'lucide-react';
+export const FloatingToolbar = ({ actions, position = 'bottom', variant = 'default', showLabels = false, dismissible = false, onDismiss, className = '', offset = 24, defaultActiveId, }) => {
+    const [isExpanded, setIsExpanded] = useState(true);
+    const [isAnimating, setIsAnimating] = useState(false);
+    const [activeActionId, setActiveActionId] = useState(defaultActiveId);
+    useEffect(() => {
+        setIsAnimating(true);
+        const timer = setTimeout(() => setIsAnimating(false), 300);
+        return () => clearTimeout(timer);
+    }, []);
+    const handleDismiss = () => {
+        setIsExpanded(false);
+        onDismiss?.();
+    };
+    const handleExpand = () => {
+        setIsExpanded(true);
+    };
+    const handleActionClick = (action) => {
+        setActiveActionId(action.id);
+        action.onClick();
+    };
+    const positionClasses = {
+        top: 'top-0 left-1/2 -translate-x-1/2',
+        bottom: 'bottom-0 left-1/2 -translate-x-1/2',
+        'top-left': 'top-0 left-0',
+        'top-right': 'top-0 right-0',
+        'bottom-left': 'bottom-0 left-0',
+        'bottom-right': 'bottom-0 right-0',
+    };
+    const variantClasses = {
+        default: 'bg-surface-primary border border-border-primary shadow-lg',
+        compact: 'bg-surface-primary border border-border-primary shadow-md',
+        glass: 'glass border border-border-primary shadow-xl',
+    };
+    const animationClasses = {
+        top: isAnimating ? 'animate-slide-down' : '',
+        bottom: isAnimating ? 'animate-slide-up' : '',
+        'top-left': isAnimating ? 'animate-scale-in' : '',
+        'top-right': isAnimating ? 'animate-scale-in' : '',
+        'bottom-left': isAnimating ? 'animate-scale-in' : '',
+        'bottom-right': isAnimating ? 'animate-scale-in' : '',
+    };
+    const getActionVariantClasses = (actionVariant, isActive) => {
+        if (isActive) {
+            return 'text-accent-blue border-b-2 border-accent-blue';
+        }
+        switch (actionVariant) {
+            case 'primary':
+                return 'text-accent-blue hover:bg-accent-blue/10';
+            case 'danger':
+                return 'text-status-error hover:bg-status-error/10';
+            default:
+                return 'text-text-primary hover:bg-background-tertiary/50';
+        }
+    };
+    // Collapsed state - show small expand button
+    if (!isExpanded && dismissible) {
+        return (_jsx("div", { className: `floating-toolbar-collapsed fixed ${positionClasses[position]} z-50 ${className}`, style: {
+                margin: `${offset}px`,
+            }, children: _jsx("button", { onClick: handleExpand, className: `${variantClasses[variant]} rounded-full p-3 hover:scale-110 transition-all duration-200 animate-scale-in`, "aria-label": "Expand toolbar", children: _jsx(ChevronUp, { className: "w-5 h-5 text-text-primary" }) }) }));
+    }
+    return (_jsxs("div", { className: `floating-toolbar fixed ${positionClasses[position]} ${animationClasses[position]} z-50 ${className}`, style: {
+            margin: `${offset}px`,
+        }, children: [_jsxs("div", { className: `toolbar-container ${variantClasses[variant]} rounded-2xl ${variant === 'compact' ? 'p-1.5' : 'p-2'} flex items-center gap-1`, children: [_jsx("div", { className: "flex items-center gap-1", children: actions.map((action) => {
+                            const isActive = activeActionId === action.id;
+                            return (_jsxs("button", { onClick: () => handleActionClick(action), disabled: action.disabled, className: `toolbar-action relative flex items-center gap-2 ${variant === 'compact' ? 'px-2.5 py-2' : 'px-3 py-2.5'} rounded-xl font-medium text-sm transition-all duration-200 ${getActionVariantClasses(action.variant, isActive)} disabled:opacity-40 disabled:cursor-not-allowed group`, title: action.tooltip || action.label, "aria-label": action.label || action.tooltip, "aria-pressed": isActive, children: [_jsx("span", { className: "flex-shrink-0 w-5 h-5", children: action.icon }), showLabels && action.label && (_jsx("span", { className: "whitespace-nowrap", children: action.label })), action.tooltip && !showLabels && !isActive && (_jsxs("span", { className: "tooltip absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-1.5 bg-gray-900 dark:bg-gray-100 text-white dark:text-gray-900 text-xs font-medium rounded-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 whitespace-nowrap pointer-events-none shadow-lg", children: [action.tooltip, _jsx("span", { className: "tooltip-arrow absolute top-full left-1/2 -translate-x-1/2 -mt-px border-4 border-transparent border-t-gray-900 dark:border-t-gray-100" })] }))] }, action.id));
+                        }) }), dismissible && (_jsxs(_Fragment, { children: [_jsx("div", { className: "w-px h-6 bg-border-primary mx-1" }), _jsx("button", { onClick: handleDismiss, className: `dismiss-button flex items-center justify-center ${variant === 'compact' ? 'w-8 h-8' : 'w-9 h-9'} rounded-xl text-text-secondary hover:text-text-primary hover:bg-background-tertiary/50 transition-all duration-200`, "aria-label": "Collapse toolbar", children: _jsx(X, { className: "w-4 h-4" }) })] }))] }), _jsx("style", { dangerouslySetInnerHTML: {
+                    __html: `
+        .floating-toolbar {
+          -webkit-font-smoothing: antialiased;
+          -moz-osx-font-smoothing: grayscale;
+        }
+
+        .toolbar-container {
+          user-select: none;
+          -webkit-user-select: none;
+        }
+
+        .toolbar-action {
+          position: relative;
+          overflow: visible;
+        }
+
+        .toolbar-action:not([aria-pressed="true"])::before {
+          content: '';
+          position: absolute;
+          inset: 0;
+          border-radius: 12px;
+          background: currentColor;
+          opacity: 0;
+          transition: opacity 200ms cubic-bezier(0.16, 1, 0.3, 1);
+        }
+
+        .toolbar-action:not([aria-pressed="true"]):hover::before {
+          opacity: 0.08;
+        }
+
+        .toolbar-action:not([aria-pressed="true"]):active::before {
+          opacity: 0.12;
+        }
+
+        .toolbar-action:disabled::before {
+          opacity: 0;
+        }
+
+        .tooltip {
+          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+          z-index: 100;
+        }
+
+        .dark .tooltip {
+          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+        }
+
+        @keyframes slideUp {
+          from {
+            opacity: 0;
+            transform: translateY(12px) translateX(-50%);
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0) translateX(-50%);
+          }
+        }
+
+        @keyframes slideDown {
+          from {
+            opacity: 0;
+            transform: translateY(-12px) translateX(-50%);
+          }
+          to {
+            opacity: 1;
+            transform: translateY(0) translateX(-50%);
+          }
+        }
+
+        @keyframes scaleIn {
+          from {
+            opacity: 0;
+            transform: scale(0.92);
+          }
+          to {
+            opacity: 1;
+            transform: scale(1);
+          }
+        }
+
+        .animate-slide-up {
+          animation: slideUp 300ms cubic-bezier(0.16, 1, 0.3, 1);
+        }
+
+        .animate-slide-down {
+          animation: slideDown 300ms cubic-bezier(0.16, 1, 0.3, 1);
+        }
+
+        .animate-scale-in {
+          animation: scaleIn 300ms cubic-bezier(0.16, 1, 0.3, 1);
+        }
+
+        @media (max-width: 640px) {
+          .floating-toolbar {
+            max-width: calc(100vw - 32px);
+          }
+
+          .toolbar-container {
+            overflow-x: auto;
+            -webkit-overflow-scrolling: touch;
+          }
+
+          .toolbar-container::-webkit-scrollbar {
+            display: none;
+          }
+        }
+      `,
+                } })] }));
+};
+export default FloatingToolbar;
+//# sourceMappingURL=FloatingToolbar.js.map

package/dist/components/FloatingToolbar.js.map

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

package/dist/components/Footer.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+}
+export declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
+export interface FooterTopProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    description?: string;
+    icon?: React.ReactNode;
+    socials?: React.ReactNode;
+}
+export declare const FooterTop: React.ForwardRefExoticComponent<FooterTopProps & React.RefAttributes<HTMLDivElement>>;
+export interface FooterContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export declare const FooterContent: React.ForwardRefExoticComponent<FooterContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface FooterColumnProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    children: React.ReactNode;
+    /** Number of columns to span (out of 12). Defaults to auto-sizing (equal width) */
+    span?: number;
+}
+export declare const FooterColumn: React.ForwardRefExoticComponent<FooterColumnProps & React.RefAttributes<HTMLDivElement>>;
+export interface FooterLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    as?: React.ElementType;
+}
+export declare const FooterLink: React.ForwardRefExoticComponent<FooterLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export interface FooterBottomProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export declare const FooterBottom: React.ForwardRefExoticComponent<FooterBottomProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../components/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,iFAelB,CAAC;AAQF,MAAM,WAAW,cACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,uFAuCrB,CAAC;AAQF,MAAM,WAAW,kBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,2FAkBxB,CAAC;AAQH,MAAM,WAAW,iBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,0FAyBvB,CAAC;AAOH,MAAM,WAAW,eACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,2FAgBrB,CAAC;AAOH,MAAM,WAAW,iBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,0FAgBvB,CAAC"}

package/dist/components/Footer.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../lib/utils';
+import { Col, GridContainer, Row } from './GridSystem';
+export const Footer = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsx("footer", { ref: ref, className: cn('w-full bg-surface-secondary border-t border-border-primary pt-12 pb-10', className), ...props, children: children }));
+});
+Footer.displayName = 'Footer';
+export const FooterTop = React.forwardRef(({ className, title = "Acme Inc.", description, icon, socials, ...props }, ref) => {
+    return (_jsxs(GridContainer, { ref: ref, className: cn("max-w-3xl flex flex-col items-center text-center mb-12", className), ...props, children: [icon ? (icon) : (_jsx("div", { className: "w-14 h-14 rounded-full bg-text-primary text-background flex items-center justify-center text-lg font-bold", children: "A" })), _jsx("h2", { className: "text-xl font-semibold mt-4", children: title }), description && (_jsx("p", { className: "mt-2 text-sm text-text-secondary max-w-prose", children: description })), socials && (_jsx("div", { className: "flex items-center gap-4 mt-4 text-text-secondary", children: socials }))] }));
+});
+FooterTop.displayName = "FooterTop";
+export const FooterContent = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsx(GridContainer, { as: "div", ref: ref, className: cn(className), ...props, children: _jsx(Row, { className: "justify-between w-full", children: children }) }));
+});
+FooterContent.displayName = 'FooterContent';
+export const FooterColumn = React.forwardRef(({ className, title, children, span, ...props }, ref) => {
+    return (_jsxs(Col, { ref: ref, xs: 12, md: span || true, className: cn('flex flex-col gap-3 mb-8 md:mb-0', 
+        // Reset width on desktop if using auto-layout (flex-1), so w-full from xs doesn't persist
+        !span && 'md:w-auto md:flex-1', className), ...props, children: [title && (_jsx("h3", { className: "font-semibold text-text-primary text-sm tracking-wide uppercase mb-1", children: title })), _jsx("div", { className: "flex flex-col gap-2", children: children })] }));
+});
+FooterColumn.displayName = 'FooterColumn';
+export const FooterLink = React.forwardRef(({ className, as: Component = 'a', children, ...props }, ref) => {
+    return (_jsx(Component, { ref: ref, className: cn('text-sm text-text-secondary hover:text-text-primary transition-colors w-fit', className), ...props, children: children }));
+});
+FooterLink.displayName = 'FooterLink';
+export const FooterBottom = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsx(GridContainer, { ref: ref, className: cn('pt-8 mt-8 border-t border-border-primary flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-text-tertiary', className), ...props, children: children }));
+});
+FooterBottom.displayName = 'FooterBottom';
+//# sourceMappingURL=Footer.js.map

package/dist/components/Footer.js.map

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

package/dist/components/Gallery.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LightboxImage } from './Lightbox';
+export interface GalleryProps {
+    images: LightboxImage[];
+    columns?: number;
+    gap?: number;
+    aspectRatio?: 'square' | 'video' | 'portrait' | 'auto';
+    className?: string;
+}
+export declare const Gallery: React.FC<GalleryProps>;
+//# sourceMappingURL=Gallery.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../components/Gallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAGrD,MAAM,WAAW,YAAY;IACzB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AA+DD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuD1C,CAAC"}

package/dist/components/Gallery.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { motion } from 'framer-motion';
+import { cn } from '../lib/utils';
+import { Lightbox } from './Lightbox';
+import { Maximize2, ImageOff } from 'lucide-react';
+const GalleryItem = ({ image, index, aspectRatio, getAspectRatioClass, onClick }) => {
+    const [hasError, setHasError] = useState(false);
+    return (_jsxs(motion.div, { layoutId: `gallery-image-${index}`, className: cn("group relative overflow-hidden rounded-xl bg-surface-secondary cursor-zoom-in", getAspectRatioClass()), onClick: onClick, whileHover: { scale: 1.02 }, transition: { type: "spring", stiffness: 400, damping: 30 }, children: [hasError ? (_jsxs("div", { className: "w-full h-full flex flex-col items-center justify-center bg-surface-tertiary text-text-secondary p-4 text-center select-none", children: [_jsx(ImageOff, { className: "w-8 h-8 mb-2 opacity-50" }), _jsx("span", { className: "text-xs font-medium opacity-70 truncate max-w-full px-2", children: image.alt || "Image not found" })] })) : (_jsx("img", { src: image.src, alt: image.alt || `Gallery image ${index + 1}`, className: cn("w-full h-full object-cover transition-transform duration-500 group-hover:scale-110", aspectRatio === 'auto' ? "h-auto" : ""), loading: "lazy", onError: () => setHasError(true) })), !hasError && (_jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 flex items-center justify-center opacity-0 group-hover:opacity-100", children: _jsx("div", { className: "bg-black/50 backdrop-blur-sm p-2 rounded-full text-white", children: _jsx(Maximize2, { className: "w-5 h-5" }) }) })), image.caption && !hasError && (_jsx("div", { className: "absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-black/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 translate-y-2 group-hover:translate-y-0", children: _jsx("p", { className: "text-white text-xs font-medium truncate", children: image.caption }) }))] }));
+};
+export const Gallery = ({ images, columns = 3, gap = 16, aspectRatio = 'square', className, }) => {
+    const [lightboxOpen, setLightboxOpen] = useState(false);
+    const [currentIndex, setCurrentIndex] = useState(0);
+    const openLightbox = (index) => {
+        setCurrentIndex(index);
+        setLightboxOpen(true);
+    };
+    const getAspectRatioClass = () => {
+        switch (aspectRatio) {
+            case 'square': return 'aspect-square';
+            case 'video': return 'aspect-video';
+            case 'portrait': return 'aspect-[3/4]';
+            case 'auto': return '';
+            default: return 'aspect-square';
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn("grid", className), style: {
+                    gridTemplateColumns: `repeat(auto-fill, minmax(min(100%, ${100 / columns}% - ${gap}px), 1fr))`,
+                    gap: `${gap}px`
+                }, children: images.map((image, index) => (_jsx(GalleryItem, { image: image, index: index, aspectRatio: aspectRatio, getAspectRatioClass: getAspectRatioClass, onClick: () => openLightbox(index) }, index))) }), _jsx(Lightbox, { isOpen: lightboxOpen, images: images, currentIndex: currentIndex, onClose: () => setLightboxOpen(false), onIndexChange: setCurrentIndex })] }));
+};
+//# sourceMappingURL=Gallery.js.map