@hanzo/ui 5.7.1 → 8.0.0

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

@@ -1,52 +0,0 @@
-export type FieldType = 'text' | 'number' | 'email' | 'password' | 'select' | 'toggle' | 'textarea' | 'json' | 'relation' | 'file';
-export interface FieldOption {
-    label: string;
-    value: string;
-}
-export interface FieldDef {
-    /** Field key (maps to form value key) */
-    name: string;
-    /** Display label */
-    label: string;
-    /** Field type */
-    type: FieldType;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Description shown below field */
-    description?: string;
-    /** Whether the field is required */
-    required?: boolean;
-    /** Select options (for type=select or type=relation) */
-    options?: FieldOption[];
-    /** Default value */
-    defaultValue?: unknown;
-    /** Disabled */
-    disabled?: boolean;
-    /** File accept pattern (for type=file) */
-    accept?: string;
-    /** Number of textarea rows */
-    rows?: number;
-    /** Zod-style validation function. Return error string or null. */
-    validate?: (value: unknown) => string | null;
-}
-export interface FormProps {
-    /** Form title */
-    title?: string;
-    /** Field definitions */
-    fields: FieldDef[];
-    /** Initial values */
-    values?: Record<string, unknown>;
-    /** Called on submit with validated values */
-    onSubmit: (values: Record<string, unknown>) => void | Promise<void>;
-    /** Called on cancel */
-    onCancel?: () => void;
-    /** Submit button label */
-    submitLabel?: string;
-    /** Cancel button label */
-    cancelLabel?: string;
-    /** Loading state */
-    loading?: boolean;
-    className?: string;
-}
-export declare function Form({ title, fields, values: initialValues, onSubmit, onCancel, submitLabel, cancelLabel, loading, className, }: FormProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=form.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/dash/form.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,QAAQ,GACR,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,MAAM,GACN,UAAU,GACV,MAAM,CAAA;AAEV,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,QAAQ;IACvB,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAA;IACZ,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB;IACjB,IAAI,EAAE,SAAS,CAAA;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,oBAAoB;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,IAAI,CAAA;CAC7C;AAED,MAAM,WAAW,SAAS;IACxB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wBAAwB;IACxB,MAAM,EAAE,QAAQ,EAAE,CAAA;IAClB,qBAAqB;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACnE,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,MAAM,EACN,MAAM,EAAE,aAAa,EACrB,QAAQ,EACR,QAAQ,EACR,WAAoB,EACpB,WAAsB,EACtB,OAAe,EACf,SAAS,GACV,EAAE,SAAS,2CAmGX"}

package/dist/src/dash/form.js

@@ -1,90 +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 Form({ title, fields, values: initialValues, onSubmit, onCancel, submitLabel = 'Save', cancelLabel = 'Cancel', loading = false, className, }) {
-    const [values, setValues] = React.useState(() => {
-        const init = {};
-        for (const f of fields) {
-            init[f.name] = initialValues?.[f.name] ?? f.defaultValue ?? (f.type === 'toggle' ? false : '');
-        }
-        return init;
-    });
-    const [errors, setErrors] = React.useState({});
-    function setValue(name, value) {
-        setValues((prev) => ({ ...prev, [name]: value }));
-        setErrors((prev) => {
-            if (!prev[name])
-                return prev;
-            const next = { ...prev };
-            delete next[name];
-            return next;
-        });
-    }
-    async function handleSubmit(e) {
-        e.preventDefault();
-        // Validate
-        const errs = {};
-        for (const f of fields) {
-            const v = values[f.name];
-            if (f.required && (v === '' || v === null || v === undefined)) {
-                errs[f.name] = `${f.label} is required`;
-            }
-            if (f.validate) {
-                const err = f.validate(v);
-                if (err)
-                    errs[f.name] = err;
-            }
-        }
-        if (Object.keys(errs).length > 0) {
-            setErrors(errs);
-            return;
-        }
-        await onSubmit(values);
-    }
-    return (_jsxs("form", { onSubmit: handleSubmit, className: cn('rounded-[var(--dash-radius-lg)] border border-[var(--dash-border)] bg-[var(--dash-surface)] p-6', className), children: [title && (_jsx("h3", { className: "mb-4 text-lg font-semibold text-[var(--dash-text)]", children: title })), _jsx("div", { className: "space-y-4", children: fields.map((field) => (_jsx(FieldRenderer, { field: field, value: values[field.name], error: errors[field.name], onChange: (v) => setValue(field.name, v) }, field.name))) }), _jsxs("div", { className: "mt-6 flex items-center gap-3", children: [_jsx("button", { type: "submit", disabled: loading, className: cn('rounded-[var(--dash-radius)] px-4 py-2 text-sm font-medium transition-colors', 'bg-[var(--dash-primary)] text-[var(--dash-primary-text)]', 'hover:bg-[var(--dash-primary-hover)]', 'disabled:opacity-50 disabled:cursor-not-allowed'), children: loading ? 'Saving...' : submitLabel }), onCancel && (_jsx("button", { type: "button", onClick: onCancel, disabled: loading, className: cn('rounded-[var(--dash-radius)] px-4 py-2 text-sm font-medium transition-colors', 'border border-[var(--dash-border)] text-[var(--dash-text-muted)]', 'hover:bg-[var(--dash-surface-hover)] hover:text-[var(--dash-text)]'), children: cancelLabel }))] })] }));
-}
-/* ------------------------------------------------------------------ */
-/*  FieldRenderer (internal)                                          */
-/* ------------------------------------------------------------------ */
-const inputBase = cn('w-full rounded-[var(--dash-radius-sm)] border border-[var(--dash-border)] bg-[var(--dash-bg)] px-3 py-2 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)]', 'disabled:opacity-50 disabled:cursor-not-allowed', 'transition-colors');
-function FieldRenderer({ field, value, error, onChange, }) {
-    const id = `dash-field-${field.name}`;
-    const labelEl = (_jsxs("label", { htmlFor: id, className: "mb-1 block text-sm font-medium text-[var(--dash-text)]", children: [field.label, field.required && _jsx("span", { className: "ml-0.5 text-[var(--dash-error)]", children: "*" })] }));
-    const descEl = field.description ? (_jsx("p", { className: "mt-1 text-xs text-[var(--dash-text-dim)]", children: field.description })) : null;
-    const errEl = error ? (_jsx("p", { className: "mt-1 text-xs text-[var(--dash-error)]", children: error })) : null;
-    switch (field.type) {
-        case 'text':
-        case 'email':
-        case 'password':
-        case 'number':
-            return (_jsxs("div", { children: [labelEl, _jsx("input", { id: id, type: field.type, value: String(value ?? ''), placeholder: field.placeholder, disabled: field.disabled, onChange: (e) => onChange(field.type === 'number' ? Number(e.target.value) : e.target.value), className: cn(inputBase, error && 'border-[var(--dash-error)]') }), descEl, errEl] }));
-        case 'textarea':
-            return (_jsxs("div", { children: [labelEl, _jsx("textarea", { id: id, value: String(value ?? ''), placeholder: field.placeholder, disabled: field.disabled, rows: field.rows ?? 3, onChange: (e) => onChange(e.target.value), className: cn(inputBase, 'resize-y', error && 'border-[var(--dash-error)]') }), descEl, errEl] }));
-        case 'select':
-        case 'relation':
-            return (_jsxs("div", { children: [labelEl, _jsxs("select", { id: id, value: String(value ?? ''), disabled: field.disabled, onChange: (e) => onChange(e.target.value), className: cn(inputBase, error && 'border-[var(--dash-error)]'), children: [_jsx("option", { value: "", children: field.placeholder ?? 'Select...' }), (field.options ?? []).map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value)))] }), descEl, errEl] }));
-        case 'toggle':
-            return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { id: id, type: "button", role: "switch", "aria-checked": Boolean(value), disabled: field.disabled, onClick: () => onChange(!value), className: cn('relative inline-flex h-5 w-9 flex-shrink-0 rounded-full transition-colors', 'focus:outline-none focus:ring-2 focus:ring-[var(--dash-primary)] focus:ring-offset-2 focus:ring-offset-[var(--dash-surface)]', value ? 'bg-[var(--dash-primary)]' : 'bg-[var(--dash-border)]', field.disabled && 'opacity-50 cursor-not-allowed'), children: _jsx("span", { className: cn('pointer-events-none inline-block h-4 w-4 rounded-full bg-white shadow transition-transform', value ? 'translate-x-4' : 'translate-x-0.5', 'mt-0.5') }) }), _jsx("label", { htmlFor: id, className: "text-sm text-[var(--dash-text)]", children: field.label }), descEl, errEl] }));
-        case 'json':
-            return (_jsxs("div", { children: [labelEl, _jsx("textarea", { id: id, value: typeof value === 'string' ? value : JSON.stringify(value, null, 2), placeholder: field.placeholder ?? '{}', disabled: field.disabled, rows: field.rows ?? 6, onChange: (e) => {
-                            try {
-                                onChange(JSON.parse(e.target.value));
-                            }
-                            catch {
-                                onChange(e.target.value);
-                            }
-                        }, className: cn(inputBase, 'font-mono text-xs resize-y', error && 'border-[var(--dash-error)]') }), descEl, errEl] }));
-        case 'file':
-            return (_jsxs("div", { children: [labelEl, _jsx("input", { id: id, type: "file", accept: field.accept, disabled: field.disabled, onChange: (e) => {
-                            const file = e.target.files?.[0];
-                            if (file)
-                                onChange(file);
-                        }, className: cn('w-full text-sm text-[var(--dash-text-muted)]', 'file:mr-3 file:rounded-[var(--dash-radius-sm)] file:border-0 file:bg-[var(--dash-primary)] file:px-3 file:py-1.5 file:text-sm file:font-medium file:text-[var(--dash-primary-text)]', 'file:cursor-pointer hover:file:bg-[var(--dash-primary-hover)]') }), descEl, errEl] }));
-        default:
-            return null;
-    }
-}

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

