@salilvnair/dui 1.0.0 → 1.0.2

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

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface TagCloudEntry {
+    label: string;
+    /** Relative weight — determines font size within the cloud. */
+    weight: number;
+    onClick?: () => void;
+}
+export interface TagCloudViewProps {
+    tags: TagCloudEntry[];
+    size?: DuiSize;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Weighted tag cloud — font size scales with each tag's relative weight. */
+export declare function TagCloudView({ tags, size, color, className, style, }: TagCloudViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { CSSProperties, ReactNode } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface TeamMemberRowViewProps {
+    name: string;
+    role: string;
+    avatar?: ReactNode;
+    onRemove?: () => void;
+    size?: DuiSize;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Avatar + name + role + remove-action row — team management list item. */
+export declare function TeamMemberRowView({ name, role, avatar, onRemove, size, className, style, }: TeamMemberRowViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+export interface TerminalBlockViewProps {
+    code: string;
+    title?: string;
+    /** Defaults to following DuiProvider's data-theme */
+    dark?: boolean;
+    className?: string;
+}
+export declare function TerminalBlockView({ code, title, dark, className }: TerminalBlockViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { CSSProperties, ReactNode } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface TestimonialCardViewProps {
+    quote: string;
+    author: string;
+    role?: string;
+    avatar?: ReactNode;
+    size?: DuiSize;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Quote + avatar testimonial card. */
+export declare function TestimonialCardView({ quote, author, role, avatar, size, className, style, }: TestimonialCardViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { CSSProperties, ReactNode } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface TiltCardViewProps {
+    children: ReactNode;
+    /** Max tilt angle in degrees. Default 10. */
+    maxTilt?: number;
+    size?: DuiSize;
+    className?: string;
+    style?: CSSProperties;
+}
+/** 3D perspective tilt-on-hover card. */
+export declare function TiltCardView({ children, maxTilt, size, className, style, }: TiltCardViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,20 @@
+import { CSSProperties, ReactNode } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface TimelineEntry {
+    id: string;
+    icon?: ReactNode;
+    title: ReactNode;
+    timestamp?: string;
+    content?: ReactNode;
+    color?: string;
+}
+export interface TimelineViewProps {
+    entries: TimelineEntry[];
+    orientation?: 'vertical' | 'horizontal';
+    size?: DuiSize;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Event trail with icon nodes — vertical (default) or horizontal. */
+export declare function TimelineView({ entries, orientation, size, color, className, style, }: TimelineViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface TrialCountdownBannerViewProps {
+    daysLeft: number;
+    onUpgrade: () => void;
+    size?: DuiSize;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/** "N days left in trial" strip with an upgrade CTA. */
+export declare function TrialCountdownBannerView({ daysLeft, onUpgrade, size, color, className, style, }: TrialCountdownBannerViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface TypewriterTextViewProps {
+    text: string | string[];
+    /** Milliseconds per character. Default 45. */
+    speed?: number;
+    /** Pause (ms) between cycling to the next string when `text` is an array. Default 1500. */
+    pause?: number;
+    loop?: boolean;
+    size?: DuiSize;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Animated typing-effect text. */
+export declare function TypewriterTextView({ text, speed, pause, loop, size, color, className, style, }: TypewriterTextViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface TypingIndicatorViewProps {
+    label?: string;
+    size?: DuiSize;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Animated "…is typing" dots. */
+export declare function TypingIndicatorView({ label, size, color, className, style, }: TypingIndicatorViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { CSSProperties } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface UndoRedoNode {
+    id: string;
+    label: string;
+    /** Parent node id — omit for the root. */
+    parentId?: string;
+}
+export interface UndoRedoTimelineViewProps {
+    nodes: UndoRedoNode[];
+    activeId: string;
+    onSelect: (id: string) => void;
+    size?: DuiSize;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/** History rendered as a branching git-log graph — jump to any node, diverging edits show as visible branches. */
+export declare function UndoRedoTimelineView({ nodes, activeId, onSelect, size, color, className, style, }: UndoRedoTimelineViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+import { DuiSize, DuiWidth } from '../../core/DuiTypes';
+export interface UsageMeterViewProps {
+    used: number;
+    limit: number;
+    label?: string;
+    /** Fraction (0-1) at which the bar turns warning-colored. Default 0.75. */
+    warningAt?: number;
+    /** Fraction (0-1) at which the bar turns error-colored. Default 0.9. */
+    dangerAt?: number;
+    size?: DuiSize;
+    width?: DuiWidth;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Quota bar (used/limit) with warning-color thresholds. */
+export declare function UsageMeterView({ used, limit, label, warningAt, dangerAt, size, width, className, style, }: UsageMeterViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { CSSProperties } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface VersionBadgeViewProps {
+    version: string;
+    updateAvailable?: boolean;
+    onClick?: () => void;
+    size?: DuiSize;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Version number chip with an "update available" dot indicator. */
+export declare function VersionBadgeView({ version, updateAvailable, onClick, size, color, className, style, }: VersionBadgeViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+export interface VideoPlayerViewProps {
+    src: string;
+    poster?: string;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Custom video controls wrapper — play/pause, seek, volume. */
+export declare function VideoPlayerView({ src, poster, color, className, style, }: VideoPlayerViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface VirtualizedListViewProps<T> {
+    items: T[];
+    itemHeight: number;
+    height: number;
+    renderItem: (item: T, index: number) => ReactNode;
+    /** Extra rows rendered above/below the visible window, to reduce blank-on-fast-scroll. Default 4. */
+    overscan?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Windowed rendering for large lists — only mounts rows currently in (or near) the viewport. */
+export declare function VirtualizedListView<T>({ items, itemHeight, height, renderItem, overscan, className, style, }: VirtualizedListViewProps<T>): import("react").JSX.Element;

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

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export type WebhookHealth = 'healthy' | 'failing' | 'disabled';
+export interface WebhookStatusViewProps {
+    url: string;
+    health: WebhookHealth;
+    lastDelivery?: string;
+    statusCode?: number;
+    onRetry?: () => void;
+    size?: DuiSize;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Webhook endpoint health row — last delivery, status code, retry action. */
+export declare function WebhookStatusView({ url, health, lastDelivery, statusCode, onRetry, size, className, style, }: WebhookStatusViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { CSSProperties } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface AvatarUploadViewProps {
+    /** Preview image URL, or null/undefined for the empty state. */
+    src?: string | null;
+    onFileSelected: (file: File) => void;
+    initials?: string;
+    disabled?: boolean;
+    size?: DuiSize;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function AvatarUploadView({ src, onFileSelected, initials, disabled, size, color, className, style, }: AvatarUploadViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,25 @@
+import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
+export type CalendarMode = 'single' | 'range' | 'multi';
+/** Visual treatment for in-range days in `range` mode. */
+export type CalendarRangeStyle = 'tint' | 'block';
+/** ISO `YYYY-MM-DD` date string. */
+export type IsoDate = string;
+export interface CalendarViewProps {
+    mode?: CalendarMode;
+    /** `single`: IsoDate | null. `range`: [IsoDate | null, IsoDate | null]. `multi`: IsoDate[]. */
+    value: IsoDate | null | [IsoDate | null, IsoDate | null] | IsoDate[];
+    onChange: (value: IsoDate | [IsoDate | null, IsoDate | null] | IsoDate[]) => void;
+    minDate?: IsoDate;
+    maxDate?: IsoDate;
+    disabledDates?: (date: Date) => boolean;
+    /** `tint` (default) = soft background on in-range days. `block` = solid connected "snake" of boxes. */
+    rangeStyle?: CalendarRangeStyle;
+    size?: DuiSize;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    /** Accent color for selected day(s) and today's ring. */
+    color?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function CalendarView({ mode, value, onChange, minDate, maxDate, disabledDates, rangeStyle, size, width, borderRadius, color, className, style, }: CalendarViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,23 @@
+import { CSSProperties } from 'react';
+import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
+export interface CascaderOption {
+    value: string;
+    label: string;
+    children?: CascaderOption[];
+}
+export interface CascaderViewProps {
+    options: CascaderOption[];
+    /** Selected path, e.g. ['us', 'ca', 'sf']. */
+    value: string[];
+    onChange: (value: string[]) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: DuiSize;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Multi-level cascading select — region/category trees. */
+export declare function CascaderView({ options, value, onChange, placeholder, disabled, size, width, borderRadius, color, className, style, }: CascaderViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+import { DuiSize, DuiRadius } from '../../core/DuiTypes';
+export interface ChatInputViewProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSend: () => void;
+    onAttach?: (files: FileList) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: DuiSize;
+    borderRadius?: DuiRadius | number;
+    color?: string;
+    className?: string;
+    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;

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

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface ChecklistItem {
+    id: string;
+    label: string;
+    checked: boolean;
+}
+export interface ChecklistViewProps {
+    items: ChecklistItem[];
+    onToggle: (id: string) => void;
+    size?: DuiSize;
+    accentColor?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+/** Todo-style checklist — strikethrough + faded once complete. */
+export declare function ChecklistView({ items, onToggle, size, accentColor, className, style, }: ChecklistViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { CSSProperties } from 'react';
+import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
+export interface ColorPickerViewProps {
+    value: string;
+    onChange: (value: string) => void;
+    swatches?: string[];
+    disabled?: boolean;
+    size?: DuiSize;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function ColorPickerView({ value, onChange, swatches, disabled, size, width, borderRadius, className, style, }: ColorPickerViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,23 @@
+import { CSSProperties } from 'react';
+import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
+export interface ComboBoxOption {
+    value: string;
+    label: string;
+}
+export interface ComboBoxViewProps {
+    options: ComboBoxOption[];
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    /** Allow values not present in `options`. Default true. */
+    freeSolo?: boolean;
+    size?: DuiSize;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    color?: string;
+    className?: string;
+    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;

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

@@ -0,0 +1,17 @@
+import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
+import { IsoDate } from './CalendarView';
+export interface DateInputViewProps {
+    value: IsoDate | null;
+    onChange: (value: IsoDate) => void;
+    placeholder?: string;
+    minDate?: IsoDate;
+    maxDate?: IsoDate;
+    size?: DuiSize;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    color?: string;
+    disabled?: boolean;
+    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;

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

@@ -0,0 +1,26 @@
+import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
+import { IsoDate, CalendarRangeStyle } from './CalendarView';
+export interface DateRangePreset {
+    label: string;
+    getRange: () => [IsoDate, IsoDate];
+}
+/** `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 {
+    value: [IsoDate | null, IsoDate | null];
+    onChange: (value: [IsoDate | null, IsoDate | null]) => void;
+    presets?: DateRangePreset[];
+    variant?: DateRangePickerVariant;
+    /** Visual treatment for in-range days — see `CalendarView`. Defaults to `block` here (a connected "snake" of boxes reads better in a range picker). */
+    rangeStyle?: CalendarRangeStyle;
+    minDate?: IsoDate;
+    maxDate?: IsoDate;
+    size?: DuiSize;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    color?: string;
+    className?: string;
+    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;

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

@@ -0,0 +1,30 @@
+import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
+import { IsoDate } from './CalendarView';
+/** Local `YYYY-MM-DDTHH:mm` — no timezone suffix, same shape a native
+ * `<input type="datetime-local">` produces, so it's a drop-in replacement. */
+export type IsoDateTime = string;
+export interface DateTimeInputViewProps {
+    value: IsoDateTime | null;
+    onChange: (value: IsoDateTime) => void;
+    placeholder?: string;
+    minDate?: IsoDate;
+    maxDate?: IsoDate;
+    use24Hour?: boolean;
+    minuteStep?: number;
+    size?: DuiSize;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    color?: string;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * DateTimeInputView — a proper DUI-styled replacement for the native
+ * `<input type="datetime-local">`, whose picker chrome is OS-rendered and
+ * looks inconsistent with everything else in the app. Composes the existing
+ * `CalendarView` (date grid) and `TimeWheelView` (hour/minute/meridiem
+ * 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;

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

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface DialKnobInputViewProps {
+    value: number;
+    min?: number;
+    max?: number;
+    /** Number of discrete snap-ticks across the full sweep. Default 10. */
+    ticks?: number;
+    onChange: (value: number) => void;
+    label?: string;
+    size?: DuiSize;
+    color?: string;
+    className?: string;
+    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;

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

@@ -143,7 +143,7 @@ export interface EditorOptions {
         bottom?: number;
     };
 }
-export type EditorLanguage = 'javascript' | 'typescript' | 'json' | 'xml' | 'html' | 'css' | 'graphql' | 'python' | 'yaml' | 'sql' | 'plaintext' | 'markdown' | 'java';
+export type EditorLanguage = 'javascript' | 'typescript' | 'json' | 'xml' | 'html' | 'css' | 'graphql' | 'python' | 'yaml' | 'sql' | 'plaintext' | 'markdown' | 'java' | 'proto';
 export interface EditorViewProps {
     value: string;
     onChange?: (value: string) => void;

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

@@ -0,0 +1,14 @@
+import { CSSProperties } from 'react';
+import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
+export interface EmojiPickerViewProps {
+    value: string | null;
+    onChange: (emoji: string) => void;
+    disabled?: boolean;
+    size?: DuiSize;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function EmojiPickerView({ value, onChange, disabled, size, width, borderRadius, color, className, style, }: EmojiPickerViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface FeedbackWidgetViewProps {
+    question?: string;
+    vote: 'up' | 'down' | null;
+    onVote: (vote: 'up' | 'down') => void;
+    comment?: string;
+    onCommentChange?: (comment: string) => void;
+    onSubmit?: () => void;
+    size?: DuiSize;
+    color?: string;
+    className?: string;
+    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;

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

@@ -0,0 +1,23 @@
+import { CSSProperties } from 'react';
+import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
+export interface FileDropzoneEntry {
+    file: File;
+    /** 0-100. Omit or 100 for "done". */
+    progress?: number;
+    error?: string;
+}
+export interface FileDropzoneViewProps {
+    files: FileDropzoneEntry[];
+    onFilesAdded: (files: File[]) => void;
+    onRemove: (index: number) => void;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    size?: DuiSize;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    color?: string;
+    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;

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

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+import { DuiSize, DuiWidth, DuiRadius } from '../../core/DuiTypes';
+export interface FloatingLabelInputViewProps {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    type?: string;
+    disabled?: boolean;
+    size?: DuiSize;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    color?: string;
+    className?: string;
+    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;

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

@@ -0,0 +1,19 @@
+import { CSSProperties } from 'react';
+import { DuiSize, DuiWidth, DuiRadius } from '../../core/DuiTypes';
+export interface GhostTypingPlaceholderViewProps {
+    value: string;
+    onChange: (value: string) => void;
+    /** Rotating example queries typed/backspaced into the placeholder slot. */
+    examples: string[];
+    /** Milliseconds per character. Default 45. */
+    speed?: number;
+    pause?: number;
+    size?: DuiSize;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    color?: string;
+    className?: string;
+    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;

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

@@ -17,6 +17,6 @@ export interface HiddenKeyValueItemViewProps {
 /**
  * Read-only hidden/system-managed key-value row.
  * Ditto the lock-icon + dashed-border pattern from ComputedHeaderList —
- * "Hidden" is Postman's terminology; Daakia's visual style is kept.
+ * "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;

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

@@ -0,0 +1,14 @@
+import { CSSProperties } from 'react';
+import { DuiSize, DuiRadius, DuiWidth } from '../../core/DuiTypes';
+export interface IconPickerViewProps {
+    value: string | null;
+    onChange: (iconName: string) => void;
+    disabled?: boolean;
+    size?: DuiSize;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    color?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function IconPickerView({ value, onChange, disabled, size, width, borderRadius, color, className, style, }: IconPickerViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,30 @@
+import { CSSProperties } from 'react';
+export interface InlineEditTextViewProps {
+    /** Current committed value. */
+    value: string;
+    /** Shown (dimmed by the consumer's CSS) when value is empty, and as the edit box placeholder. */
+    placeholder?: string;
+    /** Called with the trimmed new value on Enter/blur. May be async — the display dims until it resolves. */
+    onSave: (next: string) => void | Promise<void>;
+    /** Multiline editing (default true): the box auto-grows with content; Shift+Enter inserts a newline, Enter saves. */
+    multiline?: boolean;
+    disabled?: boolean;
+    /** Applied to the display span AND the edit box, so hover affordances style both states. */
+    className?: string;
+    accentColor?: string;
+    /** Hover tooltip on the display span (default "Double-click to edit"). */
+    tooltip?: string;
+    style?: CSSProperties;
+}
+/**
+ * InlineEditTextView — double-click any run of text to edit it in place.
+ *
+ * The edit box is *seamless*: it inherits font, size, line-height, and color
+ * from its context, spans the full width of the line it replaces, auto-grows
+ * for multiline content, and uses negative margins so its padding + border
+ * overlay the text footprint instead of shifting the layout. The result reads
+ * as "the text became editable", not "a form input appeared".
+ *
+ * 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;