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

package/dist/components/RotarySelector.js

@@ -0,0 +1,99 @@
+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 RotarySelector = React.forwardRef(({ options, value, onChange, size = "md", showLabel = true, disabled = false, className = "", }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const [isDragging, setIsDragging] = React.useState(false);
+    const [selectedIndex, setSelectedIndex] = React.useState(() => {
+        const idx = options.findIndex((o) => o.value === value);
+        return idx >= 0 ? idx : 0;
+    });
+    React.useEffect(() => {
+        if (value !== undefined) {
+            const idx = options.findIndex((o) => o.value === value);
+            if (idx !== -1 && idx !== selectedIndex) {
+                setSelectedIndex(idx);
+            }
+        }
+    }, [value, options, selectedIndex]);
+    const sizeStyles = {
+        sm: {
+            container: "w-64 h-64",
+            center: "w-24 h-24",
+            option: "w-10 h-10 text-xs",
+            posRadius: 90,
+        },
+        md: {
+            container: "w-96 h-96",
+            center: "w-32 h-32",
+            option: "w-14 h-14 text-sm",
+            posRadius: 135,
+        },
+        lg: {
+            container: "w-[32rem] h-[32rem]",
+            center: "w-40 h-40",
+            option: "w-16 h-16 text-base",
+            posRadius: 180,
+        },
+    };
+    const { container, center, option, posRadius } = sizeStyles[size];
+    const angleStep = 360 / options.length;
+    /** Detect rotation on pointer move */
+    const handlePointerMove = (e) => {
+        if (!isDragging || !innerRef.current)
+            return;
+        const rect = innerRef.current.getBoundingClientRect();
+        const cx = rect.left + rect.width / 2;
+        const cy = rect.top + rect.height / 2;
+        const dx = e.clientX - cx;
+        const dy = e.clientY - cy;
+        let angle = (Math.atan2(dy, dx) * 180) / Math.PI;
+        // normalize 0–360
+        angle = (angle + 450) % 360;
+        const idx = Math.round(angle / angleStep) % options.length;
+        if (idx !== selectedIndex && !options[idx]?.disabled) {
+            setSelectedIndex(idx);
+            onChange?.(options[idx].value, options[idx]);
+        }
+    };
+    /** Pointer event listeners */
+    React.useEffect(() => {
+        if (isDragging) {
+            window.addEventListener("pointermove", handlePointerMove);
+            window.addEventListener("pointerup", () => setIsDragging(false), {
+                once: true,
+            });
+        }
+        else {
+            window.removeEventListener("pointermove", handlePointerMove);
+        }
+        return () => {
+            window.removeEventListener("pointermove", handlePointerMove);
+        };
+    }, [isDragging]);
+    const selectedOption = options[selectedIndex];
+    return (_jsxs("div", { ref: innerRef, className: cn("relative flex items-center justify-center select-none", container, disabled && "opacity-50 grayscale", className), children: [options.map((opt, i) => {
+                const angle = (i * angleStep - 90) * (Math.PI / 180);
+                const x = Math.cos(angle) * posRadius;
+                const y = Math.sin(angle) * posRadius;
+                const isSelected = i === selectedIndex;
+                return (_jsxs(motion.button, { onClick: () => {
+                        if (!opt.disabled && !disabled) {
+                            setSelectedIndex(i);
+                            onChange?.(opt.value, opt);
+                        }
+                    }, disabled: disabled || opt.disabled, className: cn("absolute rounded-full flex items-center justify-center transition-all duration-300", option, isSelected
+                        ? "bg-accent-blue text-white shadow-[0_0_20px_rgba(0,122,255,0.4)] scale-110 z-10"
+                        : "bg-surface-elevated/80 backdrop-blur-md text-text-secondary hover:bg-surface-elevated hover:text-text-primary", opt.disabled && "opacity-30 cursor-not-allowed"), style: {
+                        left: `calc(50% + ${x}px)`,
+                        top: `calc(50% + ${y}px)`,
+                        transform: "translate(-50%, -50%)",
+                    }, children: [opt.icon ? (_jsx("span", { className: "text-xl", children: opt.icon })) : (_jsx("span", { className: "font-semibold", children: opt.label })), isSelected && (_jsx(motion.div, { layoutId: "active-glow", className: "absolute inset-0 rounded-full ring-2 ring-white/30" }))] }, opt.id));
+            }), _jsxs(motion.div, { className: cn("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full flex flex-col items-center justify-center bg-surface-elevated/90 backdrop-blur-xl border border-white/20 shadow-[0_8px_32px_rgba(0,0,0,0.12)] z-20", center), onPointerDown: () => !disabled && setIsDragging(true), animate: {
+                    scale: isDragging ? 0.96 : 1,
+                }, children: [_jsx(AnimatePresence, { mode: "wait", children: selectedOption?.icon && (_jsx(motion.div, { initial: { opacity: 0, scale: 0.5 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.5 }, className: "text-3xl text-accent-blue mb-1", children: selectedOption.icon }, selectedOption.id)) }), showLabel && (_jsxs("div", { className: "flex flex-col items-center text-center", children: [_jsx("span", { className: "text-xs font-semibold text-text-primary", children: selectedOption?.label }), _jsx("span", { className: "text-[10px] text-text-tertiary font-medium", children: selectedOption?.value })] }))] })] }));
+});
+RotarySelector.displayName = "RotarySelector";
+//# sourceMappingURL=RotarySelector.js.map

