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

package/dist/components/ImageCarousel.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { cn } from '../lib/utils';
+import { Button } from './Button';
+export const ImageCarousel = ({ images, autoPlay = false, interval = 5000, showArrows = true, showIndicators = true, effect = 'slide', className, height = '400px', }) => {
+    const [currentIndex, setCurrentIndex] = useState(0);
+    const [direction, setDirection] = useState(0);
+    const [isPaused, setIsPaused] = useState(false);
+    const paginate = useCallback((newDirection) => {
+        setDirection(newDirection);
+        setCurrentIndex((prevIndex) => {
+            let nextIndex = prevIndex + newDirection;
+            if (nextIndex < 0)
+                nextIndex = images.length - 1;
+            if (nextIndex >= images.length)
+                nextIndex = 0;
+            return nextIndex;
+        });
+    }, [images.length]);
+    useEffect(() => {
+        if (autoPlay && !isPaused) {
+            const timer = setInterval(() => {
+                paginate(1);
+            }, interval);
+            return () => clearInterval(timer);
+        }
+    }, [autoPlay, interval, isPaused, paginate]);
+    const variants = {
+        enter: (direction) => ({
+            x: effect === 'slide' ? (direction > 0 ? '100%' : '-100%') : 0,
+            opacity: effect === 'fade' ? 0 : 1,
+        }),
+        center: {
+            zIndex: 1,
+            x: 0,
+            opacity: 1,
+        },
+        exit: (direction) => ({
+            zIndex: 0,
+            x: effect === 'slide' ? (direction < 0 ? '100%' : '-100%') : 0,
+            opacity: effect === 'fade' ? 0 : 1,
+        }),
+    };
+    const swipeConfidenceThreshold = 10000;
+    const swipePower = (offset, velocity) => {
+        return Math.abs(offset) * velocity;
+    };
+    if (!images || images.length === 0) {
+        return (_jsx("div", { className: cn("flex items-center justify-center bg-surface-secondary rounded-2xl border border-border-primary", className), style: { height }, children: _jsx("span", { className: "text-text-secondary", children: "No images to display" }) }));
+    }
+    return (_jsxs("div", { className: cn("relative overflow-hidden rounded-2xl bg-gray-900 group w-full", className), style: { height, minHeight: typeof height === 'number' ? `${height}px` : height }, onMouseEnter: () => setIsPaused(true), onMouseLeave: () => setIsPaused(false), children: [_jsx(AnimatePresence, { initial: false, custom: direction, children: _jsxs(motion.div, { custom: direction, variants: variants, initial: "enter", animate: "center", exit: "exit", transition: {
+                        x: { type: "spring", stiffness: 300, damping: 30 },
+                        opacity: { duration: 0.2 }
+                    }, drag: effect === 'slide' ? "x" : false, dragConstraints: { left: 0, right: 0 }, dragElastic: 1, onDragEnd: (e, { offset, velocity }) => {
+                        const swipe = swipePower(offset.x, velocity.x);
+                        if (swipe < -swipeConfidenceThreshold) {
+                            paginate(1);
+                        }
+                        else if (swipe > swipeConfidenceThreshold) {
+                            paginate(-1);
+                        }
+                    }, className: "absolute inset-0 w-full h-full flex items-center justify-center bg-black", children: [_jsx("img", { src: images[currentIndex]?.src, alt: images[currentIndex]?.alt, className: "w-full h-full object-cover pointer-events-none", onError: (e) => {
+                                console.error("Image failed to load", images[currentIndex]?.src);
+                                e.currentTarget.style.display = 'none';
+                            } }), images[currentIndex]?.caption && (_jsx("div", { className: "absolute bottom-0 left-0 right-0 p-6 bg-gradient-to-t from-black/80 to-transparent", children: _jsx("p", { className: "text-white text-lg font-medium", children: images[currentIndex].caption }) }))] }, currentIndex) }), showArrows && (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute left-4 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 z-10", children: _jsx(Button, { variant: "ghost", size: "sm", className: "h-10 w-10 rounded-full bg-black/20 hover:bg-black/40 text-white backdrop-blur-sm p-0", onClick: () => paginate(-1), children: _jsx(ChevronLeft, { className: "w-6 h-6" }) }) }), _jsx("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 z-10", children: _jsx(Button, { variant: "ghost", size: "sm", className: "h-10 w-10 rounded-full bg-black/20 hover:bg-black/40 text-white backdrop-blur-sm p-0", onClick: () => paginate(1), children: _jsx(ChevronRight, { className: "w-6 h-6" }) }) })] })), showIndicators && (_jsx("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2 z-10", children: images.map((_, index) => (_jsx("button", { onClick: () => {
+                        setDirection(index > currentIndex ? 1 : -1);
+                        setCurrentIndex(index);
+                    }, className: cn("w-2 h-2 rounded-full transition-all duration-300", index === currentIndex
+                        ? "bg-white w-6"
+                        : "bg-white/50 hover:bg-white/80"), "aria-label": `Go to slide ${index + 1}` }, index))) }))] }));
+};
+//# sourceMappingURL=ImageCarousel.js.map

