@hanzo/ui 8.27.9 → 8.27.11

package/dist/backends/gui/kanban.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+export interface KanbanLabel {
+    id: string;
+    name: string;
+    color: string;
+}
+export type KanbanPriority = 'low' | 'medium' | 'high' | 'urgent';
+export interface KanbanCard {
+    id: string;
+    title: string;
+    description?: string;
+    labels?: KanbanLabel[];
+    priority?: KanbanPriority;
+    assignee?: string;
+    dueDate?: string;
+    createdAt: string;
+    updatedAt: string;
+}
+export interface KanbanColumn {
+    id: string;
+    title: string;
+    cards: KanbanCard[];
+    limit?: number;
+}
+export interface KanbanBoardData {
+    id: string;
+    title: string;
+    columns: KanbanColumn[];
+    labels: KanbanLabel[];
+}
+export type KanbanBoardProps = {
+    board: KanbanBoardData;
+    onUpdateBoard: (board: KanbanBoardData) => void;
+    className?: string;
+};
+export declare function KanbanBoard({ board, onUpdateBoard, className }: KanbanBoardProps): React.JSX.Element;
+//# sourceMappingURL=kanban.d.ts.map

package/dist/backends/gui/kanban.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/kanban.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEjE,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,MAAM,EAAE,WAAW,EAAE,CAAA;CACtB;AAkVD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,eAAe,CAAA;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,gBAAgB,qBA4HhF"}

package/dist/backends/gui/kanban.js

