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

package/dist/components/Button.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { HTMLMotionProps } from 'framer-motion';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'subtle' | 'outline' | 'destructive';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonProps extends Omit<HTMLMotionProps<'button'>, 'size'> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    fullWidth?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,eAAe,EAAE,MAAM,eAAe,CAAC;AAOxD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,aAAa,CAAC;AACrG,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IACxE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AA8DD,eAAO,MAAM,MAAM,oGAmDlB,CAAC"}

package/dist/components/Button.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { motion } from 'framer-motion';
+/* ========================================
+   STYLES
+   ======================================== */
+const baseStyles = `
+  inline-flex items-center justify-center gap-2
+  font-medium transition-apple
+  focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue focus-visible:ring-offset-2
+  disabled:opacity-40 disabled:cursor-not-allowed disabled:pointer-events-none
+  select-none
+`;
+const variantStyles = {
+    primary: `
+    bg-accent-blue text-white
+    hover:bg-accent-blue-hover
+    active:bg-accent-blue-active
+    shadow-sm
+  `,
+    secondary: `
+    bg-surface-secondary text-text-primary
+    border border-border-primary
+    hover:bg-surface-primary hover:border-border-primary
+    active:bg-surface-secondary
+    shadow-xs
+  `,
+    ghost: `
+    bg-transparent text-accent-blue
+    hover:bg-accent-blue-tint
+    active:bg-accent-blue-tint
+  `,
+    subtle: `
+    bg-surface-secondary text-text-primary
+    hover:bg-surface-primary
+    active:bg-surface-secondary
+  `,
+    outline: `
+    bg-transparent text-text-primary
+    border border-border-primary
+    hover:bg-surface-secondary hover:border-border-secondary
+    active:bg-surface-tertiary
+  `,
+    destructive: `
+    bg-status-error text-white
+    hover:bg-red-600
+    active:bg-red-700
+    shadow-sm
+  `,
+};
+const sizeStyles = {
+    sm: 'h-8 px-3 text-sm rounded-lg',
+    md: 'h-10 px-4 text-base rounded-xl',
+    lg: 'h-12 px-6 text-lg rounded-xl',
+};
+/* ========================================
+   COMPONENT
+   ======================================== */
+export const Button = React.forwardRef(({ variant = 'primary', size = 'md', loading = false, leftIcon, rightIcon, fullWidth = false, children, className = '', disabled, ...props }, ref) => {
+    const combinedClassName = `
+      ${baseStyles}
+      ${variantStyles[variant]}
+      ${sizeStyles[size]}
+      ${fullWidth ? 'w-full' : ''}
+      ${className}
+    `.trim().replace(/\s+/g, ' ');
+    return (_jsx(motion.button, { ref: ref, className: combinedClassName, disabled: disabled || loading, whileHover: { scale: disabled || loading ? 1 : 1.02 }, whileTap: { scale: disabled || loading ? 1 : 0.98 }, transition: {
+            type: 'spring',
+            stiffness: 400,
+            damping: 25,
+            mass: 0.6,
+        }, ...props, children: loading ? (_jsx(LoadingSpinner, { size: size })) : (_jsxs(_Fragment, { children: [leftIcon && _jsx("span", { className: "inline-flex", children: leftIcon }), children, rightIcon && _jsx("span", { className: "inline-flex", children: rightIcon })] })) }));
+});
+Button.displayName = 'Button';
+/* ========================================
+   LOADING SPINNER
+   ======================================== */
+const LoadingSpinner = ({ size }) => {
+    const sizeMap = {
+        sm: 14,
+        md: 16,
+        lg: 18,
+    };
+    const spinnerSize = sizeMap[size];
+    return (_jsxs(motion.svg, { width: spinnerSize, height: spinnerSize, viewBox: "0 0 24 24", fill: "none", animate: { rotate: 360 }, transition: {
+            duration: 1,
+            repeat: Infinity,
+            ease: 'linear',
+        }, children: [_jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeDasharray: "60", strokeDashoffset: "15", opacity: "0.25" }), _jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeDasharray: "60", strokeDashoffset: "45" })] }));
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

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

