@salilvnair/dui 1.0.7 → 1.0.8

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

@@ -1,6 +1,15 @@
 import { CSSProperties } from 'react';
 import { DuiSize, DuiRadius } from '../../core/DuiTypes';
 export interface ChatInputViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     value: string;
     onChange: (value: string) => void;
     onSend: () => void;
@@ -14,4 +23,4 @@ export interface ChatInputViewProps {
     style?: CSSProperties;
 }
 /** Message composer — auto-growing textarea + attach + send. */
-export declare function ChatInputView({ value, onChange, onSend, onAttach, placeholder, disabled, size, borderRadius, color, className, style, }: ChatInputViewProps): import("react").JSX.Element;
+export declare function ChatInputView({ testId, value, onChange, onSend, onAttach, placeholder, disabled, size, borderRadius, color, className, style, }: ChatInputViewProps): import("react").JSX.Element;

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

@@ -2,6 +2,15 @@ import { DuiSize } from '../../core/DuiTypes';
 /** @deprecated Use `DuiSize` directly. */
 export type CheckboxSize = DuiSize;
 export interface CheckboxViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     checked: boolean;
     onChange?: (checked: boolean) => void;
     disabled?: boolean;
@@ -12,4 +21,4 @@ export interface CheckboxViewProps {
     label?: string;
     className?: string;
 }
-export declare function CheckboxView({ checked, onChange, disabled, indeterminate, size, accentColor, label, className, }: CheckboxViewProps): import("react").JSX.Element;
+export declare function CheckboxView({ testId, checked, onChange, disabled, indeterminate, size, accentColor, label, className, }: CheckboxViewProps): import("react").JSX.Element;

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

@@ -6,6 +6,15 @@ export interface ChecklistItem {
     checked: boolean;
 }
 export interface ChecklistViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     items: ChecklistItem[];
     onToggle: (id: string) => void;
     size?: DuiSize;
@@ -14,4 +23,4 @@ export interface ChecklistViewProps {
     style?: CSSProperties;
 }
 /** Todo-style checklist — strikethrough + faded once complete. */
-export declare function ChecklistView({ items, onToggle, size, accentColor, className, style, }: ChecklistViewProps): import("react").JSX.Element;
+export declare function ChecklistView({ testId, items, onToggle, size, accentColor, className, style, }: ChecklistViewProps): import("react").JSX.Element;

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

@@ -1,6 +1,15 @@
 import { CSSProperties } from 'react';
 import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
 export interface ColorPickerViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     value: string;
     onChange: (value: string) => void;
     swatches?: string[];
@@ -11,4 +20,4 @@ export interface ColorPickerViewProps {
     className?: string;
     style?: CSSProperties;
 }
-export declare function ColorPickerView({ value, onChange, swatches, disabled, size, width, borderRadius, className, style, }: ColorPickerViewProps): import("react").JSX.Element;
+export declare function ColorPickerView({ testId, value, onChange, swatches, disabled, size, width, borderRadius, className, style, }: ColorPickerViewProps): import("react").JSX.Element;

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

@@ -5,6 +5,15 @@ export interface ComboBoxOption {
     label: string;
 }
 export interface ComboBoxViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     options: ComboBoxOption[];
     value: string;
     onChange: (value: string) => void;
@@ -20,4 +29,4 @@ export interface ComboBoxViewProps {
     style?: CSSProperties;
 }
 /** Free-text input with a filtered dropdown of matching suggestions — autocomplete pattern. */
-export declare function ComboBoxView({ options, value, onChange, placeholder, disabled, freeSolo, size, width, borderRadius, color, className, style, }: ComboBoxViewProps): import("react").JSX.Element;
+export declare function ComboBoxView({ testId, options, value, onChange, placeholder, disabled, freeSolo, size, width, borderRadius, color, className, style, }: ComboBoxViewProps): import("react").JSX.Element;

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

@@ -1,6 +1,15 @@
 import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
 import { IsoDate } from './CalendarView';
 export interface DateInputViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     value: IsoDate | null;
     onChange: (value: IsoDate) => void;
     placeholder?: string;
