@hanzo/ui 5.3.38 → 5.3.39

package/dist/src/charts/index.js

@@ -0,0 +1,76 @@
+// @hanzo/ui/charts - Chart components powered by Recharts
+// Requires: npm install recharts
+// Core chart primitives
+export * from '../../primitives/chart';
+// Re-export chart components (using named re-exports to avoid
+// duplicate 'description' metadata collisions across chart modules)
+// Area charts
+export { default as ChartAreaDefault } from '../../primitives/charts/area/chart-area-default';
+export { default as ChartAreaGradient } from '../../primitives/charts/area/chart-area-gradient';
+export { default as ChartAreaIcons } from '../../primitives/charts/area/chart-area-icons';
+export { default as ChartAreaInteractive } from '../../primitives/charts/area/chart-area-interactive';
+export { default as ChartAreaLegend } from '../../primitives/charts/area/chart-area-legend';
+export { default as ChartAreaLinear } from '../../primitives/charts/area/chart-area-linear';
+export { default as ChartAreaStacked } from '../../primitives/charts/area/chart-area-stacked';
+export { default as ChartAreaStackedExpand } from '../../primitives/charts/area/chart-area-stacked-expand';
+export { default as ChartAreaStep } from '../../primitives/charts/area/chart-area-step';
+export { default as ChartAreaAxes } from '../../primitives/charts/area/chart-area-axes';
+// Bar charts
+export { default as ChartBarDefault } from '../../primitives/charts/bar/chart-bar-default';
+export { default as ChartBarHorizontal } from '../../primitives/charts/bar/chart-bar-horizontal';
+export { default as ChartBarInteractive } from '../../primitives/charts/bar/chart-bar-interactive';
+export { default as ChartBarLabel } from '../../primitives/charts/bar/chart-bar-label';
+export { default as ChartBarLabelCustom } from '../../primitives/charts/bar/chart-bar-label-custom';
+export { default as ChartBarMixed } from '../../primitives/charts/bar/chart-bar-mixed';
+export { default as ChartBarMultiple } from '../../primitives/charts/bar/chart-bar-multiple';
+export { default as ChartBarNegative } from '../../primitives/charts/bar/chart-bar-negative';
+export { default as ChartBarStacked } from '../../primitives/charts/bar/chart-bar-stacked';
+export { default as ChartBarActive } from '../../primitives/charts/bar/chart-bar-active';
+// Line charts
+export { default as ChartLineDefault } from '../../primitives/charts/line/chart-line-default';
+export { default as ChartLineDots } from '../../primitives/charts/line/chart-line-dots';
+export { default as ChartLineDotsColors } from '../../primitives/charts/line/chart-line-dots-colors';
+export { default as ChartLineDotsCustom } from '../../primitives/charts/line/chart-line-dots-custom';
+export { default as ChartLineInteractive } from '../../primitives/charts/line/chart-line-interactive';
+export { default as ChartLineLabel } from '../../primitives/charts/line/chart-line-label';
+export { default as ChartLineLabelCustom } from '../../primitives/charts/line/chart-line-label-custom';
+export { default as ChartLineLinear } from '../../primitives/charts/line/chart-line-linear';
+export { default as ChartLineMultiple } from '../../primitives/charts/line/chart-line-multiple';
+export { default as ChartLineStep } from '../../primitives/charts/line/chart-line-step';
+// Pie charts
+export { default as ChartPieDonut } from '../../primitives/charts/pie/chart-pie-donut';
+export { default as ChartPieDonutActive } from '../../primitives/charts/pie/chart-pie-donut-active';
+export { default as ChartPieDonutText } from '../../primitives/charts/pie/chart-pie-donut-text';
+export { default as ChartPieInteractive } from '../../primitives/charts/pie/chart-pie-interactive';
+export { default as ChartPieLabel } from '../../primitives/charts/pie/chart-pie-label';
+export { default as ChartPieLabelCustom } from '../../primitives/charts/pie/chart-pie-label-custom';
+export { default as ChartPieLabelList } from '../../primitives/charts/pie/chart-pie-label-list';
+export { default as ChartPieLegend } from '../../primitives/charts/pie/chart-pie-legend';
+export { default as ChartPieSeparatorNone } from '../../primitives/charts/pie/chart-pie-separator-none';
+// Radar charts
+export { default as ChartRadarDefault } from '../../primitives/charts/radar/chart-radar-default';
+export { default as ChartRadarDots } from '../../primitives/charts/radar/chart-radar-dots';
+export { default as ChartRadarGridCircle } from '../../primitives/charts/radar/chart-radar-grid-circle';
+export { default as ChartRadarGridCircleFill } from '../../primitives/charts/radar/chart-radar-grid-circle-fill';
+export { default as ChartRadarGridCircleNoLines } from '../../primitives/charts/radar/chart-radar-grid-circle-no-lines';
+export { default as ChartRadarGridCustom } from '../../primitives/charts/radar/chart-radar-grid-custom';
+export { default as ChartRadarGridFill } from '../../primitives/charts/radar/chart-radar-grid-fill';
+export { default as ChartRadarGridNone } from '../../primitives/charts/radar/chart-radar-grid-none';
+export { default as ChartRadarIcons } from '../../primitives/charts/radar/chart-radar-icons';
+// Radial charts
+export { default as ChartRadialGrid } from '../../primitives/charts/radial/chart-radial-grid';
+export { default as ChartRadialLabel } from '../../primitives/charts/radial/chart-radial-label';
+export { default as ChartRadialShape } from '../../primitives/charts/radial/chart-radial-shape';
+export { default as ChartRadialSimple } from '../../primitives/charts/radial/chart-radial-simple';
+export { default as ChartRadialStacked } from '../../primitives/charts/radial/chart-radial-stacked';
+export { default as ChartRadialText } from '../../primitives/charts/radial/chart-radial-text';
+// Tooltip charts
+export { default as ChartTooltipAdvanced } from '../../primitives/charts/tooltip/chart-tooltip-advanced';
+export { default as ChartTooltipDefault } from '../../primitives/charts/tooltip/chart-tooltip-default';
+export { default as ChartTooltipFormatter } from '../../primitives/charts/tooltip/chart-tooltip-formatter';
+export { default as ChartTooltipIcons } from '../../primitives/charts/tooltip/chart-tooltip-icons';
+export { default as ChartTooltipIndicatorLine } from '../../primitives/charts/tooltip/chart-tooltip-indicator-line';
+export { default as ChartTooltipIndicatorNone } from '../../primitives/charts/tooltip/chart-tooltip-indicator-none';
+export { default as ChartTooltipLabelCustom } from '../../primitives/charts/tooltip/chart-tooltip-label-custom';
+export { default as ChartTooltipLabelFormatter } from '../../primitives/charts/tooltip/chart-tooltip-label-formatter';
+export { default as ChartTooltipLabelNone } from '../../primitives/charts/tooltip/chart-tooltip-label-none';