package/dist/components/ButtonWithDropdown.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export type ButtonWithDropdownVariant = 'primary' | 'secondary' | 'tertiary';
+export type ButtonWithDropdownSize = 'sm' | 'md' | 'lg';
+export interface ButtonWithDropdownAction {
+    label: string;
+    onClick: () => void;
+    icon?: React.ElementType;
+    disabled?: boolean;
+}
+export interface ButtonWithDropdownProps {
+    label: string;
+    actions: ButtonWithDropdownAction[];
+    variant?: ButtonWithDropdownVariant;
+    size?: ButtonWithDropdownSize;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const ButtonWithDropdown: React.ForwardRefExoticComponent<ButtonWithDropdownProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ButtonWithDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonWithDropdown.d.ts","sourceRoot":"","sources":["../../components/ButtonWithDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAC7E,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD,MAAM,WAAW,wBAAwB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,kBAAkB,mGAoF9B,CAAC"}

package/dist/components/ButtonWithDropdown.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/utils';
+import { motion } from 'framer-motion';
+import { ChevronDown } from 'lucide-react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+/* ========================================
+   BUTTON WITH DROPDOWN COMPONENT
+   ======================================== */
+export const ButtonWithDropdown = forwardRef(({ label, actions, variant = 'primary', size = 'md', disabled = false, className, }, ref) => {
+    const variants = {
+        primary: "bg-accent-blue text-white hover:bg-accent-blueHover active:bg-accent-blueActive shadow-sm",
+        secondary: "bg-surface-secondary text-text-primary hover:bg-surface-tertiary active:bg-surface-tertiary/80 border border-border-primary",
+        tertiary: "bg-transparent text-text-secondary hover:text-text-primary hover:bg-surface-secondary",
+    };
+    const sizes = {
+        sm: {
+            button: "h-8 px-3 text-sm gap-1.5",
+            icon: "w-3.5 h-3.5",
+        },
+        md: {
+            button: "h-10 px-4 text-base gap-2",
+            icon: "w-4 h-4",
+        },
+        lg: {
+            button: "h-12 px-5 text-lg gap-2.5",
+            icon: "w-5 h-5",
+        },
+    };
+    return (_jsxs(DropdownMenuPrimitive.Root, { children: [_jsx(DropdownMenuPrimitive.Trigger, { asChild: true, children: _jsxs(motion.button, { ref: ref, whileTap: { scale: 0.98 }, disabled: disabled, className: cn("inline-flex items-center justify-center font-medium rounded-xl transition-colors focus:outline-none focus:ring-2 focus:ring-accent-blue/20", variants[variant], sizes[size].button, disabled && "opacity-50 cursor-not-allowed", className), children: [label, _jsx(ChevronDown, { className: sizes[size].icon })] }) }), _jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { align: "start", sideOffset: 4, className: cn("min-w-[160px] bg-surface-elevated border border-border-primary rounded-xl shadow-lg p-1", "z-dropdown", "animate-in fade-in-0 zoom-in-95"), children: actions.map((action, index) => (_jsxs(DropdownMenuPrimitive.Item, { onClick: action.onClick, disabled: action.disabled, className: cn("flex items-center gap-2 px-3 py-2 text-sm rounded-lg cursor-pointer outline-none transition-colors", "text-text-primary hover:bg-surface-secondary", "focus:bg-surface-secondary", action.disabled && "opacity-50 cursor-not-allowed"), children: [action.icon && _jsx(action.icon, { className: "w-4 h-4" }), action.label] }, index))) }) })] }));
+});
+ButtonWithDropdown.displayName = 'ButtonWithDropdown';
+//# sourceMappingURL=ButtonWithDropdown.js.map