package/dist/components/RotarySelector.js.map

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

package/dist/components/SchedulerTimeline.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+export interface SchedulerResource {
+    id: string;
+    name: string;
+    subtitle?: string;
+    avatar?: string;
+    color?: string;
+}
+export interface SchedulerEvent {
+    id: string;
+    resourceId: string;
+    title: string;
+    description?: string;
+    startTime: string;
+    endTime: string;
+    date?: Date;
+    color?: string;
+}
+export interface SchedulerTimelineProps {
+    resources: SchedulerResource[];
+    events: SchedulerEvent[];
+    date: Date;
+    startHour?: number;
+    endHour?: number;
+    onEventClick?: (event: SchedulerEvent) => void;
+    onTimeSlotClick?: (resourceId: string, time: string) => void;
+    onDateChange?: (date: Date) => void;
+    className?: string;
+}
+export declare const SchedulerTimeline: React.FC<SchedulerTimelineProps>;
+//# sourceMappingURL=SchedulerTimeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchedulerTimeline.d.ts","sourceRoot":"","sources":["../../components/SchedulerTimeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,MAAM,WAAW,iBAAiB;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACnC,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAWD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkW9D,CAAC"}

package/dist/components/SchedulerTimeline.js

@@ -0,0 +1,210 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { tokens } from '../tokens';
+import { Button } from './Button';
+const MONTHS = [
+    'January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December'
+];
+const DAYS_FULL = [
+    'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'
+];
+export const SchedulerTimeline = ({ resources, events, date, startHour = 8, endHour = 18, onEventClick, onTimeSlotClick, onDateChange, className = '', }) => {
+    const [currentTime, setCurrentTime] = useState(new Date());
+    const scrollContainerRef = useRef(null);
+    // Update current time indicator every minute
+    useEffect(() => {
+        const interval = setInterval(() => setCurrentTime(new Date()), 60000);
+        return () => clearInterval(interval);
+    }, []);
+    const hours = Array.from({ length: endHour - startHour + 1 }, (_, i) => startHour + i);
+    const hourWidth = 100; // px per hour
+    const headerHeight = 50;
+    const resourceColumnWidth = 200;
+    const timeToPixels = (time) => {
+        const [h, m] = time.split(':').map(Number);
+        if (h < startHour || h > endHour)
+            return -1;
+        return (h - startHour) * hourWidth + (m / 60) * hourWidth;
+    };
+    const handlePrevDay = () => {
+        const newDate = new Date(date);
+        newDate.setDate(date.getDate() - 1);
+        onDateChange?.(newDate);
+    };
+    const handleNextDay = () => {
+        const newDate = new Date(date);
+        newDate.setDate(date.getDate() + 1);
+        onDateChange?.(newDate);
+    };
+    const handleToday = () => {
+        onDateChange?.(new Date());
+    };
+    const isSameDay = (d1, d2) => {
+        return d1.getDate() === d2.getDate() &&
+            d1.getMonth() === d2.getMonth() &&
+            d1.getFullYear() === d2.getFullYear();
+    };
+    const isToday = (d) => {
+        return isSameDay(d, new Date());
+    };
+    // Calculate current time line position
+    const getCurrentTimePosition = () => {
+        const now = currentTime;
+        const h = now.getHours();
+        const m = now.getMinutes();
+        if (h < startHour || h > endHour)
+            return null;
+        return (h - startHour) * hourWidth + (m / 60) * hourWidth;
+    };
+    const currentTimePos = isToday(date) ? getCurrentTimePosition() : null;
+    return (_jsxs("div", { className: `scheduler-timeline ${className}`, style: {
+            backgroundColor: 'var(--color-background-primary)',
+            borderRadius: tokens.radius.lg,
+            border: `1px solid var(--color-border-primary)`,
+            boxShadow: tokens.shadows.sm,
+            display: 'flex',
+            flexDirection: 'column',
+            height: '100%',
+            maxHeight: '800px',
+            overflow: 'hidden',
+        }, children: [_jsx("div", { style: {
+                    padding: tokens.spacing[4],
+                    borderBottom: `1px solid var(--color-border-primary)`,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    backgroundColor: 'var(--color-background-primary)',
+                }, children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: tokens.spacing[2] }, children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: handlePrevDay, children: "\u2190" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: handleToday, children: "Today" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: handleNextDay, children: "\u2192" }), _jsxs("h3", { style: {
+                                margin: 0,
+                                marginLeft: tokens.spacing[2],
+                                fontSize: tokens.typography.fontSize.lg,
+                                fontWeight: tokens.typography.fontWeight.semibold,
+                                color: 'var(--color-text-primary)',
+                            }, children: [DAYS_FULL[date.getDay()], ", ", MONTHS[date.getMonth()], " ", date.getDate(), ", ", date.getFullYear()] })] }) }), _jsxs("div", { style: { display: 'flex', flex: 1, overflow: 'hidden' }, children: [_jsxs("div", { style: {
+                            width: `${resourceColumnWidth}px`,
+                            flexShrink: 0,
+                            borderRight: `1px solid var(--color-border-primary)`,
+                            backgroundColor: 'var(--color-background-secondary)',
+                            zIndex: 20,
+                            boxShadow: '2px 0 5px rgba(0,0,0,0.05)',
+                        }, children: [_jsx("div", { style: {
+                                    height: `${headerHeight}px`,
+                                    borderBottom: `1px solid var(--color-border-primary)`,
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    padding: `0 ${tokens.spacing[4]}`,
+                                    fontWeight: tokens.typography.fontWeight.semibold,
+                                    color: 'var(--color-text-secondary)',
+                                    fontSize: tokens.typography.fontSize.sm,
+                                    backgroundColor: 'var(--color-background-tertiary)',
+                                }, children: "Resources" }), _jsxs("div", { style: { overflowY: 'hidden' }, children: [" ", resources.map(resource => (_jsxs("div", { style: {
+                                            height: '80px',
+                                            padding: `0 ${tokens.spacing[4]}`,
+                                            display: 'flex',
+                                            flexDirection: 'column',
+                                            justifyContent: 'center',
+                                            borderBottom: `1px solid var(--color-border-secondary)`,
+                                            backgroundColor: 'var(--color-background-primary)',
+                                        }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: tokens.spacing[2] }, children: [resource.avatar && (_jsx("div", { style: {
+                                                            width: '24px',
+                                                            height: '24px',
+                                                            borderRadius: '50%',
+                                                            backgroundColor: resource.color || 'var(--color-accent-blue)',
+                                                            display: 'flex',
+                                                            alignItems: 'center',
+                                                            justifyContent: 'center',
+                                                            color: '#fff',
+                                                            fontSize: '10px',
+                                                            fontWeight: 'bold',
+                                                        }, children: resource.avatar })), _jsx("div", { style: { fontWeight: tokens.typography.fontWeight.medium, color: 'var(--color-text-primary)' }, children: resource.name })] }), resource.subtitle && (_jsx("div", { style: { fontSize: tokens.typography.fontSize.xs, color: 'var(--color-text-tertiary)', marginTop: '2px' }, children: resource.subtitle }))] }, resource.id)))] })] }), _jsx("div", { ref: scrollContainerRef, style: {
+                            flex: 1,
+                            overflowX: 'auto',
+                            overflowY: 'auto',
+                            position: 'relative',
+                        }, children: _jsxs("div", { style: { minWidth: `${hours.length * hourWidth}px` }, children: [_jsx("div", { style: {
+                                        height: `${headerHeight}px`,
+                                        display: 'flex',
+                                        borderBottom: `1px solid var(--color-border-primary)`,
+                                        position: 'sticky',
+                                        top: 0,
+                                        backgroundColor: 'var(--color-background-primary)',
+                                        zIndex: 10,
+                                    }, children: hours.map(hour => (_jsxs("div", { style: {
+                                            width: `${hourWidth}px`,
+                                            flexShrink: 0,
+                                            padding: `${tokens.spacing[2]}`,
+                                            fontSize: tokens.typography.fontSize.xs,
+                                            color: 'var(--color-text-tertiary)',
+                                            borderRight: `1px solid var(--color-border-secondary)`,
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                        }, children: [hour.toString().padStart(2, '0'), ":00"] }, hour))) }), _jsxs("div", { style: { position: 'relative' }, children: [currentTimePos !== null && (_jsx("div", { style: {
+                                                position: 'absolute',
+                                                top: 0,
+                                                bottom: 0,
+                                                left: `${currentTimePos}px`,
+                                                width: '2px',
+                                                backgroundColor: 'var(--color-accent-red)',
+                                                zIndex: 5,
+                                                pointerEvents: 'none',
+                                            }, children: _jsx("div", { style: {
+                                                    position: 'absolute',
+                                                    top: '-6px',
+                                                    left: '-4px',
+                                                    width: '10px',
+                                                    height: '10px',
+                                                    borderRadius: '50%',
+                                                    backgroundColor: 'var(--color-accent-red)',
+                                                } }) })), resources.map(resource => (_jsxs("div", { style: {
+                                                height: '80px',
+                                                borderBottom: `1px solid var(--color-border-secondary)`,
+                                                position: 'relative',
+                                                backgroundImage: `linear-gradient(to right, transparent 99px, var(--color-border-secondary) 1px)`,
+                                                backgroundSize: `${hourWidth}px 100%`,
+                                            }, children: [events
+                                                    .filter(e => e.resourceId === resource.id)
+                                                    .filter(e => !e.date || isSameDay(e.date, date))
+                                                    .map(event => {
+                                                    const startPx = timeToPixels(event.startTime);
+                                                    const endPx = timeToPixels(event.endTime);
+                                                    if (startPx === -1 || endPx === -1)
+                                                        return null;
+                                                    const width = Math.max(endPx - startPx, 2); // Min width 2px
+                                                    return (_jsxs("div", { onClick: (e) => {
+                                                            e.stopPropagation();
+                                                            onEventClick?.(event);
+                                                        }, style: {
+                                                            position: 'absolute',
+                                                            left: `${startPx}px`,
+                                                            width: `${width}px`,
+                                                            top: '10px',
+                                                            bottom: '10px',
+                                                            backgroundColor: event.color || resource.color || 'var(--color-accent-blue)',
+                                                            borderRadius: tokens.radius.md,
+                                                            padding: tokens.spacing[2],
+                                                            color: '#fff',
+                                                            fontSize: tokens.typography.fontSize.xs,
+                                                            overflow: 'hidden',
+                                                            cursor: 'pointer',
+                                                            boxShadow: tokens.shadows.sm,
+                                                            transition: 'transform 0.2s',
+                                                            zIndex: 1,
+                                                        }, onMouseEnter: (e) => {
+                                                            e.currentTarget.style.transform = 'scale(1.02)';
+                                                            e.currentTarget.style.zIndex = '10';
+                                                        }, onMouseLeave: (e) => {
+                                                            e.currentTarget.style.transform = 'scale(1)';
+                                                            e.currentTarget.style.zIndex = '1';
+                                                        }, children: [_jsx("div", { style: { fontWeight: 'bold', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }, children: event.title }), event.description && (_jsx("div", { style: { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', opacity: 0.9 }, children: event.description }))] }, event.id));
+                                                }), hours.map(hour => (_jsx("div", { onClick: () => onTimeSlotClick?.(resource.id, `${hour.toString().padStart(2, '0')}:00`), style: {
+                                                        position: 'absolute',
+                                                        left: `${(hour - startHour) * hourWidth}px`,
+                                                        width: `${hourWidth}px`,
+                                                        top: 0,
+                                                        bottom: 0,
+                                                        cursor: 'pointer',
+                                                        zIndex: 0,
+                                                    }, title: `Click to add event at ${hour}:00` }, hour)))] }, resource.id)))] })] }) })] })] }));
+};
+//# sourceMappingURL=SchedulerTimeline.js.map