package/dist/src/desktop/hooks.d.ts

@@ -0,0 +1,75 @@
+export type WindowId = string;
+export interface WindowState {
+    [key: string]: boolean;
+}
+export interface WindowManager {
+    windows: WindowState;
+    activeWindow: WindowId | null;
+    openWindows: WindowId[];
+    openWindow: (id: WindowId) => void;
+    closeWindow: (id: WindowId) => void;
+    toggleWindow: (id: WindowId) => void;
+    focusWindow: (id: WindowId) => void;
+    closeAllWindows: () => void;
+    isOpen: (id: WindowId) => boolean;
+}
+export declare function useWindowManager(initialWindows?: WindowId[]): WindowManager;
+export type ColorScheme = 'dark' | 'light' | 'auto';
+export type DockPosition = 'bottom' | 'left' | 'right';
+export interface DesktopSettings {
+    theme: string;
+    colorScheme: ColorScheme;
+    backgroundImage?: string;
+    backgroundColor?: string;
+    dockPosition: DockPosition;
+    dockSize: number;
+    dockMagnification: boolean;
+    dockAutoHide: boolean;
+    windowTransparency: number;
+    fontSize: 'small' | 'medium' | 'large';
+    reducedMotion: boolean;
+}
+export interface DesktopSettingsActions {
+    setTheme: (theme: string) => void;
+    setColorScheme: (scheme: ColorScheme) => void;
+    setBackgroundImage: (url?: string) => void;
+    setBackgroundColor: (color?: string) => void;
+    setDockPosition: (position: DockPosition) => void;
+    setDockSize: (size: number) => void;
+    setDockMagnification: (enabled: boolean) => void;
+    setDockAutoHide: (enabled: boolean) => void;
+    setWindowTransparency: (value: number) => void;
+    setFontSize: (size: 'small' | 'medium' | 'large') => void;
+    setReducedMotion: (enabled: boolean) => void;
+    toggleDarkMode: () => void;
+    resetToDefaults: () => void;
+}
+export declare function useDesktopSettings(): DesktopSettings & DesktopSettingsActions;
+export interface OverlayState {
+    spotlight: boolean;
+    contextMenu: boolean;
+    modal: boolean;
+    drawer: boolean;
+    [key: string]: boolean;
+}
+export interface OverlayManager {
+    overlays: OverlayState;
+    isOpen: (id: string) => boolean;
+    open: (id: string) => void;
+    close: (id: string) => void;
+    toggle: (id: string) => void;
+    closeAll: () => void;
+}
+export declare function useOverlayManager(): OverlayManager;
+export interface KeyboardShortcut {
+    key: string;
+    meta?: boolean;
+    ctrl?: boolean;
+    alt?: boolean;
+    shift?: boolean;
+    action: () => void;
+    description?: string;
+    preventDefault?: boolean;
+}
+export declare function useKeyboardShortcuts(shortcuts: KeyboardShortcut[]): void;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/src/desktop/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/desktop/hooks.ts"],"names":[],"mappings":"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"}