@@ -14,4 +23,4 @@ export interface DateInputViewProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare function DateInputView({ value, onChange, placeholder, minDate, maxDate, size, width, borderRadius, color, disabled, className, style, }: DateInputViewProps): import("react").JSX.Element;
+export declare function DateInputView({ testId, value, onChange, placeholder, minDate, maxDate, size, width, borderRadius, color, disabled, className, style, }: DateInputViewProps): import("react").JSX.Element;

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

@@ -7,6 +7,15 @@ export interface DateRangePreset {
 /** `panel` (default) = presets sidebar beside the calendar, one bordered box. `single` = one unified box, presets as a chip row above the calendar. */
 export type DateRangePickerVariant = 'panel' | 'single';
 export interface DateRangePickerViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     value: [IsoDate | null, IsoDate | null];
     onChange: (value: [IsoDate | null, IsoDate | null]) => void;
     presets?: DateRangePreset[];
@@ -23,4 +32,4 @@ export interface DateRangePickerViewProps {
     style?: React.CSSProperties;
 }
 export declare const DEFAULT_DATE_RANGE_PRESETS: DateRangePreset[];
-export declare function DateRangePickerView({ value, onChange, presets, variant, rangeStyle, minDate, maxDate, size, width, borderRadius, color, className, style, }: DateRangePickerViewProps): import("react").JSX.Element;
+export declare function DateRangePickerView({ testId, value, onChange, presets, variant, rangeStyle, minDate, maxDate, size, width, borderRadius, color, className, style, }: DateRangePickerViewProps): import("react").JSX.Element;

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

@@ -4,6 +4,15 @@ import { IsoDate } from './CalendarView';
  * `<input type="datetime-local">` produces, so it's a drop-in replacement. */
 export type IsoDateTime = string;
 export interface DateTimeInputViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     value: IsoDateTime | null;
     onChange: (value: IsoDateTime) => void;
     placeholder?: string;
@@ -27,4 +36,4 @@ export interface DateTimeInputViewProps {
  * wheels) side by side in one popover — same trigger-button + portal pattern
  * as `DateInputView`, just with a second pane.
  */
-export declare function DateTimeInputView({ value, onChange, placeholder, minDate, maxDate, use24Hour, minuteStep, size, width, borderRadius, color, disabled, className, style, }: DateTimeInputViewProps): import("react").JSX.Element;
+export declare function DateTimeInputView({ testId, value, onChange, placeholder, minDate, maxDate, use24Hour, minuteStep, size, width, borderRadius, color, disabled, className, style, }: DateTimeInputViewProps): import("react").JSX.Element;

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

@@ -1,6 +1,15 @@
 import { CSSProperties } from 'react';
 import { DuiSize } from '../../core/DuiTypes';
 export interface DialKnobInputViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     value: number;
     min?: number;
     max?: number;
@@ -14,4 +23,4 @@ export interface DialKnobInputViewProps {
     style?: CSSProperties;
 }
 /** Rotary analog knob (drag in a circle) with snap-ticks and a haptic-style micro-bounce at each notch. */
-export declare function DialKnobInputView({ value, min, max, ticks, onChange, label, size, color, className, style, }: DialKnobInputViewProps): import("react").JSX.Element;
+export declare function DialKnobInputView({ testId, value, min, max, ticks, onChange, label, size, color, className, style, }: DialKnobInputViewProps): import("react").JSX.Element;

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

@@ -1,6 +1,15 @@
 import { DuiSize } from '../../core/DuiTypes';
 export type DurationUnit = 'ms' | 's' | 'm' | 'hr';
 export interface DurationInputViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     /** Current value in milliseconds */
     value: number;
     /** Called with new value in milliseconds */
@@ -12,4 +21,4 @@ export interface DurationInputViewProps {
     width?: number;
     className?: string;
 }
-export declare function DurationInputView({ value, onChange, placeholder, size, width, className, }: DurationInputViewProps): import("react").JSX.Element;
+export declare function DurationInputView({ testId, value, onChange, placeholder, size, width, className, }: DurationInputViewProps): import("react").JSX.Element;

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

@@ -113,6 +113,14 @@ export interface EditorOptions {
     cursorBlinking?: EditorCursorBlinking;
     tabSize?: number;
     wordWrap?: EditorWordWrap;
+    /**
+     * Close brackets, quotes and XML tags as you type. Default `true`.
+     *
+     * Set `false` when something other than a person is typing — a test, a
+     * recorder, anything replaying keystrokes — so that a typed `}` lands as a
+     * `}` rather than on top of one the editor has already put there.
+     */
+    autoClosing?: boolean;
     formatOnPaste?: boolean;
     formatOnType?: boolean;
     autoIndent?: EditorAutoIndent;

package/dist/lib/components/input/EditorView.shell.d.ts

@@ -3,11 +3,19 @@ import { ContextMenuItem } from '../modal/ContextMenuView';
  * Shared render shell for both the Monaco-backed and fallback editor
  * implementations — pure DUI chrome, no editor-engine dependency either way.
  */
-export declare function EditorShell({ bordered, containerHeight, children, contextMenuMode, contextMenuItems, accentColor, }: {
+export declare function EditorShell({ bordered, containerHeight, children, contextMenuMode, contextMenuItems, itemsAt, accentColor, }: {
     bordered: boolean;
     containerHeight: string;
     children: React.ReactNode;
     contextMenuMode?: 'native' | 'dui' | 'none';
     contextMenuItems?: ContextMenuItem[];
+    /**
+     * Items that depend on where the click landed, asked for at right-click.
+     *
+     * A path menu cannot be built ahead of time: which key or tag you are on is
+     * the whole question, and it is only answered by the coordinates of the
+     * click. Static `contextMenuItems` follow whatever this returns.
+     */
+    itemsAt?: (x: number, y: number) => ContextMenuItem[];
     accentColor?: string;
 }): import("react").JSX.Element;

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

@@ -1,6 +1,15 @@
 import { CSSProperties } from 'react';
 import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
 export interface EmojiPickerViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     value: string | null;
     onChange: (emoji: string) => void;
     disabled?: boolean;
@@ -11,4 +20,4 @@ export interface EmojiPickerViewProps {
     className?: string;
     style?: CSSProperties;
 }
-export declare function EmojiPickerView({ value, onChange, disabled, size, width, borderRadius, color, className, style, }: EmojiPickerViewProps): import("react").JSX.Element;
+export declare function EmojiPickerView({ testId, value, onChange, disabled, size, width, borderRadius, color, className, style, }: EmojiPickerViewProps): import("react").JSX.Element;

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

@@ -1,6 +1,15 @@
 import { CSSProperties } from 'react';
 import { DuiSize } from '../../core/DuiTypes';
 export interface FeedbackWidgetViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     question?: string;
     vote: 'up' | 'down' | null;
     onVote: (vote: 'up' | 'down') => void;
@@ -13,4 +22,4 @@ export interface FeedbackWidgetViewProps {
     style?: CSSProperties;
 }
 /** Thumbs up/down + optional comment micro-survey. */
-export declare function FeedbackWidgetView({ question, vote, onVote, comment, onCommentChange, onSubmit, size, color, className, style, }: FeedbackWidgetViewProps): import("react").JSX.Element;
+export declare function FeedbackWidgetView({ testId, question, vote, onVote, comment, onCommentChange, onSubmit, size, color, className, style, }: FeedbackWidgetViewProps): import("react").JSX.Element;

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

@@ -7,6 +7,15 @@ export interface FileDropzoneEntry {
     error?: string;
 }
 export interface FileDropzoneViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     files: FileDropzoneEntry[];
     onFilesAdded: (files: File[]) => void;
     onRemove: (index: number) => void;
@@ -20,4 +29,4 @@ export interface FileDropzoneViewProps {
     className?: string;
     style?: CSSProperties;
 }
-export declare function FileDropzoneView({ files, onFilesAdded, onRemove, accept, multiple, disabled, size, width, borderRadius, color, className, style, }: FileDropzoneViewProps): import("react").JSX.Element;
+export declare function FileDropzoneView({ testId, files, onFilesAdded, onRemove, accept, multiple, disabled, size, width, borderRadius, color, className, style, }: FileDropzoneViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface FilterInputViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    size?: DuiSize;
+    width?: string | number;
+    /** Colour the icon takes once the filter is doing something. */
+    accentColor?: string;
+    /** Replaces the clear button, for a caller that needs its own control. */
+    suffix?: ReactNode;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    autoFocus?: boolean;
+}
+export declare function FilterInputView({ testId, value, onChange, placeholder, size, width, accentColor, suffix, onKeyDown, autoFocus, }: FilterInputViewProps): import("react").JSX.Element;

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

@@ -1,6 +1,15 @@
 import { CSSProperties } from 'react';
 import { DuiSize, DuiWidth, DuiRadius } from '../../core/DuiTypes';
 export interface FloatingLabelInputViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     label: string;
     value: string;
     onChange: (value: string) => void;
@@ -14,4 +23,4 @@ export interface FloatingLabelInputViewProps {
     style?: CSSProperties;
 }
 /** Floating-label input, distinct from TextInputView's static placeholder. */
-export declare function FloatingLabelInputView({ label, value, onChange, type, disabled, size, width, borderRadius, color, className, style, }: FloatingLabelInputViewProps): import("react").JSX.Element;
+export declare function FloatingLabelInputView({ testId, label, value, onChange, type, disabled, size, width, borderRadius, color, className, style, }: FloatingLabelInputViewProps): import("react").JSX.Element;

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

@@ -9,6 +9,15 @@ export interface FormDataRow {
     fileMimeTypes?: string[];
 }
 export interface FormDataTableViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     rows: FormDataRow[];
     onChange: (rows: FormDataRow[]) => void;
     /** Called when a file row's picker resolves. Pass undefined to handle file reads externally. */
@@ -19,4 +28,4 @@ export interface FormDataTableViewProps {
     className?: string;
     style?: React.CSSProperties;
 }
-export declare function FormDataTableView({ rows, onChange, onFileSelect, accentColor, label, hideToolbar, className, style, }: FormDataTableViewProps): import("react").JSX.Element;
+export declare function FormDataTableView({ testId, rows, onChange, onFileSelect, accentColor, label, hideToolbar, className, style, }: FormDataTableViewProps): import("react").JSX.Element;

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

@@ -1,6 +1,15 @@
 import { CSSProperties } from 'react';
 import { DuiSize, DuiWidth, DuiRadius } from '../../core/DuiTypes';
 export interface GhostTypingPlaceholderViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     value: string;
     onChange: (value: string) => void;
     /** Rotating example queries typed/backspaced into the placeholder slot. */
@@ -16,4 +25,4 @@ export interface GhostTypingPlaceholderViewProps {
     style?: CSSProperties;
 }
 /** An input placeholder that types out rotating example queries, pauses, then backspaces into the next one. */
-export declare function GhostTypingPlaceholderView({ value, onChange, examples, speed, pause, size, width, borderRadius, color, className, style, }: GhostTypingPlaceholderViewProps): import("react").JSX.Element;
+export declare function GhostTypingPlaceholderView({ testId, value, onChange, examples, speed, pause, size, width, borderRadius, color, className, style, }: GhostTypingPlaceholderViewProps): import("react").JSX.Element;

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

@@ -1,4 +1,13 @@
 export interface HiddenKeyValueItemViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     keyValue: string;
     value: string;
     /** Small colored pill badge on the key — e.g. "auth", "cookie" */
@@ -19,4 +28,4 @@ export interface HiddenKeyValueItemViewProps {
  * Ditto the lock-icon + dashed-border pattern from ComputedHeaderList —
  * "Hidden" describes system-managed/locked fields; Daakia's visual style is kept.
  */
-export declare function HiddenKeyValueItemView({ keyValue, value, badge, badgeColor, icon, masked, onDelete, deleteTitle, showDescription, className, }: HiddenKeyValueItemViewProps): import("react").JSX.Element;
+export declare function HiddenKeyValueItemView({ testId, keyValue, value, badge, badgeColor, icon, masked, onDelete, deleteTitle, showDescription, className, }: HiddenKeyValueItemViewProps): import("react").JSX.Element;

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

@@ -4,6 +4,17 @@ export interface MockServerSuggestion {
     name: string;
 }
 export interface HighlightedInputViewProps {
+    /**
+     * A stable hook for tests and the demo recorder.
+     *
+     * Lands on the element somebody actually types into — which, for this
+     * component, is a `contenteditable` div whose placeholder is a decorative
+     * `<span>`. Playwright's `getByPlaceholder` therefore never finds it, and a
+     * recorder that assumed it would spent a whole take typing into nothing.
+     * Give it a `testId` and it can be addressed by contract instead of by
+     * guessing at dui's internals.
+     */
+    testId?: string;
     value: string;
     onChange: (value: string) => void;
     onKeyDown?: (e: React.KeyboardEvent) => void;
@@ -23,4 +34,4 @@ export interface HighlightedInputViewProps {
     style?: React.CSSProperties;
     className?: string;
 }
-export declare function HighlightedInputView({ value, onChange, onKeyDown, onBlur, placeholder, suggestions, mockServers, disabled, accentColor, size, height, borderRadius, style, className, }: HighlightedInputViewProps): import("react").JSX.Element;
+export declare function HighlightedInputView({ testId, value, onChange, onKeyDown, onBlur, placeholder, suggestions, mockServers, disabled, accentColor, size, height, borderRadius, style, className, }: HighlightedInputViewProps): import("react").JSX.Element;

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

@@ -1,6 +1,15 @@
 import { CSSProperties } from 'react';
 import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
 export interface IconPickerViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     value: string | null;
     onChange: (iconName: string) => void;
     disabled?: boolean;
@@ -11,4 +20,4 @@ export interface IconPickerViewProps {
     className?: string;
     style?: CSSProperties;
 }
-export declare function IconPickerView({ value, onChange, disabled, size, width, borderRadius, color, className, style, }: IconPickerViewProps): import("react").JSX.Element;
+export declare function IconPickerView({ testId, value, onChange, disabled, size, width, borderRadius, color, className, style, }: IconPickerViewProps): import("react").JSX.Element;

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

@@ -1,5 +1,14 @@
 import { CSSProperties } from 'react';
 export interface InlineEditTextViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     /** Current committed value. */
     value: string;
     /** Shown (dimmed by the consumer's CSS) when value is empty, and as the edit box placeholder. */
@@ -27,4 +36,4 @@ export interface InlineEditTextViewProps {
  *
  * Enter saves (Shift+Enter = newline when multiline), Escape cancels, blur saves.
  */
-export declare function InlineEditTextView({ value, placeholder, onSave, multiline, disabled, className, accentColor, tooltip, style, }: InlineEditTextViewProps): import("react").JSX.Element;
+export declare function InlineEditTextView({ testId, value, placeholder, onSave, multiline, disabled, className, accentColor, tooltip, style, }: InlineEditTextViewProps): import("react").JSX.Element;

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

@@ -1,6 +1,15 @@
 import { CSSProperties } from 'react';
 import { DuiSize, DuiRadius } from '../../core/DuiTypes';
 export interface InviteInputViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     emails: string[];
     onChange: (emails: string[]) => void;
     placeholder?: string;
@@ -12,4 +21,4 @@ export interface InviteInputViewProps {
     style?: CSSProperties;
 }
 /** Email-chip input specialized for multi-invite forms — validates each entry before adding. */
-export declare function InviteInputView({ emails, onChange, placeholder, disabled, size, borderRadius, color, className, style, }: InviteInputViewProps): import("react").JSX.Element;
+export declare function InviteInputView({ testId, emails, onChange, placeholder, disabled, size, borderRadius, color, className, style, }: InviteInputViewProps): import("react").JSX.Element;

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

@@ -1,5 +1,14 @@
 import { DuiSize } from '../../core/DuiTypes';
 export interface KeyValueTableRowViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     rowKey: string;
     value: string;
     description?: string;
@@ -28,4 +37,4 @@ export interface KeyValueTableRowViewProps {
     onEnabledChange?: (enabled: boolean) => void;
     onRemove?: () => void;
 }
-export declare function KeyValueTableRowView({ rowKey, value, description, enabled, readOnly, masked, maskSensitive, deletable, showDescription, placeholder, autocompleteKeys, size, onKeyChange, onValueChange, onDescriptionChange, onEnabledChange, onRemove, }: KeyValueTableRowViewProps): import("react").JSX.Element;
+export declare function KeyValueTableRowView({ testId, rowKey, value, description, enabled, readOnly, masked, maskSensitive, deletable, showDescription, placeholder, autocompleteKeys, size, onKeyChange, onValueChange, onDescriptionChange, onEnabledChange, onRemove, }: KeyValueTableRowViewProps): import("react").JSX.Element;

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

@@ -24,6 +24,15 @@ export interface PinnedKeyValueRow {
     masked?: boolean;
 }
 export interface KeyValueTableViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     rows: KeyValueTableRow[];
     onChange: (rows: KeyValueTableRow[]) => void;
     showDescription?: boolean;
@@ -56,4 +65,4 @@ export interface KeyValueTableViewProps {
     /** Called when a deletable pinned row is removed */
     onPinnedRemove?: (id: string) => void;
 }
-export declare function KeyValueTableView({ rows, onChange, showDescription, placeholder, className, autocompleteKeys, maskSensitive, hideToolbar, label, accentColor, toolbarExtra, size, bordered, pinnedTopRows, onPinnedRemove, }: KeyValueTableViewProps): import("react").JSX.Element;
+export declare function KeyValueTableView({ testId, rows, onChange, showDescription, placeholder, className, autocompleteKeys, maskSensitive, hideToolbar, label, accentColor, toolbarExtra, size, bordered, pinnedTopRows, onPinnedRemove, }: KeyValueTableViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,30 @@
+import { CSSProperties } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export type MarkdownEditorMode = 'rich' | 'markdown';
+export interface MarkdownEditorViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
+    value: string;
+    onChange: (markdown: string) => void;
+    /** Controlled view. Left uncontrolled, the editor keeps its own. */
+    mode?: MarkdownEditorMode;
+    onModeChange?: (mode: MarkdownEditorMode) => void;
+    placeholder?: string;
+    /** Hides the Rich Text / Markdown switch when the caller draws its own. */
+    showModeToggle?: boolean;
+    /** Extra controls in the toolbar's right-hand end — a Save button, say. */
+    toolbarRight?: React.ReactNode;
+    readOnly?: boolean;
+    size?: DuiSize;
+    accentColor?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function MarkdownEditorView({ testId, value, onChange, mode: modeProp, onModeChange, placeholder, showModeToggle, toolbarRight, readOnly, size, accentColor, className, style, }: MarkdownEditorViewProps): import("react").JSX.Element;

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

@@ -5,6 +5,15 @@ import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
  * Any other character in the mask is a literal separator, auto-inserted.
  */
 export interface MaskedInputViewProps {
+    /**
+     * A stable hook for tests and automation.
+     *
+     * Lands on this component's root element as `data-testid`. Worth setting on
+     * anything a test drives: several dui inputs render a `contenteditable` div
+     * with a decorative placeholder span, which neither `getByPlaceholder` nor
+     * `getByRole` reliably finds.
+     */
+    testId?: string;
     value: string;
     onChange: (value: string) => void;
     mask: string;
@@ -18,4 +27,4 @@ export interface MaskedInputViewProps {
     style?: CSSProperties;
 }
 export declare function applyMask(mask: string, raw: string): string;
-export declare function MaskedInputView({ value, onChange, mask, placeholder, disabled, size, width, borderRadius, color, className, style, }: MaskedInputViewProps): import("react").JSX.Element;
+export declare function MaskedInputView({ testId, value, onChange, mask, placeholder, disabled, size, width, borderRadius, color, className, style, }: MaskedInputViewProps): import("react").JSX.Element;