package/dist/components/SchedulerTimeline.js.map

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

package/dist/components/ScrollArea.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare const ScrollArea: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+type ScrollBarProps = {
+    orientation?: "vertical" | "horizontal";
+    className?: string;
+};
+declare const ScrollBar: React.ForwardRefExoticComponent<ScrollBarProps & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=ScrollArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../components/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,QAAA,MAAM,UAAU;cAHF,KAAK,CAAC,SAAS;wCAmB5B,CAAC;AAGF,KAAK,cAAc,GAAG;IAClB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,SAAS,uFAyJd,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/ScrollArea.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/utils";
+const ScrollAreaContext = React.createContext(null);
+function useScrollAreaContext() {
+    const context = React.useContext(ScrollAreaContext);
+    if (!context) {
+        throw new Error("ScrollArea components must be used within ScrollArea");
+    }
+    return context;
+}
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => {
+    const viewportRef = React.useRef(null);
+    return (_jsx(ScrollAreaContext.Provider, { value: { viewportRef }, children: _jsxs("div", { ref: ref, className: cn("relative overflow-hidden", className), ...props, children: [_jsx("div", { ref: viewportRef, className: "h-full w-full rounded-[inherit] overflow-auto", children: children }), _jsx(ScrollBar, { orientation: "vertical" }), _jsx(ScrollBar, { orientation: "horizontal" })] }) }));
+});
+ScrollArea.displayName = "ScrollArea";
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical" }, ref) => {
+    const { viewportRef } = useScrollAreaContext();
+    const trackRef = React.useRef(null);
+    const thumbRef = React.useRef(null);
+    const isVertical = orientation === "vertical";
+    const syncThumb = React.useCallback(() => {
+        const viewport = viewportRef.current;
+        const track = trackRef.current;
+        const thumb = thumbRef.current;
+        if (!viewport || !track || !thumb)
+            return;
+        const contentSize = isVertical ? viewport.scrollHeight : viewport.scrollWidth;
+        const viewportSize = isVertical ? viewport.clientHeight : viewport.clientWidth;
+        const scrollPos = isVertical ? viewport.scrollTop : viewport.scrollLeft;
+        const trackSize = isVertical ? track.clientHeight : track.clientWidth;
+        if (contentSize <= viewportSize) {
+            thumb.style.display = "none";
+            return;
+        }
+        thumb.style.display = "block";
+        const thumbSize = Math.max((viewportSize / contentSize) * trackSize, 24);
+        const maxOffset = trackSize - thumbSize;
+        const offset = Math.min(maxOffset, (scrollPos / (contentSize - viewportSize)) * maxOffset);
+        if (isVertical) {
+            thumb.style.height = `${thumbSize}px`;
+            thumb.style.transform = `translateY(${offset}px)`;
+        }
+        else {
+            thumb.style.width = `${thumbSize}px`;
+            thumb.style.transform = `translateX(${offset}px)`;
+        }
+    }, [isVertical, viewportRef]);
+    React.useEffect(() => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        syncThumb();
+        const handleScroll = () => syncThumb();
+        const handleResize = () => syncThumb();
+        viewport.addEventListener("scroll", handleScroll, { passive: true });
+        window.addEventListener("resize", handleResize);
+        return () => {
+            viewport.removeEventListener("scroll", handleScroll);
+            window.removeEventListener("resize", handleResize);
+        };
+    }, [syncThumb, viewportRef]);
+    React.useEffect(() => {
+        syncThumb();
+    }, [syncThumb]);
+    const handleTrackClick = (event) => {
+        event.preventDefault();
+        const viewport = viewportRef.current;
+        const track = trackRef.current;
+        const thumb = thumbRef.current;
+        if (!viewport || !track || !thumb)
+            return;
+        const rect = track.getBoundingClientRect();
+        const thumbRect = thumb.getBoundingClientRect();
+        const clickPos = isVertical ? event.clientY - rect.top : event.clientX - rect.left;
+        const thumbSize = isVertical ? thumbRect.height : thumbRect.width;
+        const viewportSize = isVertical ? viewport.clientHeight : viewport.clientWidth;
+        const contentSize = isVertical ? viewport.scrollHeight : viewport.scrollWidth;
+        const maxScroll = contentSize - viewportSize;
+        const trackSize = isVertical ? track.clientHeight : track.clientWidth;
+        const percent = (clickPos - thumbSize / 2) / (trackSize - thumbSize);
+        const nextScroll = Math.max(0, Math.min(1, percent)) * maxScroll;
+        if (isVertical)
+            viewport.scrollTop = nextScroll;
+        else
+            viewport.scrollLeft = nextScroll;
+    };
+    const handleThumbDrag = (event) => {
+        event.preventDefault();
+        const viewport = viewportRef.current;
+        const track = trackRef.current;
+        const thumb = thumbRef.current;
+        if (!viewport || !track || !thumb)
+            return;
+        const startPos = isVertical ? event.clientY : event.clientX;
+        const startScroll = isVertical ? viewport.scrollTop : viewport.scrollLeft;
+        const trackSize = isVertical ? track.clientHeight : track.clientWidth;
+        const thumbSize = isVertical ? thumb.clientHeight : thumb.clientWidth;
+        const contentSize = isVertical ? viewport.scrollHeight : viewport.scrollWidth;
+        const viewportSize = isVertical ? viewport.clientHeight : viewport.clientWidth;
+        const maxScroll = Math.max(0, contentSize - viewportSize);
+        const maxOffset = Math.max(1, trackSize - thumbSize);
+        const onMove = (moveEvent) => {
+            const currentPos = isVertical ? moveEvent.clientY : moveEvent.clientX;
+            const delta = currentPos - startPos;
+            const ratio = delta / maxOffset;
+            const nextScroll = Math.max(0, Math.min(maxScroll, startScroll + ratio * maxScroll));
+            if (isVertical)
+                viewport.scrollTop = nextScroll;
+            else
+                viewport.scrollLeft = nextScroll;
+        };
+        const onUp = () => {
+            document.removeEventListener("mousemove", onMove);
+            document.removeEventListener("mouseup", onUp);
+        };
+        document.addEventListener("mousemove", onMove);
+        document.addEventListener("mouseup", onUp);
+    };
+    return (_jsx("div", { ref: ref, role: "presentation", className: cn("absolute flex touch-none select-none transition-colors", isVertical
+            ? "right-0 top-0 h-full w-2.5 p-[1px]"
+            : "left-0 bottom-0 w-full h-2.5 p-[1px] flex-col", className), onMouseDown: handleTrackClick, children: _jsx("div", { ref: trackRef, className: cn("relative flex-1 rounded-full bg-transparent", isVertical ? "w-full" : "h-full"), children: _jsx("div", { ref: thumbRef, onMouseDown: (e) => {
+                    e.stopPropagation();
+                    handleThumbDrag(e);
+                }, className: "absolute rounded-full bg-border-primary hover:bg-text-tertiary transition-colors", style: isVertical
+                    ? { width: "100%", top: 0, height: 24 }
+                    : { height: "100%", left: 0, width: 24 } }) }) }));
+});
+ScrollBar.displayName = "ScrollBar";
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=ScrollArea.js.map

