@omniviewdev/base-ui 0.3.0 → 0.4.1

package/dist/index.d.ts

@@ -4109,7 +4109,7 @@ export declare interface ThemeSwitcherProps {
     className?: string;
 }
 
-declare type ThemeTokenKey = 'color.accent.soft' | 'color.accent.strong' | 'color.ansi.black' | 'color.ansi.blue' | 'color.ansi.bright.black' | 'color.ansi.bright.blue' | 'color.ansi.bright.cyan' | 'color.ansi.bright.green' | 'color.ansi.bright.magenta' | 'color.ansi.bright.red' | 'color.ansi.bright.white' | 'color.ansi.bright.yellow' | 'color.ansi.cyan' | 'color.ansi.green' | 'color.ansi.magenta' | 'color.ansi.red' | 'color.ansi.white' | 'color.ansi.yellow' | 'color.bg.base' | 'color.bg.elevated' | 'color.bg.inset' | 'color.bg.surface' | 'color.bg.surface.overlay' | 'color.bg.surface.raised' | 'color.border.default' | 'color.border.focus' | 'color.border.muted' | 'color.border.strong' | 'color.brand.300' | 'color.brand.400' | 'color.brand.500' | 'color.danger' | 'color.danger.soft' | 'color.datepicker.cell.bg' | 'color.datepicker.cell.bg.hover' | 'color.datepicker.cell.bg.selected' | 'color.datepicker.cell.bg.today' | 'color.datepicker.cell.fg' | 'color.datepicker.cell.fg.disabled' | 'color.datepicker.cell.fg.other.month' | 'color.datepicker.cell.fg.selected' | 'color.datepicker.cell.fg.today' | 'color.datepicker.header.bg' | 'color.diff.insert.bg' | 'color.diff.remove.bg' | 'color.discovery' | 'color.discovery.soft' | 'color.drawer.handle' | 'color.drawer.handle.hover' | 'color.editor.bg' | 'color.editor.bracket.1' | 'color.editor.bracket.2' | 'color.editor.bracket.3' | 'color.editor.bracket.4' | 'color.editor.bracket.5' | 'color.editor.bracket.6' | 'color.editor.bracket.match.bg' | 'color.editor.bracket.match.border' | 'color.editor.cursor' | 'color.editor.fg' | 'color.editor.find.match.bg' | 'color.editor.find.match.border' | 'color.editor.find.range.bg' | 'color.editor.group.bg' | 'color.editor.group.border' | 'color.editor.group.drop.border' | 'color.editor.group.header.bg' | 'color.editor.indent.guide' | 'color.editor.indent.guide.active' | 'color.editor.line.highlight.bg' | 'color.editor.line.highlight.border' | 'color.editor.line.number' | 'color.editor.line.number.active' | 'color.editor.link' | 'color.editor.ruler' | 'color.editor.selection.bg' | 'color.editor.selection.inactive.bg' | 'color.editor.whitespace' | 'color.fg.default' | 'color.fg.disabled' | 'color.fg.inverse' | 'color.fg.muted' | 'color.fg.subtle' | 'color.gutter.added' | 'color.gutter.bg' | 'color.gutter.deleted' | 'color.gutter.modified' | 'color.info' | 'color.info.soft' | 'color.minimap.bg' | 'color.minimap.error' | 'color.minimap.find.match' | 'color.minimap.selection' | 'color.minimap.warning' | 'color.progress.fill' | 'color.progress.track' | 'color.scrollarea.thumb' | 'color.scrollarea.thumb.hover' | 'color.scrollarea.track' | 'color.secondary' | 'color.secondary.soft' | 'color.state.focus.ring' | 'color.state.hover' | 'color.state.pressed' | 'color.state.selected' | 'color.success' | 'color.success.soft' | 'color.tab.active.bg' | 'color.tab.active.border' | 'color.tab.active.fg' | 'color.tab.bg' | 'color.tab.border' | 'color.tab.fg' | 'color.tab.hover.bg' | 'color.tab.hover.fg' | 'color.tab.inactive.bg' | 'color.tab.inactive.fg' | 'color.tab.modified.border' | 'color.terminal.bg' | 'color.terminal.border' | 'color.terminal.cursor' | 'color.terminal.fg' | 'color.terminal.selection.bg' | 'color.terminal.selection.fg' | 'color.warning' | 'color.warning.soft' | 'syntax.class' | 'syntax.comment' | 'syntax.decorator' | 'syntax.function' | 'syntax.interface' | 'syntax.keyword' | 'syntax.keyword.control' | 'syntax.keyword.operator' | 'syntax.method' | 'syntax.namespace' | 'syntax.number' | 'syntax.operator' | 'syntax.parameter' | 'syntax.property' | 'syntax.punctuation' | 'syntax.regexp' | 'syntax.string' | 'syntax.string.escape' | 'syntax.style.comment' | 'syntax.style.function' | 'syntax.style.keyword' | 'syntax.style.type' | 'syntax.type' | 'syntax.variable';
+declare type ThemeTokenKey = 'color.accent.soft' | 'color.accent.strong' | 'color.ansi.black' | 'color.ansi.blue' | 'color.ansi.bright.black' | 'color.ansi.bright.blue' | 'color.ansi.bright.cyan' | 'color.ansi.bright.green' | 'color.ansi.bright.magenta' | 'color.ansi.bright.red' | 'color.ansi.bright.white' | 'color.ansi.bright.yellow' | 'color.ansi.cyan' | 'color.ansi.green' | 'color.ansi.magenta' | 'color.ansi.red' | 'color.ansi.white' | 'color.ansi.yellow' | 'color.bg.base' | 'color.bg.elevated' | 'color.bg.inset' | 'color.bg.surface' | 'color.bg.surface.overlay' | 'color.bg.surface.raised' | 'color.border.control' | 'color.border.default' | 'color.border.focus' | 'color.border.muted' | 'color.border.overlay' | 'color.border.strong' | 'color.brand.300' | 'color.brand.400' | 'color.brand.500' | 'color.danger' | 'color.danger.soft' | 'color.datepicker.cell.bg' | 'color.datepicker.cell.bg.hover' | 'color.datepicker.cell.bg.selected' | 'color.datepicker.cell.bg.today' | 'color.datepicker.cell.fg' | 'color.datepicker.cell.fg.disabled' | 'color.datepicker.cell.fg.other.month' | 'color.datepicker.cell.fg.selected' | 'color.datepicker.cell.fg.today' | 'color.datepicker.header.bg' | 'color.diff.insert.bg' | 'color.diff.remove.bg' | 'color.discovery' | 'color.discovery.soft' | 'color.drawer.handle' | 'color.drawer.handle.hover' | 'color.editor.bg' | 'color.editor.bracket.1' | 'color.editor.bracket.2' | 'color.editor.bracket.3' | 'color.editor.bracket.4' | 'color.editor.bracket.5' | 'color.editor.bracket.6' | 'color.editor.bracket.match.bg' | 'color.editor.bracket.match.border' | 'color.editor.cursor' | 'color.editor.fg' | 'color.editor.find.match.bg' | 'color.editor.find.match.border' | 'color.editor.find.range.bg' | 'color.editor.group.bg' | 'color.editor.group.border' | 'color.editor.group.drop.border' | 'color.editor.group.header.bg' | 'color.editor.indent.guide' | 'color.editor.indent.guide.active' | 'color.editor.line.highlight.bg' | 'color.editor.line.highlight.border' | 'color.editor.line.number' | 'color.editor.line.number.active' | 'color.editor.link' | 'color.editor.ruler' | 'color.editor.selection.bg' | 'color.editor.selection.inactive.bg' | 'color.editor.whitespace' | 'color.fg.default' | 'color.fg.disabled' | 'color.fg.inverse' | 'color.fg.muted' | 'color.fg.subtle' | 'color.gutter.added' | 'color.gutter.bg' | 'color.gutter.deleted' | 'color.gutter.modified' | 'color.info' | 'color.info.soft' | 'color.minimap.bg' | 'color.minimap.error' | 'color.minimap.find.match' | 'color.minimap.selection' | 'color.minimap.warning' | 'color.progress.fill' | 'color.progress.track' | 'color.scrollarea.thumb' | 'color.scrollarea.thumb.hover' | 'color.scrollarea.track' | 'color.secondary' | 'color.secondary.soft' | 'color.state.focus.ring' | 'color.state.hover' | 'color.state.pressed' | 'color.state.selected' | 'color.success' | 'color.success.soft' | 'color.tab.active.bg' | 'color.tab.active.border' | 'color.tab.active.fg' | 'color.tab.bg' | 'color.tab.border' | 'color.tab.fg' | 'color.tab.hover.bg' | 'color.tab.hover.fg' | 'color.tab.inactive.bg' | 'color.tab.inactive.fg' | 'color.tab.modified.border' | 'color.terminal.bg' | 'color.terminal.border' | 'color.terminal.cursor' | 'color.terminal.fg' | 'color.terminal.selection.bg' | 'color.terminal.selection.fg' | 'color.warning' | 'color.warning.soft' | 'syntax.class' | 'syntax.comment' | 'syntax.decorator' | 'syntax.function' | 'syntax.interface' | 'syntax.keyword' | 'syntax.keyword.control' | 'syntax.keyword.operator' | 'syntax.method' | 'syntax.namespace' | 'syntax.number' | 'syntax.operator' | 'syntax.parameter' | 'syntax.property' | 'syntax.punctuation' | 'syntax.regexp' | 'syntax.string' | 'syntax.string.escape' | 'syntax.style.comment' | 'syntax.style.function' | 'syntax.style.keyword' | 'syntax.style.type' | 'syntax.type' | 'syntax.variable';
 
 export declare class ThemeValidationError extends Error {
     readonly code: ThemeValidationErrorCode;
@@ -4352,9 +4352,11 @@ declare interface TreeConfigContextValue {
     loopFocus: boolean;
     virtualized: boolean;
     indentation: number;
-    showBranchConnectors: boolean;
+    indentGuide: TreeIndentGuide;
 }
 
+export declare type TreeIndentGuide = 'none' | 'rail' | 'connectors';
+
 export declare interface TreeItemState {
     isSelected: boolean;
     isActive: boolean;
@@ -4371,6 +4373,8 @@ declare type TreeListCompound = typeof TreeListRoot & {
     Root: typeof TreeListRoot;
     Viewport: typeof TreeListViewport;
     Item: typeof TreeListItem;
+    ReorderableItem: typeof TreeListReorderableItem;
+    ItemDragHandle: typeof TreeListItemDragHandle;
     ItemIndent: typeof TreeListItemIndent;
     ItemToggle: typeof TreeListItemToggle;
     ItemIcon: typeof TreeListItemIcon;
@@ -4401,6 +4405,18 @@ declare interface TreeListItemBadgeProps extends HTMLAttributes<HTMLSpanElement>
 
 declare const TreeListItemDescription: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
 
+declare const TreeListItemDragHandle: ForwardRefExoticComponent<TreeListItemDragHandleProps & RefAttributes<HTMLButtonElement>>;
+
+declare type TreeListItemDragHandleBaseProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label' | 'aria-labelledby' | 'type'>;
+
+export declare type TreeListItemDragHandleProps = TreeListItemDragHandleBaseProps & ({
+    'aria-label': string;
+    'aria-labelledby'?: string;
+} | {
+    'aria-label'?: string;
+    'aria-labelledby': string;
+});
+
 declare const TreeListItemIcon: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
 
 declare const TreeListItemIndent: ForwardRefExoticComponent<TreeListItemIndentProps & RefAttributes<HTMLSpanElement>>;
@@ -4418,6 +4434,7 @@ declare const TreeListItemMeta: ForwardRefExoticComponent<HTMLAttributes<HTMLSpa
 export declare interface TreeListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
     itemKey: Key_3;
     disabled?: boolean;
+    selectable?: boolean;
     textValue?: string;
     children: ReactNode;
 }
@@ -4434,6 +4451,8 @@ declare interface TreeListLoadingProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
 }
 
+declare const TreeListReorderableItem: ForwardRefExoticComponent<TreeListItemProps & RefAttributes<HTMLDivElement>>;
+
 declare const TreeListRoot: <TItem>(props: TreeListRootProps<TItem> & {
     ref?: Ref<HTMLDivElement>;
 }) => ReactNode;
@@ -4445,8 +4464,15 @@ export declare interface TreeListRootProps<TItem = unknown> extends Omit<HTMLAtt
      *  An empty array `[]` means "loaded, no children" and will NOT trigger `loadChildren`. */
     getChildren: (item: TItem) => readonly TItem[] | undefined;
     isBranch?: (item: TItem) => boolean;
+    /** Source-level selection eligibility, including never-mounted virtualized rows.
+     * Returning false overrides Item selectable; Item selectable=false may further restrict it. */
+    isItemSelectable?: (item: TItem) => boolean;
     getTextValue?: (item: TItem) => string;
     renderItem: (item: TItem, node: TreeNodeMeta) => ReactNode;
+    reorderable?: boolean;
+    order?: TreeOrder;
+    defaultOrder?: TreeOrder;
+    onOrderChange?: (order: TreeOrder, event: TreeReorderEvent) => void;
     expandedKeys?: ReadonlySet<Key_3>;
     defaultExpandedKeys?: Iterable<Key_3>;
     onExpandedKeysChange?: (keys: ReadonlySet<Key_3>) => void;
@@ -4474,7 +4500,8 @@ export declare interface TreeListRootProps<TItem = unknown> extends Omit<HTMLAtt
     onFilterTextChange?: (filterText: string) => void;
     filterFn?: (item: TItem, filterText: string) => boolean;
     indentation?: number;
-    showBranchConnectors?: boolean;
+    /** Indentation only (default), icon-centered rails, or elbow connectors. */
+    indentGuide?: TreeIndentGuide;
     loading?: boolean;
     error?: ReactNode;
     children?: ReactNode;
@@ -4495,6 +4522,19 @@ export declare interface TreeNodeMeta {
     ancestorIsLast: boolean[];
 }
 
+/** Sparse sibling presets; missing keys are ignored across the full entry.
+ * Resolving a group costs O(source siblings + saved keys), without sorting.
+ */
+export declare type TreeOrder = ReadonlyMap<Key_3 | null, readonly Key_3[]>;
+
+export declare interface TreeReorderEvent {
+    activeKey: Key_3;
+    overKey: Key_3;
+    parentKey: Key_3 | null;
+    fromIndex: number;
+    toIndex: number;
+}
+
 declare interface TreeStore {
     subscribe: (listener: () => void) => () => void;
     getSnapshot: () => TreeStoreSnapshot;
@@ -4507,6 +4547,9 @@ declare interface TreeStore {
     setLoadingKey: (key: Key_3, loading: boolean, silent?: boolean) => void;
     setFlatNodes: (nodes: FlatNode[], silent?: boolean) => void;
     registerTextValue: (key: Key_3, textValue: string) => void;
+    registerSelectable: (key: Key_3, selectable: boolean) => void;
+    setSourceNonSelectableKeys: (keys: ReadonlySet<Key_3> | undefined) => void;
+    isSelectable: (key: Key_3) => boolean;
     getTextValue: (key: Key_3) => string | undefined;
     getRegisteredKeys: () => Key_3[];
     /** Rebuild snapshot and notify listeners. Call from useEffect after silent updates. */
@@ -4795,7 +4838,7 @@ export declare function useTreeConfig(): TreeConfigContextValue;
  * Unlike useListItem, this does NOT self-register — keys come from
  * the flattener, not from DOM mount.
  */
-export declare function useTreeItem(store: TreeStore, key: Key_3, textValue?: string): TreeItemState;
+export declare function useTreeItem(store: TreeStore, key: Key_3, textValue?: string, selectable?: boolean): TreeItemState;
 
 export declare function useTreeStoreContext(): TreeStore;