@salilvnair/dui 1.0.2 → 1.0.6

package/dist/lib/components/display/CommandOrbView.d.ts

@@ -4,6 +4,9 @@ export type CommandOrbState = 'idle' | 'thinking' | 'speaking' | 'open';
 export interface CommandOrbViewProps {
     state: CommandOrbState;
     onClick?: () => void;
+    /** Glyph rendered inside the orb itself. Shown while `idle`/`open` — the
+     *  `thinking` ripple and `speaking` waveform own the orb interior instead. */
+    icon?: ReactNode;
     /** Rendered inside an expanded panel below the orb when `state === 'open'`. */
     panel?: ReactNode;
     size?: DuiSize;
@@ -12,4 +15,4 @@ export interface CommandOrbViewProps {
     style?: CSSProperties;
 }
 /** Floating, breathing circular AI-assistant orb — idle pulse → thinking ripple → speaking waveform, expands into a chat panel. */
-export declare function CommandOrbView({ state, onClick, panel, size, color, className, style, }: CommandOrbViewProps): import("react").JSX.Element;
+export declare function CommandOrbView({ state, onClick, icon, panel, size, color, className, style, }: CommandOrbViewProps): import("react").JSX.Element;

package/dist/lib/components/display/LoaderView.d.ts

@@ -6,6 +6,10 @@ export interface LoaderViewProps {
     accentColor?: string;
     label?: string;
     fullscreen?: boolean;
+    /** Centre the loader horizontally in whatever space the parent gives it.
+     *  Off by default because a bare loader is `width: auto` and often sits
+     *  inline beside a control; panel/page-level loading states want this. */
+    center?: boolean;
     progress?: number;
     /** skeleton only: renders a single placeholder bar of this exact size
      * instead of the default 3-line paragraph shape — for mimicking a
@@ -20,4 +24,4 @@ export interface LoaderViewProps {
     shape?: 'rect' | 'circle';
     className?: string;
 }
-export declare function LoaderView({ variant, size, accentColor, label, fullscreen, progress, width, height, shape, className, }: LoaderViewProps): import("react").JSX.Element;
+export declare function LoaderView({ variant, size, accentColor, label, fullscreen, center, progress, width, height, shape, className, }: LoaderViewProps): import("react").JSX.Element;

package/dist/lib/components/input/HighlightedInputView.d.ts

@@ -18,7 +18,7 @@ export interface HighlightedInputViewProps {
     size?: DuiSize;
     /** Raw height override in px — prefer `size` for token-aligned sizing. */
     height?: number;
-    /** Border radius of the input in px (default 0 — matches URL bar; set 6 for standalone rounded usage) */
+    /** Border radius of the input in px — falls back to the size-token radius (matching SelectTextInputView / every other DUI input) when omitted */
     borderRadius?: number;
     style?: React.CSSProperties;
     className?: string;

package/dist/lib/components/input/SelectTextInputView.d.ts

@@ -30,7 +30,7 @@ export interface SelectTextInputViewProps {
     mockServers?: MockServerSuggestion[];
     /** Called when user picks a mock server entry (in addition to onInputChange) */
     onMockServerSelect?: (url: string) => void;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
     /** Minimum width (px) for the suggestions dropdown — useful when the input is narrow */
     suggestionMinWidth?: number;
     /** z-index for the suggestions dropdown portal (default: 9998) */

package/dist/lib/components/layout/FanStackView.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface FanStackItem {
+    id: string;
+    icon: ReactNode;
+    label: string;
+    /** Per-item accent — the tile ring/glow and label dot. Falls back to `color`. */
+    color?: string;
+}
+export interface FanStackViewProps {
+    items: FanStackItem[];
+    onSelect: (id: string) => void;
+    open: boolean;
+    /** Which way the arc sweeps out of its anchor. */
+    direction?: 'up-left' | 'up-right';
+    color?: string;
+    /** Distance from the anchor to the first tile. */
+    radius?: number;
+    /** Extra distance added per tile — the gap between consecutive tiles. */
+    spread?: number;
+    /** Degrees of sweep added per tile. `0` (default) stacks them straight up;
+     *  a non-zero value bows the column into an arc. */
+    angleStep?: number;
+    tileSize?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * macOS Finder "fan"/stack — items rise out of their anchor point, evenly
+ * spaced and staggered from nearest to furthest, each labelled on hover.
+ * Straight-up by default (`angleStep = 0`); give it a non-zero `angleStep`
+ * to bow the column into an arc. Anchor it inside a `position: relative`
+ * parent; the stack is absolutely positioned at that parent's centre and
+ * never takes part in layout.
+ */
+export declare function FanStackView({ items, onSelect, open, direction, color, radius, spread, angleStep, tileSize, className, style, }: FanStackViewProps): import("react").JSX.Element;

package/dist/lib/core/VariableToken.d.ts

@@ -0,0 +1,34 @@
+/** Shared `{{var}}` / `${var}` token highlighting — used by any contentEditable-based
+ * text field that needs to color variable references inline (HighlightedInputView,
+ * SelectTextInputView). Single source of truth so the token pattern and DOM caret
+ * math never drift between call sites. */
+export declare const TOKEN_RE: RegExp;
+export declare const ESCAPE_RE: RegExp;
+export declare function buildHighlightedHTML(text: string): string;
+export declare function getCaretOffset(el: HTMLElement): number;
+export interface EditableHistoryEntry {
+    text: string;
+    caret: number;
+}
+export interface EditableHistory {
+    reset(text: string, caret: number): void;
+    push(text: string, caret: number): void;
+    undo(): EditableHistoryEntry | null;
+    redo(): EditableHistoryEntry | null;
+}
+export declare function createEditableHistory(): EditableHistory;
+/** True for Cmd/Ctrl+Z. */
+export declare function isUndoKey(e: {
+    key: string;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    shiftKey: boolean;
+}): boolean;
+/** True for Cmd/Ctrl+Shift+Z and Ctrl+Y. */
+export declare function isRedoKey(e: {
+    key: string;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    shiftKey: boolean;
+}): boolean;
+export declare function setCaretOffset(el: HTMLElement, offset: number): void;

package/dist/lib/index.d.ts

@@ -128,6 +128,8 @@ export { FabView } from './components/button/FabView';
 export type { FabViewProps, FabAction } from './components/button/FabView';
 export { DockView } from './components/layout/DockView';
 export type { DockViewProps, DockItem } from './components/layout/DockView';
+export { FanStackView } from './components/layout/FanStackView';
+export type { FanStackViewProps, FanStackItem } from './components/layout/FanStackView';
 export { BreadcrumbView } from './components/layout/BreadcrumbView';
 export type { BreadcrumbViewProps, BreadcrumbItem } from './components/layout/BreadcrumbView';
 export { PaginationView } from './components/layout/PaginationView';