package/dist/components/ImageCarousel.js.map

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

package/dist/components/ImageCropper.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface ImageCropperProps {
+    src: string;
+    aspectRatio?: number;
+    onCrop: (croppedImage: string) => void;
+    onCancel: () => void;
+    className?: string;
+}
+export declare const ImageCropper: React.FC<ImageCropperProps>;
+//# sourceMappingURL=ImageCropper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCropper.d.ts","sourceRoot":"","sources":["../../components/ImageCropper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,MAAM,WAAW,iBAAiB;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6QpD,CAAC"}

package/dist/components/ImageCropper.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { Slider } from './Slider';
+import { Button } from './Button';
+import { ZoomIn, Check, X, Crop as CropIcon, RotateCw } from 'lucide-react';
+import { cn } from '../lib/utils';
+export const ImageCropper = ({ src, aspectRatio = 1, onCrop, onCancel, className, }) => {
+    const [image, setImage] = useState(null);
+    const [scale, setScale] = useState(1);
+    const [initialScale, setInitialScale] = useState(1);
+    const [rotation, setRotation] = useState(0);
+    const [position, setPosition] = useState({ x: 0, y: 0 });
+    const [isDragging, setIsDragging] = useState(false);
+    const [dragStart, setDragStart] = useState({ x: 0, y: 0 });
+    const containerRef = useRef(null);
+    const canvasRef = useRef(null);
+    // Load image
+    useEffect(() => {
+        const img = new Image();
+        img.src = src;
+        img.crossOrigin = 'anonymous';
+        img.onload = () => {
+            setImage(img);
+            // Calculate initial scale to fit the image inside the crop area
+            const cropWidth = 300;
+            const cropHeight = 300 / aspectRatio;
+            // Calculate scale to cover the crop area
+            const scaleW = cropWidth / img.naturalWidth;
+            const scaleH = cropHeight / img.naturalHeight;
+            // Use the larger scale to ensure it covers the crop area (like 'object-cover')
+            const calculatedScale = Math.max(scaleW, scaleH);
+            setInitialScale(calculatedScale);
+            setScale(calculatedScale);
+        };
+    }, [src, aspectRatio]);
+    // Handle Dragging
+    const handleMouseDown = (e) => {
+        setIsDragging(true);
+        setDragStart({ x: e.clientX - position.x, y: e.clientY - position.y });
+    };
+    const handleMouseMove = (e) => {
+        if (!isDragging)
+            return;
+        e.preventDefault();
+        setPosition({
+            x: e.clientX - dragStart.x,
+            y: e.clientY - dragStart.y,
+        });
+    };
+    const handleMouseUp = () => {
+        setIsDragging(false);
+    };
+    const handleTouchStart = (e) => {
+        setIsDragging(true);
+        const touch = e.touches[0];
+        setDragStart({ x: touch.clientX - position.x, y: touch.clientY - position.y });
+    };
+    const handleTouchMove = (e) => {
+        if (!isDragging)
+            return;
+        const touch = e.touches[0];
+        setPosition({
+            x: touch.clientX - dragStart.x,
+            y: touch.clientY - dragStart.y,
+        });
+    };
+    // Crop Logic
+    const getCroppedImg = useCallback(() => {
+        if (!image || !containerRef.current)
+            return;
+        const canvas = document.createElement('canvas');
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return;
+        // We need to calculate the crop area relative to the image.
+        // For simplicity in this custom implementation, let's assume the "Crop Area" is the visible viewport of the container.
+        // Or better, a fixed box in the center of the container.
+        // Let's define the crop box size. 
+        // For this component, let's say the crop box is 300x300 (or based on aspect ratio)
+        const cropWidth = 300;
+        const cropHeight = 300 / aspectRatio;
+        canvas.width = cropWidth;
+        canvas.height = cropHeight;
+        // Fill with black (optional, for transparency)
+        // ctx.fillStyle = 'black';
+        // ctx.fillRect(0, 0, canvas.width, canvas.height);
+        // Calculate the transform
+        // We want to draw the image such that the part under the crop box is drawn onto the canvas.
+        // 1. Move origin to center of canvas
+        ctx.translate(canvas.width / 2, canvas.height / 2);
+        // 2. Apply rotation
+        ctx.rotate((rotation * Math.PI) / 180);
+        // 3. Apply scale
+        ctx.scale(scale, scale);
+        // 4. Draw image centered at the calculated position
+        // The 'position' state tracks the translation of the image in the UI.
+        // If position is (0,0), the image center is at the container center.
+        // So we draw the image at (position.x, position.y) relative to the center.
+        // Note: The position in UI is pixels.
+        ctx.translate(position.x, position.y);
+        // Draw image centered
+        ctx.drawImage(image, -image.naturalWidth / 2, -image.naturalHeight / 2);
+        const base64 = canvas.toDataURL('image/jpeg', 0.9);
+        onCrop(base64);
+    }, [image, scale, rotation, position, aspectRatio, onCrop]);
+    // Real-time crop update
+    useEffect(() => {
+        const timeoutId = setTimeout(() => {
+            if (image) {
+                getCroppedImg();
+            }
+        }, 100);
+        return () => clearTimeout(timeoutId);
+    }, [image, scale, rotation, position, getCroppedImg]);
+    return (_jsxs("div", { className: cn("flex flex-col gap-4 w-full max-w-2xl mx-auto p-4 bg-surface-primary rounded-2xl shadow-sm border border-border-primary", className), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("h3", { className: "text-lg font-semibold text-text-primary flex items-center gap-2", children: [_jsx(CropIcon, { className: "w-5 h-5" }), "Edit Image"] }), _jsx("div", { className: "flex gap-2", children: _jsx(Button, { variant: "ghost", size: "sm", onClick: () => {
+                                setScale(initialScale);
+                                setRotation(0);
+                                setPosition({ x: 0, y: 0 });
+                            }, children: "Reset" }) })] }), _jsxs("div", { className: "relative w-full h-[400px] bg-[#1c1c1e] rounded-xl overflow-hidden cursor-move touch-none select-none flex items-center justify-center", ref: containerRef, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleMouseUp, children: [image && (_jsx("div", { style: {
+                            transform: `translate(${position.x}px, ${position.y}px) rotate(${rotation}deg) scale(${scale})`,
+                            transformOrigin: 'center',
+                            width: image.naturalWidth,
+                            height: image.naturalHeight,
+                            position: 'absolute',
+                            // We don't set top/left because we center it with flex in parent, 
+                            // but actually flex center might fight with absolute.
+                            // Let's rely on the transform for positioning relative to center.
+                            // To do that, we need it to be centered initially.
+                            left: '50%',
+                            top: '50%',
+                            marginLeft: -image.naturalWidth / 2,
+                            marginTop: -image.naturalHeight / 2,
+                        }, children: _jsx("img", { src: src, alt: "Edit", className: "max-w-none pointer-events-none select-none", draggable: false }) })), _jsxs("div", { className: "absolute pointer-events-none border-2 border-white shadow-[0_0_0_9999px_rgba(0,0,0,0.7)]", style: {
+                            width: 300,
+                            height: 300 / aspectRatio,
+                        }, children: [_jsxs("div", { className: "absolute inset-0 flex flex-col", children: [_jsx("div", { className: "flex-1 border-b border-white/30" }), _jsx("div", { className: "flex-1 border-b border-white/30" }), _jsx("div", { className: "flex-1" })] }), _jsxs("div", { className: "absolute inset-0 flex", children: [_jsx("div", { className: "flex-1 border-r border-white/30" }), _jsx("div", { className: "flex-1 border-r border-white/30" }), _jsx("div", { className: "flex-1" })] })] })] }), _jsxs("div", { className: "flex flex-col gap-4 px-2", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(ZoomIn, { className: "w-4 h-4 text-text-secondary" }), _jsx(Slider, { value: scale, min: 0.1, max: 3, step: 0.01, onValueChange: (v) => setScale(v), className: "flex-1" }), _jsxs("span", { className: "text-xs font-mono w-12 text-right text-text-secondary", children: [Math.round(scale * 100), "%"] })] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(RotateCw, { className: "w-4 h-4 text-text-secondary" }), _jsx(Slider, { value: rotation, min: -180, max: 180, step: 1, onValueChange: (v) => setRotation(v), className: "flex-1" }), _jsxs("span", { className: "text-xs font-mono w-12 text-right text-text-secondary", children: [rotation, "\u00B0"] })] })] }), _jsxs("div", { className: "flex items-center justify-end gap-3 pt-6", children: [_jsxs(Button, { variant: "ghost", onClick: onCancel, children: [_jsx(X, { className: "w-4 h-4 mr-2" }), "Cancel"] }), _jsxs(Button, { variant: "primary", onClick: getCroppedImg, children: [_jsx(Check, { className: "w-4 h-4 mr-2" }), "Crop Image"] })] })] }));
+};
+//# sourceMappingURL=ImageCropper.js.map