@@ -0,0 +1,212 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Kanban — a board of columns holding draggable cards, with search, column
+ * limits, labels, priority, assignee and due date, and a create/edit dialog.
+ *
+ * The board is controlled: callers hold `KanbanBoardData` and pass it down
+ * with `onUpdateBoard`, so every mutation (drag, add, edit, delete) computes
+ * the next board and hands it back rather than mutating in place. Drag and
+ * drop is native HTML5 drag events (`draggable`, `dataTransfer`) gated by
+ * `isWeb`, the same split `dropzone.tsx` uses for file drops — there is no
+ * `@dnd-kit` in this workspace and none is needed for a same-tab reorder.
+ */
+import { SizableText, XStack, YStack, isWeb, styled } from '@hanzo/gui';
+import { Calendar, MoreHorizontal, Plus, Search, User, X } from '@hanzogui/lucide-icons-2';
+import * as React from 'react';
+import { Badge } from './badge.js';
+import { Button } from './button.js';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from './dialog.js';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from './dropdown-menu.js';
+import { ink } from './ink.js';
+import { Input } from './input.js';
+import { Label } from './label.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select.js';
+import { slot } from './slot.js';
+import { Textarea } from './textarea.js';
+import { sx } from '../../sx.js';
+const PRIORITY_COLOR = {
+    low: '$blue9',
+    medium: '$yellow9',
+    high: '$orange9',
+    urgent: '$red9',
+};
+/** Move a card from its column to `toColumnId`, optionally before `beforeId`. */
+const moveCard = (board, drag, toColumnId, beforeId) => {
+    const from = board.columns.find((col) => col.id === drag.columnId);
+    const card = from?.cards.find((c) => c.id === drag.cardId);
+    if (!from || !card)
+        return board;
+    const to = board.columns.find((col) => col.id === toColumnId);
+    if (!to)
+        return board;
+    if (from.id !== to.id && to.limit && to.cards.length >= to.limit)
+        return board;
+    return {
+        ...board,
+        columns: board.columns.map((col) => {
+            if (col.id === from.id && col.id === to.id) {
+                const rest = col.cards.filter((c) => c.id !== card.id);
+                const at = beforeId ? rest.findIndex((c) => c.id === beforeId) : rest.length;
+                const index = at < 0 ? rest.length : at;
+                return { ...col, cards: [...rest.slice(0, index), card, ...rest.slice(index)] };
+            }
+            if (col.id === from.id)
+                return { ...col, cards: col.cards.filter((c) => c.id !== card.id) };
+            if (col.id === to.id) {
+                const at = beforeId ? col.cards.findIndex((c) => c.id === beforeId) : col.cards.length;
+                const index = at < 0 ? col.cards.length : at;
+                return { ...col, cards: [...col.cards.slice(0, index), card, ...col.cards.slice(index)] };
+            }
+            return col;
+        }),
+    };
+};
+const matches = (card, query) => {
+    const q = query.toLowerCase();
+    return (card.title.toLowerCase().includes(q) ||
+        (card.description?.toLowerCase().includes(q) ?? false) ||
+        (card.labels?.some((label) => label.name.toLowerCase().includes(q)) ?? false));
+};
+const BoardFrame = styled(YStack, { name: 'Kanban', flex: 1, height: '100%' });
+const ColumnFrame = styled(YStack, {
+    name: 'KanbanColumn',
+    bg: '$raised',
+    rounded: '$4',
+    p: '$4',
+    minW: 280,
+    maxW: 280,
+    gap: '$3',
+    variants: {
+        over: { true: { borderColor: '$borderColor', borderWidth: 1 } },
+    },
+});
+const CardFrame = styled(YStack, {
+    name: 'KanbanCard',
+    bg: '$background',
+    borderWidth: 1,
+    borderColor: '$borderColor',
+    rounded: '$4',
+    p: '$3',
+    gap: '$2',
+    cursor: 'grab',
+    variants: {
+        dragging: { true: { opacity: 0.5 } },
+    },
+});
+function KanbanCardView({ card, drag, onDragStart, onDragEnd, onDropBefore, onEdit, onDelete, }) {
+    return (_jsxs(CardFrame, { ...slot('kanban-card'), "data-card-id": card.id, dragging: drag?.cardId === card.id, ...(isWeb
+            ? {
+                draggable: true,
+                onDragStart,
+                onDragEnd,
+                onDragOver: (e) => e.preventDefault(),
+                onDrop: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onDropBefore(e);
+                },
+            }
+            : null), children: [_jsxs(XStack, { justify: "space-between", items: "flex-start", gap: "$2", children: [ink(card.title, SizableText, { fontWeight: '600', fontSize: '$3', flex: 1 }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { ...slot('kanban-card-menu'), variant: "ghost", size: "icon-sm", "aria-label": "Card actions", children: _jsx(MoreHorizontal, { size: 14 }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuItem, { onSelect: onEdit, children: "Edit" }), _jsx(DropdownMenuItem, { variant: "destructive", onSelect: onDelete, children: "Delete" })] })] })] }), card.description ? ink(card.description, SizableText, { fontSize: '$1', color: '$quiet' }) : null, card.labels && card.labels.length > 0 ? (_jsx(XStack, { gap: "$1", flexWrap: "wrap", children: card.labels.map((label) => (_jsx(Badge, { variant: "outline", style: { borderColor: label.color, color: label.color }, children: label.name }, label.id))) })) : null, _jsxs(XStack, { justify: "space-between", items: "center", children: [_jsxs(XStack, { gap: "$2", items: "center", children: [card.priority ? (_jsx(Badge, { ...slot('kanban-card-priority'), variant: "outline", style: { borderColor: PRIORITY_COLOR[card.priority], color: PRIORITY_COLOR[card.priority] }, children: card.priority })) : null, card.assignee ? (_jsxs(XStack, { gap: "$1", items: "center", children: [_jsx(User, { size: 12, color: "$quiet" }), ink(card.assignee, SizableText, { fontSize: '$1', color: '$quiet' })] })) : null] }), card.dueDate ? (_jsxs(XStack, { gap: "$1", items: "center", children: [_jsx(Calendar, { size: 12, color: "$quiet" }), ink(new Date(card.dueDate).toLocaleDateString(), SizableText, { fontSize: '$1', color: '$quiet' })] })) : null] })] }));
+}
+function KanbanColumnView({ column, drag, onDragStart, onDragEnd, onDropOn, onAddCard, onEditCard, onDeleteCard, }) {
+    const full = column.limit != null && column.cards.length >= column.limit;
+    return (_jsxs(ColumnFrame, { ...slot('kanban-column'), "data-column-id": column.id, ...(isWeb
+            ? {
+                onDragOver: (e) => e.preventDefault(),
+                onDrop: onDropOn(column.id),
+            }
+            : null), children: [_jsxs(XStack, { justify: "space-between", items: "center", children: [_jsxs(XStack, { gap: "$2", items: "center", children: [ink(column.title, SizableText, { fontWeight: '600', fontSize: '$3' }), _jsx(Badge, { variant: "secondary", children: column.limit != null ? `${column.cards.length}/${column.limit}` : column.cards.length })] }), _jsx(Button, { ...slot('kanban-add-card'), variant: "ghost", size: "icon-sm", "aria-label": `Add card to ${column.title}`, disabled: full, onPress: onAddCard, children: _jsx(Plus, { size: 14 }) })] }), _jsx(YStack, { gap: "$3", minH: 40, children: column.cards.map((card) => (_jsx(KanbanCardView, { card: card, drag: drag, onDragStart: onDragStart(card), onDragEnd: onDragEnd, onDropBefore: onDropOn(column.id, card.id), onEdit: () => onEditCard(card), onDelete: () => onDeleteCard(card.id) }, card.id))) })] }));
+}
+function KanbanCardDialog({ open, onOpenChange, card, labels, onSave, }) {
+    const [title, setTitle] = React.useState(card?.title ?? '');
+    const [description, setDescription] = React.useState(card?.description ?? '');
+    const [priority, setPriority] = React.useState(card?.priority ?? 'low');
+    const [assignee, setAssignee] = React.useState(card?.assignee ?? '');
+    const [dueDate, setDueDate] = React.useState(card?.dueDate ?? '');
+    React.useEffect(() => {
+        setTitle(card?.title ?? '');
+        setDescription(card?.description ?? '');
+        setPriority(card?.priority ?? 'low');
+        setAssignee(card?.assignee ?? '');
+        setDueDate(card?.dueDate ?? '');
+    }, [card, open]);
+    const submit = (e) => {
+        e.preventDefault();
+        if (!title.trim())
+            return;
+        onSave({ title, description, priority, assignee, dueDate, labels: card?.labels });
+        onOpenChange(false);
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { ...slot('kanban-card-dialog'), children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: card ? 'Edit Card' : 'Create Card' }), _jsx(DialogDescription, { children: card ? 'Update the card details below.' : 'Create a new card for your kanban board.' })] }), _jsxs("form", { onSubmit: submit, children: [_jsxs(YStack, { gap: "$3", children: [_jsxs(YStack, { gap: "$1", children: [_jsx(Label, { htmlFor: "kanban-title", children: "Title" }), _jsx(Input, { id: "kanban-title", value: title, onChangeText: setTitle, placeholder: "Card title" })] }), _jsxs(YStack, { gap: "$1", children: [_jsx(Label, { htmlFor: "kanban-description", children: "Description" }), _jsx(Textarea, { id: "kanban-description", value: description, onChangeText: setDescription, rows: 3 })] }), _jsxs(XStack, { gap: "$3", children: [_jsxs(YStack, { gap: "$1", flex: 1, children: [_jsx(Label, { children: "Priority" }), _jsxs(Select, { value: priority, onValueChange: (v) => setPriority(v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "low", children: "Low" }), _jsx(SelectItem, { value: "medium", children: "Medium" }), _jsx(SelectItem, { value: "high", children: "High" }), _jsx(SelectItem, { value: "urgent", children: "Urgent" })] })] })] }), _jsxs(YStack, { gap: "$1", flex: 1, children: [_jsx(Label, { htmlFor: "kanban-assignee", children: "Assignee" }), _jsx(Input, { id: "kanban-assignee", value: assignee, onChangeText: setAssignee, placeholder: "Assign to..." })] })] }), _jsxs(YStack, { gap: "$1", children: [_jsx(Label, { htmlFor: "kanban-due", children: "Due date" }), _jsx(Input, { id: "kanban-due", type: "date", value: dueDate, onChangeText: setDueDate })] })] }), _jsxs(DialogFooter, { mt: "$4", children: [_jsx(Button, { type: "button", variant: "outline", onPress: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", children: [card ? 'Update' : 'Create', " Card"] })] })] })] }) }));
+}
+export function KanbanBoard({ board, onUpdateBoard, className }) {
+    const [query, setQuery] = React.useState('');
+    const [drag, setDrag] = React.useState(null);
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editingCard, setEditingCard] = React.useState(undefined);
+    const [targetColumnId, setTargetColumnId] = React.useState('');
+    const shown = React.useMemo(() => query.trim()
+        ? { ...board, columns: board.columns.map((col) => ({ ...col, cards: col.cards.filter((c) => matches(c, query)) })) }
+        : board, [board, query]);
+    const onDragStart = (card) => (e) => {
+        const columnId = board.columns.find((col) => col.cards.some((c) => c.id === card.id))?.id ?? '';
+        setDrag({ cardId: card.id, columnId });
+        e.dataTransfer.effectAllowed = 'move';
+        e.dataTransfer.setData('text/plain', card.id);
+    };
+    const onDragEnd = () => setDrag(null);
+    const onDropOn = (columnId, beforeId) => (e) => {
+        e.preventDefault();
+        if (!drag)
+            return;
+        const next = moveCard(board, drag, columnId, beforeId);
+        if (next !== board)
+            onUpdateBoard(next);
+        setDrag(null);
+    };
+    const openAdd = (columnId) => {
+        setTargetColumnId(columnId);
+        setEditingCard(undefined);
+        setDialogOpen(true);
+    };
+    const openEdit = (card) => {
+        setEditingCard(card);
+        setTargetColumnId('');
+        setDialogOpen(true);
+    };
+    const deleteCard = (cardId) => onUpdateBoard({
+        ...board,
+        columns: board.columns.map((col) => ({ ...col, cards: col.cards.filter((c) => c.id !== cardId) })),
+    });
+    const saveCard = (data) => {
+        const now = new Date().toISOString();
+        if (editingCard) {
+            onUpdateBoard({
+                ...board,
+                columns: board.columns.map((col) => ({
+                    ...col,
+                    cards: col.cards.map((c) => (c.id === editingCard.id ? { ...c, ...data, updatedAt: now } : c)),
+                })),
+            });
+            return;
+        }
+        const card = {
+            id: `card-${Date.now()}`,
+            title: data.title ?? '',
+            description: data.description,
+            priority: data.priority,
+            assignee: data.assignee,
+            dueDate: data.dueDate,
+            labels: data.labels,
+            createdAt: now,
+            updatedAt: now,
+        };
+        onUpdateBoard({
+            ...board,
+            columns: board.columns.map((col) => (col.id === targetColumnId ? { ...col, cards: [...col.cards, card] } : col)),
+        });
+    };
+    return (_jsxs(BoardFrame, { ...slot('kanban'), ...sx(className), children: [_jsxs(XStack, { ...slot('kanban-header'), justify: "space-between", items: "center", p: "$4", borderBottomWidth: 1, borderColor: "$borderColor", children: [ink(board.title, SizableText, { fontSize: '$6', fontWeight: '700' }), _jsxs(XStack, { position: "relative", width: 256, items: "center", children: [_jsx(XStack, { position: "absolute", l: "$2", pointerEvents: "none", children: _jsx(Search, { size: 14, color: "$quiet" }) }), _jsx(Input, { ...slot('kanban-search'), placeholder: "Search cards...", value: query, onChangeText: setQuery, pl: "$7" }), query ? (_jsx(XStack, { position: "absolute", r: "$2", cursor: "pointer", onPress: () => setQuery(''), "aria-label": "Clear search", children: _jsx(X, { size: 14 }) })) : null] })] }), _jsx(XStack, { ...slot('kanban-board'), gap: "$4", p: "$4", flex: 1, overflow: "scroll", children: shown.columns.map((column) => (_jsx(KanbanColumnView, { column: column, drag: drag, onDragStart: onDragStart, onDragEnd: onDragEnd, onDropOn: onDropOn, onAddCard: () => openAdd(column.id), onEditCard: openEdit, onDeleteCard: deleteCard }, column.id))) }), _jsx(KanbanCardDialog, { open: dialogOpen, onOpenChange: setDialogOpen, card: editingCard, labels: board.labels, onSave: saveCard })] }));
+}
+//# sourceMappingURL=kanban.js.map

package/dist/backends/gui/kanban.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban.js","sourceRoot":"","sources":["../../../src/backends/gui/kanban.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;GAUG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,0BAA0B,CAAA;AAC1F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAC1G,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACxF,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAoC7B,MAAM,cAAc,GAAmC;IACrD,GAAG,EAAE,QAAQ;IACb,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,OAAO;CAChB,CAAA;AAID,iFAAiF;AACjF,MAAM,QAAQ,GAAG,CACf,KAAsB,EACtB,IAAU,EACV,UAAkB,EAClB,QAAiB,EACA,EAAE;IACnB,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAA;IAClE,MAAM,IAAI,GAAG,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM,CAAC,CAAA;IAC1D,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAA;IAChC,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,UAAU,CAAC,CAAA;IAC7D,IAAI,CAAC,EAAE;QAAE,OAAO,KAAK,CAAA;IACrB,IAAI,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,KAAK;QAAE,OAAO,KAAK,CAAA;IAE9E,OAAO;QACL,GAAG,KAAK;QACR,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACjC,IAAI,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC3C,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAA;gBACtD,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAA;gBAC5E,MAAM,KAAK,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;gBACvC,OAAO,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAA;YACjF,CAAC;YACD,IAAI,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE;gBAAE,OAAO,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,EAAE,CAAA;YAC3F,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;gBACrB,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAA;gBACtF,MAAM,KAAK,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;gBAC5C,OAAO,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAA;YAC3F,CAAC;YACD,OAAO,GAAG,CAAA;QACZ,CAAC,CAAC;KACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,IAAgB,EAAE,KAAa,EAAE,EAAE;IAClD,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,EAAE,CAAA;IAC7B,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QACpC,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC;QACtD,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC9E,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;AAE9E,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE;IACjC,IAAI,EAAE,cAAc;IACpB,EAAE,EAAE,SAAS;IACb,OAAO,EAAE,IAAI;IACb,CAAC,EAAE,IAAI;IACP,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,IAAI;IAET,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE;KACvD;CACX,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE;IAC/B,IAAI,EAAE,YAAY;IAClB,EAAE,EAAE,aAAa;IACjB,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,cAAc;IAC3B,OAAO,EAAE,IAAI;IACb,CAAC,EAAE,IAAI;IACP,GAAG,EAAE,IAAI;IACT,MAAM,EAAE,MAAM;IAEd,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE;KAC5B;CACX,CAAC,CAAA;AAEF,SAAS,cAAc,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,SAAS,EACT,YAAY,EACZ,MAAM,EACN,QAAQ,GAST;IACC,OAAO,CACL,MAAC,SAAS,OACJ,IAAI,CAAC,aAAa,CAAC,kBACT,IAAI,CAAC,EAAE,EACrB,QAAQ,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,EAAE,KAC9B,CAAC,KAAK;YACR,CAAC,CAAC;gBACE,SAAS,EAAE,IAAI;gBACf,WAAW;gBACX,SAAS;gBACT,UAAU,EAAE,CAAC,CAAkB,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;gBACtD,MAAM,EAAE,CAAC,CAAkB,EAAE,EAAE;oBAC7B,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,YAAY,CAAC,CAAC,CAAC,CAAA;gBACjB,CAAC;aACF;YACH,CAAC,CAAC,IAAI,CAAC,aAET,MAAC,MAAM,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,YAAY,EAAC,GAAG,EAAC,IAAI,aACxD,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAC7E,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,OAAK,IAAI,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,gBAAY,cAAc,YAC5F,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,GAAI,GACrB,GACW,EACtB,MAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,aAC9B,KAAC,gBAAgB,IAAC,QAAQ,EAAE,MAAM,qBAAyB,EAC3D,KAAC,gBAAgB,IAAC,OAAO,EAAC,aAAa,EAAC,QAAQ,EAAE,QAAQ,uBAA2B,IACjE,IACT,IACR,EAER,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAEjG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACvC,KAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,YAC7B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1B,KAAC,KAAK,IAEJ,OAAO,EAAC,SAAS,EACjB,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,YAEtD,KAAK,CAAC,IAAI,IAJN,KAAK,CAAC,EAAE,CAKP,CACT,CAAC,GACK,CACV,CAAC,CAAC,CAAC,IAAI,EAER,MAAC,MAAM,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,aAC5C,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,aAC5B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,KAAC,KAAK,OAAK,IAAI,CAAC,sBAAsB,CAAC,EAAE,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,YACnJ,IAAI,CAAC,QAAQ,GACR,CACT,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,aAC7B,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,QAAQ,GAAG,EAChC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,IAC9D,CACV,CAAC,CAAC,CAAC,IAAI,IACD,EACR,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,aAC7B,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,QAAQ,GAAG,EACpC,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,kBAAkB,EAAE,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,IAC5F,CACV,CAAC,CAAC,CAAC,IAAI,IACD,IACC,CACb,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,IAAI,EACJ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,GAUb;IACC,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAA;IAExE,OAAO,CACL,MAAC,WAAW,OACN,IAAI,CAAC,eAAe,CAAC,oBACT,MAAM,CAAC,EAAE,KACrB,CAAC,KAAK;YACR,CAAC,CAAC;gBACE,UAAU,EAAE,CAAC,CAAkB,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;gBACtD,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;aAC5B;YACH,CAAC,CAAC,IAAI,CAAC,aAET,MAAC,MAAM,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,aAC5C,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,aAC5B,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EACtE,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,YACvB,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAChF,IACD,EACT,KAAC,MAAM,OACD,IAAI,CAAC,iBAAiB,CAAC,EAC3B,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,SAAS,gBACF,eAAe,MAAM,CAAC,KAAK,EAAE,EACzC,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,SAAS,YAElB,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACX,IACF,EAET,KAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAE,EAAE,YACtB,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,KAAC,cAAc,IAEb,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,EAC1C,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC9B,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAPhC,IAAI,CAAC,EAAE,CAQZ,CACH,CAAC,GACK,IACG,CACf,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,MAAM,EACN,MAAM,GAOP;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAA;IAC3D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC,CAAA;IAC7E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAiB,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC,CAAA;IACvF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAA;IACpE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,CAAC,CAAA;IAEjE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAA;QAC3B,cAAc,CAAC,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC,CAAA;QACvC,WAAW,CAAC,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC,CAAA;QACpC,WAAW,CAAC,IAAI,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAA;QACjC,UAAU,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;IAEhB,MAAM,MAAM,GAAG,CAAC,CAAkB,EAAE,EAAE;QACpC,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YAAE,OAAM;QACzB,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAA;QACjF,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YAC5C,MAAC,aAAa,OAAK,IAAI,CAAC,oBAAoB,CAAC,aAC3C,MAAC,YAAY,eACX,KAAC,WAAW,cAAE,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,GAAe,EAC/D,KAAC,iBAAiB,cACf,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,0CAA0C,GACnE,IACP,EAEf,gBAAM,QAAQ,EAAE,MAAM,aACpB,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,aACd,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,aACd,KAAC,KAAK,IAAC,OAAO,EAAC,cAAc,sBAAc,EAC3C,KAAC,KAAK,IAAC,EAAE,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAC,YAAY,GAAG,IACnF,EACT,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,aACd,KAAC,KAAK,IAAC,OAAO,EAAC,oBAAoB,4BAAoB,EACvD,KAAC,QAAQ,IAAC,EAAE,EAAC,oBAAoB,EAAC,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,GAAI,IACxF,EACT,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,aACd,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAE,CAAC,aACtB,KAAC,KAAK,2BAAiB,EACvB,MAAC,MAAM,IAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,WAAW,CAAC,CAAmB,CAAC,aACrF,KAAC,aAAa,cACZ,KAAC,WAAW,KAAG,GACD,EAChB,MAAC,aAAa,eACZ,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,oBAAiB,EACxC,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,uBAAoB,EAC9C,KAAC,UAAU,IAAC,KAAK,EAAC,MAAM,qBAAkB,EAC1C,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,uBAAoB,IAChC,IACT,IACF,EACT,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAE,CAAC,aACtB,KAAC,KAAK,IAAC,OAAO,EAAC,iBAAiB,yBAAiB,EACjD,KAAC,KAAK,IAAC,EAAE,EAAC,iBAAiB,EAAC,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAC,cAAc,GAAG,IAC9F,IACF,EACT,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,aACd,KAAC,KAAK,IAAC,OAAO,EAAC,YAAY,yBAAiB,EAC5C,KAAC,KAAK,IAAC,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,GAAI,IACxE,IACF,EAET,MAAC,YAAY,IAAC,EAAE,EAAC,IAAI,aACnB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,uBAEjE,EACT,MAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,aAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,aAAe,IACnD,IACV,IACO,GACT,CACV,CAAA;AACH,CAAC;AAQD,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAoB;IAC/E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC5C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAyB,SAAS,CAAC,CAAA;IACvF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IAE9D,MAAM,KAAK,GAAoB,KAAK,CAAC,OAAO,CAC1C,GAAG,EAAE,CACH,KAAK,CAAC,IAAI,EAAE;QACV,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;QACpH,CAAC,CAAC,KAAK,EACX,CAAC,KAAK,EAAE,KAAK,CAAC,CACf,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,IAAgB,EAAE,EAAE,CAAC,CAAC,CAAkB,EAAE,EAAE;QAC/D,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAA;QAC/F,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;QACtC,CAAC,CAAC,YAAY,CAAC,aAAa,GAAG,MAAM,CAAA;QACrC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;IAC/C,CAAC,CAAA;IACD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC,MAAM,QAAQ,GAAG,CAAC,QAAgB,EAAE,QAAiB,EAAE,EAAE,CAAC,CAAC,CAAkB,EAAE,EAAE;QAC/E,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,IAAI,CAAC,IAAI;YAAE,OAAM;QACjB,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;QACtD,IAAI,IAAI,KAAK,KAAK;YAAE,aAAa,CAAC,IAAI,CAAC,CAAA;QACvC,OAAO,CAAC,IAAI,CAAC,CAAA;IACf,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,CAAC,QAAgB,EAAE,EAAE;QACnC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;QAC3B,cAAc,CAAC,SAAS,CAAC,CAAA;QACzB,aAAa,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,CAAA;IACD,MAAM,QAAQ,GAAG,CAAC,IAAgB,EAAE,EAAE;QACpC,cAAc,CAAC,IAAI,CAAC,CAAA;QACpB,iBAAiB,CAAC,EAAE,CAAC,CAAA;QACrB,aAAa,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,EAAE,CACpC,aAAa,CAAC;QACZ,GAAG,KAAK;QACR,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;KACnG,CAAC,CAAA;IAEJ,MAAM,QAAQ,GAAG,CAAC,IAAyB,EAAE,EAAE;QAC7C,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;QACpC,IAAI,WAAW,EAAE,CAAC;YAChB,aAAa,CAAC;gBACZ,GAAG,KAAK;gBACR,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;oBACnC,GAAG,GAAG;oBACN,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBAC/F,CAAC,CAAC;aACJ,CAAC,CAAA;YACF,OAAM;QACR,CAAC;QACD,MAAM,IAAI,GAAe;YACvB,EAAE,EAAE,QAAQ,IAAI,CAAC,GAAG,EAAE,EAAE;YACxB,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;YACvB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,SAAS,EAAE,GAAG;YACd,SAAS,EAAE,GAAG;SACf,CAAA;QACD,aAAa,CAAC;YACZ,GAAG,KAAK;YACR,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,cAAc,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;SACjH,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,MAAC,UAAU,OAAK,IAAI,CAAC,QAAQ,CAAC,KAAM,EAAE,CAAC,SAAS,CAAC,aAC/C,MAAC,MAAM,OAAK,IAAI,CAAC,eAAe,CAAC,EAAE,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAC,CAAC,EAAC,IAAI,EAAC,iBAAiB,EAAE,CAAC,EAAE,WAAW,EAAC,cAAc,aAC9H,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EACrE,MAAC,MAAM,IAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,aACpD,KAAC,MAAM,IAAC,QAAQ,EAAC,UAAU,EAAC,CAAC,EAAC,IAAI,EAAC,aAAa,EAAC,MAAM,YACrD,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,QAAQ,GAAG,GAC5B,EACT,KAAC,KAAK,OACA,IAAI,CAAC,eAAe,CAAC,EACzB,WAAW,EAAC,iBAAiB,EAC7B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,QAAQ,EACtB,EAAE,EAAC,IAAI,GACP,EACD,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,MAAM,IAAC,QAAQ,EAAC,UAAU,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,gBAAa,cAAc,YACxG,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,CACV,CAAC,CAAC,CAAC,IAAI,IACD,IACF,EAET,KAAC,MAAM,OAAK,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAC,QAAQ,YACzE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,KAAC,gBAAgB,IAEf,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,EACnC,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,UAAU,IARnB,MAAM,CAAC,EAAE,CASd,CACH,CAAC,GACK,EAET,KAAC,gBAAgB,IACf,IAAI,EAAE,UAAU,EAChB,YAAY,EAAE,aAAa,EAC3B,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,QAAQ,GAChB,IACS,CACd,CAAA;AACH,CAAC"}

package/dist/backends/gui/kbd.cjs

@@ -0,0 +1,45 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Kbd = Kbd;
+exports.KbdGroup = KbdGroup;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Kbd — a keyboard key rendered as text, for documenting a shortcut inline
+ * with a sentence, inside a `Button`, or inside a `Tooltip`.
+ *
+ * `KbdGroup` sets several keys side by side (`Ctrl` `B`) with a small gap and
+ * no separator glyph — the spacing alone reads as a chord.
+ */
+const gui_1 = require("@hanzo/gui");
+const ink_1 = require("./ink.cjs");
+const HEIGHT = 20;
+const KbdFrame = (0, gui_1.styled)(gui_1.XStack, {
+    name: 'Kbd',
+    render: 'kbd',
+    display: 'inline-flex',
+    pointerEvents: 'none',
+    style: { userSelect: 'none' },
+    items: 'center',
+    justify: 'center',
+    gap: '$1',
+    height: HEIGHT,
+    minW: HEIGHT,
+    px: '$1',
+    rounded: '$1',
+    bg: '$hover',
+});
+const KbdText = (0, gui_1.styled)(gui_1.SizableText, {
+    name: 'KbdText',
+    size: '$1',
+    fontWeight: '500',
+    color: '$quiet',
+});
+/** One keyboard key, e.g. `<Kbd>Ctrl</Kbd>`. */
+function Kbd({ children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(KbdFrame, { "data-slot": "kbd", ...props, children: (0, ink_1.ink)(children, KbdText) }));
+}
+/** A chord: several `Kbd` keys laid out together, e.g. `Ctrl` + `B`. */
+function KbdGroup({ children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { "data-slot": "kbd-group", render: "kbd", display: "inline-flex", items: "center", gap: "$1", ...props, children: children }));
+}

package/dist/backends/gui/kbd.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export type KbdProps = React.ComponentProps<'kbd'>;
+/** One keyboard key, e.g. `<Kbd>Ctrl</Kbd>`. */
+export declare function Kbd({ children, ...props }: KbdProps): React.JSX.Element;
+export type KbdGroupProps = React.ComponentProps<'kbd'>;
+/** A chord: several `Kbd` keys laid out together, e.g. `Ctrl` + `B`. */
+export declare function KbdGroup({ children, ...props }: KbdGroupProps): React.JSX.Element;
+//# sourceMappingURL=kbd.d.ts.map

package/dist/backends/gui/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/kbd.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA4B9B,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAElD,gDAAgD;AAChD,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,qBAMnD;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAEvD,wEAAwE;AACxE,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAa7D"}

package/dist/backends/gui/kbd.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Kbd — a keyboard key rendered as text, for documenting a shortcut inline
+ * with a sentence, inside a `Button`, or inside a `Tooltip`.
+ *
+ * `KbdGroup` sets several keys side by side (`Ctrl` `B`) with a small gap and
+ * no separator glyph — the spacing alone reads as a chord.
+ */
+import { SizableText, XStack, styled } from '@hanzo/gui';
+import { ink } from './ink.js';
+const HEIGHT = 20;
+const KbdFrame = styled(XStack, {
+    name: 'Kbd',
+    render: 'kbd',
+    display: 'inline-flex',
+    pointerEvents: 'none',
+    style: { userSelect: 'none' },
+    items: 'center',
+    justify: 'center',
+    gap: '$1',
+    height: HEIGHT,
+    minW: HEIGHT,
+    px: '$1',
+    rounded: '$1',
+    bg: '$hover',
+});
+const KbdText = styled(SizableText, {
+    name: 'KbdText',
+    size: '$1',
+    fontWeight: '500',
+    color: '$quiet',
+});
+/** One keyboard key, e.g. `<Kbd>Ctrl</Kbd>`. */
+export function Kbd({ children, ...props }) {
+    return (_jsx(KbdFrame, { "data-slot": "kbd", ...props, children: ink(children, KbdText) }));
+}
+/** A chord: several `Kbd` keys laid out together, e.g. `Ctrl` + `B`. */
+export function KbdGroup({ children, ...props }) {
+    return (_jsx(XStack, { "data-slot": "kbd-group", render: "kbd", display: "inline-flex", items: "center", gap: "$1", ...props, children: children }));
+}
+//# sourceMappingURL=kbd.js.map

package/dist/backends/gui/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../../src/backends/gui/kbd.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;GAMG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAExD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,MAAM,MAAM,GAAG,EAAE,CAAA;AAEjB,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE;IAC9B,IAAI,EAAE,KAAK;IACX,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,aAAa;IACtB,aAAa,EAAE,MAAM;IACrB,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IAC7B,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;IACjB,GAAG,EAAE,IAAI;IACT,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,IAAI;IACR,OAAO,EAAE,IAAI;IACb,EAAE,EAAE,QAAQ;CACb,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,EAAE;IAClC,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,IAAI;IACV,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,QAAQ;CAChB,CAAC,CAAA;AAIF,gDAAgD;AAChD,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAY;IAClD,OAAO,CACL,KAAC,QAAQ,iBAAW,KAAK,KAAM,KAA+C,YAC3E,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,GACd,CACZ,CAAA;AACH,CAAC;AAID,wEAAwE;AACxE,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB;IAC5D,OAAO,CACL,KAAC,MAAM,iBACK,WAAW,EACrB,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,IAAI,KACH,KAA6C,YAEjD,QAAQ,GACF,CACV,CAAA;AACH,CAAC"}

package/dist/backends/gui/limelight-nav.cjs

@@ -0,0 +1,201 @@
+'use client';"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LimelightNav = LimelightNav;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * LimelightNav — a row of items with a glowing highlight that slides to
+ * whichever one is active, plus a small beam of light hanging above it, the
+ * way a spotlight follows a performer across a stage.
+ *
+ * The glow's position is a plain `getBoundingClientRect()` measurement of the
+ * active item relative to the rail, applied as a CSS `transform`/`width`
+ * transition — the same technique `AnimatedBeam` and `Dock` already use in
+ * this backend, so no animation library is pulled in for one moving pill. It
+ * remeasures on resize via `ResizeObserver` and whenever the active item
+ * changes.
+ *
+ * `variant="floating"` is a self-sizing rounded pill, the shape a command bar
+ * or a segmented control takes. `variant="bar"` spans the full width with a
+ * bottom hairline, the shape a page's primary navigation takes.
+ */
+const gui_1 = require("@hanzo/gui");
+const React = __importStar(require("react"));
+const ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.cjs");
+const gesture_1 = require("./gesture.cjs");
+const ITEM_H = 40;
+/** The DOM box behind a ref, if there is one; a native view has none. */
+const box = (el) => typeof HTMLElement !== 'undefined' && el instanceof HTMLElement ? el : null;
+const Rail = (0, gui_1.styled)(gui_1.XStack, {
+    name: 'LimelightNavRail',
+    position: 'relative',
+    items: 'center',
+    gap: '$1',
+    rounded: '$6',
+    bg: '$hover',
+    p: '$1',
+    self: 'flex-start',
+    variants: {
+        variant: {
+            floating: {},
+            bar: {
+                rounded: 0,
+                bg: 'transparent',
+                borderBottomWidth: 1,
+                borderColor: '$borderColor',
+                width: '100%',
+                self: 'stretch',
+                justify: 'flex-start',
+                gap: '$4',
+                px: '$4',
+                py: 0,
+            },
+        },
+    },
+    defaultVariants: { variant: 'floating' },
+});
+const Item = (0, gui_1.styled)(gui_1.XStack, {
+    name: 'LimelightNavItem',
+    items: 'center',
+    justify: 'center',
+    gap: '$1.5',
+    px: '$3',
+    height: ITEM_H,
+    rounded: '$5',
+    cursor: 'pointer',
+    hoverStyle: { opacity: 0.85 },
+    style: { zIndex: 1 },
+});
+const Glow = (0, gui_1.styled)(gui_1.YStack, {
+    name: 'LimelightNavGlow',
+    position: 'absolute',
+    l: 0,
+    rounded: '$5',
+    bg: '$accentBackground',
+    pointerEvents: 'none',
+    style: { zIndex: 0 },
+    variants: {
+        variant: {
+            floating: { t: '$1', b: '$1' },
+            bar: { t: 0, b: 0, rounded: 0, borderBottomWidth: 2, borderColor: '$accentColor', bg: 'transparent' },
+        },
+    },
+    defaultVariants: { variant: 'floating' },
+});
+/** A small beam of light hanging above the active item, floating variant only. */
+const Beam = (0, gui_1.styled)(gui_1.YStack, {
+    name: 'LimelightNavBeam',
+    position: 'absolute',
+    l: 0,
+    height: 6,
+    rounded: 999,
+    bg: '$accentBackground',
+    pointerEvents: 'none',
+    style: { top: -10, zIndex: 0, filter: 'blur(4px)' },
+});
+function LimelightNav({ items, value, defaultValue, onValueChange, variant = 'floating', ...props }) {
+    const [own, setOwn] = React.useState(defaultValue ?? items[0]?.id);
+    const active = value ?? own;
+    const railRef = React.useRef(null);
+    const itemRefs = React.useRef(new Map());
+    const [rect, setRect] = React.useState({ left: 0, width: 0 });
+    const measure = React.useCallback(() => {
+        const rail = box(railRef.current);
+        const el = active ? itemRefs.current.get(active) : undefined;
+        if (!rail || !el)
+            return;
+        const railBox = rail.getBoundingClientRect();
+        const itemBox = el.getBoundingClientRect();
+        setRect((prev) => {
+            const next = { left: itemBox.left - railBox.left, width: itemBox.width };
+            return prev.left === next.left && prev.width === next.width ? prev : next;
+        });
+    }, [active]);
+    React.useLayoutEffect(() => {
+        measure();
+    }, [measure, items.length, variant]);
+    React.useEffect(() => {
+        const rail = box(railRef.current);
+        if (!rail || typeof ResizeObserver === 'undefined') {
+            window.addEventListener('resize', measure);
+            return () => window.removeEventListener('resize', measure);
+        }
+        const observer = new ResizeObserver(measure);
+        observer.observe(rail);
+        return () => observer.disconnect();
+    }, [measure]);
+    const select = (id) => {
+        if (value === undefined)
+            setOwn(id);
+        onValueChange?.(id);
+    };
+    /** Roving-tabindex arrow/Home/End navigation, per the WAI-ARIA tabs pattern. */
+    const onKeyDown = (e) => {
+        const from = items.findIndex((item) => item.id === active);
+        if (from < 0)
+            return;
+        const to = e.key === 'ArrowRight' || e.key === 'ArrowDown'
+            ? (from + 1) % items.length
+            : e.key === 'ArrowLeft' || e.key === 'ArrowUp'
+                ? (from - 1 + items.length) % items.length
+                : e.key === 'Home'
+                    ? 0
+                    : e.key === 'End'
+                        ? items.length - 1
+                        : -1;
+        if (to < 0)
+            return;
+        e.preventDefault();
+        const next = items[to];
+        select(next.id);
+        itemRefs.current.get(next.id)?.focus();
+    };
+    return ((0, jsx_runtime_1.jsxs)(Rail, { ref: railRef, ...(0, slot_1.slot)('limelight-nav'), role: "tablist", "aria-label": props['aria-label'] ?? 'Navigation', variant: variant, children: [variant === 'floating' && ((0, jsx_runtime_1.jsx)(Beam, { ...(0, slot_1.slot)('limelight-nav-beam'), style: { transform: `translateX(${rect.left}px)`, width: rect.width, transition: 'transform 200ms ease, width 200ms ease' } })), (0, jsx_runtime_1.jsx)(Glow, { ...(0, slot_1.slot)('limelight-nav-glow'), variant: variant, style: { transform: `translateX(${rect.left}px)`, width: rect.width, transition: 'transform 200ms ease, width 200ms ease' } }), items.map((item) => {
+                const isActive = item.id === active;
+                return ((0, jsx_runtime_1.jsxs)(Item, { ref: (node) => {
+                        const el = box(node);
+                        if (el)
+                            itemRefs.current.set(item.id, el);
+                        else
+                            itemRefs.current.delete(item.id);
+                    }, ...(0, slot_1.slot)('limelight-nav-item'), render: item.href ? 'a' : 'button', ...(item.href ? { href: item.href } : { type: 'button' }), role: "tab", "aria-selected": isActive, "aria-current": isActive ? 'page' : undefined, tabIndex: isActive ? 0 : -1, onClick: () => select(item.id), onKeyDown: onKeyDown, ...(0, gesture_1.touch)(ITEM_H, 44, 'y'), children: [item.icon, (0, ink_1.ink)(item.label, gui_1.SizableText, {
+                            size: '$2',
+                            fontWeight: isActive ? '600' : '500',
+                            color: isActive ? '$accentColor' : '$ink',
+                        })] }, item.id));
+            })] }));
+}

package/dist/backends/gui/limelight-nav.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export type LimelightNavItem = {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    href?: string;
+};
+export type LimelightNavVariant = 'floating' | 'bar';
+export type LimelightNavProps = {
+    items: LimelightNavItem[];
+    /** Controlled active item id. */
+    value?: string;
+    /** Uncontrolled initial active item id; defaults to the first item. */
+    defaultValue?: string;
+    onValueChange?: (id: string) => void;
+    variant?: LimelightNavVariant;
+    'aria-label'?: string;
+};
+export declare function LimelightNav({ items, value, defaultValue, onValueChange, variant, ...props }: LimelightNavProps): React.JSX.Element;
+//# sourceMappingURL=limelight-nav.d.ts.map

package/dist/backends/gui/limelight-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"limelight-nav.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/limelight-nav.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,KAAK,CAAA;AAEpD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAmFD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,OAAoB,EACpB,GAAG,KAAK,EACT,EAAE,iBAAiB,qBA0GnB"}