@asymmetric-effort/specifyjs 0.0.6

package/dist/specifyjs-components.d.ts

@@ -0,0 +1,2094 @@
+import * as specifyjs_shared_types from 'specifyjs/shared/types';
+
+interface AnalogClockProps {
+    /** Display format: '12h' or '24h' — in 24h, show 0-23 hour numbers */
+    format?: '12h' | '24h';
+    /** Clock face size in pixels */
+    size?: number;
+    /** Show date below the clock */
+    showDate?: boolean;
+    /** Date format: 'short' (MM/DD/YYYY), 'long' (Month DD, YYYY), 'iso' (YYYY-MM-DD) */
+    dateFormat?: 'short' | 'long' | 'iso';
+    /** Show second hand */
+    showSeconds?: boolean;
+    /** Custom timezone */
+    timezone?: string;
+    /** CSS className */
+    className?: string;
+}
+declare function AnalogClock(props: AnalogClockProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface AvatarProps {
+    /** Image source URL */
+    src?: string;
+    /** Alt text for image */
+    alt?: string;
+    /** User's name (used to generate initials fallback) */
+    name?: string;
+    /** Size preset or pixel number */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+    /** Shape of the avatar */
+    shape?: 'circle' | 'square';
+    /** Background color for initials/fallback */
+    fallbackColor?: string;
+    /** Online status indicator */
+    status?: 'online' | 'offline' | 'busy' | 'away';
+    /** Position of the status dot */
+    statusPosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+}
+declare function Avatar(props: AvatarProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface BadgeProps {
+    /** Numeric count to display */
+    count?: number;
+    /** Maximum count before showing "N+" */
+    max?: number;
+    /** Show a dot instead of a count */
+    dot?: boolean;
+    /** Badge color */
+    color?: string;
+    /** Size preset */
+    size?: 'sm' | 'md' | 'lg';
+    /** Visual variant */
+    variant?: 'solid' | 'outline';
+    /** Child element to overlay the badge on */
+    children?: unknown;
+}
+declare function Badge(props: BadgeProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface DataGridColumn {
+    /** Property key in the row data */
+    key: string;
+    /** Display header text */
+    header: string;
+    /** Column width (CSS value) */
+    width?: string;
+    /** Whether this column is sortable */
+    sortable?: boolean;
+    /** Whether this column shows a filter input */
+    filterable?: boolean;
+    /** Custom cell renderer */
+    render?: (value: unknown, row: Record<string, unknown>) => unknown;
+}
+interface DataGridProps {
+    /** Column definitions */
+    columns: DataGridColumn[];
+    /** Row data */
+    data: Record<string, unknown>[];
+    /** Rows per page (enables pagination when set) */
+    pageSize?: number;
+    /** Current page index (0-based) */
+    currentPage?: number;
+    /** Page change handler */
+    onPageChange?: (page: number) => void;
+    /** Current sort column key */
+    sortBy?: string;
+    /** Sort direction */
+    sortDir?: 'asc' | 'desc';
+    /** Sort change handler */
+    onSort?: (columnKey: string, direction: 'asc' | 'desc') => void;
+    /** Enable row selection checkboxes */
+    selectable?: boolean;
+    /** Currently selected row indices */
+    selectedRows?: number[];
+    /** Selection change handler */
+    onSelectionChange?: (selectedIndices: number[]) => void;
+    /** Alternate row background colors */
+    striped?: boolean;
+    /** Show cell borders */
+    bordered?: boolean;
+    /** Compact row height */
+    compact?: boolean;
+    /** Sticky header on scroll */
+    stickyHeader?: boolean;
+}
+declare function DataGrid(props: DataGridProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface DigitalClockProps {
+    /** Display format: '12h' for AM/PM or '24h' for 24-hour */
+    format?: '12h' | '24h';
+    /** Show date display */
+    showDate?: boolean;
+    /** Date format: 'short' (MM/DD/YYYY), 'long' (Month DD, YYYY), 'iso' (YYYY-MM-DD) */
+    dateFormat?: 'short' | 'long' | 'iso';
+    /** Show seconds */
+    showSeconds?: boolean;
+    /** Custom timezone (e.g., 'America/New_York') */
+    timezone?: string;
+    /** CSS className */
+    className?: string;
+}
+declare function DigitalClock(props: DigitalClockProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface ListViewProps {
+    /** Array of items to render */
+    items: unknown[];
+    /** Render function for each item */
+    renderItem: (item: unknown, index: number) => unknown;
+    /** Unique key extractor per item */
+    keyExtractor: (item: unknown, index: number) => string;
+    /** Show divider between items */
+    divider?: boolean;
+    /** Highlight items on hover */
+    hoverable?: boolean;
+    /** Currently selected item index */
+    selectedIndex?: number;
+    /** Selection handler */
+    onSelect?: (index: number) => void;
+    /** Message shown when items is empty */
+    emptyMessage?: string;
+    /** Optional header element */
+    header?: unknown;
+    /** Optional footer element */
+    footer?: unknown;
+}
+declare function ListView(props: ListViewProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface TagProps {
+    /** Tag label text */
+    label: string;
+    /** Color theme (CSS color or named color) */
+    color?: string;
+    /** Visual variant */
+    variant?: 'solid' | 'outline' | 'subtle';
+    /** Size preset */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show remove/close button */
+    removable?: boolean;
+    /** Remove button handler */
+    onRemove?: () => void;
+    /** Leading icon element */
+    icon?: unknown;
+    /** Click handler (makes tag interactive) */
+    onClick?: () => void;
+    /** Disabled state */
+    disabled?: boolean;
+}
+declare function Tag(props: TagProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface VirtualScrollProps {
+    /** Full array of items */
+    items: unknown[];
+    /** Render function for a single item */
+    renderItem: (item: unknown, index: number) => unknown;
+    /** Fixed height of each item in pixels */
+    itemHeight: number;
+    /** Extra items rendered above/below the viewport */
+    overscan?: number;
+    /** Container height (CSS value, e.g. '400px' or '100%') */
+    height: string;
+}
+declare function VirtualScroll(props: VirtualScrollProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface AlertAction {
+    label: string;
+    onClick: () => void;
+}
+interface AlertProps {
+    /** Alert severity type */
+    type?: 'info' | 'success' | 'warning' | 'error';
+    /** Alert title */
+    title?: string;
+    /** Alert message (children) */
+    message?: unknown;
+    /** Children alias for message */
+    children?: unknown;
+    /** Show close button */
+    closable?: boolean;
+    /** Close callback */
+    onClose?: () => void;
+    /** Custom icon text/emoji; auto-selected by type if omitted */
+    icon?: string;
+    /** Style variant */
+    variant?: 'filled' | 'outline' | 'subtle';
+    /** Optional action button */
+    action?: AlertAction;
+}
+declare function Alert(props: AlertProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props> | null;
+
+interface EmptyStateAction {
+    label: string;
+    onClick: () => void;
+}
+interface EmptyStateProps {
+    /** Large icon or emoji displayed at the top */
+    icon?: string;
+    /** Title text */
+    title?: string;
+    /** Description text */
+    description?: string;
+    /** Call-to-action button */
+    action?: EmptyStateAction;
+    /** Image URL displayed instead of / above the icon */
+    image?: string;
+}
+declare function EmptyState(props: EmptyStateProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface ProgressBarProps {
+    /** Current progress value (0-100) */
+    value?: number;
+    /** Maximum value (default: 100) */
+    max?: number;
+    /** Fill color */
+    color?: string;
+    /** Track background color */
+    backgroundColor?: string;
+    /** Bar height (CSS value) */
+    height?: string;
+    /** Show percentage label */
+    showLabel?: boolean;
+    /** Enable shimmer animation on the filled portion */
+    animated?: boolean;
+    /** Display variant */
+    variant?: 'bar' | 'circular';
+    /** Size for circular variant or bar height shorthand */
+    size?: number | string;
+    /** Indeterminate mode -- animated without a specific value */
+    indeterminate?: boolean;
+}
+declare function ProgressBar(props: ProgressBarProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface SkeletonProps {
+    /** Shape variant */
+    variant?: 'text' | 'circular' | 'rectangular';
+    /** Width (CSS value) */
+    width?: string | number;
+    /** Height (CSS value) */
+    height?: string | number;
+    /** Number of text lines to render (text variant only) */
+    lines?: number;
+    /** Enable shimmer animation (default: true) */
+    animated?: boolean;
+    /** Border radius (CSS value) */
+    borderRadius?: string;
+}
+declare function Skeleton(props: SkeletonProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface SpinnerProps {
+    /** Spinner size: preset name or pixel number */
+    size?: 'sm' | 'md' | 'lg' | number;
+    /** Spinner color */
+    color?: string;
+    /** Stroke thickness in pixels */
+    thickness?: number;
+    /** Animation speed */
+    speed?: 'slow' | 'normal' | 'fast';
+    /** Accessible label for screen readers */
+    label?: string;
+}
+declare function Spinner(props: SpinnerProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface CheckboxProps {
+    /** Whether checkbox is checked */
+    checked: boolean;
+    /** Change handler */
+    onChange: (checked: boolean) => void;
+    /** Label text */
+    label?: string;
+    /** Indeterminate state (overrides checkmark display) */
+    indeterminate?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Error message */
+    error?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function Checkbox(props: CheckboxProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface ColorPickerProps {
+    /** Current color value as hex string (e.g. '#ff0000') */
+    value: string;
+    /** Change handler, receives hex string */
+    onChange: (value: string) => void;
+    /** Preset color swatches */
+    presets?: string[];
+    /** Show hex text input */
+    showInput?: boolean;
+    /** Show alpha/opacity slider (future: reserved) */
+    showAlpha?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Label text */
+    label?: string;
+}
+declare function ColorPicker(props: ColorPickerProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface ColorWheelProps {
+    /** Current color value (hex string) */
+    value?: string;
+    /** Called when color changes */
+    onChange?: (color: string) => void;
+    /** Swatch size in pixels (default: 32) */
+    size?: number;
+    /** Whether to show hex label below swatch (default: true) */
+    showLabel?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Label text */
+    label?: string;
+}
+declare function ColorWheel(props: ColorWheelProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface DatePickerProps {
+    /** Current value (Date object or 'YYYY-MM-DD' string) */
+    value: Date | string | null;
+    /** Change handler, receives ISO date string */
+    onChange: (value: string) => void;
+    /** Display format (default 'YYYY-MM-DD') */
+    format?: string;
+    /** Earliest selectable date */
+    minDate?: Date | string;
+    /** Latest selectable date */
+    maxDate?: Date | string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Label text */
+    label?: string;
+    /** Error message */
+    error?: string;
+}
+declare function DatePicker(props: DatePickerProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface FileUploadProps {
+    /** Change handler, receives array of selected files */
+    onChange: (files: File[]) => void;
+    /** Accepted file types (e.g. 'image/*,.pdf') */
+    accept?: string;
+    /** Allow multiple file selection */
+    multiple?: boolean;
+    /** Maximum file size in bytes */
+    maxSize?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Label text */
+    label?: string;
+    /** Help text */
+    helpText?: string;
+}
+declare function FileUpload(props: FileUploadProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface FormFieldWrapperStyle {
+    /** Container font family */
+    fontFamily?: string;
+    /** Container font size (default: '14px') */
+    fontSize?: string;
+    /** Label color (default: '#374151') */
+    labelColor?: string;
+    /** Label font weight (default: '500') */
+    labelFontWeight?: string;
+    /** Label font size (default: '14px') */
+    labelFontSize?: string;
+    /** Help text color (default: '#6b7280') */
+    helpColor?: string;
+    /** Error text color (default: '#ef4444') */
+    errorColor?: string;
+    /** Error border color applied to child (default: '#ef4444') */
+    errorBorderColor?: string;
+    /** Focus border color hint (default: '#3b82f6') */
+    focusBorderColor?: string;
+    /** Gap between label/field/help (default: '4px') */
+    gap?: string;
+    /** Width (default: '100%') */
+    width?: string | number;
+    /** Custom overrides */
+    custom?: Record<string, string>;
+}
+interface FormFieldWrapperProps {
+    /** Label text */
+    label?: string;
+    /** HTML id to link label to input via htmlFor */
+    htmlFor?: string;
+    /** Help / description text shown below the field */
+    helpText?: string;
+    /** Error message — when set, field enters error state */
+    error?: string;
+    /** Show required asterisk (default: false) */
+    required?: boolean;
+    /** Disabled state (default: false) */
+    disabled?: boolean;
+    /** Styling */
+    styling?: FormFieldWrapperStyle;
+    /** Extra class */
+    className?: string;
+    /** The form control (children) */
+    children?: unknown;
+}
+declare function FormFieldWrapper(props: FormFieldWrapperProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+/**
+ * Shared input styling builder used by textfield, multiline, texteditor.
+ */
+interface InputBaseStyle {
+    padding?: string;
+    border?: string;
+    borderRadius?: string;
+    fontSize?: string;
+    fontFamily?: string;
+    backgroundColor?: string;
+    color?: string;
+    focusBorderColor?: string;
+    errorBorderColor?: string;
+    transition?: string;
+    custom?: Record<string, string>;
+}
+declare function buildInputStyle(s: InputBaseStyle, state: {
+    focused: boolean;
+    error: boolean;
+}): Record<string, string>;
+
+interface MultilineFieldProps {
+    /** Current value (controlled) */
+    value?: string;
+    /** Default value (uncontrolled) */
+    defaultValue?: string;
+    /** Change handler */
+    onChange?: (value: string) => void;
+    /** Blur handler */
+    onBlur?: (value: string) => void;
+    /** Placeholder */
+    placeholder?: string;
+    /** HTML name */
+    name?: string;
+    /** HTML id */
+    id?: string;
+    /** Number of visible rows (default: 4) */
+    rows?: number;
+    /** Max length */
+    maxLength?: number;
+    /** Auto-resize to fit content (default: false) */
+    autoResize?: boolean;
+    /** Min height when auto-resizing */
+    minHeight?: string;
+    /** Max height when auto-resizing */
+    maxHeight?: string;
+    /** Read-only */
+    readOnly?: boolean;
+    /** Disabled */
+    disabled?: boolean;
+    /** Show character count (default: false) */
+    showCount?: boolean;
+    label?: string;
+    helpText?: string;
+    error?: string;
+    required?: boolean;
+    wrapperStyle?: FormFieldWrapperStyle;
+    inputStyle?: InputBaseStyle;
+    className?: string;
+}
+declare function MultilineField(props: MultilineFieldProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface NumberSpinnerProps {
+    /** Current numeric value */
+    value: number;
+    /** Change handler */
+    onChange: (value: number) => void;
+    /** Minimum allowed value */
+    min?: number;
+    /** Maximum allowed value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Prefix text (e.g. '$') */
+    prefix?: string;
+    /** Suffix text (e.g. 'kg') */
+    suffix?: string;
+    /** Label text */
+    label?: string;
+    /** Error message */
+    error?: string;
+}
+declare function NumberSpinner(props: NumberSpinnerProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface RadioGroupProps {
+    /** Available options */
+    options: RadioOption[];
+    /** Currently selected value */
+    value: string;
+    /** Change handler */
+    onChange: (value: string) => void;
+    /** Name attribute for the radio group */
+    name: string;
+    /** Layout direction */
+    direction?: 'horizontal' | 'vertical';
+    /** Disabled state for entire group */
+    disabled?: boolean;
+    /** Error message */
+    error?: string;
+    /** Label for the group */
+    label?: string;
+}
+declare function RadioGroup(props: RadioGroupProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    group?: string;
+}
+interface SelectProps {
+    /** Available options */
+    options: SelectOption[];
+    /** Current selected value (string for single, string[] for multiple) */
+    value: string | string[];
+    /** Change handler */
+    onChange: (value: string | string[]) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Enable search/filter by typing */
+    searchable?: boolean;
+    /** Allow multiple selection */
+    multiple?: boolean;
+    /** Show clear button */
+    clearable?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Error message */
+    error?: string;
+    /** Label text */
+    label?: string;
+    /** Help text */
+    helpText?: string;
+}
+declare function Select(props: SelectProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface SliderMark {
+    value: number;
+    label: string;
+}
+interface SliderProps {
+    /** Current value (number for single, [number, number] for range) */
+    value: number | [number, number];
+    /** Change handler */
+    onChange: (value: number | [number, number]) => void;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Show current value label above thumb */
+    showValue?: boolean;
+    /** Show tick marks at each step */
+    showTicks?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Named marks along the track */
+    marks?: SliderMark[];
+    /** Enable range mode (dual handles) */
+    range?: boolean;
+    /** Label text */
+    label?: string;
+    /** Error message */
+    error?: string;
+}
+declare function Slider(props: SliderProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface TextEditorProps {
+    /** Initial HTML content */
+    value?: string;
+    /** Change handler — receives HTML string */
+    onChange?: (html: string) => void;
+    /** Blur handler */
+    onBlur?: (html: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Minimum height of editing area (default: '200px') */
+    minHeight?: string;
+    /** Maximum height (default: none — grows to fit) */
+    maxHeight?: string;
+    /** Read-only */
+    readOnly?: boolean;
+    /** Disabled */
+    disabled?: boolean;
+    /** Which toolbar buttons to show (default: all) */
+    toolbar?: ToolbarButton[];
+    /** HTML id */
+    id?: string;
+    toolbarStyle?: {
+        backgroundColor?: string;
+        borderBottom?: string;
+        buttonColor?: string;
+        buttonHoverBackground?: string;
+        buttonActiveBackground?: string;
+        buttonSize?: string;
+    };
+    editorStyle?: {
+        padding?: string;
+        backgroundColor?: string;
+        color?: string;
+        fontFamily?: string;
+        fontSize?: string;
+        lineHeight?: string;
+    };
+    label?: string;
+    helpText?: string;
+    error?: string;
+    required?: boolean;
+    wrapperStyle?: FormFieldWrapperStyle;
+}
+type ToolbarButton = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'heading1' | 'heading2' | 'heading3' | 'bulletList' | 'orderedList' | 'blockquote' | 'link' | 'unlink' | 'insertHR' | 'removeFormat' | 'undo' | 'redo';
+declare function TextEditor(props: TextEditorProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface TextFieldProps {
+    /** Current value (controlled) */
+    value?: string;
+    /** Default value (uncontrolled) */
+    defaultValue?: string;
+    /** Change handler */
+    onChange?: (value: string) => void;
+    /** Input event handler (fires on every keystroke) */
+    onInput?: (value: string) => void;
+    /** Blur handler */
+    onBlur?: (value: string) => void;
+    /** Enter key handler */
+    onEnter?: (value: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Input type (default: 'text') */
+    type?: 'text' | 'password' | 'email' | 'url' | 'tel' | 'search' | 'number';
+    /** HTML name attribute */
+    name?: string;
+    /** HTML id */
+    id?: string;
+    /** Max length */
+    maxLength?: number;
+    /** Pattern for validation */
+    pattern?: string;
+    /** Auto-complete hint */
+    autoComplete?: string;
+    /** Autofocus on mount */
+    autoFocus?: boolean;
+    /** Read-only */
+    readOnly?: boolean;
+    /** Disabled */
+    disabled?: boolean;
+    /** Prefix element (icon, text) */
+    prefix?: unknown;
+    /** Suffix element (icon, button) */
+    suffix?: unknown;
+    label?: string;
+    helpText?: string;
+    error?: string;
+    required?: boolean;
+    wrapperStyle?: FormFieldWrapperStyle;
+    inputStyle?: InputBaseStyle;
+    /** Extra class on the input */
+    className?: string;
+}
+declare function TextField(props: TextFieldProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface TimePickerProps {
+    /** Current value in 'HH:MM' or 'HH:MM:SS' format (24h) */
+    value: string;
+    /** Change handler, receives 'HH:MM' or 'HH:MM:SS' string in 24h format */
+    onChange: (value: string) => void;
+    /** Display format */
+    format?: '12h' | '24h';
+    /** Minute increment step */
+    minuteStep?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Label text */
+    label?: string;
+    /** Error message */
+    error?: string;
+    /** When true, show a seconds spinner (default false) */
+    showSeconds?: boolean;
+    /** If provided, display a timezone label next to the time */
+    timezone?: string;
+    /** When true, show a timezone dropdown selector (default false) */
+    showTimezone?: boolean;
+    /** List of timezone strings for the dropdown */
+    timezones?: string[];
+    /** Callback when timezone changes */
+    onTimezoneChange?: (tz: string) => void;
+}
+declare function TimePicker(props: TimePickerProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface ToggleProps {
+    /** Whether toggle is on */
+    checked: boolean;
+    /** Change handler */
+    onChange: (checked: boolean) => void;
+    /** Label text */
+    label?: string;
+    /** Label position relative to toggle */
+    labelPosition?: 'left' | 'right';
+    /** Disabled state */
+    disabled?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Track color when on */
+    onColor?: string;
+    /** Track color when off */
+    offColor?: string;
+}
+declare function Toggle(props: ToggleProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface CardProps {
+    /** Card title displayed in the header */
+    title?: string;
+    /** Subtitle shown below the title */
+    subtitle?: string;
+    /** Slot rendered at the trailing edge of the header (e.g. action button) */
+    headerAction?: unknown;
+    /** Slot rendered as the card footer */
+    footer?: unknown;
+    /** URL for a top image */
+    image?: string;
+    /** Alt text for the top image */
+    imageAlt?: string;
+    /** Enable hover elevation effect (default: false) */
+    hoverable?: boolean;
+    /** Show border (default: true) */
+    bordered?: boolean;
+    /** Shadow level: 'none' | 'sm' | 'md' | 'lg' (default: 'sm') */
+    shadow?: 'none' | 'sm' | 'md' | 'lg';
+    /** Inner padding (CSS value, default: '16px') */
+    padding?: string;
+    /** Border radius (CSS value, default: '8px') */
+    borderRadius?: string;
+    /** Extra inline styles */
+    style?: Record<string, string>;
+    /** Extra class name */
+    className?: string;
+    /** Body content */
+    children?: unknown;
+}
+declare function Card(props: CardProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface FlexContainerProps {
+    /** flex-direction (default: 'row') */
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    /** flex-wrap (default: 'nowrap') */
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    /** Gap between items (CSS value) */
+    gap?: string;
+    /** CSS align-items */
+    alignItems?: string;
+    /** CSS justify-content */
+    justifyContent?: string;
+    /** Use inline-flex instead of flex */
+    inline?: boolean;
+    /** Extra inline styles */
+    style?: Record<string, string>;
+    /** Extra class name */
+    className?: string;
+    /** Children */
+    children?: unknown;
+}
+interface FlexItemProps {
+    /** Shorthand flex property (e.g. '1 1 auto') */
+    flex?: string;
+    /** flex-grow */
+    grow?: number;
+    /** flex-shrink */
+    shrink?: number;
+    /** flex-basis */
+    basis?: string;
+    /** align-self override */
+    alignSelf?: string;
+    /** order */
+    order?: number;
+    /** Extra inline styles */
+    style?: Record<string, string>;
+    /** Extra class name */
+    className?: string;
+    /** Children */
+    children?: unknown;
+}
+declare function FlexContainer(props: FlexContainerProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+declare function FlexItem(props: FlexItemProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface GridBreakpoint {
+    /** Min-width media query value (e.g. '768px') */
+    minWidth: string;
+    /** Column template override at this breakpoint */
+    columns?: number | string;
+    /** Row template override */
+    rows?: string;
+    /** Gap override */
+    gap?: string;
+}
+interface GridProps {
+    /** Number of equal columns or a CSS grid-template-columns string */
+    columns?: number | string;
+    /** CSS grid-template-rows value */
+    rows?: string;
+    /** Gap between grid cells (CSS value, e.g. '16px' or '1rem 2rem') */
+    gap?: string;
+    /** CSS align-items for the grid container */
+    alignItems?: string;
+    /** CSS justify-items for the grid container */
+    justifyItems?: string;
+    /** When set, uses auto-fit with minmax(minColWidth, 1fr) */
+    minColWidth?: string;
+    /** Named grid areas (grid-template-areas lines) */
+    areas?: string[];
+    /** Responsive breakpoints — rendered as inline style overrides via CSS custom properties */
+    responsive?: GridBreakpoint[];
+    /** Extra inline styles */
+    style?: Record<string, string>;
+    /** Extra class name */
+    className?: string;
+    /** Children */
+    children?: unknown;
+}
+interface GridItemProps {
+    /** grid-column value (e.g. 'span 2', '1 / 3') */
+    gridColumn?: string;
+    /** grid-row value */
+    gridRow?: string;
+    /** grid-area name */
+    gridArea?: string;
+    /** CSS align-self */
+    alignSelf?: string;
+    /** CSS justify-self */
+    justifySelf?: string;
+    /** Extra inline styles */
+    style?: Record<string, string>;
+    /** Extra class name */
+    className?: string;
+    /** Children */
+    children?: unknown;
+}
+declare function Grid(props: GridProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+declare function GridItem(props: GridItemProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface PanelProps {
+    /** Panel title */
+    title?: string;
+    /** Whether the panel can be collapsed (default: false) */
+    collapsible?: boolean;
+    /** Initial collapsed state when collapsible (default: false) */
+    defaultCollapsed?: boolean;
+    /** Icon element rendered before the title */
+    icon?: unknown;
+    /** Slot rendered at the trailing edge of the header */
+    headerRight?: unknown;
+    /** Show border (default: true) */
+    bordered?: boolean;
+    /** Shadow: 'none' | 'sm' | 'md' (default: 'none') */
+    shadow?: 'none' | 'sm' | 'md';
+    /** Extra inline styles */
+    style?: Record<string, string>;
+    /** Extra class name */
+    className?: string;
+    /** Body content */
+    children?: unknown;
+}
+declare function Panel(props: PanelProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface ScrollContainerProps {
+    /** Maximum height (CSS value) */
+    maxHeight?: string;
+    /** Maximum width (CSS value) */
+    maxWidth?: string;
+    /** Scroll direction (default: 'vertical') */
+    direction?: 'vertical' | 'horizontal' | 'both';
+    /** Scrollbar visibility (default: 'auto') */
+    showScrollbar?: 'auto' | 'always' | 'hover' | 'never';
+    /** Inner padding (CSS value) */
+    padding?: string;
+    /** Show inset shadow at scroll edges to hint overflow (default: false) */
+    shadow?: boolean;
+    /** Extra inline styles */
+    style?: Record<string, string>;
+    /** Extra class name */
+    className?: string;
+    /** Children */
+    children?: unknown;
+}
+declare function ScrollContainer(props: ScrollContainerProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface SplitterProps {
+    /** Split direction (default: 'horizontal' — left|right panes) */
+    direction?: 'horizontal' | 'vertical';
+    /** Initial split percentage for the first pane (default: 50) */
+    initialSplit?: number;
+    /** Minimum size of either pane in px (default: 50) */
+    minSize?: number;
+    /** Maximum size of the first pane in px */
+    maxSize?: number;
+    /** Divider bar width/height in px (default: 6) */
+    dividerSize?: number;
+    /** Extra inline styles for the container */
+    style?: Record<string, string>;
+    /** Extra class name */
+    className?: string;
+    /** Exactly two children */
+    children?: unknown[];
+}
+declare function Splitter(props: SplitterProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface TabDefinition {
+    /** Unique tab identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional icon element */
+    icon?: unknown;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Tab panel content */
+    content: unknown;
+}
+interface TabsProps {
+    /** Tab definitions */
+    tabs: TabDefinition[];
+    /** Controlled active tab id */
+    activeTab?: string;
+    /** Change handler (receives tab id) */
+    onChange?: (tabId: string) => void;
+    /** Tab list position (default: 'top') */
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    /** Visual variant (default: 'line') */
+    variant?: 'line' | 'card' | 'pill';
+    /** Extra inline styles */
+    style?: Record<string, string>;
+    /** Extra class name */
+    className?: string;
+}
+declare function Tabs(props: TabsProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface CarouselItem {
+    content: unknown;
+    caption?: string;
+}
+interface CarouselProps {
+    /** Carousel items */
+    items: CarouselItem[];
+    /** Enable auto-advance */
+    autoPlay?: boolean;
+    /** Auto-advance interval in ms (default: 5000) */
+    interval?: number;
+    /** Show dot indicators (default: true) */
+    showDots?: boolean;
+    /** Show prev/next arrows (default: true) */
+    showArrows?: boolean;
+    /** Loop from last to first (default: true) */
+    loop?: boolean;
+    /** Transition animation type */
+    animation?: 'slide' | 'fade';
+    /** Called when the active index changes */
+    onChange?: (index: number) => void;
+}
+declare function Carousel(props: CarouselProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface ImageProps {
+    /** Image source URL */
+    src: string;
+    /** Alt text */
+    alt?: string;
+    /** Width (CSS value or number) */
+    width?: string | number;
+    /** Height (CSS value or number) */
+    height?: string | number;
+    /** Fallback URL or element shown on error */
+    fallback?: string | unknown;
+    /** Placeholder shown while loading: 'blur', 'skeleton', or element */
+    placeholder?: 'blur' | 'skeleton' | unknown;
+    /** Enable lazy loading (default: true) */
+    lazy?: boolean;
+    /** CSS object-fit value */
+    objectFit?: string;
+    /** CSS border-radius value */
+    borderRadius?: string;
+    /** Caption text rendered below the image */
+    caption?: string;
+}
+declare function Image(props: ImageProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface VideoPlayerProps {
+    /** Video source URL */
+    src: string;
+    /** Poster image URL */
+    poster?: string;
+    /** Width (CSS value or number) */
+    width?: string | number;
+    /** Height (CSS value or number) */
+    height?: string | number;
+    /** Auto-play video */
+    autoPlay?: boolean;
+    /** Loop playback */
+    loop?: boolean;
+    /** Muted */
+    muted?: boolean;
+    /** Show custom controls (default: true) */
+    controls?: boolean;
+    /** Play callback */
+    onPlay?: () => void;
+    /** Pause callback */
+    onPause?: () => void;
+    /** Ended callback */
+    onEnded?: () => void;
+    /** Time update callback */
+    onTimeUpdate?: (currentTime: number, duration: number) => void;
+}
+declare function VideoPlayer(props: VideoPlayerProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+type NavOrientation = 'horizontal' | 'vertical';
+interface NavWrapperStyle {
+    /** Background color (default: '#ffffff') */
+    backgroundColor?: string;
+    /** Text color (default: '#1f2937') */
+    color?: string;
+    /** Font family (default: inherit) */
+    fontFamily?: string;
+    /** Font size (default: '14px') */
+    fontSize?: string;
+    /** Border (default: '1px solid #e5e7eb') */
+    border?: string;
+    /** Border radius (default: '8px') */
+    borderRadius?: string;
+    /** Padding (default: '0') */
+    padding?: string;
+    /** Box shadow (default: none) */
+    boxShadow?: string;
+    /** Width (default: 'auto') */
+    width?: string | number;
+    /** Max height for scrollable content (default: none) */
+    maxHeight?: string | number;
+    /** Custom inline styles merged last */
+    custom?: Record<string, string>;
+}
+interface NavWrapperProps {
+    /** Orientation of child items (default: 'vertical') */
+    orientation?: NavOrientation;
+    /** ARIA role (default: 'navigation') */
+    role?: string;
+    /** ARIA label */
+    ariaLabel?: string;
+    /** Styling configuration */
+    styling?: NavWrapperStyle;
+    /** Extra CSS class name */
+    className?: string;
+    /** Enable keyboard navigation with arrow keys (default: true) */
+    keyboardNav?: boolean;
+    /** Children */
+    children?: unknown;
+}
+declare function NavWrapper(props: NavWrapperProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+interface NavItemStyle {
+    /** Padding (default: '10px 16px') */
+    padding?: string;
+    /** Hover background (default: '#f3f4f6') */
+    hoverBackground?: string;
+    /** Active/selected background (default: '#eff6ff') */
+    activeBackground?: string;
+    /** Active text color (default: '#2563eb') */
+    activeColor?: string;
+    /** Border bottom between items (default: none) */
+    separator?: string;
+    /** Cursor (default: 'pointer') */
+    cursor?: string;
+    /** Transition (default: 'background-color 0.15s') */
+    transition?: string;
+}
+/**
+ * Build common inline styles for a navigation item.
+ */
+declare function buildNavItemStyle(s: NavItemStyle, state: {
+    hover: boolean;
+    active: boolean;
+}): Record<string, string>;
+/**
+ * useHover — simple hover state hook for nav items.
+ */
+declare function useHover(): {
+    hover: boolean;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+};
+
+interface AccordionSection {
+    /** Unique identifier for the section */
+    id: string;
+    /** Text displayed in the section header */
+    header: string;
+    /** Content rendered when the section is expanded */
+    content: unknown;
+    /** Optional icon displayed in the header */
+    icon?: string;
+    /** When true, section cannot be toggled */
+    disabled?: boolean;
+}
+interface AccordionHeaderStyle {
+    padding?: string;
+    backgroundColor?: string;
+    hoverBackground?: string;
+    color?: string;
+    fontWeight?: string;
+    fontSize?: string;
+    borderBottom?: string;
+}
+interface AccordionContentStyle {
+    padding?: string;
+    backgroundColor?: string;
+    borderBottom?: string;
+}
+interface AccordionProps {
+    /** Array of sections to render */
+    sections: AccordionSection[];
+    /** IDs of sections that should be expanded on initial render */
+    defaultExpanded?: string[];
+    /** Allow multiple sections to be open at the same time (default: false) */
+    allowMultiple?: boolean;
+    /** Styling for section headers */
+    headerStyle?: AccordionHeaderStyle;
+    /** Styling for section content panels */
+    contentStyle?: AccordionContentStyle;
+    /** Styling passed through to the NavWrapper container */
+    wrapperStyle?: NavWrapperStyle;
+    /** Icon shown on collapsed sections (default: '+') */
+    expandIcon?: string;
+    /** Icon shown on expanded sections (default: '\u2212') */
+    collapseIcon?: string;
+    /** Position of the expand/collapse icon (default: 'right') */
+    iconPosition?: 'left' | 'right';
+    /** Enable smooth open/close animation via max-height transition (default: true) */
+    animated?: boolean;
+    /** Callback fired with the array of currently expanded section IDs */
+    onChange?: (expandedIds: string[]) => void;
+}
+declare function Accordion(props: AccordionProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface BreadcrumbItem {
+    /** Display label */
+    label: string;
+    /** Optional link href — if omitted, rendered as plain text */
+    href?: string;
+    /** Optional click handler */
+    onClick?: () => void;
+}
+type BreadcrumbSize = 'sm' | 'md' | 'lg';
+interface BreadcrumbProps {
+    /** Ordered list of breadcrumb items (first = root, last = current page) */
+    items: BreadcrumbItem[];
+    /** Separator between items (default: '/') */
+    separator?: string | unknown;
+    /** When set, collapses middle items to '...' if items exceed this count */
+    maxItems?: number;
+    /** Size variant (default: 'md') */
+    size?: BreadcrumbSize;
+}
+declare function Breadcrumb(props: BreadcrumbProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface DropdownItem {
+    /** Unique identifier for the item */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional icon rendered as a text span before the label (emoji or text) */
+    icon?: string;
+    /** Whether the item is disabled (grayed out, non-interactive) */
+    disabled?: boolean;
+    /** Render as a thin horizontal divider instead of a menu item */
+    divider?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Nested submenu items — shows a right chevron and expands on hover */
+    children?: DropdownItem[];
+}
+interface DropdownProps {
+    /** Trigger button text */
+    label: string;
+    /** Menu items */
+    items: DropdownItem[];
+    /** Custom styles for the trigger button */
+    triggerStyle?: Record<string, string>;
+    /** Styling passed to NavWrapper for the dropdown panel */
+    menuStyle?: NavWrapperStyle;
+    /** Styling for menu items */
+    itemStyle?: NavItemStyle;
+    /** Placement of the dropdown relative to the trigger (default: 'bottom-start') */
+    placement?: 'bottom-start' | 'bottom-end';
+    /** Close the dropdown when an item is selected (default: true) */
+    closeOnSelect?: boolean;
+    /** Width of the dropdown panel (default: '220px') */
+    width?: string | number;
+}
+declare function Dropdown(props: DropdownProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface MenuItem {
+    /** Display label */
+    label: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Keyboard shortcut hint (e.g. 'Ctrl+S') */
+    shortcut?: string;
+    /** Icon text (emoji or character) */
+    icon?: string;
+    /** Render as a divider line */
+    divider?: boolean;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Nested submenu items */
+    children?: MenuItem[];
+}
+interface MenuDefinition {
+    /** Top-level menu label */
+    label: string;
+    /** Items in this menu */
+    items: MenuItem[];
+}
+interface MenubarProps {
+    /** Array of top-level menu definitions */
+    menus: MenuDefinition[];
+}
+declare function Menubar(props: MenubarProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface PaginationProps {
+    /** Total number of items */
+    total: number;
+    /** Items per page */
+    pageSize: number;
+    /** Current active page (1-based) */
+    currentPage: number;
+    /** Called when page changes */
+    onChange: (page: number) => void;
+    /** Number of sibling pages shown around the current page (default: 1) */
+    siblingCount?: number;
+    /** Show First/Last buttons (default: true) */
+    showFirstLast?: boolean;
+    /** Show Prev/Next buttons (default: true) */
+    showPrevNext?: boolean;
+    /** Disable all controls */
+    disabled?: boolean;
+}
+declare function Pagination(props: PaginationProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface SidebarItem {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional icon (emoji or text character) */
+    icon?: string;
+    /** Nested child items */
+    children?: SidebarItem[];
+    /** Optional badge text (e.g. count) */
+    badge?: string;
+}
+interface SidebarProps {
+    /** Navigation items */
+    items: SidebarItem[];
+    /** Whether the sidebar is collapsed to icon-only mode */
+    collapsed?: boolean;
+    /** Called to toggle collapse state */
+    onToggleCollapse?: () => void;
+    /** Currently selected item id */
+    selectedId?: string;
+    /** Called when an item is selected */
+    onSelect?: (id: string) => void;
+    /** Expanded width (default: '240px') */
+    width?: string | number;
+    /** Collapsed width (default: '56px') */
+    collapsedWidth?: string | number;
+}
+declare function Sidebar(props: SidebarProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface StepItem {
+    /** Step label */
+    label: string;
+    /** Optional description shown below the label */
+    description?: string;
+    /** Optional icon text (emoji or character) shown inside the circle */
+    icon?: string;
+}
+type StepperOrientation = 'horizontal' | 'vertical';
+type StepperVariant = 'circle' | 'dot';
+interface StepperProps {
+    /** Array of step definitions */
+    steps: StepItem[];
+    /** Current active step (0-based index) */
+    currentStep: number;
+    /** Orientation (default: 'horizontal') */
+    orientation?: StepperOrientation;
+    /** Called when a step is clicked — receives the step index */
+    onChange?: (step: number) => void;
+    /** Whether steps are clickable (default: false) */
+    clickable?: boolean;
+    /** Visual variant (default: 'circle') */
+    variant?: StepperVariant;
+}
+declare function Stepper(props: StepperProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface ToolbarItem {
+    /** Unique identifier */
+    id: string;
+    /** Display label (optional if icon provided) */
+    label?: string;
+    /** Icon text (emoji or character) */
+    icon?: string;
+    /** Item type */
+    type: 'button' | 'separator' | 'dropdown' | 'spacer';
+    /** Click handler */
+    onClick?: () => void;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Whether the item is in an active/pressed state */
+    active?: boolean;
+}
+type ToolbarSize = 'sm' | 'md' | 'lg';
+type ToolbarVariant = 'flat' | 'raised';
+interface ToolbarProps {
+    /** Toolbar items */
+    items: ToolbarItem[];
+    /** Size (default: 'md') */
+    size?: ToolbarSize;
+    /** Visual variant (default: 'flat') */
+    variant?: ToolbarVariant;
+}
+declare function Toolbar(props: ToolbarProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+/**
+ * TreeNode — Extensible data model for tree navigation nodes.
+ *
+ * Represents a single node in a hierarchical tree structure. Supports
+ * arbitrary metadata for extensibility, parent/child traversal, and
+ * expand/collapse state management. Developers can subclass TreeNode or
+ * attach custom data via the `metadata` field.
+ */
+interface TreeNodeData {
+    /** Unique identifier for the node */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Nested child nodes */
+    children?: TreeNodeData[];
+    /** Whether the node starts expanded (default: false) */
+    expanded?: boolean;
+    /** Text or emoji icon displayed alongside the label */
+    icon?: string;
+    /** Extensible payload — attach arbitrary data here */
+    metadata?: Record<string, unknown>;
+}
+declare class TreeNode {
+    id: string;
+    label: string;
+    children: TreeNode[];
+    expanded: boolean;
+    icon: string | null;
+    metadata: Record<string, unknown>;
+    parent: TreeNode | null;
+    depth: number;
+    constructor(data: TreeNodeData, parent?: TreeNode);
+    /**
+     * Build a full TreeNode tree from nested data.
+     */
+    static fromData(data: TreeNodeData): TreeNode;
+    /**
+     * Returns true if the node has no children.
+     */
+    isLeaf(): boolean;
+    /**
+     * Returns true if the node has no parent (root of the tree).
+     */
+    isRoot(): boolean;
+    /**
+     * Depth-first walk of this node and all descendants.
+     * The callback receives each node and its depth.
+     */
+    walk(fn: (node: TreeNode, depth: number) => void): void;
+    /**
+     * Find a descendant (or self) by id. Returns null if not found.
+     */
+    find(id: string): TreeNode | null;
+    /**
+     * Toggle the expanded/collapsed state.
+     */
+    toggle(): void;
+    /**
+     * Expand this node (show children).
+     */
+    expand(): void;
+    /**
+     * Collapse this node (hide children).
+     */
+    collapse(): void;
+    /**
+     * Add a child node from data. Returns the newly created TreeNode.
+     */
+    addChild(data: TreeNodeData): TreeNode;
+    /**
+     * Remove a direct child by id. Returns true if a child was removed.
+     */
+    removeChild(id: string): boolean;
+}
+
+interface TreeNavProps {
+    /** Tree data structure */
+    root: TreeNodeData;
+    /** Fired when a node label is clicked */
+    onNodeClick?: (node: TreeNode) => void;
+    /** Fired when a node is expanded */
+    onNodeExpand?: (node: TreeNode) => void;
+    /** Fired when a node is collapsed */
+    onNodeCollapse?: (node: TreeNode) => void;
+    /** Id of the currently selected node */
+    selectedId?: string;
+    /** Start with all nodes expanded (default: false) */
+    expandAll?: boolean;
+    /** Color of connector lines (default: '#000') */
+    lineColor?: string;
+    /** Width of connector lines in px (default: 1) */
+    lineWidth?: number;
+    /** Pixels of indentation per depth level (default: 20) */
+    indentPx?: number;
+    /** Icon shown for expanded non-leaf nodes (default: '\u2212') */
+    iconExpanded?: string;
+    /** Icon shown for collapsed non-leaf nodes (default: '+') */
+    iconCollapsed?: string;
+    /** Styling for individual node items */
+    nodeStyle?: NavItemStyle;
+    /** Styling for the outer NavWrapper */
+    wrapperStyle?: NavWrapperStyle;
+    /** Custom node renderer for full control over node appearance */
+    renderNode?: (node: TreeNode, isSelected: boolean) => unknown;
+}
+declare function TreeNav(props: TreeNavProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface ContextMenuItem {
+    /** Display label */
+    label?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Optional icon (rendered as text/emoji) */
+    icon?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Render as a divider instead of a menu item */
+    divider?: boolean;
+    /** Nested submenu items */
+    children?: ContextMenuItem[];
+}
+interface ContextMenuProps {
+    /** Menu item definitions */
+    items: ContextMenuItem[];
+    /** Trigger area children */
+    children?: unknown;
+}
+declare function ContextMenu(props: ContextMenuProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
+interface DrawerProps {
+    /** Whether the drawer is open */
+    open: boolean;
+    /** Called when the drawer requests to close */
+    onClose: () => void;
+    /** Edge the drawer slides in from */
+    position?: DrawerPosition;
+    /** Width (left/right) or height (top/bottom) in px or % */
+    size?: string;
+    /** Drawer title */
+    title?: string;
+    /** Show overlay backdrop behind the drawer */
+    overlay?: boolean;
+    /** Close when clicking the overlay */
+    closeOnOverlay?: boolean;
+    /** Close on Escape key */
+    closeOnEscape?: boolean;
+    /** Drawer body children */
+    children?: unknown;
+}
+declare function Drawer(props: DrawerProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props> | null;
+
+type ModalSize = 'sm' | 'md' | 'lg' | 'full';
+interface ModalProps {
+    /** Whether the modal is open */
+    open: boolean;
+    /** Called when the modal requests to close */
+    onClose: () => void;
+    /** Modal title rendered in the header */
+    title?: string;
+    /** Modal width preset */
+    size?: ModalSize;
+    /** Close when clicking the overlay backdrop (default true) */
+    closeOnOverlay?: boolean;
+    /** Close when pressing Escape (default true) */
+    closeOnEscape?: boolean;
+    /** Footer slot content */
+    footer?: unknown;
+    /** Show the X close button in the header (default true) */
+    showCloseButton?: boolean;
+    /** Modal body children */
+    children?: unknown;
+}
+declare function Modal(props: ModalProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props> | null;
+
+type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
+interface PopoverProps {
+    /** Trigger element slot */
+    trigger: unknown;
+    /** Popover content slot */
+    content: unknown;
+    /** Controlled open state (if provided, disables auto-toggle) */
+    open?: boolean;
+    /** Placement relative to trigger */
+    placement?: PopoverPlacement;
+    /** Offset from trigger in px */
+    offset?: number;
+    /** Show an arrow pointing to the trigger */
+    arrow?: boolean;
+    /** Close when clicking outside the popover */
+    closeOnClickOutside?: boolean;
+    /** Callback when open state changes (for controlled mode) */
+    onOpenChange?: (open: boolean) => void;
+}
+declare function Popover(props: PopoverProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+type ToastPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+type ToastType = 'info' | 'success' | 'warning' | 'error';
+interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+interface ToastOptions {
+    /** Toast type for styling */
+    type?: ToastType;
+    /** Duration in ms before auto-dismiss (0 = persistent) */
+    duration?: number;
+    /** Optional action button */
+    action?: ToastAction;
+}
+interface ToasterConfig {
+    /** Position of the toast stack */
+    position?: ToastPosition;
+    /** Maximum visible toasts */
+    maxToasts?: number;
+    /** Default auto-dismiss duration in ms */
+    defaultDuration?: number;
+}
+interface ToastItem {
+    id: string;
+    message: string;
+    type: ToastType;
+    duration: number;
+    action?: ToastAction;
+    createdAt: number;
+}
+interface Toaster {
+    toast: (message: string, opts?: ToastOptions) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+    subscribe: (listener: () => void) => () => void;
+    getToasts: () => ToastItem[];
+    config: Required<ToasterConfig>;
+}
+/**
+ * Creates a toaster instance that manages toast state externally.
+ */
+declare function createToaster(config?: ToasterConfig): Toaster;
+/**
+ * ToastContainer — Renders all toasts from a given toaster.
+ */
+declare function ToastContainer(props: {
+    toaster: Toaster;
+}): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props> | null;
+/**
+ * useToast — Hook that creates a toaster and returns toast() + ToastContainer.
+ */
+declare function useToast(config?: ToasterConfig): {
+    toast: (message: string, opts?: ToastOptions) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+    ToastContainer: () => specifyjs_shared_types.SpecElement<{
+        toaster: Toaster;
+    }>;
+};
+
+type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+interface TooltipProps {
+    /** Tooltip text content */
+    text: string;
+    /** Placement relative to the trigger */
+    placement?: TooltipPlacement;
+    /** Delay in ms before showing (default 200) */
+    delay?: number;
+    /** Max width of the tooltip */
+    maxWidth?: string;
+    /** Trigger element(s) */
+    children?: unknown;
+}
+declare function Tooltip(props: TooltipProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface BarDatum {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface StackedBarDatum {
+    label: string;
+    values: {
+        category: string;
+        value: number;
+        color?: string;
+    }[];
+}
+interface BarGraphProps {
+    /** Simple bar data */
+    data: BarDatum[];
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 400) */
+    height?: number;
+    /** Bar orientation (default: 'vertical') */
+    orientation?: 'vertical' | 'horizontal';
+    /** Default bar fill color (default: '#3b82f6') */
+    barColor?: string;
+    /** Gap between bars in px (default: 8) */
+    barGap?: number;
+    /** Border radius on bar tops (default: 4) */
+    barRadius?: number;
+    /** Show value labels on bars (default: true) */
+    showValues?: boolean;
+    /** Show grid lines perpendicular to bars (default: true) */
+    showGrid?: boolean;
+    /** Grid line color (default: '#e5e7eb') */
+    gridColor?: string;
+    /** Chart title */
+    title?: string;
+    /** Padding around chart area in px (default: 50) */
+    padding?: number;
+    /** Enable animation (default: false) */
+    animate?: boolean;
+    /** Stacked bar data — overrides `data` when provided */
+    stacked?: StackedBarDatum[];
+    /** Grouped mode — side-by-side bars when using stacked data (default: false) */
+    grouped?: boolean;
+}
+interface BarGraphScales {
+    /** Maps a value to a pixel length along the value axis */
+    valueScale: (v: number) => number;
+    /** Maps a category index to a pixel position along the category axis */
+    categoryScale: (i: number) => number;
+    /** Width/thickness of a single bar in px */
+    barThickness: number;
+    /** Maximum data value (used for scale domain) */
+    maxValue: number;
+    /** Length of the value axis in px */
+    valueAxisLength: number;
+    /** Length of the category axis in px */
+    categoryAxisLength: number;
+}
+declare function useBarGraphScales(count: number, maxValue: number, axisLength: number, categoryAxisLength: number, barGap: number): BarGraphScales;
+declare function BarGraph(props: BarGraphProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface PointEvent {
+    x: number;
+    y: number;
+    index: number;
+    event: Event;
+}
+interface CartesianGraph2DProps {
+    width?: number;
+    height?: number;
+    points?: {
+        x: number;
+        y: number;
+    }[];
+    plotFunction?: (x: number) => number;
+    plotResolution?: number;
+    xRange?: [number, number];
+    yRange?: [number, number];
+    showGrid?: boolean;
+    showAxes?: boolean;
+    pointRadius?: number;
+    pointColor?: string;
+    curveColor?: string;
+    gridColor?: string;
+    axisColor?: string;
+    onPointClick?: (info: PointEvent) => void;
+    onPointDoubleClick?: (info: PointEvent) => void;
+    onPointContextMenu?: (info: PointEvent) => void;
+    onPointHover?: (info: PointEvent) => void;
+}
+declare function CartesianGraph2D(props: CartesianGraph2DProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface ComplexPointInfo {
+    re: number;
+    im: number;
+    iterations: number;
+    event: Event;
+}
+interface ComplexGraph2DProps {
+    width?: number;
+    height?: number;
+    realRange?: [number, number];
+    imagRange?: [number, number];
+    maxIterations?: number;
+    colorScheme?: 'classic' | 'fire' | 'ocean';
+    computeFunction?: (re: number, im: number, maxIter: number) => number;
+    onPointClick?: (info: ComplexPointInfo) => void;
+    onPointHover?: (info: ComplexPointInfo) => void;
+    onPointDoubleClick?: (info: ComplexPointInfo) => void;
+    onPointContextMenu?: (info: ComplexPointInfo) => void;
+}
+declare function ComplexGraph2D(props: ComplexGraph2DProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+interface Point {
+    x: number;
+    y: number;
+}
+interface LineSeries {
+    data: Point[];
+    color: string;
+    label?: string;
+}
+interface LineGraphProps {
+    data: Point[];
+    width?: number;
+    height?: number;
+    lineColor?: string;
+    lineWidth?: number;
+    pointRadius?: number;
+    pointColor?: string;
+    showPoints?: boolean;
+    showGrid?: boolean;
+    showArea?: boolean;
+    areaColor?: string;
+    xLabel?: string;
+    yLabel?: string;
+    title?: string;
+    padding?: number;
+    animate?: boolean;
+    multiLine?: LineSeries[];
+}
+interface ScaleResult {
+    xScale: (v: number) => number;
+    yScale: (v: number) => number;
+    xTicks: number[];
+    yTicks: number[];
+    xMin: number;
+    xMax: number;
+    yMin: number;
+    yMax: number;
+}
+declare function useLineGraphScales(data: Point[], width: number, height: number, padding: number): ScaleResult;
+declare function LineGraph(props: LineGraphProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+/** Unique symbol to identify SpecifyJS elements */
+declare const SPEC_ELEMENT_TYPE: unique symbol;
+/** A key used for reconciliation */
+type Key = string | number | null;
+/** A ref can be a callback, an object, or null */
+type Ref<T = unknown> = RefCallback<T> | RefObject<T> | null;
+type RefCallback<T> = (instance: T | null) => void;
+interface RefObject<T> {
+    current: T | null;
+}
+/** Props are an arbitrary key-value map */
+type Props = Record<string, unknown> & {
+    children?: SpecNode;
+    key?: Key;
+    ref?: Ref;
+};
+/** Valid child types in a SpecifyJS tree */
+type SpecChild = SpecElement | string | number | boolean | null | undefined;
+type SpecNode = SpecChild | SpecNode[];
+/** A functional component */
+type FunctionComponent<P extends Props = Props> = (props: P) => SpecNode;
+/** A class component constructor */
+interface ClassComponentConstructor<P extends Props = Props, S = unknown> {
+    new (props: P): ClassComponentInstance<P, S>;
+    getDerivedStateFromProps?(props: P, state: S): Partial<S> | null;
+    getDerivedStateFromError?(error: unknown): Partial<S> | null;
+}
+/** Instance of a class component */
+interface ClassComponentInstance<P extends Props = Props, S = unknown> {
+    props: P;
+    state: S;
+    setState(updater: Partial<S> | ((prevState: S, props: P) => Partial<S> | null)): void;
+    forceUpdate(callback?: () => void): void;
+    render(): SpecNode;
+    componentDidMount?(): void;
+    componentDidUpdate?(prevProps: P, prevState: S, snapshot?: unknown): void;
+    componentWillUnmount?(): void;
+    shouldComponentUpdate?(nextProps: P, nextState: S): boolean;
+    getSnapshotBeforeUpdate?(prevProps: P, prevState: S): unknown;
+    componentDidCatch?(error: unknown, info: ErrorInfo): void;
+}
+interface ErrorInfo {
+    componentStack: string;
+}
+/** A component type can be a function, a class, or a special symbol type */
+type ComponentType<P extends Props = Props> = FunctionComponent<P> | ClassComponentConstructor<P> | string | symbol;
+/** The core element structure — equivalent to React.Element */
+interface SpecElement<P extends Props = Props> {
+    $$typeof: typeof SPEC_ELEMENT_TYPE;
+    type: ComponentType<P>;
+    props: P;
+    key: Key;
+    ref: Ref;
+}
+
+interface PieSliceDatum {
+    label: string;
+    value: number;
+    color?: string;
+}
+interface ComputedSlice {
+    label: string;
+    value: number;
+    startAngle: number;
+    endAngle: number;
+    percentage: number;
+    color: string;
+}
+interface PieGraphProps {
+    data: PieSliceDatum[];
+    width?: number;
+    height?: number;
+    innerRadius?: number;
+    outerRadius?: number;
+    padAngle?: number;
+    showLabels?: boolean;
+    showValues?: boolean;
+    showLegend?: boolean;
+    legendPosition?: 'right' | 'bottom';
+    title?: string;
+    centerLabel?: string;
+    colors?: string[];
+    strokeColor?: string;
+    strokeWidth?: number;
+}
+/**
+ * Build an SVG path `d` string for an arc (or annular sector).
+ *
+ * Angles are in **radians**, measured clockwise from 12-o'clock
+ * (i.e. -PI/2 offset so 0 rad = top).
+ *
+ * Exported as a public utility so consumers can draw custom arcs.
+ */
+declare function describeArc(cx: number, cy: number, innerR: number, outerR: number, startAngle: number, endAngle: number): string;
+/**
+ * Given raw data, compute start/end angles, percentages, and resolved colors.
+ */
+declare function computeSlices(data: PieSliceDatum[], options?: {
+    padAngle?: number;
+    colors?: string[];
+}): ComputedSlice[];
+declare function PieGraph(props: PieGraphProps): SpecElement;
+
+interface PolarPointInfo {
+    r: number;
+    theta: number;
+    index: number;
+    event: Event;
+}
+interface PolarGraph2DProps {
+    width?: number;
+    height?: number;
+    rRange?: [number, number];
+    plotFunction?: (theta: number) => number;
+    plotResolution?: number;
+    points?: {
+        r: number;
+        theta: number;
+    }[];
+    showGrid?: boolean;
+    pointRadius?: number;
+    pointColor?: string;
+    curveColor?: string;
+    onPointClick?: (info: PolarPointInfo) => void;
+    onPointDoubleClick?: (info: PolarPointInfo) => void;
+    onPointContextMenu?: (info: PolarPointInfo) => void;
+    onPointHover?: (info: PolarPointInfo) => void;
+}
+declare function PolarGraph2D(props: PolarGraph2DProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+/**
+ * Hypercube math engine.
+ *
+ * Generates vertices and edges for an N-dimensional hypercube and projects
+ * them to 2D via configurable rotation + orthographic projection.
+ */
+interface Vec {
+    /** N-dimensional coordinates */
+    coords: number[];
+}
+interface Vertex {
+    id: number;
+    /** Original N-dimensional position (each coord 0 or 1) */
+    position: Vec;
+    /** Projected 2D position after rotation */
+    x: number;
+    y: number;
+    /** Projected depth for z-ordering */
+    depth: number;
+}
+interface Edge {
+    source: number;
+    target: number;
+}
+interface HypercubeData {
+    vertices: Vertex[];
+    edges: Edge[];
+    dimension: number;
+}
+/**
+ * Generate all 2^n vertices of an n-dimensional hypercube.
+ * Each vertex is a binary vector of length n, centered at the origin
+ * (coords mapped from {0,1} to {-1,+1}).
+ */
+declare function generateVertices(dimension: number): Vec[];
+/**
+ * Generate edges connecting vertices that differ in exactly one coordinate
+ * (Hamming distance 1).
+ */
+declare function generateEdges(dimension: number): Edge[];
+/**
+ * Build an N×N rotation matrix that applies rotations in each pair of
+ * coordinate planes. `angles` is an array of rotation angles (radians),
+ * one per plane pair: (0,1), (0,2), (1,2), (0,3), (1,3), (2,3), ...
+ */
+declare function buildRotationMatrix(dimension: number, angles: number[]): number[][];
+/**
+ * Apply an N×N matrix to an N-dimensional vector.
+ */
+declare function transformVec(matrix: number[][], v: Vec): number[];
+/**
+ * Project an N-dimensional point to 2D using orthographic projection
+ * (just take the first two coordinates) with optional perspective scaling
+ * based on depth (average of remaining coordinates).
+ */
+declare function projectTo2D(transformed: number[], perspective?: number): {
+    x: number;
+    y: number;
+    depth: number;
+};
+/**
+ * Generate a complete projected hypercube.
+ *
+ * @param dimension   Number of dimensions (2 = square, 3 = cube, 4 = tesseract, ...)
+ * @param angles      Rotation angles for each plane pair
+ * @param perspective Perspective strength (0 = orthographic)
+ * @param scale       Scaling factor for output coordinates
+ */
+declare function generateHypercube(dimension: number, angles?: number[], perspective?: number, scale?: number): HypercubeData;
+/**
+ * Number of rotation plane-pairs for a given dimension.
+ * This is C(n,2) = n*(n-1)/2.
+ */
+declare function numRotationAngles(dimension: number): number;
+/**
+ * Generate a palette of distinct colors for vertices.
+ */
+declare function generatePalette(count: number, saturation?: number, lightness?: number): string[];
+
+interface HypercubeGraphProps {
+    /** Number of dimensions (default: 4) */
+    dimension?: number;
+    /** SVG width in pixels (default: 600) */
+    width?: number;
+    /** SVG height in pixels (default: 600) */
+    height?: number;
+    /** Vertex radius in pixels (default: 10) */
+    vertexRadius?: number;
+    /** Edge stroke width (default: 3) */
+    edgeWidth?: number;
+    /** Edge color (default: '#111') */
+    edgeColor?: string;
+    /** Array of vertex colors, or 'auto' for generated palette (default: 'auto') */
+    vertexColors?: string[] | 'auto';
+    /** Perspective strength, 0 = orthographic (default: 0.25) */
+    perspective?: number;
+    /** Auto-rotation speed (radians/frame). 0 = no rotation (default: 0.008) */
+    rotationSpeed?: number;
+    /** Whether to show vertex labels (default: false) */
+    showLabels?: boolean;
+    /** Background color (default: 'transparent') */
+    backgroundColor?: string;
+    /** Scale factor (default: auto-fit) */
+    scale?: number;
+}
+declare function HypercubeGraph(props: HypercubeGraphProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+interface UseHypercubeOptions {
+    dimension?: number;
+    rotationSpeed?: number;
+    perspective?: number;
+    scale?: number;
+}
+/**
+ * Hook that provides hypercube data with auto-animated rotation angles.
+ * Useful for headless rendering or custom SVG layouts.
+ */
+declare function useHypercube(opts?: UseHypercubeOptions): {
+    data: HypercubeData;
+    angles: number[];
+    setAngles: (action: number[] | ((prev: number[]) => number[])) => void;
+};
+
+type Position = 'top' | 'bottom' | 'left' | 'right';
+interface LegendItem {
+    label: string;
+    color: string;
+    /** Optional dash pattern for line charts (e.g. '5,3') */
+    dash?: string;
+    /** Shape: circle, square, line (default: circle) */
+    shape?: 'circle' | 'square' | 'line';
+}
+interface VizWrapperProps {
+    /** Title text */
+    title?: string;
+    /** Position of the title relative to content (default: 'top') */
+    titlePosition?: Position;
+    /** Title alignment: 'start' | 'center' | 'end' (default: 'center') */
+    titleAlign?: 'start' | 'center' | 'end';
+    /** Title font size (default: '16px') */
+    titleFontSize?: string;
+    /** Title font weight (default: '600') */
+    titleFontWeight?: string;
+    /** Title color (default: '#1f2937') */
+    titleColor?: string;
+    /** Legend items */
+    legend?: LegendItem[];
+    /** Position of the legend relative to content (default: 'bottom') */
+    legendPosition?: Position;
+    /** Legend alignment: 'start' | 'center' | 'end' (default: 'center') */
+    legendAlign?: 'start' | 'center' | 'end';
+    /** Legend font size (default: '12px') */
+    legendFontSize?: string;
+    /** Legend item spacing in px (default: 16) */
+    legendGap?: number;
+    /** Container width (default: 'auto') */
+    width?: string | number;
+    /** Container height (default: 'auto') */
+    height?: string | number;
+    /** Background color (default: '#ffffff') */
+    backgroundColor?: string;
+    /** Border (default: '1px solid #e5e7eb') */
+    border?: string;
+    /** Border radius (default: '8px') */
+    borderRadius?: string;
+    /** Padding around the entire wrapper (default: '16px') */
+    padding?: string;
+    /** Gap between title/legend/content (default: '12px') */
+    gap?: string;
+    /** Box shadow (default: none) */
+    boxShadow?: string;
+    /** Font family (default: inherit) */
+    fontFamily?: string;
+    /** CSS contain value for isolation (default: 'layout style paint') */
+    contain?: string;
+    /** Extra className on the outer container */
+    className?: string;
+    /** Extra inline style on the outer container */
+    style?: Record<string, string>;
+    /** The visualization content (children) */
+    children?: unknown;
+}
+declare function VizWrapper(props: VizWrapperProps): specifyjs_shared_types.SpecElement<specifyjs_shared_types.Props>;
+
+export { Accordion, Alert, AnalogClock, Avatar, Badge, BarGraph, Breadcrumb, Card, Carousel, CartesianGraph2D, Checkbox, ColorPicker, ColorWheel, ComplexGraph2D, ContextMenu, DataGrid, DatePicker, DigitalClock, Drawer, Dropdown, EmptyState, FileUpload, FlexContainer, FlexItem, FormFieldWrapper, Grid, GridItem, HypercubeGraph, Image, LineGraph, ListView, Menubar, Modal, MultilineField, NavWrapper, NumberSpinner, Pagination, Panel, PieGraph, PolarGraph2D, Popover, ProgressBar, RadioGroup, ScrollContainer, Select, Sidebar, Skeleton, Slider, Spinner, Splitter, Stepper, Tabs, Tag, TextEditor, TextField, TimePicker, ToastContainer, Toggle, Toolbar, Tooltip, TreeNav, TreeNode, VideoPlayer, VirtualScroll, VizWrapper, buildInputStyle, buildNavItemStyle, buildRotationMatrix, computeSlices, createToaster, describeArc, generateEdges, generateHypercube, generatePalette, generateVertices, numRotationAngles, projectTo2D, transformVec, useBarGraphScales, useHover, useHypercube, useLineGraphScales, useToast };
+export type { AccordionContentStyle, AccordionHeaderStyle, AccordionProps, AccordionSection, AlertProps, AnalogClockProps, AvatarProps, BadgeProps, BarDatum, BarGraphProps, BarGraphScales, BreadcrumbItem, BreadcrumbProps, BreadcrumbSize, CardProps, CarouselProps, CartesianGraph2DProps, CheckboxProps, ColorPickerProps, ColorWheelProps, ComplexGraph2DProps, ComplexPointInfo, ComputedSlice, ContextMenuItem, ContextMenuProps, DataGridColumn, DataGridProps, DatePickerProps, DigitalClockProps, DrawerPosition, DrawerProps, DropdownItem, DropdownProps, Edge, EmptyStateProps, FileUploadProps, FlexContainerProps, FlexItemProps, FormFieldWrapperProps, FormFieldWrapperStyle, GridBreakpoint, GridItemProps, GridProps, HypercubeData, HypercubeGraphProps, ImageProps, InputBaseStyle, LegendItem, LineGraphProps, LineSeries, ListViewProps, MenuDefinition, MenuItem, MenubarProps, ModalProps, ModalSize, MultilineFieldProps, NavItemStyle, NavOrientation, NavWrapperProps, NavWrapperStyle, NumberSpinnerProps, PaginationProps, PanelProps, PieGraphProps, PieSliceDatum, Point, PointEvent, PolarGraph2DProps, PolarPointInfo, PopoverPlacement, PopoverProps, Position, ProgressBarProps, RadioGroupProps, RadioOption, ScrollContainerProps, SelectOption, SelectProps, SidebarItem, SidebarProps, SkeletonProps, SliderMark, SliderProps, SpinnerProps, SplitterProps, StackedBarDatum, StepItem, StepperOrientation, StepperProps, StepperVariant, TabDefinition, TabsProps, TagProps, TextEditorProps, TextFieldProps, TimePickerProps, ToastAction, ToastItem, ToastOptions, ToastPosition, ToastType, Toaster, ToasterConfig, ToggleProps, ToolbarButton, ToolbarItem, ToolbarProps, ToolbarSize, ToolbarVariant, TooltipPlacement, TooltipProps, TreeNavProps, TreeNodeData, UseHypercubeOptions, Vec, Vertex, VideoPlayerProps, VirtualScrollProps, VizWrapperProps };