package/dist/components/ImageCropper.js.map

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

package/dist/components/Input.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    inputSize?: 'sm' | 'md' | 'lg';
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+}
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC;AA4CD,eAAO,MAAM,KAAK,qFAoHjB,CAAC;AAQF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CACxD;AAED,eAAO,MAAM,QAAQ,2FAgEpB,CAAC"}

package/dist/components/Input.js

@@ -0,0 +1,117 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { motion } from 'framer-motion';
+/* ========================================
+   STYLES
+   ======================================== */
+const baseInputStyles = `
+  w-full
+  bg-surface-primary
+  border border-border-primary
+  text-text-primary
+  placeholder:text-text-tertiary
+  transition-apple
+  focus:outline-none
+  focus:border-accent-blue
+  focus:ring-2
+  focus:ring-accent-blue/20
+  disabled:opacity-40
+  disabled:cursor-not-allowed
+`;
+const sizeStyles = {
+    sm: 'h-8 px-3 text-sm rounded-lg',
+    md: 'h-10 px-4 text-base rounded-xl',
+    lg: 'h-12 px-5 text-lg rounded-xl',
+};
+const withIconPadding = {
+    left: {
+        sm: 'pl-9',
+        md: 'pl-10',
+        lg: 'pl-12',
+    },
+    right: {
+        sm: 'pr-9',
+        md: 'pr-10',
+        lg: 'pr-12',
+    },
+};
+/* ========================================
+   COMPONENT
+   ======================================== */
+export const Input = forwardRef(({ label, error, helperText, leftIcon, rightIcon, inputSize = 'md', className = '', disabled, ...props }, ref) => {
+    const hasError = !!error;
+    const inputClassName = `
+      ${baseInputStyles}
+      ${sizeStyles[inputSize]}
+      ${leftIcon ? withIconPadding.left[inputSize] : ''}
+      ${rightIcon ? withIconPadding.right[inputSize] : ''}
+      ${hasError ? 'border-status-error focus:border-status-error focus:ring-status-error/20' : ''}
+      ${className}
+    `.trim().replace(/\s+/g, ' ');
+    const iconSizeMap = {
+        sm: 'w-4 h-4',
+        md: 'w-5 h-5',
+        lg: 'w-6 h-6',
+    };
+    const iconPositionMap = {
+        left: {
+            sm: 'left-3',
+            md: 'left-3',
+            lg: 'left-4',
+        },
+        right: {
+            sm: 'right-3',
+            md: 'right-3',
+            lg: 'right-4',
+        },
+    };
+    return (_jsxs("div", { className: "w-full", children: [label && (_jsx("label", { className: "block text-sm font-medium text-text-primary mb-2", children: label })), _jsxs("div", { className: "relative", children: [leftIcon && (_jsx("div", { className: `
+                absolute top-1/2 -translate-y-1/2
+                ${iconPositionMap.left[inputSize]}
+                ${iconSizeMap[inputSize]}
+                text-text-tertiary
+                pointer-events-none
+                flex items-center justify-center
+              `, children: leftIcon })), _jsx(motion.input, { ref: ref, className: inputClassName, disabled: disabled, whileFocus: {
+                            scale: 1.005,
+                        }, transition: {
+                            type: 'spring',
+                            stiffness: 300,
+                            damping: 30,
+                        }, ...props }), rightIcon && (_jsx("div", { className: `
+                absolute top-1/2 -translate-y-1/2
+                ${iconPositionMap.right[inputSize]}
+                ${iconSizeMap[inputSize]}
+                text-text-tertiary
+                pointer-events-none
+                flex items-center justify-center
+              `, children: rightIcon }))] }), (error || helperText) && (_jsx(motion.p, { initial: { opacity: 0, y: -4 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.16 }, className: `
+              mt-2 text-sm
+              ${hasError ? 'text-status-error' : 'text-text-secondary'}
+            `, children: error || helperText }))] }));
+});
+Input.displayName = 'Input';
+export const Textarea = forwardRef(({ label, error, helperText, resize = 'vertical', className = '', disabled, ...props }, ref) => {
+    const hasError = !!error;
+    const textareaClassName = `
+      ${baseInputStyles}
+      px-4 py-3
+      rounded-xl
+      min-h-[100px]
+      resize-${resize}
+      ${hasError ? 'border-status-error focus:border-status-error focus:ring-status-error/20' : ''}
+      ${className}
+    `.trim().replace(/\s+/g, ' ');
+    return (_jsxs("div", { className: "w-full", children: [label && (_jsx("label", { className: "block text-sm font-medium text-text-primary mb-2", children: label })), _jsx(motion.textarea, { ref: ref, className: textareaClassName, disabled: disabled, whileFocus: {
+                    scale: 1.005,
+                }, transition: {
+                    type: 'spring',
+                    stiffness: 300,
+                    damping: 30,
+                }, ...props }), (error || helperText) && (_jsx(motion.p, { initial: { opacity: 0, y: -4 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.16 }, className: `
+              mt-2 text-sm
+              ${hasError ? 'text-status-error' : 'text-text-secondary'}
+            `, children: error || helperText }))] }));
+});
+Textarea.displayName = 'Textarea';
+//# sourceMappingURL=Input.js.map

