@salilvnair/dui 1.0.0

package/dist/lib/components/button/AIButtonView.d.ts

@@ -0,0 +1,20 @@
+import { DuiSize, DuiRadius, DuiWidth, DuiFontStyle } from '../../core/DuiTypes';
+export type AIButtonAction = 'generate' | 'fuzz' | 'explain' | 'fix' | 'ask' | 'suggest';
+export interface AIButtonViewProps {
+    action?: AIButtonAction;
+    label?: string;
+    onClick?: () => void;
+    loading?: boolean;
+    disabled?: boolean;
+    /** Falls back to DuiProvider size when omitted. */
+    size?: DuiSize;
+    /** Shorthand for size="sm" — kept for backwards compat. */
+    compact?: boolean;
+    accentColor?: string;
+    className?: string;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    color?: string;
+    fontStyle?: DuiFontStyle;
+}
+export declare function AIButtonView({ action, label, onClick, loading, disabled, size, compact, accentColor, className, width, borderRadius, color, fontStyle, }: AIButtonViewProps): import("react").JSX.Element;

package/dist/lib/components/button/ButtonView.d.ts

@@ -0,0 +1,28 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { DuiSize, DuiWidth, DuiRadius, DuiFontStyle } from '../../core/DuiTypes';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'accent';
+/** `'default'` is kept for backwards-compat and resolves to context size. */
+export type ButtonSize = 'default' | DuiSize;
+export interface ButtonViewProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    /** true = token border-radius (default), false = 0px (square) */
+    rounded?: boolean;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+    loading?: boolean;
+    /** Override accent color for primary/focus ring */
+    accentColor?: string;
+    /** Alias for children — shown as button label text */
+    label?: string;
+    width?: DuiWidth;
+    borderRadius?: DuiRadius | number;
+    /** Text color override */
+    color?: string;
+    /** Primary/accent color (alias for accentColor with context-level support) */
+    defaultColor?: string;
+    /** Color for active/focus ring state */
+    activeColor?: string;
+    fontStyle?: DuiFontStyle;
+}
+export declare function ButtonView({ variant, size, rounded, iconLeft, iconRight, loading, accentColor, label, children, disabled, style, className, width, borderRadius, color, defaultColor, activeColor, fontStyle, ...rest }: ButtonViewProps): import("react").JSX.Element;

package/dist/lib/components/button/DropDownButtonView.d.ts

@@ -0,0 +1,19 @@
+import { ButtonVariant, ButtonSize } from './ButtonView';
+import { ContextMenuItem } from '../modal/ContextMenuView';
+export interface DropDownButtonViewProps {
+    label: string;
+    /** Optional icon shown to the left of the label text */
+    icon?: React.ReactNode;
+    variant?: ButtonVariant;
+    /** Falls back to DuiProvider size when omitted or 'default'. */
+    size?: ButtonSize;
+    rounded?: boolean;
+    items: ContextMenuItem[];
+    accentColor?: string;
+    disabled?: boolean;
+    onPrimaryClick?: () => void;
+    className?: string;
+    /** Dropdown alignment. 'right' keeps menu right-edge aligned with button (opens leftward). */
+    align?: 'auto' | 'left' | 'right';
+}
+export declare function DropDownButtonView({ label, icon, variant, size, rounded, items, accentColor, disabled, onPrimaryClick, className, align, }: DropDownButtonViewProps): import("react").JSX.Element;

package/dist/lib/components/button/IconButtonView.d.ts

@@ -0,0 +1,22 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { DuiRadius } from '../../core/DuiTypes';
+export type IconButtonSize = 'default' | 'sm' | 'md' | 'lg' | 'xl';
+export type IconButtonVariant = 'ghost' | 'filled';
+export interface IconButtonViewProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    icon: ReactNode;
+    size?: IconButtonSize;
+    /** true = 4px radius (default), false = 0px */
+    rounded?: boolean;
+    tooltip?: string;
+    variant?: IconButtonVariant;
+    /** Override accent color */
+    accentColor?: string;
+    /** Color when active=true */
+    activeColor?: string;
+    /** Shows active state */
+    active?: boolean;
+    borderRadius?: DuiRadius | number;
+    /** Text/icon color override */
+    color?: string;
+}
+export declare function IconButtonView({ icon, size, rounded, tooltip, variant, accentColor, activeColor, active, disabled, style, className, borderRadius, color, ...rest }: IconButtonViewProps): import("react").JSX.Element;