package/dist/components/ScrollArea.js.map

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

package/dist/components/SearchInput.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface SearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    value: string;
+    onChange: (value: string) => void;
+    onSearch?: (value: string) => void;
+    onClear?: () => void;
+    isLoading?: boolean;
+    debounceTime?: number;
+    containerClassName?: string;
+    label?: string;
+}
+export declare const SearchInput: React.FC<SearchInputProps>;
+//# sourceMappingURL=SearchInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../components/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAWhD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACnG,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAMD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwGlD,CAAC"}

package/dist/components/SearchInput.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { Search, X } from 'lucide-react';
+import { cn } from '../lib/utils';
+import { motion, AnimatePresence } from 'framer-motion';
+import { Spinner } from './Spinner';
+import { Label } from './Label';
+/* ========================================
+   SEARCH INPUT COMPONENT
+   ======================================== */
+export const SearchInput = ({ value, onChange, onSearch, onClear, isLoading = false, debounceTime = 0, className, containerClassName, placeholder = 'Search...', disabled, label, ...props }) => {
+    const inputRef = useRef(null);
+    const [isFocused, setIsFocused] = useState(false);
+    const handleClear = () => {
+        onChange('');
+        onClear?.();
+        inputRef.current?.focus();
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            onSearch?.(value);
+        }
+        props.onKeyDown?.(e);
+    };
+    return (_jsxs("div", { className: cn("relative w-full space-y-2", containerClassName), children: [label && (_jsx(Label, { htmlFor: props.id, className: "mb-2", children: label })), _jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-tertiary pointer-events-none", children: _jsx(Search, { className: cn("w-4 h-4 transition-colors", isFocused && "text-accent-blue") }) }), _jsx("input", { ref: inputRef, type: "text", value: value, onChange: (e) => onChange(e.target.value), onKeyDown: handleKeyDown, onFocus: (e) => {
+                            setIsFocused(true);
+                            props.onFocus?.(e);
+                        }, onBlur: (e) => {
+                            setIsFocused(false);
+                            props.onBlur?.(e);
+                        }, disabled: disabled, placeholder: placeholder, className: cn("w-full h-10 pl-9 pr-10 rounded-xl border bg-surface-primary text-text-primary transition-all", "placeholder:text-text-tertiary", "focus:outline-none focus:ring-2 focus:ring-accent-blue/20 focus:border-accent-blue", "disabled:opacity-50 disabled:cursor-not-allowed", "border-border-primary", className), ...props }), _jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center", children: _jsx(AnimatePresence, { mode: "wait", children: isLoading ? (_jsx(motion.div, { initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, className: "flex items-center justify-center", children: _jsx(Spinner, { size: "sm", color: "blue" }) }, "loader")) : value.length > 0 ? (_jsx(motion.button, { initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.8 }, onClick: handleClear, disabled: disabled, className: "p-0.5 rounded-full hover:bg-surface-tertiary text-text-tertiary hover:text-text-primary transition-colors focus:outline-none", type: "button", "aria-label": "Clear search", children: _jsx(X, { className: "w-3.5 h-3.5" }) }, "clear")) : null }) })] })] }));
+};
+SearchInput.displayName = 'SearchInput';
+//# sourceMappingURL=SearchInput.js.map

package/dist/components/SearchInput.js.map

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