package/dist/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../components/Input.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAevC;;8CAE8C;AAE9C,MAAM,eAAe,GAAG;;;;;;;;;;;;;CAavB,CAAC;AAEF,MAAM,UAAU,GAAG;IACf,EAAE,EAAE,6BAA6B;IACjC,EAAE,EAAE,gCAAgC;IACpC,EAAE,EAAE,8BAA8B;CACrC,CAAC;AAEF,MAAM,eAAe,GAAG;IACpB,IAAI,EAAE;QACF,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,OAAO;QACX,EAAE,EAAE,OAAO;KACd;IACD,KAAK,EAAE;QACH,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,OAAO;QACX,EAAE,EAAE,OAAO;KACd;CACJ,CAAC;AAEF;;8CAE8C;AAE9C,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC3B,CACI,EACI,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACX,EACD,GAAG,EACL,EAAE;IACA,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;IAEzB,MAAM,cAAc,GAAG;QACvB,eAAe;QACf,UAAU,CAAC,SAAS,CAAC;QACrB,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE;QAC/C,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE;QACjD,QAAQ,CAAC,CAAC,CAAC,0EAA0E,CAAC,CAAC,CAAC,EAAE;QAC1F,SAAS;KACZ,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAE1B,MAAM,WAAW,GAAG;QAChB,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;KAChB,CAAC;IAEF,MAAM,eAAe,GAAG;QACpB,IAAI,EAAE;YACF,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,QAAQ;SACf;QACD,KAAK,EAAE;YACH,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SAChB;KACJ,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAC,QAAQ,aAClB,KAAK,IAAI,CACN,gBAAO,SAAS,EAAC,kDAAkD,YAC9D,KAAK,GACF,CACX,EAED,eAAK,SAAS,EAAC,UAAU,aACpB,QAAQ,IAAI,CACT,cACI,SAAS,EAAE;;kBAErB,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC;kBAC/B,WAAW,CAAC,SAAS,CAAC;;;;eAIzB,YAEc,QAAQ,GACP,CACT,EAED,KAAC,MAAM,CAAC,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE;4BACR,KAAK,EAAE,KAAK;yBACf,EACD,UAAU,EAAE;4BACR,IAAI,EAAE,QAAQ;4BACd,SAAS,EAAE,GAAG;4BACd,OAAO,EAAE,EAAE;yBACd,KACI,KAAa,GACpB,EAED,SAAS,IAAI,CACV,cACI,SAAS,EAAE;;kBAErB,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC;kBAChC,WAAW,CAAC,SAAS,CAAC;;;;eAIzB,YAEc,SAAS,GACR,CACT,IACC,EAEL,CAAC,KAAK,IAAI,UAAU,CAAC,IAAI,CACtB,KAAC,MAAM,CAAC,CAAC,IACL,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC9B,SAAS,EAAE;;gBAEnB,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB;aACzD,YAEY,KAAK,IAAI,UAAU,GACb,CACd,IACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAa5B,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CACI,EACI,KAAK,EACL,KAAK,EACL,UAAU,EACV,MAAM,GAAG,UAAU,EACnB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACX,EACD,GAAG,EACL,EAAE;IACA,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;IAEzB,MAAM,iBAAiB,GAAG;QAC1B,eAAe;;;;eAIR,MAAM;QACb,QAAQ,CAAC,CAAC,CAAC,0EAA0E,CAAC,CAAC,CAAC,EAAE;QAC1F,SAAS;KACZ,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAE1B,OAAO,CACH,eAAK,SAAS,EAAC,QAAQ,aAClB,KAAK,IAAI,CACN,gBAAO,SAAS,EAAC,kDAAkD,YAC9D,KAAK,GACF,CACX,EAED,KAAC,MAAM,CAAC,QAAQ,IACZ,GAAG,EAAE,GAAU,EACf,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE;oBACR,KAAK,EAAE,KAAK;iBACf,EACD,UAAU,EAAE;oBACR,IAAI,EAAE,QAAQ;oBACd,SAAS,EAAE,GAAG;oBACd,OAAO,EAAE,EAAE;iBACd,KACI,KAAa,GACpB,EAED,CAAC,KAAK,IAAI,UAAU,CAAC,IAAI,CACtB,KAAC,MAAM,CAAC,CAAC,IACL,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC9B,SAAS,EAAE;;gBAEnB,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB;aACzD,YAEY,KAAK,IAAI,UAAU,GACb,CACd,IACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/components/InspectorPanel.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface InspectorSection {
+    id: string;
+    title: string;
+    content: React.ReactNode;
+    defaultExpanded?: boolean;
+}
+export interface InspectorPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    sections: InspectorSection[];
+    width?: string;
+}
+export declare const InspectorPanel: React.ForwardRefExoticComponent<InspectorPanelProps & React.RefAttributes<HTMLDivElement>>;
+export interface InspectorFieldProps {
+    label: string;
+    children: React.ReactNode;
+}
+export declare const InspectorField: React.FC<InspectorFieldProps>;
+//# sourceMappingURL=InspectorPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorPanel.d.ts","sourceRoot":"","sources":["../../components/InspectorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAMD,eAAO,MAAM,cAAc,4FA+E1B,CAAC;AAQF,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAWxD,CAAC"}