package/dist/lib/components/button/SegmentedView.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties, ReactNode } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+export interface SegmentedOption {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+}
+export interface SegmentedViewProps {
+    options: SegmentedOption[];
+    value: string;
+    onChange: (id: string) => void;
+    size?: DuiSize;
+    accentColor?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function SegmentedView({ options, value, onChange, size, accentColor, className, style, }: SegmentedViewProps): import("react").JSX.Element;

package/dist/lib/components/button/SplitButtonView.d.ts

@@ -0,0 +1,23 @@
+import { DuiSize } from '../../core/DuiTypes';
+export interface SplitButtonViewItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    iconColor?: string;
+    shortcut?: string;
+    dividerBefore?: boolean;
+    onClick: () => void;
+}
+export type SplitButtonViewVariant = 'primary' | 'secondary' | 'danger';
+export interface SplitButtonViewProps {
+    label: string;
+    icon?: React.ReactNode;
+    variant?: SplitButtonViewVariant;
+    items: SplitButtonViewItem[];
+    onClick: () => void;
+    disabled?: boolean;
+    /** Falls back to DuiProvider size when omitted. */
+    size?: DuiSize;
+    accentColor?: string;
+}
+export declare function SplitButtonView({ label, icon, variant, items, onClick, disabled, size, accentColor, }: SplitButtonViewProps): import("react").JSX.Element;