@@ -1,28 +0,0 @@
-import * as React from 'react';
-export interface BreadcrumbItem {
-    label: string;
-    href?: string;
-}
-export interface HeaderProps {
-    /** Breadcrumb trail */
-    breadcrumbs?: BreadcrumbItem[];
-    /** Search input placeholder */
-    searchPlaceholder?: string;
-    /** Called when search query changes */
-    onSearch?: (query: string) => void;
-    /** User avatar URL */
-    avatarUrl?: string;
-    /** User display name */
-    userName?: string;
-    /** Dropdown menu rendered on avatar click */
-    userDropdown?: React.ReactNode;
-    /** Toggle dark/light theme */
-    onToggleTheme?: () => void;
-    /** Current theme */
-    theme?: 'dark' | 'light';
-    /** Extra actions (buttons, etc.) rendered right of search */
-    actions?: React.ReactNode;
-    className?: string;
-}
-export declare function Header({ breadcrumbs, searchPlaceholder, onSearch, avatarUrl, userName, userDropdown, onToggleTheme, theme, actions, className, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=header.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/dash/header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,uBAAuB;IACvB,WAAW,CAAC,EAAE,cAAc,EAAE,CAAA;IAC9B,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD,wBAAgB,MAAM,CAAC,EACrB,WAAW,EACX,iBAA+B,EAC/B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,KAAc,EACd,OAAO,EACP,SAAS,GACV,EAAE,WAAW,2CAmIb"}

package/dist/src/dash/header.js

@@ -1,24 +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 Header({ breadcrumbs, searchPlaceholder = 'Search...', onSearch, avatarUrl, userName, userDropdown, onToggleTheme, theme = 'dark', actions, className, }) {
-    const [dropdownOpen, setDropdownOpen] = React.useState(false);
-    const dropdownRef = React.useRef(null);
-    // Close dropdown on outside click
-    React.useEffect(() => {
-        if (!dropdownOpen)
-            return;
-        function handleClick(e) {
-            if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
-                setDropdownOpen(false);
-            }
-        }
-        document.addEventListener('mousedown', handleClick);
-        return () => document.removeEventListener('mousedown', handleClick);
-    }, [dropdownOpen]);
-    return (_jsxs("div", { className: cn('flex h-[var(--dash-header-height)] items-center gap-4 px-4', 'bg-[var(--dash-surface)] text-[var(--dash-text)]', className), children: [breadcrumbs && breadcrumbs.length > 0 && (_jsx("nav", { className: "flex items-center gap-1 text-sm", "aria-label": "Breadcrumb", children: breadcrumbs.map((crumb, i) => (_jsxs(React.Fragment, { children: [i > 0 && (_jsx("span", { className: "text-[var(--dash-text-dim)]", children: "/" })), crumb.href ? (_jsx("a", { href: crumb.href, className: "text-[var(--dash-text-muted)] hover:text-[var(--dash-text)] transition-colors", children: crumb.label })) : (_jsx("span", { className: "text-[var(--dash-text)]", children: crumb.label }))] }, i))) })), _jsx("div", { className: "flex-1" }), onSearch && (_jsxs("div", { className: "relative hidden sm:block", children: [_jsxs("svg", { className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-[var(--dash-text-dim)]", width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", children: [_jsx("circle", { cx: "7", cy: "7", r: "5.5", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M11 11l3 3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }), _jsx("input", { type: "text", placeholder: searchPlaceholder, onChange: (e) => onSearch(e.target.value), className: cn('h-8 w-56 rounded-[var(--dash-radius-sm)] border border-[var(--dash-border)] bg-[var(--dash-bg)] pl-8 pr-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)]', 'transition-colors') })] })), actions, onToggleTheme && (_jsx("button", { type: "button", onClick: onToggleTheme, className: "rounded-[var(--dash-radius-sm)] p-1.5 text-[var(--dash-text-dim)] hover:bg-[var(--dash-surface-hover)] hover:text-[var(--dash-text)] transition-colors", "aria-label": `Switch to ${theme === 'dark' ? 'light' : 'dark'} mode`, children: theme === 'dark' ? (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [_jsx("circle", { cx: "8", cy: "8", r: "3.5", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M8 1v2M8 13v2M1 8h2M13 8h2M3.05 3.05l1.41 1.41M11.54 11.54l1.41 1.41M3.05 12.95l1.41-1.41M11.54 4.46l1.41-1.41", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] })) : (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M14 9.5A6.5 6.5 0 016.5 2 5.5 5.5 0 1014 9.5z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })) })), (avatarUrl || userName) && (_jsxs("div", { className: "relative", ref: dropdownRef, children: [_jsx("button", { type: "button", onClick: () => setDropdownOpen((o) => !o), className: "flex items-center gap-2 rounded-[var(--dash-radius-sm)] p-1 hover:bg-[var(--dash-surface-hover)] transition-colors", children: avatarUrl ? (_jsx("img", { src: avatarUrl, alt: userName ?? 'User', className: "h-7 w-7 rounded-full object-cover" })) : (_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-[var(--dash-primary)] text-xs font-medium text-[var(--dash-primary-text)]", children: (userName ?? '?')[0].toUpperCase() })) }), dropdownOpen && userDropdown && (_jsx("div", { className: "absolute right-0 top-full z-50 mt-1 min-w-48 rounded-[var(--dash-radius)] border border-[var(--dash-border)] bg-[var(--dash-surface)] p-1 shadow-lg", children: userDropdown }))] }))] }));
-}

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

@@ -1,21 +0,0 @@
-/**
- * @hanzo/ui/dash
- *
- * Shared dash UI foundation. Dark-themed layout, navigation,
- * data table, form builder, and CRUD components.
- *
- * Design tokens in tokens.css work in both React and Svelte.
- */
-export { Layout } from './layout';
-export type { LayoutProps } from './layout';
-export { Sidebar } from './sidebar';
-export type { SidebarProps, NavItem, NavGroup } from './sidebar';
-export { Header } from './header';
-export type { HeaderProps, BreadcrumbItem } from './header';
-export { Table } from './table';
-export type { TableProps, Column } from './table';
-export { Form } from './form';
-export type { FormProps, FieldDef, FieldType, FieldOption } from './form';
-export { Crud } from './crud';
-export type { CrudProps } from './crud';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dash/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAGhE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAG3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAGjD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAGzE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA"}

package/dist/src/dash/index.js

@@ -1,20 +0,0 @@
-/**
- * @hanzo/ui/dash
- *
- * Shared dash UI foundation. Dark-themed layout, navigation,
- * data table, form builder, and CRUD components.
- *
- * Design tokens in tokens.css work in both React and Svelte.
- */
-// Layout
-export { Layout } from './layout';
-// Sidebar
-export { Sidebar } from './sidebar';
-// Header
-export { Header } from './header';
-// Data Table
-export { Table } from './table';
-// Form
-export { Form } from './form';
-// CRUD
-export { Crud } from './crud';

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

@@ -1,16 +0,0 @@
-import * as React from 'react';
-export interface LayoutProps {
-    /** Sidebar element (use Sidebar) */
-    sidebar: React.ReactNode;
-    /** Top header element (use Header) */
-    header?: React.ReactNode;
-    /** Main content */
-    children: React.ReactNode;
-    /** Whether the sidebar is collapsed */
-    sidebarCollapsed?: boolean;
-    /** Callback when sidebar collapse state changes */
-    onSidebarCollapse?: (collapsed: boolean) => void;
-    className?: string;
-}
-export declare function Layout({ sidebar, header, children, sidebarCollapsed, onSidebarCollapse, className, }: LayoutProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=layout.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/dash/layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,WAAW;IAC1B,oCAAoC;IACpC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,gBAAwB,EACxB,iBAAiB,EACjB,SAAS,GACV,EAAE,WAAW,2CAyCb"}

package/dist/src/dash/layout.js

@@ -1,8 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../utils';
-export function Layout({ sidebar, header, children, sidebarCollapsed = false, onSidebarCollapse, className, }) {
-    return (_jsxs("div", { className: cn('flex h-screen overflow-hidden', 'bg-[var(--dash-bg)] text-[var(--dash-text)]', className), children: [_jsx("aside", { className: cn('flex-shrink-0 overflow-y-auto overflow-x-hidden transition-[width] duration-200', 'border-r border-[var(--dash-border)] bg-[var(--dash-surface)]', sidebarCollapsed
-                    ? 'w-[var(--dash-sidebar-collapsed-width)]'
-                    : 'w-[var(--dash-sidebar-width)]'), children: sidebar }), _jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [header && (_jsx("header", { className: "flex-shrink-0 border-b border-[var(--dash-border)] bg-[var(--dash-surface)]", children: header })), _jsx("main", { className: "flex-1 overflow-y-auto p-6", children: children })] }), !sidebarCollapsed && (_jsx("div", { className: "fixed inset-0 z-40 bg-black/60 lg:hidden", onClick: () => onSidebarCollapse?.(true) }))] }));
-}

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

@@ -1,31 +0,0 @@
-import * as React from 'react';
-export interface NavItem {
-    label: string;
-    href: string;
-    icon?: React.ReactNode;
-    badge?: string | number;
-    active?: boolean;
-}
-export interface NavGroup {
-    title?: string;
-    items: NavItem[];
-    collapsible?: boolean;
-    defaultOpen?: boolean;
-}
-export interface SidebarProps {
-    /** Logo or brand element rendered at the top */
-    logo?: React.ReactNode;
-    /** Navigation groups */
-    groups: NavGroup[];
-    /** User menu rendered at the bottom */
-    userMenu?: React.ReactNode;
-    /** Whether the sidebar is collapsed (icon-only mode) */
-    collapsed?: boolean;
-    /** Toggle collapse */
-    onToggleCollapse?: () => void;
-    /** Called when a nav item is clicked */
-    onNavigate?: (href: string) => void;
-    className?: string;
-}
-export declare function Sidebar({ logo, groups, userMenu, collapsed, onToggleCollapse, onNavigate, className, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=sidebar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/dash/sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,gDAAgD;IAChD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,wBAAwB;IACxB,MAAM,EAAE,QAAQ,EAAE,CAAA;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sBAAsB;IACtB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA2BD,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,SAAS,GACV,EAAE,YAAY,2CA+Dd"}

package/dist/src/dash/sidebar.js

@@ -1,26 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '../../utils';
-/* ------------------------------------------------------------------ */
-/*  Hanzo H mark (default logo)                                       */
-/* ------------------------------------------------------------------ */
-function HanzoMark({ size = 28 }) {
-    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M4 4h4v6h8V4h4v16h-4v-6H8v6H4V4z", fill: "currentColor" }) }));
-}
-/* ------------------------------------------------------------------ */
-/*  Component                                                         */
-/* ------------------------------------------------------------------ */
-export function Sidebar({ logo, groups, userMenu, collapsed = false, onToggleCollapse, onNavigate, className, }) {
-    return (_jsxs("nav", { className: cn('flex h-full flex-col', 'bg-[var(--dash-surface)] text-[var(--dash-text)]', className), children: [_jsxs("div", { className: cn('flex h-[var(--dash-header-height)] items-center border-b border-[var(--dash-border)]', collapsed ? 'justify-center px-2' : 'px-4'), children: [logo ?? _jsx(HanzoMark, {}), !collapsed && onToggleCollapse && (_jsx("button", { type: "button", onClick: onToggleCollapse, className: "ml-auto rounded p-1 text-[var(--dash-text-dim)] hover:bg-[var(--dash-surface-hover)] hover:text-[var(--dash-text)]", "aria-label": "Collapse sidebar", children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M10 4L6 8l4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })), collapsed && onToggleCollapse && (_jsx("button", { type: "button", onClick: onToggleCollapse, className: "absolute -right-3 top-4 z-50 hidden rounded-full border border-[var(--dash-border)] bg-[var(--dash-surface)] p-1 text-[var(--dash-text-dim)] hover:text-[var(--dash-text)] lg:flex", "aria-label": "Expand sidebar", children: _jsx("svg", { width: "12", height: "12", 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" }) }) }))] }), _jsx("div", { className: "flex-1 overflow-y-auto py-2", children: groups.map((group, gi) => (_jsx(SidebarGroup, { group: group, collapsed: collapsed, onNavigate: onNavigate }, gi))) }), userMenu && (_jsx("div", { className: "border-t border-[var(--dash-border)] p-2", children: userMenu }))] }));
-}
-/* ------------------------------------------------------------------ */
-/*  SidebarGroup (internal)                                           */
-/* ------------------------------------------------------------------ */
-function SidebarGroup({ group, collapsed, onNavigate, }) {
-    const [open, setOpen] = React.useState(group.defaultOpen !== false);
-    const isCollapsible = group.collapsible !== false && !!group.title;
-    return (_jsxs("div", { className: "mb-1", children: [group.title && !collapsed && (_jsxs("button", { type: "button", onClick: () => isCollapsible && setOpen((o) => !o), className: cn('flex w-full items-center px-4 py-1.5 text-[11px] font-semibold uppercase tracking-wider text-[var(--dash-text-dim)]', isCollapsible && 'cursor-pointer hover:text-[var(--dash-text-muted)]'), children: [_jsx("span", { className: "flex-1 text-left", children: group.title }), isCollapsible && (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", className: cn('transition-transform', open ? 'rotate-0' : '-rotate-90'), children: _jsx("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }))] })), (open || collapsed) && (_jsx("ul", { className: "space-y-0.5 px-2", children: group.items.map((item) => (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => onNavigate?.(item.href), title: collapsed ? item.label : undefined, className: cn('flex w-full items-center gap-2 rounded-[var(--dash-radius-sm)] px-2 py-1.5 text-sm transition-colors', item.active
-                            ? 'bg-[var(--dash-primary)] text-[var(--dash-primary-text)]'
-                            : 'text-[var(--dash-text-muted)] hover:bg-[var(--dash-surface-hover)] hover:text-[var(--dash-text)]', collapsed && 'justify-center px-0'), children: [item.icon && (_jsx("span", { className: "flex h-5 w-5 items-center justify-center flex-shrink-0", children: item.icon })), !collapsed && _jsx("span", { className: "flex-1 truncate text-left", children: item.label }), !collapsed && item.badge !== undefined && (_jsx("span", { className: "ml-auto rounded-full bg-[var(--dash-primary)] px-1.5 py-0.5 text-[10px] font-medium text-[var(--dash-primary-text)]", children: item.badge }))] }) }, item.href))) }))] }));
-}

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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"}