package/dist/components/InspectorPanel.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useState } from 'react';
+import { cn } from '../lib/utils';
+import { motion, AnimatePresence } from 'framer-motion';
+import { ChevronRight } from 'lucide-react';
+/* ========================================
+   INSPECTOR PANEL COMPONENT
+   ======================================== */
+export const InspectorPanel = forwardRef(({ sections, width = '280px', className, ...props }, ref) => {
+    const [expandedSections, setExpandedSections] = useState(new Set(sections.filter(s => s.defaultExpanded).map(s => s.id)));
+    const toggleSection = (sectionId) => {
+        setExpandedSections(prev => {
+            const newSet = new Set(prev);
+            if (newSet.has(sectionId)) {
+                newSet.delete(sectionId);
+            }
+            else {
+                newSet.add(sectionId);
+            }
+            return newSet;
+        });
+    };
+    return (_jsx("div", { ref: ref, className: cn("bg-surface-secondary border-l border-border-primary overflow-y-auto", className), style: { width }, ...props, children: sections.map((section) => {
+            const isExpanded = expandedSections.has(section.id);
+            return (_jsxs("div", { children: [_jsxs("button", { onClick: () => toggleSection(section.id), className: "w-full flex items-center justify-between px-4 py-4 text-left hover:bg-surface-tertiary transition-colors focus:outline-none group rounded-lg", children: [_jsx("span", { className: "text-sm font-bold text-text-primary uppercase tracking-wide", children: section.title }), _jsx(motion.div, { animate: { rotate: isExpanded ? 90 : 0 }, transition: { duration: 0.2 }, children: _jsx(ChevronRight, { className: "w-4 h-4 text-text-tertiary" }) })] }), _jsx(AnimatePresence, { initial: false, children: isExpanded && (_jsx(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: 'auto', opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { duration: 0.2 }, className: "overflow-hidden", children: _jsx("div", { className: "px-4 pb-4 space-y-4", children: section.content }) })) })] }, section.id));
+        }) }));
+});
+InspectorPanel.displayName = 'InspectorPanel';
+export const InspectorField = ({ label, children }) => {
+    return (_jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { className: "text-xs font-medium text-text-secondary", children: label }), _jsx("div", { children: children })] }));
+};
+InspectorField.displayName = 'InspectorField';
+//# sourceMappingURL=InspectorPanel.js.map