package/dist/components/ButtonWithDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonWithDropdown.js","sourceRoot":"","sources":["../../components/ButtonWithDropdown.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAyBvE;;8CAE8C;AAE9C,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CACxC,CACI,EACI,KAAK,EACL,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,SAAS,GACZ,EACD,GAAG,EACL,EAAE;IACA,MAAM,QAAQ,GAAG;QACb,OAAO,EAAE,2FAA2F;QACpG,SAAS,EAAE,6HAA6H;QACxI,QAAQ,EAAE,uFAAuF;KACpG,CAAC;IAEF,MAAM,KAAK,GAAG;QACV,EAAE,EAAE;YACA,MAAM,EAAE,0BAA0B;YAClC,IAAI,EAAE,aAAa;SACtB;QACD,EAAE,EAAE;YACA,MAAM,EAAE,2BAA2B;YACnC,IAAI,EAAE,SAAS;SAClB;QACD,EAAE,EAAE;YACA,MAAM,EAAE,2BAA2B;YACnC,IAAI,EAAE,SAAS;SAClB;KACJ,CAAC;IAEF,OAAO,CACH,MAAC,qBAAqB,CAAC,IAAI,eACvB,KAAC,qBAAqB,CAAC,OAAO,IAAC,OAAO,kBAClC,MAAC,MAAM,CAAC,MAAM,IACV,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EACzB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACT,4IAA4I,EAC5I,QAAQ,CAAC,OAAO,CAAC,EACjB,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,EAClB,QAAQ,IAAI,+BAA+B,EAC3C,SAAS,CACZ,aAEA,KAAK,EACN,KAAC,WAAW,IAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,GAAI,IAChC,GACY,EAEhC,KAAC,qBAAqB,CAAC,MAAM,cACzB,KAAC,qBAAqB,CAAC,OAAO,IAC1B,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,CAAC,EACb,SAAS,EAAE,EAAE,CACT,yFAAyF,EACzF,YAAY,EACZ,iCAAiC,CACpC,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,MAAC,qBAAqB,CAAC,IAAI,IAEvB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,SAAS,EAAE,EAAE,CACT,oGAAoG,EACpG,8CAA8C,EAC9C,4BAA4B,EAC5B,MAAM,CAAC,QAAQ,IAAI,+BAA+B,CACrD,aAEA,MAAM,CAAC,IAAI,IAAI,KAAC,MAAM,CAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,EAClD,MAAM,CAAC,KAAK,KAXR,KAAK,CAYe,CAChC,CAAC,GAC0B,GACL,IACN,CAChC,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/dist/components/Calendar.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface CalendarEvent {
+    id: string;
+    date: Date;
+    startTime?: string;
+    endTime?: string;
+    title: string;
+    description?: string;
+    color?: string;
+    location?: string;
+}
+export type CalendarView = 'month' | 'week' | 'day' | 'agenda';
+export interface CalendarProps {
+    value?: Date;
+    onChange?: (date: Date) => void;
+    events?: CalendarEvent[];
+    onAddEvent?: (event: Omit<CalendarEvent, 'id'>) => void;
+    onUpdateEvent?: (id: string, event: Partial<CalendarEvent>) => void;
+    onDeleteEvent?: (id: string) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    showWeekNumbers?: boolean;
+    highlightToday?: boolean;
+    defaultView?: CalendarView;
+    className?: string;
+}
+export declare const Calendar: React.FC<CalendarProps>;
+//# sourceMappingURL=Calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../components/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC1B,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACpE,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAkBD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8oB5C,CAAC"}

package/dist/components/Calendar.js