package/dist/src/desktop/hooks.js

@@ -0,0 +1,194 @@
+"use client";
+import * as React from "react";
+function windowReducer(state, action) {
+    switch (action.type) {
+        case 'OPEN':
+            return {
+                windows: { ...state.windows, [action.id]: true },
+                activeWindow: action.id,
+            };
+        case 'CLOSE':
+            return {
+                windows: { ...state.windows, [action.id]: false },
+                activeWindow: state.activeWindow === action.id ? null : state.activeWindow,
+            };
+        case 'TOGGLE':
+            const isOpen = state.windows[action.id];
+            return {
+                windows: { ...state.windows, [action.id]: !isOpen },
+                activeWindow: !isOpen ? action.id : (state.activeWindow === action.id ? null : state.activeWindow),
+            };
+        case 'CLOSE_ALL':
+            return {
+                windows: Object.keys(state.windows).reduce((acc, key) => {
+                    acc[key] = false;
+                    return acc;
+                }, {}),
+                activeWindow: null,
+            };
+        case 'SET_ACTIVE':
+            return { ...state, activeWindow: action.id };
+        default:
+            return state;
+    }
+}
+export function useWindowManager(initialWindows = []) {
+    const initialState = {
+        windows: initialWindows.reduce((acc, id) => {
+            acc[id] = false;
+            return acc;
+        }, {}),
+        activeWindow: null,
+    };
+    const [state, dispatch] = React.useReducer(windowReducer, initialState);
+    const openWindows = React.useMemo(() => {
+        return Object.entries(state.windows)
+            .filter(([_, isOpen]) => isOpen)
+            .map(([id]) => id);
+    }, [state.windows]);
+    const openWindow = React.useCallback((id) => {
+        dispatch({ type: 'OPEN', id });
+    }, []);
+    const closeWindow = React.useCallback((id) => {
+        dispatch({ type: 'CLOSE', id });
+    }, []);
+    const toggleWindow = React.useCallback((id) => {
+        dispatch({ type: 'TOGGLE', id });
+    }, []);
+    const focusWindow = React.useCallback((id) => {
+        dispatch({ type: 'SET_ACTIVE', id });
+    }, []);
+    const closeAllWindows = React.useCallback(() => {
+        dispatch({ type: 'CLOSE_ALL' });
+    }, []);
+    const isOpen = React.useCallback((id) => {
+        return state.windows[id] ?? false;
+    }, [state.windows]);
+    return {
+        windows: state.windows,
+        activeWindow: state.activeWindow,
+        openWindows,
+        openWindow,
+        closeWindow,
+        toggleWindow,
+        focusWindow,
+        closeAllWindows,
+        isOpen,
+    };
+}
+const defaultSettings = {
+    theme: 'default',
+    colorScheme: 'dark',
+    backgroundImage: undefined,
+    backgroundColor: undefined,
+    dockPosition: 'bottom',
+    dockSize: 64,
+    dockMagnification: true,
+    dockAutoHide: false,
+    windowTransparency: 20,
+    fontSize: 'medium',
+    reducedMotion: false,
+};
+const STORAGE_KEY = 'desktop-settings';
+function loadSettings() {
+    if (typeof window === 'undefined')
+        return defaultSettings;
+    try {
+        const stored = localStorage.getItem(STORAGE_KEY);
+        if (stored) {
+            return { ...defaultSettings, ...JSON.parse(stored) };
+        }
+    }
+    catch {
+        // Ignore errors
+    }
+    return defaultSettings;
+}
+function saveSettings(settings) {
+    if (typeof window === 'undefined')
+        return;
+    try {
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(settings));
+    }
+    catch {
+        // Ignore errors
+    }
+}
+export function useDesktopSettings() {
+    const [settings, setSettings] = React.useState(loadSettings);
+    // Persist on change
+    React.useEffect(() => {
+        saveSettings(settings);
+    }, [settings]);
+    const updateSetting = (key, value) => {
+        setSettings((prev) => ({ ...prev, [key]: value }));
+    };
+    return {
+        ...settings,
+        setTheme: (theme) => updateSetting('theme', theme),
+        setColorScheme: (scheme) => updateSetting('colorScheme', scheme),
+        setBackgroundImage: (url) => updateSetting('backgroundImage', url),
+        setBackgroundColor: (color) => updateSetting('backgroundColor', color),
+        setDockPosition: (position) => updateSetting('dockPosition', position),
+        setDockSize: (size) => updateSetting('dockSize', size),
+        setDockMagnification: (enabled) => updateSetting('dockMagnification', enabled),
+        setDockAutoHide: (enabled) => updateSetting('dockAutoHide', enabled),
+        setWindowTransparency: (value) => updateSetting('windowTransparency', value),
+        setFontSize: (size) => updateSetting('fontSize', size),
+        setReducedMotion: (enabled) => updateSetting('reducedMotion', enabled),
+        toggleDarkMode: () => {
+            setSettings((prev) => ({
+                ...prev,
+                colorScheme: prev.colorScheme === 'dark' ? 'light' : 'dark',
+            }));
+        },
+        resetToDefaults: () => setSettings(defaultSettings),
+    };
+}
+export function useOverlayManager() {
+    const [overlays, setOverlays] = React.useState({
+        spotlight: false,
+        contextMenu: false,
+        modal: false,
+        drawer: false,
+    });
+    const isOpen = React.useCallback((id) => overlays[id] ?? false, [overlays]);
+    const open = React.useCallback((id) => {
+        setOverlays((prev) => ({ ...prev, [id]: true }));
+    }, []);
+    const close = React.useCallback((id) => {
+        setOverlays((prev) => ({ ...prev, [id]: false }));
+    }, []);
+    const toggle = React.useCallback((id) => {
+        setOverlays((prev) => ({ ...prev, [id]: !prev[id] }));
+    }, []);
+    const closeAll = React.useCallback(() => {
+        setOverlays((prev) => Object.keys(prev).reduce((acc, key) => {
+            acc[key] = false;
+            return acc;
+        }, {}));
+    }, []);
+    return { overlays, isOpen, open, close, toggle, closeAll };
+}
+export function useKeyboardShortcuts(shortcuts) {
+    React.useEffect(() => {
+        const handleKeyDown = (e) => {
+            for (const shortcut of shortcuts) {
+                const metaMatch = shortcut.meta ? (e.metaKey || e.ctrlKey) : !e.metaKey;
+                const ctrlMatch = shortcut.ctrl ? e.ctrlKey : true;
+                const altMatch = shortcut.alt ? e.altKey : !e.altKey;
+                const shiftMatch = shortcut.shift ? e.shiftKey : !e.shiftKey;
+                const keyMatch = e.key.toLowerCase() === shortcut.key.toLowerCase();
+                if (keyMatch && metaMatch && ctrlMatch && altMatch && shiftMatch) {
+                    if (shortcut.preventDefault !== false) {
+                        e.preventDefault();
+                    }
+                    shortcut.action();
+                    return;
+                }
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [shortcuts]);
+}

package/dist/src/desktop/index.d.ts

@@ -0,0 +1,7 @@
+export { Window, WindowControls } from './window';
+export type { WindowProps, WindowControlsProps } from './window';
+export { Spotlight } from './spotlight';
+export type { SpotlightProps, SpotlightItem } from './spotlight';
+export { useWindowManager, useDesktopSettings, useOverlayManager, useKeyboardShortcuts, } from './hooks';
+export type { WindowId, WindowState, WindowManager, DesktopSettings, DesktopSettingsActions, ColorScheme, DockPosition, OverlayState, OverlayManager, KeyboardShortcut, } from './hooks';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/desktop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/desktop/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACjD,YAAY,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAGhE,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,SAAS,CAAA;AAEhB,YAAY,EACV,QAAQ,EACR,WAAW,EACX,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,gBAAgB,GACjB,MAAM,SAAS,CAAA"}

package/dist/src/desktop/index.js

@@ -0,0 +1,8 @@
+// Desktop Environment Components for @hanzo/ui
+// Provides macOS-style window management, spotlight search, and desktop utilities
+// Window Component
+export { Window, WindowControls } from './window';
+// Spotlight Search
+export { Spotlight } from './spotlight';
+// Hooks
+export { useWindowManager, useDesktopSettings, useOverlayManager, useKeyboardShortcuts, } from './hooks';

package/dist/src/desktop/spotlight.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+export interface SpotlightItem {
+    id: string;
+    title: string;
+    subtitle?: string;
+    icon?: React.ReactNode;
+    category?: string;
+    action?: () => void;
+    keywords?: string[];
+}
+export interface SpotlightProps {
+    isOpen: boolean;
+    onClose: () => void;
+    items?: SpotlightItem[];
+    onSelect?: (item: SpotlightItem) => void;
+    placeholder?: string;
+    className?: string;
+    maxResults?: number;
+    categories?: string[];
+    renderItem?: (item: SpotlightItem, isSelected: boolean) => React.ReactNode;
+}
+export declare const Spotlight: React.FC<SpotlightProps>;
+export default Spotlight;
+//# sourceMappingURL=spotlight.d.ts.map

package/dist/src/desktop/spotlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spotlight.d.ts","sourceRoot":"","sources":["../../../src/desktop/spotlight.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;CAC3E;AASD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgQ9C,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/src/desktop/spotlight.js

@@ -0,0 +1,126 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { Search, Command, ArrowRight, FileText, Folder, Settings, X } from "lucide-react";
+import { cn } from "../utils";
+const categoryIcons = {
+    'Applications': _jsx(Folder, { className: "w-4 h-4" }),
+    'Files': _jsx(FileText, { className: "w-4 h-4" }),
+    'Settings': _jsx(Settings, { className: "w-4 h-4" }),
+    'Actions': _jsx(Command, { className: "w-4 h-4" }),
+};
+export const Spotlight = ({ isOpen, onClose, items = [], onSelect, placeholder = "Search...", className, maxResults = 8, categories, renderItem, }) => {
+    const [query, setQuery] = React.useState("");
+    const [selectedIndex, setSelectedIndex] = React.useState(0);
+    const inputRef = React.useRef(null);
+    // Filter items based on query
+    const filteredItems = React.useMemo(() => {
+        if (!query.trim()) {
+            return items.slice(0, maxResults);
+        }
+        const lowerQuery = query.toLowerCase();
+        return items
+            .filter((item) => {
+            const matchesTitle = item.title.toLowerCase().includes(lowerQuery);
+            const matchesSubtitle = item.subtitle?.toLowerCase().includes(lowerQuery);
+            const matchesKeywords = item.keywords?.some((k) => k.toLowerCase().includes(lowerQuery));
+            const matchesCategory = item.category?.toLowerCase().includes(lowerQuery);
+            return matchesTitle || matchesSubtitle || matchesKeywords || matchesCategory;
+        })
+            .slice(0, maxResults);
+    }, [items, query, maxResults]);
+    // Group items by category
+    const groupedItems = React.useMemo(() => {
+        const groups = {};
+        const orderedCategories = categories || [];
+        filteredItems.forEach((item) => {
+            const category = item.category || "Results";
+            if (!groups[category]) {
+                groups[category] = [];
+            }
+            groups[category].push(item);
+        });
+        // Sort by category order if provided
+        if (orderedCategories.length > 0) {
+            const sortedGroups = {};
+            orderedCategories.forEach((cat) => {
+                if (groups[cat]) {
+                    sortedGroups[cat] = groups[cat];
+                }
+            });
+            Object.keys(groups).forEach((cat) => {
+                if (!sortedGroups[cat]) {
+                    sortedGroups[cat] = groups[cat];
+                }
+            });
+            return sortedGroups;
+        }
+        return groups;
+    }, [filteredItems, categories]);
+    // Flatten for keyboard navigation
+    const flatItems = Object.values(groupedItems).flat();
+    // Reset selection when query changes
+    React.useEffect(() => {
+        setSelectedIndex(0);
+    }, [query]);
+    // Focus input when opened
+    React.useEffect(() => {
+        if (isOpen) {
+            setQuery("");
+            setSelectedIndex(0);
+            requestAnimationFrame(() => {
+                inputRef.current?.focus();
+            });
+        }
+    }, [isOpen]);
+    // Keyboard navigation
+    React.useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleKeyDown = (e) => {
+            switch (e.key) {
+                case "ArrowDown":
+                    e.preventDefault();
+                    setSelectedIndex((prev) => Math.min(prev + 1, flatItems.length - 1));
+                    break;
+                case "ArrowUp":
+                    e.preventDefault();
+                    setSelectedIndex((prev) => Math.max(prev - 1, 0));
+                    break;
+                case "Enter":
+                    e.preventDefault();
+                    const selectedItem = flatItems[selectedIndex];
+                    if (selectedItem) {
+                        selectedItem.action?.();
+                        onSelect?.(selectedItem);
+                        onClose();
+                    }
+                    break;
+                case "Escape":
+                    e.preventDefault();
+                    onClose();
+                    break;
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return () => window.removeEventListener("keydown", handleKeyDown);
+    }, [isOpen, flatItems, selectedIndex, onSelect, onClose]);
+    return (_jsx(AnimatePresence, { children: isOpen && (_jsxs(_Fragment, { children: [_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: onClose, className: "fixed inset-0 bg-black/50 backdrop-blur-sm z-[9999]" }), _jsxs(motion.div, { initial: { opacity: 0, scale: 0.95, y: -20 }, animate: { opacity: 1, scale: 1, y: 0 }, exit: { opacity: 0, scale: 0.95, y: -20 }, transition: { type: "spring", damping: 25, stiffness: 300 }, className: cn("fixed left-1/2 top-[15%] -translate-x-1/2 w-full max-w-xl z-[10000]", "bg-gray-900/95 border border-white/10 rounded-2xl shadow-2xl backdrop-blur-xl overflow-hidden", className), children: [_jsxs("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-white/10", children: [_jsx(Search, { className: "w-5 h-5 text-white/50" }), _jsx("input", { ref: inputRef, type: "text", value: query, onChange: (e) => setQuery(e.target.value), placeholder: placeholder, className: "flex-1 bg-transparent text-white text-lg outline-none placeholder:text-white/40" }), query && (_jsx("button", { onClick: () => setQuery(""), className: "p-1 hover:bg-white/10 rounded transition-colors", children: _jsx(X, { className: "w-4 h-4 text-white/50" }) })), _jsx("kbd", { className: "px-2 py-0.5 bg-white/10 rounded text-xs text-white/50", children: "ESC" })] }), _jsx("div", { className: "max-h-[50vh] overflow-y-auto", children: flatItems.length === 0 ? (_jsxs("div", { className: "px-4 py-8 text-center text-white/50", children: ["No results found for \"", query, "\""] })) : (Object.entries(groupedItems).map(([category, categoryItems]) => (_jsxs("div", { children: [_jsx("div", { className: "px-4 py-2 text-xs font-medium text-white/40 uppercase tracking-wider bg-white/5", children: category }), categoryItems.map((item) => {
+                                        const itemIndex = flatItems.indexOf(item);
+                                        const isSelected = itemIndex === selectedIndex;
+                                        if (renderItem) {
+                                            return (_jsx("div", { onClick: () => {
+                                                    item.action?.();
+                                                    onSelect?.(item);
+                                                    onClose();
+                                                }, children: renderItem(item, isSelected) }, item.id));
+                                        }
+                                        return (_jsxs("div", { onClick: () => {
+                                                item.action?.();
+                                                onSelect?.(item);
+                                                onClose();
+                                            }, className: cn("flex items-center gap-3 px-4 py-2.5 cursor-pointer transition-colors", isSelected ? "bg-blue-500/20" : "hover:bg-white/5"), children: [_jsx("div", { className: "w-8 h-8 rounded-lg bg-white/10 flex items-center justify-center", children: item.icon || categoryIcons[category] || _jsx(FileText, { className: "w-4 h-4 text-white/70" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-white truncate", children: item.title }), item.subtitle && (_jsx("div", { className: "text-xs text-white/50 truncate", children: item.subtitle }))] }), isSelected && (_jsx(ArrowRight, { className: "w-4 h-4 text-white/50" }))] }, item.id));
+                                    })] }, category)))) }), _jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-t border-white/10 text-xs text-white/40", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("span", { className: "flex items-center gap-1", children: [_jsx("kbd", { className: "px-1.5 py-0.5 bg-white/10 rounded", children: "\u2191" }), _jsx("kbd", { className: "px-1.5 py-0.5 bg-white/10 rounded", children: "\u2193" }), "to navigate"] }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx("kbd", { className: "px-1.5 py-0.5 bg-white/10 rounded", children: "\u23CE" }), "to select"] })] }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Command, { className: "w-3 h-3" }), _jsx("span", { children: "+ Space to open" })] })] })] })] })) }));
+};
+export default Spotlight;

package/dist/src/desktop/window.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+export interface WindowProps {
+    title: string;
+    icon?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    onClose?: () => void;
+    onMinimize?: () => void;
+    onMaximize?: () => void;
+    onFocus?: () => void;
+    defaultWidth?: number;
+    defaultHeight?: number;
+    defaultX?: number;
+    defaultY?: number;
+    minWidth?: number;
+    minHeight?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    resizable?: boolean;
+    draggable?: boolean;
+    centered?: boolean;
+    hideControls?: boolean;
+    variant?: 'default' | 'dark' | 'light' | 'transparent';
+}
+export interface WindowControlsProps {
+    onClose?: () => void;
+    onMinimize?: () => void;
+    onMaximize?: () => void;
+    isMaximized?: boolean;
+}
+export declare const WindowControls: React.FC<WindowControlsProps>;
+export declare const Window: React.ForwardRefExoticComponent<WindowProps & React.RefAttributes<HTMLDivElement>>;
+export default Window;
+//# sourceMappingURL=window.d.ts.map

package/dist/src/desktop/window.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../src/desktop/window.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,aAAa,CAAA;CACvD;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsCxD,CAAA;AASD,eAAO,MAAM,MAAM,oFAwMlB,CAAA;AAID,eAAe,MAAM,CAAA"}