package/dist/components/InspectorPanel.js.map

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

package/dist/components/InvoicePreview.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+export interface InvoiceItem {
+    id: string;
+    description: string;
+    quantity: number;
+    price: number;
+    total: number;
+}
+export interface InvoiceParty {
+    name: string;
+    address: string;
+    city: string;
+    state: string;
+    zip: string;
+    country: string;
+    email?: string;
+    phone?: string;
+}
+export interface InvoicePreviewProps {
+    invoiceNumber: string;
+    dateIssued: string;
+    dueDate: string;
+    status: 'paid' | 'pending' | 'overdue';
+    from: InvoiceParty;
+    to: InvoiceParty;
+    items: InvoiceItem[];
+    subtotal: number;
+    tax: number;
+    taxRate?: number;
+    discount?: number;
+    total: number;
+    currency?: string;
+    logo?: string;
+    notes?: string;
+    onDownload?: () => void;
+    onPrint?: () => void;
+    onShare?: () => void;
+    className?: string;
+}
+export declare const InvoicePreview: React.FC<InvoicePreviewProps>;
+//# sourceMappingURL=InvoicePreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvoicePreview.d.ts","sourceRoot":"","sources":["../../components/InvoicePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACvC,IAAI,EAAE,YAAY,CAAC;IACnB,EAAE,EAAE,YAAY,CAAC;IACjB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4RxD,CAAC"}