@hanzo/ui 5.6.1 → 8.0.0

package/dist/src/dash/table.d.ts

@@ -1,50 +0,0 @@
-import * as React from 'react';
-export interface Column<T> {
-    id: string;
-    header: string;
-    /** Render cell content. Falls back to (row as any)[id]. */
-    cell?: (row: T) => React.ReactNode;
-    /** Enable sorting on this column */
-    sortable?: boolean;
-    /** Width hint (CSS value) */
-    width?: string;
-    /** Alignment */
-    align?: 'left' | 'center' | 'right';
-}
-export interface TableProps<T> {
-    /** Column definitions */
-    columns: Column<T>[];
-    /** Row data */
-    data: T[];
-    /** Unique key extractor per row */
-    rowKey: (row: T) => string;
-    /** Enable row selection checkboxes */
-    selectable?: boolean;
-    /** Currently selected row keys */
-    selectedKeys?: Set<string>;
-    /** Called when selection changes */
-    onSelectionChange?: (keys: Set<string>) => void;
-    /** Searchable - shows search input above table */
-    searchable?: boolean;
-    /** Search placeholder */
-    searchPlaceholder?: string;
-    /** Pagination: total rows available (may exceed data.length for server pagination) */
-    totalRows?: number;
-    /** Current page (0-indexed) */
-    page?: number;
-    /** Rows per page */
-    pageSize?: number;
-    /** Called when page changes */
-    onPageChange?: (page: number) => void;
-    /** Called when page size changes */
-    onPageSizeChange?: (size: number) => void;
-    /** Actions column renderer (edit, delete buttons etc.) */
-    actions?: (row: T) => React.ReactNode;
-    /** Loading state */
-    loading?: boolean;
-    /** Empty state message */
-    emptyMessage?: string;
-    className?: string;
-}
-export declare function Table<T>({ columns, data, rowKey, selectable, selectedKeys, onSelectionChange, searchable, searchPlaceholder, totalRows, page, pageSize, onPageChange, onPageSizeChange, actions, loading, emptyMessage, className, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=table.d.ts.map

package/dist/src/dash/table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/dash/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,2DAA2D;IAC3D,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAClC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC;AAED,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,eAAe;IACf,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,mCAAmC;IACnC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAA;IAC1B,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kCAAkC;IAClC,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IAC/C,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,sFAAsF;IACtF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IACrC,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAQD,wBAAgB,KAAK,CAAC,CAAC,EAAE,EACvB,OAAO,EACP,IAAI,EACJ,MAAM,EACN,UAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,UAAkB,EAClB,iBAA+B,EAC/B,SAAS,EACT,IAAQ,EACR,QAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,OAAe,EACf,YAAwB,EACxB,SAAS,GACV,EAAE,UAAU,CAAC,CAAC,CAAC,2CAyPf"}

package/dist/src/dash/table.js

@@ -1,88 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '../../utils';
-/* ------------------------------------------------------------------ */
-/*  Component                                                         */
-/* ------------------------------------------------------------------ */
-export function Table({ columns, data, rowKey, selectable = false, selectedKeys, onSelectionChange, searchable = false, searchPlaceholder = 'Search...', totalRows, page = 0, pageSize = 20, onPageChange, onPageSizeChange, actions, loading = false, emptyMessage = 'No data', className, }) {
-    const [search, setSearch] = React.useState('');
-    const [sort, setSort] = React.useState(null);
-    /* ---------- filtering ---------- */
-    const filtered = React.useMemo(() => {
-        if (!search)
-            return data;
-        const q = search.toLowerCase();
-        return data.filter((row) => columns.some((col) => {
-            const val = col.cell ? '' : String(row[col.id] ?? '');
-            return val.toLowerCase().includes(q);
-        }));
-    }, [data, search, columns]);
-    /* ---------- sorting ---------- */
-    const sorted = React.useMemo(() => {
-        if (!sort)
-            return filtered;
-        const { column, direction } = sort;
-        return [...filtered].sort((a, b) => {
-            const av = a[column];
-            const bv = b[column];
-            if (av == null && bv == null)
-                return 0;
-            if (av == null)
-                return 1;
-            if (bv == null)
-                return -1;
-            const cmp = String(av).localeCompare(String(bv), undefined, { numeric: true });
-            return direction === 'asc' ? cmp : -cmp;
-        });
-    }, [filtered, sort]);
-    /* ---------- pagination ---------- */
-    const total = totalRows ?? sorted.length;
-    const totalPages = Math.max(1, Math.ceil(total / pageSize));
-    const rows = onPageChange ? sorted : sorted.slice(page * pageSize, (page + 1) * pageSize);
-    /* ---------- selection ---------- */
-    const selected = selectedKeys ?? new Set();
-    const allSelected = rows.length > 0 && rows.every((r) => selected.has(rowKey(r)));
-    function toggleAll() {
-        if (!onSelectionChange)
-            return;
-        if (allSelected) {
-            onSelectionChange(new Set());
-        }
-        else {
-            onSelectionChange(new Set(rows.map(rowKey)));
-        }
-    }
-    function toggleRow(key) {
-        if (!onSelectionChange)
-            return;
-        const next = new Set(selected);
-        if (next.has(key)) {
-            next.delete(key);
-        }
-        else {
-            next.add(key);
-        }
-        onSelectionChange(next);
-    }
-    function handleSort(colId) {
-        setSort((prev) => {
-            if (prev?.column === colId) {
-                return prev.direction === 'asc' ? { column: colId, direction: 'desc' } : null;
-            }
-            return { column: colId, direction: 'asc' };
-        });
-    }
-    const allColumns = actions
-        ? [...columns, { id: '__actions', header: '', width: 'auto' }]
-        : columns;
-    return (_jsxs("div", { className: cn('rounded-[var(--dash-radius-lg)] border border-[var(--dash-border)] bg-[var(--dash-surface)]', className), children: [(searchable || selectable) && (_jsxs("div", { className: "flex items-center gap-3 border-b border-[var(--dash-border)] px-4 py-3", children: [searchable && (_jsx("input", { type: "text", placeholder: searchPlaceholder, value: search, onChange: (e) => setSearch(e.target.value), className: cn('h-8 w-64 max-w-full rounded-[var(--dash-radius-sm)] border border-[var(--dash-border)] bg-[var(--dash-bg)] px-3 text-sm text-[var(--dash-text)]', 'placeholder:text-[var(--dash-text-dim)]', 'focus:border-[var(--dash-primary)] focus:outline-none focus:ring-1 focus:ring-[var(--dash-primary)]') })), selectable && selected.size > 0 && (_jsxs("span", { className: "text-xs text-[var(--dash-text-muted)]", children: [selected.size, " selected"] }))] })), _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-[var(--dash-border)]", children: [selectable && (_jsx("th", { className: "w-10 px-4 py-2.5", children: _jsx("input", { type: "checkbox", checked: allSelected, onChange: toggleAll, className: "h-4 w-4 rounded border-[var(--dash-border)] accent-[var(--dash-primary)]" }) })), allColumns.map((col) => (_jsx("th", { style: col.width ? { width: col.width } : undefined, className: cn('px-4 py-2.5 text-[var(--dash-text-dim)] font-medium', col.align === 'center' && 'text-center', col.align === 'right' && 'text-right', !col.align && 'text-left', col.sortable && 'cursor-pointer select-none hover:text-[var(--dash-text-muted)]'), onClick: col.sortable ? () => handleSort(col.id) : undefined, children: _jsxs("span", { className: "inline-flex items-center gap-1", children: [col.header, col.sortable && sort?.column === col.id && (_jsx("span", { className: "text-[10px]", children: sort.direction === 'asc' ? '\u2191' : '\u2193' }))] }) }, col.id)))] }) }), _jsx("tbody", { children: loading ? (_jsx("tr", { children: _jsx("td", { colSpan: allColumns.length + (selectable ? 1 : 0), className: "px-4 py-8 text-center text-[var(--dash-text-dim)]", children: "Loading..." }) })) : rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: allColumns.length + (selectable ? 1 : 0), className: "px-4 py-8 text-center text-[var(--dash-text-dim)]", children: emptyMessage }) })) : (rows.map((row) => {
-                                const key = rowKey(row);
-                                const isSelected = selected.has(key);
-                                return (_jsxs("tr", { className: cn('border-b border-[var(--dash-border)] transition-colors', isSelected
-                                        ? 'bg-[var(--dash-surface-active)]'
-                                        : 'hover:bg-[var(--dash-surface-hover)]'), children: [selectable && (_jsx("td", { className: "w-10 px-4 py-2.5", children: _jsx("input", { type: "checkbox", checked: isSelected, onChange: () => toggleRow(key), className: "h-4 w-4 rounded border-[var(--dash-border)] accent-[var(--dash-primary)]" }) })), columns.map((col) => (_jsx("td", { className: cn('px-4 py-2.5', col.align === 'center' && 'text-center', col.align === 'right' && 'text-right'), children: col.cell
-                                                ? col.cell(row)
-                                                : String(row[col.id] ?? '') }, col.id))), actions && (_jsx("td", { className: "px-4 py-2.5 text-right", children: actions(row) }))] }, key));
-                            })) })] }) }), totalPages > 1 && (_jsxs("div", { className: "flex items-center justify-between border-t border-[var(--dash-border)] px-4 py-2.5 text-xs text-[var(--dash-text-muted)]", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { children: "Rows per page" }), _jsx("select", { value: pageSize, onChange: (e) => onPageSizeChange?.(Number(e.target.value)), className: "h-7 rounded border border-[var(--dash-border)] bg-[var(--dash-bg)] px-2 text-xs text-[var(--dash-text)] focus:outline-none", children: [10, 20, 50, 100].map((n) => (_jsx("option", { value: n, children: n }, n))) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { children: ["Page ", page + 1, " of ", totalPages] }), _jsx("button", { type: "button", disabled: page === 0, onClick: () => onPageChange?.(page - 1), className: "rounded p-1 hover:bg-[var(--dash-surface-hover)] disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M10 4L6 8l4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("button", { type: "button", disabled: page >= totalPages - 1, onClick: () => onPageChange?.(page + 1), className: "rounded p-1 hover:bg-[var(--dash-surface-hover)] disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M6 4l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] })] }))] }));
-}

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

@@ -1,75 +0,0 @@
-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

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

package/dist/src/desktop/hooks.js

@@ -1,194 +0,0 @@
-"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

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-// 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

@@ -1,24 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,126 +0,0 @@
-"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

@@ -1,34 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}