package/dist/lib/components/chips/ChipView.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties } from 'react';
+import { DuiSize } from '../../core/DuiTypes';
+/** `'xs'` is a sub-sm alias kept for dense protocol badges. */
+export type ChipViewSize = 'xs' | DuiSize;
+export interface ChipViewProps {
+    label: string;
+    /** CSS variable or raw color value — drives text, border, and auto-derived bg */
+    color?: string;
+    /** Override background explicitly instead of deriving from color */
+    bg?: string;
+    /** Size — falls back to DuiProvider context when omitted (resolves to 'sm' equivalent). */
+    size?: ChipViewSize;
+    /** true = rounded-full (default), false = token border-radius */
+    rounded?: boolean;
+    onClick?: () => void;
+    /** Filled background instead of translucent */
+    active?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function ChipView({ label, color, bg, size, rounded, onClick, active, className, style, }: ChipViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,11 @@
+export interface CodeBlockViewProps {
+    code: string;
+    language?: string;
+    showCopyButton?: boolean;
+    showLineNumbers?: boolean;
+    maxHeight?: string;
+    accentColor?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function CodeBlockView({ code, language, showCopyButton, showLineNumbers, maxHeight, accentColor, className, style, }: CodeBlockViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,18 @@
+export interface ColorToken {
+    text: string;
+    color?: string;
+    bold?: boolean;
+    italic?: boolean;
+    mono?: boolean;
+    underline?: boolean;
+    copyable?: boolean;
+}
+export interface ColoredTextViewProps {
+    tokens: ColorToken[];
+    fontSize?: string;
+    lineHeight?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function ColoredTextView({ tokens, fontSize, lineHeight, className, style, }: ColoredTextViewProps): import("react").JSX.Element;
+export declare function parseXmlTokens(xml: string): ColorToken[];

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

@@ -0,0 +1,11 @@
+import { DuiSize } from '../../core/DuiTypes';
+export interface CopyButtonViewProps {
+    text: string;
+    /** DUI size token — controls button dimensions and icon size (default: 'md') */
+    size?: DuiSize;
+    title?: string;
+    accentColor?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function CopyButtonView({ text, size, title, accentColor, className, style, }: CopyButtonViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,27 @@
+import { DuiSize } from '../../core/DuiTypes';
+export interface DataTableColumn<T = Record<string, unknown>> {
+    key: string;
+    label: string;
+    width?: string | number;
+    sortable?: boolean;
+    renderCell?: (row: T, value: unknown) => React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+}
+export interface DataTableViewProps<T = Record<string, unknown>> {
+    columns: DataTableColumn<T>[];
+    rows: T[];
+    keyField?: string;
+    onRowClick?: (row: T) => void;
+    renderExpanded?: (row: T) => React.ReactNode;
+    emptyTitle?: string;
+    emptyMessage?: string;
+    striped?: boolean;
+    /** Reduces padding to match 'sm' size. Prefer `size` for token-aligned sizing. */
+    compact?: boolean;
+    /** Falls back to DuiProvider size when omitted. */
+    size?: DuiSize;
+    sortable?: boolean;
+    maxHeight?: string;
+    className?: string;
+}
+export declare function DataTableView<T extends Record<string, unknown>>({ columns, rows, keyField, onRowClick, renderExpanded, emptyTitle, emptyMessage, striped, compact, size, maxHeight, className, }: DataTableViewProps<T>): import("react").JSX.Element;

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

@@ -0,0 +1,10 @@
+export interface DottedCardViewProps {
+    children: React.ReactNode;
+    title?: string;
+    expandable?: boolean;
+    defaultExpanded?: boolean;
+    accentColor?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function DottedCardView({ children, title, expandable, defaultExpanded, accentColor, className, style, }: DottedCardViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,14 @@
+export interface EmptyStateAction {
+    label: string;
+    onClick: () => void;
+}
+export interface EmptyStateViewProps {
+    icon?: React.ReactNode;
+    title: string;
+    message?: string;
+    action?: EmptyStateAction;
+    accentColor?: string;
+    compact?: boolean;
+    className?: string;
+}
+export declare function EmptyStateView({ icon, title, message, action, accentColor, compact, className, }: EmptyStateViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,14 @@
+export interface ExpandableLogEntryViewProps {
+    icon: React.ReactNode;
+    title: string;
+    /** Short colored label shown after the title (e.g. method, status) */
+    badge?: string;
+    /** CSS color or var() for badge text + tinted background */
+    badgeColor?: string;
+    /** Unix ms timestamp — renders as HH:MM:SS AM/PM if provided */
+    timestamp?: number;
+    defaultExpanded?: boolean;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function ExpandableLogEntryView({ icon, title, badge, badgeColor, timestamp, defaultExpanded, children, className, }: ExpandableLogEntryViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,18 @@
+export interface FeatureItem {
+    id: string;
+    label: string;
+    description?: string;
+    enabled: boolean;
+    onToggle: (enabled: boolean) => void;
+}
+export interface FeatureCategoryViewProps {
+    categoryLabel: string;
+    categoryColor?: string;
+    features: FeatureItem[];
+    defaultExpanded?: boolean;
+    categoryEnabled?: boolean;
+    onCategoryToggle?: (enabled: boolean) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function FeatureCategoryView({ categoryLabel, categoryColor, features, defaultExpanded, categoryEnabled, onCategoryToggle, className, style, }: FeatureCategoryViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,25 @@
+export interface HudItem {
+    id: string;
+    icon: React.ReactNode;
+    onClick?: () => void;
+    title?: string;
+    disabled?: boolean;
+    /** Renders a highlighted active state (e.g. "mute breakpoints" toggled on) */
+    active?: boolean;
+    /** Separator before this item */
+    separator?: boolean;
+}
+export interface HudViewProps {
+    items: HudItem[];
+    /** Short status text rendered after the last item */
+    status?: string;
+    /** Optional accent color — sets --dui-hud-accent CSS custom property */
+    accentColor?: string;
+    /** Optional color used for the active (toggled) button state — sets --dui-hud-active-color */
+    activeColor?: string;
+    className?: string;
+    onDragEnd?: (x: number, y: number) => void;
+    /** Embed in a positioned container — uses position:relative, drag disabled. For showcase/preview use. */
+    contained?: boolean;
+}
+export declare function HudView({ items, status, accentColor, activeColor, className, onDragEnd, contained, }: HudViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,11 @@
+export interface JsonTreeViewProps {
+    data: unknown;
+    /** Optional label shown as the root key */
+    name?: string;
+    /** Expand nodes at depth < defaultExpandDepth (default: 2) */
+    defaultExpandDepth?: number;
+    /** Stop rendering children beyond this depth (default: 8) */
+    maxDepth?: number;
+    className?: string;
+}
+export declare function JsonTreeView({ data, name, defaultExpandDepth, maxDepth, className, }: JsonTreeViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,21 @@
+export interface LiveColorVar {
+    /** CSS custom property name, e.g. "--color-primary" */
+    cssVar: string;
+    /** YAML theme key, e.g. "brand.primary" */
+    yamlKey: string;
+    /** Human-readable label shown above the swatch */
+    label?: string;
+}
+export interface LiveColorCustomizerProps {
+    vars: LiveColorVar[];
+    title?: string;
+    /** When true the grid is always visible; the toggle button is hidden (used when embedded in LivePlayground). */
+    forceOpen?: boolean;
+    /**
+     * When provided, color changes call this instead of document.documentElement.setProperty.
+     * Use this to scope changes to a specific container (e.g. the live preview pane).
+     * value=null means the override is being reset/removed.
+     */
+    onVarChange?: (cssVar: string, value: string | null) => void;
+}
+export declare function LiveColorCustomizer({ vars, title, forceOpen, onVarChange }: LiveColorCustomizerProps): import("react").JSX.Element;

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

@@ -0,0 +1,12 @@
+export type LoaderVariant = 'spinner' | 'dots' | 'skeleton' | 'pulse' | 'progress-bar';
+export type LoaderSize = 'sm' | 'md' | 'lg';
+export interface LoaderViewProps {
+    variant?: LoaderVariant;
+    size?: LoaderSize;
+    accentColor?: string;
+    label?: string;
+    fullscreen?: boolean;
+    progress?: number;
+    className?: string;
+}
+export declare function LoaderView({ variant, size, accentColor, label, fullscreen, progress, className, }: LoaderViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { LanguageFn } from 'highlight.js';
+/**
+ * Register an additional highlight.js language for MarkdownView's code
+ * blocks (and its `highlightAuto()` fallback) without waiting on a dui
+ * version bump. Call once at app startup, before any MarkdownView renders:
+ *
+ *   import lua from 'highlight.js/lib/languages/lua';
+ *   registerMarkdownLanguage('lua', lua);
+ *
+ * Safe to call multiple times / re-register the same name (highlight.js
+ * itself is idempotent about this).
+ */
+export declare function registerMarkdownLanguage(name: string, definition: LanguageFn): void;
+export interface MarkdownViewProps {
+    content: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function MarkdownView({ content, className, style }: MarkdownViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,33 @@
+export interface PromptCardViewProps {
+    id: string;
+    title: string;
+    description?: string;
+    content: string;
+    protocol?: string;
+    protocolColor?: string;
+    isCustom?: boolean;
+    onUse?: (id: string) => void;
+    onEdit?: (id: string) => void;
+    onDelete?: (id: string) => void;
+    onCopy?: (id: string) => void;
+    onClick?: (id: string) => void;
+    accentColor?: string;
+    selected?: boolean;
+    className?: string;
+    /** Override CSS variables for fine-grained theme control */
+    colors?: {
+        avatarBg?: string;
+        avatarText?: string;
+        titleText?: string;
+        bodyText?: string;
+        customBadgeBg?: string;
+        customBadgeText?: string;
+        chipColor?: string;
+        actionIconColor?: string;
+        actionDeleteColor?: string;
+        rowBg?: string;
+        rowBgHover?: string;
+        rowBgSelected?: string;
+    };
+}
+export declare function PromptCardView({ id, title, description, content, protocol, protocolColor, isCustom, onUse, onEdit, onDelete, onCopy, onClick, accentColor, selected, colors, className, }: PromptCardViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,32 @@
+export interface PromptLibraryVariable {
+    pill: string;
+    insert: string;
+    title?: string;
+}
+export interface PromptLibraryEditorTab {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+}
+export interface PromptLibraryEditorViewProps {
+    title: string;
+    description?: string;
+    /** Trigger breadcrumb shown below description */
+    triggerLabel?: string;
+    avatarColor?: string;
+    isCustom?: boolean;
+    isDirty?: boolean;
+    variables?: PromptLibraryVariable[];
+    tabs?: PromptLibraryEditorTab[];
+    activeTabId?: string;
+    onTabChange?: (id: string) => void;
+    content: string;
+    onContentChange?: (content: string) => void;
+    viewMode?: 'preview' | 'edit';
+    onViewModeChange?: (mode: 'preview' | 'edit') => void;
+    onSave?: () => void;
+    onVariableInsert?: (insert: string) => void;
+    accentColor?: string;
+    className?: string;
+}
+export declare function PromptLibraryEditorView({ title, description, triggerLabel, avatarColor, isCustom, isDirty, variables, tabs, activeTabId, onTabChange, content, onContentChange, viewMode, onViewModeChange, onSave, onVariableInsert, accentColor, className, }: PromptLibraryEditorViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,30 @@
+export interface PromptLibraryItem {
+    id: string;
+    title: string;
+    description?: string;
+    avatarColor?: string;
+    protocol?: string;
+    protocolColor?: string;
+    isCustom?: boolean;
+    isModified?: boolean;
+}
+export interface PromptLibraryCategory {
+    id: string;
+    title: string;
+    items: PromptLibraryItem[];
+}
+export interface PromptLibrarySection {
+    id: string;
+    title: string;
+    categories: PromptLibraryCategory[];
+}
+export interface PromptLibraryListViewProps {
+    sections: PromptLibrarySection[];
+    activeId?: string;
+    onSelect?: (id: string) => void;
+    search?: string;
+    onSearchChange?: (v: string) => void;
+    accentColor?: string;
+    className?: string;
+}
+export declare function PromptLibraryListView({ sections, activeId, onSelect, search, onSearchChange, accentColor, className, }: PromptLibraryListViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,26 @@
+/**
+ * StageView — stage status indicators for multi-step processes.
+ *
+ * Three variants:
+ *   StageCheck  — completed step (green check ring, static)
+ *   StageSpin   — active / in-progress step (rotating spinner ring)
+ *   StagePulse  — pending / waiting step (pulsing dot, draws attention without spinning)
+ *
+ * All three accept the same base props for consistency.
+ */
+export interface StageViewBaseProps {
+    /** Step label shown to the right of the indicator */
+    label?: string;
+    /** Sub-label / description shown below label */
+    sublabel?: string;
+    /** Override accent color */
+    color?: string;
+    /** Ring / icon size in px (default 20) */
+    size?: number;
+    /** Text size in px (default 12) */
+    textSize?: number;
+    className?: string;
+}
+export declare function StageCheck({ label, sublabel, color, size, textSize, className }: StageViewBaseProps): import("react").JSX.Element;
+export declare function StageSpin({ label, sublabel, color, size, textSize, className }: StageViewBaseProps): import("react").JSX.Element;
+export declare function StagePulse({ label, sublabel, color, size, textSize, className }: StageViewBaseProps): import("react").JSX.Element;

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

@@ -0,0 +1,15 @@
+export type StatsTrend = 'up' | 'down' | 'neutral';
+export interface StatsCardViewProps {
+    label: string;
+    value: string | number;
+    subValue?: string;
+    icon?: React.ReactNode;
+    unit?: string;
+    trend?: StatsTrend;
+    trendValue?: string;
+    accentColor?: string;
+    compact?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function StatsCardView({ label, value, subValue, icon, unit, trend, trendValue, accentColor, compact, className, style, }: StatsCardViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,14 @@
+export type StatusState = 'idle' | 'connecting' | 'connected' | 'disconnected' | 'error';
+export type StatusSize = 'sm' | 'md' | 'lg';
+export interface StatusIndicatorViewProps {
+    status: StatusState;
+    label?: string;
+    /** Secondary text shown below the label */
+    subtext?: string;
+    showLabel?: boolean;
+    size?: StatusSize;
+    /** Override the dot + label color (CSS variable or value) */
+    accentColor?: string;
+    className?: string;
+}
+export declare function StatusIndicatorView({ status, label, subtext, showLabel, size, accentColor, className, }: StatusIndicatorViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,19 @@
+export type ToastVariant = 'success' | 'error' | 'warning' | 'info';
+export interface Toast {
+    id: string;
+    variant: ToastVariant;
+    title: string;
+    message?: string;
+    duration?: number;
+}
+export interface ToastViewProps {
+    toasts: Toast[];
+    onDismiss: (id: string) => void;
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+}
+export declare function ToastView({ toasts, onDismiss, position }: ToastViewProps): import('react').ReactPortal | null;
+export declare function useToast(): {
+    subscribe: (fn: (t: Toast[]) => void) => () => void;
+    toast: (variant: ToastVariant, title: string, message?: string, duration?: number) => string;
+    dismiss: (id: string) => void;
+};

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

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+export interface YamlKeyChipProps {
+    /** The YAML key name, e.g. "brand.primary" or "component_button.primary_bg" */
+    yamlKey: string;
+    /** Accent color for the badge (CSS var or raw). Defaults to --color-primary. */
+    color?: string;
+    onClick?: () => void;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Monospace badge showing a YAML theme key name.
+ * Used in LiveColorCustomizer to let users know which YAML key controls each color.
+ */
+export declare function YamlKeyChip({ yamlKey, color, onClick, className, style, }: YamlKeyChipProps): import("react").JSX.Element;

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

@@ -0,0 +1,15 @@
+import { DuiSize } from '../../core/DuiTypes';
+/** @deprecated Use `DuiSize` directly. */
+export type CheckboxSize = DuiSize;
+export interface CheckboxViewProps {
+    checked: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    /** Falls back to DuiProvider size when omitted. */
+    size?: DuiSize;
+    accentColor?: string;
+    label?: string;
+    className?: string;
+}
+export declare function CheckboxView({ checked, onChange, disabled, indeterminate, size, accentColor, label, className, }: CheckboxViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,26 @@
+import { EditorViewProps } from './EditorView';
+/** Abstract debug adapter — consumer provides the implementation. */
+export interface DebugEditorAdapter {
+    /** Called when user clicks in the breakpoint gutter to toggle a breakpoint. */
+    onToggleBreakpoint?: (line: number) => void;
+    /** Called when user right-clicks a glyph in the breakpoint gutter. */
+    onGlyphContextMenu?: (line: number, pos: {
+        x: number;
+        y: number;
+    }) => void;
+    /** Called after Monaco mounts — use to attach AI autocomplete or other plugins. */
+    onEditorMount?: (editor: unknown, monaco: unknown) => void;
+}
+export interface DebugEditorViewProps extends Omit<EditorViewProps, 'debugSupported' | 'onToggleBreakpoint' | 'onGlyphContextMenu' | 'onEditorMount'> {
+    /** Pluggable debug adapter — consumer supplies all callbacks. */
+    adapter?: DebugEditorAdapter;
+    /** Active breakpoint line numbers. */
+    breakpoints?: number[];
+    /** Line numbers whose breakpoints are disabled (greyed out). */
+    disabledBreakpoints?: number[];
+    /** Line numbers with conditional breakpoints (shown in amber). */
+    conditionalBreakpointLines?: number[];
+    /** Currently paused line — rendered with a yellow highlight bar. */
+    pausedLine?: number | null;
+}
+export declare function DebugEditorView({ adapter, breakpoints, disabledBreakpoints, conditionalBreakpointLines, pausedLine, ...rest }: DebugEditorViewProps): import("react").JSX.Element;

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

@@ -0,0 +1,18 @@
+export interface DiffEditorViewProps {
+    original: string;
+    modified: string;
+    language?: string;
+    height?: number | string;
+    readOnly?: boolean;
+    renderSideBySide?: boolean;
+    wordWrap?: boolean;
+    fontSize?: number;
+    theme?: string;
+    onMount?: (editor: any, monaco: any) => void;
+}
+/**
+ * DUI's diff editor. Same optionality contract as EditorView: Monaco-backed
+ * once the consumer installs the Monaco packages and imports
+ * '@salilvnair/dui/monaco-setup'; a plain-text line diff otherwise.
+ */
+export declare function DiffEditorView(props: DiffEditorViewProps): import("react").JSX.Element;