@@ -0,0 +1,365 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { tokens } from '../tokens';
+import { Button } from './Button';
+import { Modal, ModalHeader, ModalTitle, ModalContent, ModalFooter, ModalCloseButton } from './Modal';
+import { Input, Textarea } from './Input';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './Select';
+import { AgendaView } from './AgendaView';
+const DAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+const DAYS_FULL = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+const MONTHS = [
+    'January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December'
+];
+const EVENT_COLORS = [
+    { value: '#007AFF', label: 'Blue' },
+    { value: '#34C759', label: 'Green' },
+    { value: '#FF9500', label: 'Orange' },
+    { value: '#FF3B30', label: 'Red' },
+    { value: '#5AC8FA', label: 'Cyan' },
+    { value: '#AF52DE', label: 'Purple' },
+];
+export const Calendar = ({ value, onChange, events = [], onAddEvent, onUpdateEvent, onDeleteEvent, minDate, maxDate, highlightToday = true, defaultView = 'month', className = '', }) => {
+    const [currentDate, setCurrentDate] = useState(value || new Date());
+    const [selectedDate, setSelectedDate] = useState(value || null);
+    const [view, setView] = useState(defaultView);
+    const [showEventModal, setShowEventModal] = useState(false);
+    const [selectedEvent, setSelectedEvent] = useState(null);
+    const [agendaPeriod, setAgendaPeriod] = useState(30);
+    const [eventFormData, setEventFormData] = useState({
+        title: '',
+        description: '',
+        date: new Date(),
+        startTime: '09:00',
+        endTime: '10:00',
+        color: '#007AFF',
+        location: '',
+    });
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    const getDaysInMonth = (date) => {
+        return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
+    };
+    const getFirstDayOfMonth = (date) => {
+        return new Date(date.getFullYear(), date.getMonth(), 1).getDay();
+    };
+    const isSameDay = (date1, date2) => {
+        return (date1.getDate() === date2.getDate() &&
+            date1.getMonth() === date2.getMonth() &&
+            date1.getFullYear() === date2.getFullYear());
+    };
+    const isDisabled = (date) => {
+        if (minDate && date < minDate)
+            return true;
+        if (maxDate && date > maxDate)
+            return true;
+        return false;
+    };
+    const getEventsForDate = (date) => {
+        return events.filter(event => isSameDay(event.date, date));
+    };
+    const handlePrevPeriod = () => {
+        if (view === 'month') {
+            setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() - 1));
+        }
+        else if (view === 'week') {
+            const newDate = new Date(currentDate);
+            newDate.setDate(newDate.getDate() - 7);
+            setCurrentDate(newDate);
+        }
+        else if (view === 'day') {
+            const newDate = new Date(currentDate);
+            newDate.setDate(newDate.getDate() - 1);
+            setCurrentDate(newDate);
+        }
+    };
+    const handleNextPeriod = () => {
+        if (view === 'month') {
+            setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1));
+        }
+        else if (view === 'week') {
+            const newDate = new Date(currentDate);
+            newDate.setDate(newDate.getDate() + 7);
+            setCurrentDate(newDate);
+        }
+        else if (view === 'day') {
+            const newDate = new Date(currentDate);
+            newDate.setDate(newDate.getDate() + 1);
+            setCurrentDate(newDate);
+        }
+    };
+    const handleToday = () => {
+        setCurrentDate(new Date());
+        setSelectedDate(new Date());
+        onChange?.(new Date());
+    };
+    const handleDateClick = (date) => {
+        if (!isDisabled(date)) {
+            setSelectedDate(date);
+            setEventFormData({ ...eventFormData, date });
+            onChange?.(date);
+        }
+    };
+    const handleAddEvent = () => {
+        setSelectedEvent(null);
+        setEventFormData({
+            title: '',
+            description: '',
+            date: selectedDate || new Date(),
+            startTime: '09:00',
+            endTime: '10:00',
+            color: '#007AFF',
+            location: '',
+        });
+        setShowEventModal(true);
+    };
+    const handleEditEvent = (event) => {
+        setSelectedEvent(event);
+        setEventFormData({
+            title: event.title,
+            description: event.description || '',
+            date: event.date,
+            startTime: event.startTime || '09:00',
+            endTime: event.endTime || '10:00',
+            color: event.color || '#007AFF',
+            location: event.location || '',
+        });
+        setShowEventModal(true);
+    };
+    const handleSaveEvent = () => {
+        if (!eventFormData.title.trim())
+            return;
+        if (selectedEvent) {
+            // Update existing event
+            onUpdateEvent?.(selectedEvent.id, {
+                ...eventFormData,
+            });
+        }
+        else {
+            // Create new event
+            onAddEvent?.({
+                ...eventFormData,
+            });
+        }
+        setShowEventModal(false);
+        setSelectedEvent(null);
+    };
+    const handleDeleteEvent = () => {
+        if (selectedEvent) {
+            onDeleteEvent?.(selectedEvent.id);
+            setShowEventModal(false);
+            setSelectedEvent(null);
+        }
+    };
+    const getWeekDates = () => {
+        const startOfWeek = new Date(currentDate);
+        const day = startOfWeek.getDay();
+        startOfWeek.setDate(startOfWeek.getDate() - day);
+        const dates = [];
+        for (let i = 0; i < 7; i++) {
+            const date = new Date(startOfWeek);
+            date.setDate(date.getDate() + i);
+            dates.push(date);
+        }
+        return dates;
+    };
+    const renderMonthView = () => {
+        const daysInMonth = getDaysInMonth(currentDate);
+        const firstDay = getFirstDayOfMonth(currentDate);
+        const days = [];
+        // Previous month's trailing days
+        const prevMonthDays = getDaysInMonth(new Date(currentDate.getFullYear(), currentDate.getMonth() - 1));
+        for (let i = firstDay - 1; i >= 0; i--) {
+            const day = prevMonthDays - i;
+            days.push(_jsx("div", { className: "calendar-day-other", style: {
+                    padding: tokens.spacing[2],
+                    minHeight: '80px',
+                    color: 'var(--color-text-quaternary)',
+                    fontSize: tokens.typography.fontSize.sm,
+                }, children: day }, `prev-${day}`));
+        }
+        // Current month days
+        for (let day = 1; day <= daysInMonth; day++) {
+            const date = new Date(currentDate.getFullYear(), currentDate.getMonth(), day);
+            const isToday = highlightToday && isSameDay(date, today);
+            const isSelected = selectedDate && isSameDay(date, selectedDate);
+            const disabled = isDisabled(date);
+            const dayEvents = getEventsForDate(date);
+            days.push(_jsxs("div", { onClick: () => !disabled && handleDateClick(date), style: {
+                    padding: tokens.spacing[2],
+                    minHeight: '80px',
+                    backgroundColor: isSelected ? 'var(--color-accent-blue-tint)' : 'transparent',
+                    border: isToday ? '2px solid var(--color-accent-blue)' : '1px solid var(--color-border-secondary)',
+                    borderRadius: tokens.radius.md,
+                    cursor: disabled ? 'not-allowed' : 'pointer',
+                    opacity: disabled ? 0.4 : 1,
+                    transition: `all ${tokens.motion.duration.fast} ${tokens.motion.easing.standard}`,
+                }, onMouseEnter: (e) => {
+                    if (!disabled) {
+                        e.currentTarget.style.backgroundColor = isSelected ? 'var(--color-accent-blue-tint)' : 'var(--color-background-secondary)';
+                    }
+                }, onMouseLeave: (e) => {
+                    if (!disabled) {
+                        e.currentTarget.style.backgroundColor = isSelected ? 'var(--color-accent-blue-tint)' : 'transparent';
+                    }
+                }, children: [_jsx("div", { style: { fontWeight: isToday ? tokens.typography.fontWeight.semibold : tokens.typography.fontWeight.regular, color: isToday ? 'var(--color-accent-blue)' : 'var(--color-text-primary)', marginBottom: tokens.spacing[1] }, children: day }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: tokens.spacing[1] }, children: [dayEvents.slice(0, 3).map((event) => (_jsxs("div", { onClick: (e) => {
+                                    e.stopPropagation();
+                                    handleEditEvent(event);
+                                }, style: {
+                                    fontSize: tokens.typography.fontSize.xs,
+                                    padding: `2px ${tokens.spacing[1]}`,
+                                    backgroundColor: event.color || 'var(--color-accent-blue)',
+                                    color: '#FFFFFF',
+                                    borderRadius: tokens.radius.sm,
+                                    overflow: 'hidden',
+                                    textOverflow: 'ellipsis',
+                                    whiteSpace: 'nowrap',
+                                    cursor: 'pointer',
+                                }, children: [event.startTime && `${event.startTime} `, event.title] }, event.id))), dayEvents.length > 3 && (_jsxs("div", { style: { fontSize: tokens.typography.fontSize.xs, color: 'var(--color-text-tertiary)', paddingLeft: tokens.spacing[1] }, children: ["+", dayEvents.length - 3, " more"] }))] })] }, `current-${day}`));
+        }
+        // Next month's leading days
+        const totalDays = days.length;
+        const remainingDays = totalDays % 7 === 0 ? 0 : 7 - (totalDays % 7);
+        for (let day = 1; day <= remainingDays; day++) {
+            days.push(_jsx("div", { className: "calendar-day-other", style: {
+                    padding: tokens.spacing[2],
+                    minHeight: '80px',
+                    color: 'var(--color-text-quaternary)',
+                    fontSize: tokens.typography.fontSize.sm,
+                }, children: day }, `next-${day}`));
+        }
+        return days;
+    };
+    const renderWeekView = () => {
+        const weekDates = getWeekDates();
+        const hours = Array.from({ length: 24 }, (_, i) => i);
+        return (_jsxs("div", { style: { display: 'flex', gap: tokens.spacing[2] }, children: [_jsxs("div", { style: { width: '60px', flexShrink: 0 }, children: [_jsx("div", { style: { height: '60px' } }), hours.map(hour => (_jsxs("div", { style: { height: '60px', fontSize: tokens.typography.fontSize.xs, color: 'var(--color-text-tertiary)', paddingTop: tokens.spacing[1] }, children: [hour.toString().padStart(2, '0'), ":00"] }, hour)))] }), weekDates.map((date, index) => {
+                    const isToday = isSameDay(date, today);
+                    const dayEvents = getEventsForDate(date);
+                    return (_jsxs("div", { style: { flex: 1, minWidth: '100px' }, children: [_jsxs("div", { style: { height: '60px', textAlign: 'center', padding: tokens.spacing[2], backgroundColor: isToday ? 'var(--color-accent-blue-tint)' : 'transparent', borderRadius: tokens.radius.md }, children: [_jsx("div", { style: { fontSize: tokens.typography.fontSize.xs, color: 'var(--color-text-tertiary)' }, children: DAYS[date.getDay()] }), _jsx("div", { style: { fontSize: tokens.typography.fontSize.lg, fontWeight: isToday ? tokens.typography.fontWeight.bold : tokens.typography.fontWeight.medium, color: isToday ? 'var(--color-accent-blue)' : 'var(--color-text-primary)' }, children: date.getDate() })] }), _jsxs("div", { style: { position: 'relative' }, children: [hours.map(hour => (_jsx("div", { style: { height: '60px', borderTop: '1px solid var(--color-border-secondary)' } }, hour))), dayEvents.map(event => {
+                                        const startHour = event.startTime ? parseInt(event.startTime.split(':')[0]) : 9;
+                                        const startMinute = event.startTime ? parseInt(event.startTime.split(':')[1]) : 0;
+                                        const endHour = event.endTime ? parseInt(event.endTime.split(':')[0]) : 10;
+                                        const endMinute = event.endTime ? parseInt(event.endTime.split(':')[1]) : 0;
+                                        const top = startHour * 60 + startMinute;
+                                        const height = (endHour * 60 + endMinute) - top;
+                                        return (_jsxs("div", { onClick: () => handleEditEvent(event), style: {
+                                                position: 'absolute',
+                                                top: `${top}px`,
+                                                height: `${Math.max(height - 2, 20)}px`, // Subtract 2px for gap, min height 20px
+                                                left: '4px',
+                                                right: '4px',
+                                                backgroundColor: event.color || 'var(--color-accent-blue)',
+                                                color: '#FFFFFF',
+                                                borderRadius: tokens.radius.sm,
+                                                padding: tokens.spacing[1],
+                                                fontSize: tokens.typography.fontSize.xs,
+                                                overflow: 'hidden',
+                                                cursor: 'pointer',
+                                                zIndex: 10,
+                                            }, children: [_jsx("div", { style: { fontWeight: tokens.typography.fontWeight.semibold }, children: event.title }), event.startTime && _jsxs("div", { children: [event.startTime, " - ", event.endTime] })] }, event.id));
+                                    })] })] }, index));
+                })] }));
+    };
+    const renderDayView = () => {
+        const hours = Array.from({ length: 24 }, (_, i) => i);
+        const dayEvents = getEventsForDate(currentDate);
+        return (_jsxs("div", { style: { display: 'flex', gap: tokens.spacing[2] }, children: [_jsx("div", { style: { width: '80px', flexShrink: 0 }, children: hours.map(hour => (_jsxs("div", { style: { height: '80px', fontSize: tokens.typography.fontSize.sm, color: 'var(--color-text-tertiary)', paddingTop: tokens.spacing[2] }, children: [hour.toString().padStart(2, '0'), ":00"] }, hour))) }), _jsxs("div", { style: { flex: 1, position: 'relative' }, children: [hours.map(hour => (_jsx("div", { style: { height: '80px', borderTop: '1px solid var(--color-border-secondary)' } }, hour))), dayEvents.map(event => {
+                            const startHour = event.startTime ? parseInt(event.startTime.split(':')[0]) : 9;
+                            const startMinute = event.startTime ? parseInt(event.startTime.split(':')[1]) : 0;
+                            const endHour = event.endTime ? parseInt(event.endTime.split(':')[0]) : 10;
+                            const endMinute = event.endTime ? parseInt(event.endTime.split(':')[1]) : 0;
+                            const top = (startHour * 80) + (startMinute * 80 / 60);
+                            const height = ((endHour * 80) + (endMinute * 80 / 60)) - top;
+                            return (_jsxs("div", { onClick: () => handleEditEvent(event), style: {
+                                    position: 'absolute',
+                                    top: `${top}px`,
+                                    height: `${Math.max(height - 2, 30)}px`, // Subtract 2px for gap, min height 30px
+                                    left: '8px',
+                                    right: '8px',
+                                    backgroundColor: event.color || 'var(--color-accent-blue)',
+                                    color: '#FFFFFF',
+                                    borderRadius: tokens.radius.md,
+                                    padding: tokens.spacing[2],
+                                    fontSize: tokens.typography.fontSize.sm,
+                                    overflow: 'hidden',
+                                    cursor: 'pointer',
+                                    boxShadow: tokens.shadows.sm,
+                                    zIndex: 10,
+                                }, children: [_jsx("div", { style: { fontWeight: tokens.typography.fontWeight.bold, marginBottom: tokens.spacing[1] }, children: event.title }), _jsxs("div", { style: { fontSize: tokens.typography.fontSize.xs }, children: [event.startTime, " - ", event.endTime] }), event.location && _jsxs("div", { style: { fontSize: tokens.typography.fontSize.xs, marginTop: tokens.spacing[1] }, children: ["\uD83D\uDCCD ", event.location] })] }, event.id));
+                        })] })] }));
+    };
+    const getViewTitle = () => {
+        if (view === 'month') {
+            return `${MONTHS[currentDate.getMonth()]} ${currentDate.getFullYear()}`;
+        }
+        else if (view === 'week') {
+            const weekDates = getWeekDates();
+            const start = weekDates[0];
+            const end = weekDates[6];
+            return `${MONTHS[start.getMonth()]} ${start.getDate()} - ${MONTHS[end.getMonth()]} ${end.getDate()}, ${end.getFullYear()}`;
+        }
+        else if (view === 'day') {
+            return `${DAYS_FULL[currentDate.getDay()]}, ${MONTHS[currentDate.getMonth()]} ${currentDate.getDate()}, ${currentDate.getFullYear()}`;
+        }
+        else if (view === 'agenda') {
+            // Agenda view - show date range
+            const endDate = new Date(currentDate);
+            endDate.setDate(endDate.getDate() + agendaPeriod - 1); // Subtract 1 because agendaPeriod is a count of days including the start day
+            return `${MONTHS[currentDate.getMonth()]} ${currentDate.getDate()} - ${MONTHS[endDate.getMonth()]} ${endDate.getDate()}, ${endDate.getFullYear()}`;
+        }
+        else {
+            return 'Agenda';
+        }
+    };
+    return (_jsxs("div", { className: `calendar ${className}`, style: {
+            backgroundColor: 'var(--color-background-primary)',
+            borderRadius: tokens.radius.lg,
+            padding: tokens.spacing[4],
+            border: `1px solid var(--color-border-primary)`,
+            boxShadow: tokens.shadows.sm,
+            width: '100%',
+            maxWidth: view === 'month' ? '800px' : '100%',
+        }, children: [_jsxs("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    marginBottom: tokens.spacing[4],
+                    flexWrap: 'wrap',
+                    gap: tokens.spacing[2],
+                }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: tokens.spacing[2] }, children: [view !== 'agenda' && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: handlePrevPeriod, children: "\u2190" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: handleToday, children: "Today" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: handleNextPeriod, children: "\u2192" })] })), _jsx("h3", { style: {
+                                    margin: 0,
+                                    fontSize: tokens.typography.fontSize.lg,
+                                    fontWeight: tokens.typography.fontWeight.semibold,
+                                    color: 'var(--color-text-primary)',
+                                }, children: getViewTitle() })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: tokens.spacing[2] }, children: [_jsx("div", { style: { display: 'flex', gap: tokens.spacing[1], backgroundColor: 'var(--color-background-secondary)', borderRadius: tokens.radius.md, padding: '2px' }, children: ['month', 'week', 'day', 'agenda'].map((v) => (_jsx("button", { onClick: () => setView(v), style: {
+                                        padding: `${tokens.spacing[1]} ${tokens.spacing[3]}`,
+                                        fontSize: tokens.typography.fontSize.sm,
+                                        fontWeight: tokens.typography.fontWeight.medium,
+                                        color: view === v ? '#FFFFFF' : 'var(--color-text-secondary)',
+                                        backgroundColor: view === v ? 'var(--color-accent-blue)' : 'transparent',
+                                        border: 'none',
+                                        borderRadius: tokens.radius.sm,
+                                        cursor: 'pointer',
+                                        transition: `all ${tokens.motion.duration.fast} ${tokens.motion.easing.standard}`,
+                                        textTransform: 'capitalize',
+                                    }, children: v }, v))) }), _jsx(Button, { variant: "primary", size: "sm", onClick: handleAddEvent, children: "+ Add Event" })] })] }), view === 'month' && (_jsx("div", { style: {
+                    display: 'grid',
+                    gridTemplateColumns: 'repeat(7, 1fr)',
+                    gap: tokens.spacing[1],
+                    marginBottom: tokens.spacing[2],
+                }, children: DAYS.map((day) => (_jsx("div", { style: {
+                        padding: tokens.spacing[2],
+                        textAlign: 'center',
+                        fontSize: tokens.typography.fontSize.xs,
+                        fontWeight: tokens.typography.fontWeight.semibold,
+                        color: 'var(--color-text-tertiary)',
+                        textTransform: 'uppercase',
+                    }, children: day }, day))) })), _jsxs("div", { style: { overflowX: 'auto' }, children: [view === 'month' && (_jsx("div", { style: {
+                            display: 'grid',
+                            gridTemplateColumns: 'repeat(7, 1fr)',
+                            gap: tokens.spacing[1],
+                        }, children: renderMonthView() })), view === 'week' && renderWeekView(), view === 'day' && renderDayView(), view === 'agenda' && (_jsx(AgendaView, { events: events, currentDate: currentDate, days: agendaPeriod, onEventClick: handleEditEvent }))] }), _jsxs(Modal, { open: showEventModal, onOpenChange: setShowEventModal, size: "md", children: [_jsx(ModalCloseButton, {}), _jsx(ModalHeader, { children: _jsx(ModalTitle, { children: selectedEvent ? 'Edit Event' : 'Add Event' }) }), _jsx(ModalContent, { children: _jsxs("div", { className: "space-y-4", children: [_jsx(Input, { label: "Title", placeholder: "Event title", value: eventFormData.title, onChange: (e) => setEventFormData({ ...eventFormData, title: e.target.value }), required: true }), _jsx(Textarea, { label: "Description", placeholder: "Event description (optional)", value: eventFormData.description, onChange: (e) => setEventFormData({ ...eventFormData, description: e.target.value }), rows: 3 }), _jsxs("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: tokens.spacing[3] }, children: [_jsx(Input, { label: "Start Time", type: "time", value: eventFormData.startTime, onChange: (e) => setEventFormData({ ...eventFormData, startTime: e.target.value }) }), _jsx(Input, { label: "End Time", type: "time", value: eventFormData.endTime, onChange: (e) => setEventFormData({ ...eventFormData, endTime: e.target.value }) })] }), _jsx(Input, { label: "Location", placeholder: "Event location (optional)", value: eventFormData.location, onChange: (e) => setEventFormData({ ...eventFormData, location: e.target.value }) }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-text-primary mb-2", children: "Color" }), _jsxs(Select, { value: eventFormData.color, onValueChange: (value) => setEventFormData({ ...eventFormData, color: value }), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: EVENT_COLORS.map(color => (_jsx(SelectItem, { value: color.value, children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: tokens.spacing[2] }, children: [_jsx("div", { style: { width: '16px', height: '16px', borderRadius: '50%', backgroundColor: color.value } }), color.label] }) }, color.value))) })] })] })] }) }), _jsxs(ModalFooter, { children: [selectedEvent && (_jsx(Button, { variant: "ghost", onClick: handleDeleteEvent, style: { marginRight: 'auto', color: 'var(--color-status-error)' }, children: "Delete" })), _jsx(Button, { variant: "ghost", onClick: () => setShowEventModal(false), children: "Cancel" }), _jsx(Button, { variant: "primary", onClick: handleSaveEvent, disabled: !eventFormData.title.trim(), children: selectedEvent ? 'Update' : 'Add' })] })] })] }));
+};
+//# sourceMappingURL=Calendar.js.map