@hanzo/ui 5.3.41 → 5.4.1

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

@@ -0,0 +1,50 @@
+import * as React from 'react';
+export interface DashColumn<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 DashDataTableProps<T> {
+    /** Column definitions */
+    columns: DashColumn<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 DashDataTable<T>({ columns, data, rowKey, selectable, selectedKeys, onSelectionChange, searchable, searchPlaceholder, totalRows, page, pageSize, onPageChange, onPageSizeChange, actions, loading, emptyMessage, className, }: DashDataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dash-data-table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dash-data-table.d.ts","sourceRoot":"","sources":["../../../src/dash/dash-data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,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,kBAAkB,CAAC,CAAC;IACnC,yBAAyB;IACzB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IACxB,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,aAAa,CAAC,CAAC,EAAE,EAC/B,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,kBAAkB,CAAC,CAAC,CAAC,2CAyPvB"}

package/dist/src/dash/dash-data-table.js

@@ -0,0 +1,88 @@
+'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 DashDataTable({ 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/dash/dash-form.d.ts

@@ -0,0 +1,52 @@
+export type DashFieldType = 'text' | 'number' | 'email' | 'password' | 'select' | 'toggle' | 'textarea' | 'json' | 'relation' | 'file';
+export interface DashFieldOption {
+    label: string;
+    value: string;
+}
+export interface DashFieldDef {
+    /** Field key (maps to form value key) */
+    name: string;
+    /** Display label */
+    label: string;
+    /** Field type */
+    type: DashFieldType;
+    /** 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?: DashFieldOption[];
+    /** 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 DashFormProps {
+    /** Form title */
+    title?: string;
+    /** Field definitions */
+    fields: DashFieldDef[];
+    /** 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 DashForm({ title, fields, values: initialValues, onSubmit, onCancel, submitLabel, cancelLabel, loading, className, }: DashFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dash-form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dash-form.d.ts","sourceRoot":"","sources":["../../../src/dash/dash-form.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,QAAQ,GACR,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,MAAM,GACN,UAAU,GACV,MAAM,CAAA;AAEV,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAA;IACZ,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB;IACjB,IAAI,EAAE,aAAa,CAAA;IACnB,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,eAAe,EAAE,CAAA;IAC3B,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,aAAa;IAC5B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wBAAwB;IACxB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,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,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,MAAM,EAAE,aAAa,EACrB,QAAQ,EACR,QAAQ,EACR,WAAoB,EACpB,WAAsB,EACtB,OAAe,EACf,SAAS,GACV,EAAE,aAAa,2CAmGf"}

package/dist/src/dash/dash-form.js

@@ -0,0 +1,90 @@
+'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 DashForm({ 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/dash-header.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export interface DashHeaderProps {
+    /** 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 DashHeader({ breadcrumbs, searchPlaceholder, onSearch, avatarUrl, userName, userDropdown, onToggleTheme, theme, actions, className, }: DashHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dash-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dash-header.d.ts","sourceRoot":"","sources":["../../../src/dash/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,eAAe;IAC9B,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,UAAU,CAAC,EACzB,WAAW,EACX,iBAA+B,EAC/B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,KAAc,EACd,OAAO,EACP,SAAS,GACV,EAAE,eAAe,2CAmIjB"}

package/dist/src/dash/dash-header.js

@@ -0,0 +1,24 @@
+'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 DashHeader({ 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/dash-layout.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface DashLayoutProps {
+    /** Sidebar element (use DashSidebar) */
+    sidebar: React.ReactNode;
+    /** Top header element (use DashHeader) */
+    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 DashLayout({ sidebar, header, children, sidebarCollapsed, onSidebarCollapse, className, }: DashLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dash-layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dash-layout.d.ts","sourceRoot":"","sources":["../../../src/dash/dash-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,eAAe;IAC9B,wCAAwC;IACxC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,0CAA0C;IAC1C,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,UAAU,CAAC,EACzB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,gBAAwB,EACxB,iBAAiB,EACjB,SAAS,GACV,EAAE,eAAe,2CAyCjB"}

package/dist/src/dash/dash-layout.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils';
+export function DashLayout({ 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/dash-sidebar.d.ts

@@ -0,0 +1,31 @@
+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 DashSidebarProps {
+    /** 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 DashSidebar({ logo, groups, userMenu, collapsed, onToggleCollapse, onNavigate, className, }: DashSidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dash-sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dash-sidebar.d.ts","sourceRoot":"","sources":["../../../src/dash/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,gBAAgB;IAC/B,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,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,SAAS,GACV,EAAE,gBAAgB,2CA+DlB"}

package/dist/src/dash/dash-sidebar.js

@@ -0,0 +1,26 @@
+'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 DashSidebar({ 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/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @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 { DashLayout } from './dash-layout';
+export type { DashLayoutProps } from './dash-layout';
+export { DashSidebar } from './dash-sidebar';
+export type { DashSidebarProps, NavItem, NavGroup } from './dash-sidebar';
+export { DashHeader } from './dash-header';
+export type { DashHeaderProps, BreadcrumbItem } from './dash-header';
+export { DashDataTable } from './dash-data-table';
+export type { DashDataTableProps, DashColumn } from './dash-data-table';
+export { DashForm } from './dash-form';
+export type { DashFormProps, DashFieldDef, DashFieldType, DashFieldOption } from './dash-form';
+export { DashCrud } from './dash-crud';
+export type { DashCrudProps } from './dash-crud';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dash/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAGpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAGzE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGpE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAGvE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAG9F,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA"}

package/dist/src/dash/index.js

@@ -0,0 +1,20 @@
+/**
+ * @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 { DashLayout } from './dash-layout';
+// Sidebar
+export { DashSidebar } from './dash-sidebar';
+// Header
+export { DashHeader } from './dash-header';
+// Data Table
+export { DashDataTable } from './dash-data-table';
+// Form
+export { DashForm } from './dash-form';
+// CRUD
+export { DashCrud } from './dash-crud';

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