@omniviewdev/ui 0.1.0

package/dist/inputs/Autocomplete.d.ts

@@ -0,0 +1,30 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface AutocompleteOption {
+    value: string;
+    label: string;
+}
+export interface AutocompleteProps {
+    options: AutocompleteOption[];
+    value: AutocompleteOption | AutocompleteOption[] | null;
+    onChange: (value: AutocompleteOption | AutocompleteOption[] | null) => void;
+    size?: ComponentSize;
+    color?: SemanticColor;
+    creatable?: boolean;
+    loading?: boolean;
+    groupBy?: (option: AutocompleteOption) => string;
+    renderOption?: (option: AutocompleteOption) => React.ReactNode;
+    label?: string;
+    helperText?: string;
+    placeholder?: string;
+    error?: boolean | string;
+    multiple?: boolean;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function Autocomplete({ options, value, onChange, size, color, creatable, loading, groupBy, renderOption, label, helperText, placeholder, error, multiple, fullWidth, disabled, sx, }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Autocomplete {
+    var displayName: string;
+}
+export default Autocomplete;

package/dist/inputs/Checkbox.d.ts

@@ -0,0 +1,17 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface CheckboxProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    size?: ComponentSize;
+    color?: SemanticColor;
+    indeterminate?: boolean;
+    label?: string;
+    disabled?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function Checkbox({ checked, onChange, size, color, indeterminate, label, disabled, sx, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Checkbox {
+    var displayName: string;
+}
+export default Checkbox;

package/dist/inputs/ColorPicker.d.ts

@@ -0,0 +1,13 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface ColorPickerProps {
+    value: string;
+    onChange: (color: string) => void;
+    presets?: string[];
+    allowCustom?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function ColorPicker({ value, onChange, presets, allowCustom, sx, }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ColorPicker {
+    var displayName: string;
+}
+export default ColorPicker;

package/dist/inputs/DebouncedInput.d.ts

@@ -0,0 +1,10 @@
+import { OutlinedInputProps } from '@mui/material/OutlinedInput';
+export type DebounceProps = {
+    value: string;
+    onChange: (value: string) => void;
+    debounce?: number;
+};
+/**
+ * A debounced text input with search icon and clear button.
+ */
+export declare function DebouncedInput({ value: initialValue, onChange, debounce, placeholder, ...rest }: Omit<OutlinedInputProps, 'onChange'> & DebounceProps): import("react/jsx-runtime").JSX.Element;

package/dist/inputs/FormField.d.ts

@@ -0,0 +1,15 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface FormFieldProps {
+    label?: string;
+    required?: boolean;
+    error?: string | boolean;
+    helperText?: string;
+    children: React.ReactNode;
+    layout?: 'vertical' | 'horizontal';
+    sx?: SxProps<Theme>;
+}
+declare function FormField({ label, required, error, helperText, children, layout, sx, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FormField {
+    var displayName: string;
+}
+export default FormField;

package/dist/inputs/FormSection.d.ts

@@ -0,0 +1,14 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface FormSectionProps {
+    title: string;
+    description?: string;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    children: React.ReactNode;
+    sx?: SxProps<Theme>;
+}
+declare function FormSection({ title, description, collapsible, defaultCollapsed, children, sx, }: FormSectionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FormSection {
+    var displayName: string;
+}
+export default FormSection;

package/dist/inputs/KeyValueEditor.d.ts

@@ -0,0 +1,17 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { ComponentSize } from '../types';
+export interface KeyValueEditorProps {
+    value: Record<string, string>;
+    onChange: (kv: Record<string, string>) => void;
+    addLabel?: string;
+    readOnly?: boolean;
+    validateKey?: (key: string) => string | undefined;
+    validateValue?: (value: string) => string | undefined;
+    size?: ComponentSize;
+    sx?: SxProps<Theme>;
+}
+declare function KeyValueEditor({ value, onChange, addLabel, readOnly, validateKey, validateValue, size, sx, }: KeyValueEditorProps): import("react/jsx-runtime").JSX.Element;
+declare namespace KeyValueEditor {
+    var displayName: string;
+}
+export default KeyValueEditor;

package/dist/inputs/RadioGroup.d.ts

@@ -0,0 +1,23 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    description?: string;
+}
+export interface RadioGroupProps {
+    options: RadioOption[];
+    value: string;
+    onChange: (value: string) => void;
+    size?: ComponentSize;
+    color?: SemanticColor;
+    layout?: 'row' | 'column';
+    label?: string;
+    sx?: SxProps<Theme>;
+}
+declare function RadioGroup({ options, value, onChange, size, color, layout, label, sx, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+export default RadioGroup;

package/dist/inputs/SearchInput.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+type Props = {
+    /** Placeholder for the search input. */
+    placeholder?: string;
+    /** Value for the text input. */
+    value: string;
+    /** Handler for the text input. */
+    onChange: (value: string) => void;
+};
+/**
+ * Search input with icon and clear button.
+ */
+declare const SearchInput: React.FC<Props>;
+export default SearchInput;

package/dist/inputs/Select.d.ts

@@ -0,0 +1,32 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+}
+export interface SelectProps {
+    options: SelectOption[];
+    value: string | string[];
+    onChange: (value: string | string[]) => void;
+    size?: ComponentSize;
+    color?: SemanticColor;
+    label?: string;
+    helperText?: string;
+    placeholder?: string;
+    searchable?: boolean;
+    multiple?: boolean;
+    loading?: boolean;
+    error?: boolean | string;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    /** Show delete buttons on chips and a clear-all icon (multiple mode only) */
+    clearable?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function Select({ options, value, onChange, size, color, label, helperText, placeholder, searchable, multiple, loading, error, fullWidth, disabled, clearable, sx, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Select {
+    var displayName: string;
+}
+export default Select;

package/dist/inputs/Slider.d.ts

@@ -0,0 +1,24 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface SliderProps {
+    value: number | number[];
+    onChange: (value: number | number[]) => void;
+    size?: ComponentSize;
+    color?: SemanticColor;
+    range?: boolean;
+    marks?: boolean | Array<{
+        value: number;
+        label?: string;
+    }>;
+    showValue?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function Slider({ value, onChange, size, color, marks, showValue, min, max, step, disabled, sx, }: SliderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Slider {
+    var displayName: string;
+}
+export default Slider;

package/dist/inputs/Switch.d.ts

@@ -0,0 +1,17 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface SwitchProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    size?: ComponentSize;
+    color?: SemanticColor;
+    label?: string;
+    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
+    disabled?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function Switch({ checked, onChange, size, color, label, labelPlacement, disabled, sx, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Switch {
+    var displayName: string;
+}
+export default Switch;

package/dist/inputs/TagInput.d.ts

@@ -0,0 +1,18 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface TagInputProps {
+    value: string[];
+    onChange: (tags: string[]) => void;
+    suggestions?: string[];
+    maxTags?: number;
+    creatable?: boolean;
+    size?: ComponentSize;
+    color?: SemanticColor;
+    placeholder?: string;
+    sx?: SxProps<Theme>;
+}
+declare function TagInput({ value, onChange, suggestions, maxTags, creatable, size, placeholder, sx, }: TagInputProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TagInput {
+    var displayName: string;
+}
+export default TagInput;

package/dist/inputs/TextArea.d.ts

@@ -0,0 +1,26 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface TextAreaProps {
+    value: string;
+    onChange: (value: string) => void;
+    size?: ComponentSize;
+    color?: SemanticColor;
+    autosize?: boolean;
+    maxLength?: number;
+    showCount?: boolean;
+    rows?: number;
+    minRows?: number;
+    maxRows?: number;
+    label?: string;
+    helperText?: string;
+    error?: boolean | string;
+    placeholder?: string;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function TextArea({ value, onChange, size, color, autosize, maxLength, showCount, rows, minRows, maxRows, label, helperText, error, placeholder, fullWidth, disabled, sx, }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TextArea {
+    var displayName: string;
+}
+export default TextArea;

package/dist/inputs/TextField.d.ts

@@ -0,0 +1,39 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { SemanticColor, ComponentSize } from '../types';
+export interface TextFieldProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    size?: ComponentSize;
+    color?: SemanticColor;
+    readOnly?: boolean;
+    monospace?: boolean;
+    debounced?: boolean;
+    debounceMs?: number;
+    label?: string;
+    helperText?: string;
+    error?: boolean | string;
+    placeholder?: string;
+    fullWidth?: boolean;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    disabled?: boolean;
+    type?: string;
+    variant?: 'outlined' | 'filled' | 'standard';
+    autoFocus?: boolean;
+    autoComplete?: string;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    name?: string;
+    id?: string;
+    /** Pass-through HTML input attributes (e.g. min, max, step) */
+    inputProps?: Record<string, unknown>;
+    /** Pass-through slotProps for MUI TextField */
+    slotProps?: Record<string, unknown>;
+    sx?: SxProps<Theme>;
+}
+declare function TextField({ value, onChange, size, color, readOnly, monospace, debounced, debounceMs, label, helperText, error, placeholder, fullWidth, startAdornment, endAdornment, disabled, type, variant, autoFocus, autoComplete, onKeyDown, onBlur, onFocus, name, id, inputProps, sx, }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TextField {
+    var displayName: string;
+}
+export default TextField;

package/dist/inputs/TimeRangePicker.d.ts

@@ -0,0 +1,21 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface TimeRange {
+    from: Date;
+    to: Date;
+}
+export interface TimeRangePreset {
+    label: string;
+    duration: number;
+}
+export interface TimeRangePickerProps {
+    value: TimeRange;
+    onChange: (range: TimeRange) => void;
+    presets?: TimeRangePreset[];
+    customRange?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare function TimeRangePicker({ value, onChange, presets, customRange, sx, }: TimeRangePickerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TimeRangePicker {
+    var displayName: string;
+}
+export default TimeRangePicker;

package/dist/inputs/index.d.ts

@@ -0,0 +1,31 @@
+export { DebouncedInput } from './DebouncedInput';
+export type { DebounceProps } from './DebouncedInput';
+export { default as SearchInput } from './SearchInput';
+export { default as TextField } from './TextField';
+export type { TextFieldProps } from './TextField';
+export { default as TextArea } from './TextArea';
+export type { TextAreaProps } from './TextArea';
+export { default as Select } from './Select';
+export type { SelectProps, SelectOption } from './Select';
+export { default as Autocomplete } from './Autocomplete';
+export type { AutocompleteProps, AutocompleteOption } from './Autocomplete';
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox';
+export { default as RadioGroup } from './RadioGroup';
+export type { RadioGroupProps, RadioOption } from './RadioGroup';
+export { default as Switch } from './Switch';
+export type { SwitchProps } from './Switch';
+export { default as Slider } from './Slider';
+export type { SliderProps } from './Slider';
+export { default as TagInput } from './TagInput';
+export type { TagInputProps } from './TagInput';
+export { default as KeyValueEditor } from './KeyValueEditor';
+export type { KeyValueEditorProps } from './KeyValueEditor';
+export { default as FormField } from './FormField';
+export type { FormFieldProps } from './FormField';
+export { default as FormSection } from './FormSection';
+export type { FormSectionProps } from './FormSection';
+export { default as ColorPicker } from './ColorPicker';
+export type { ColorPickerProps } from './ColorPicker';
+export { default as TimeRangePicker } from './TimeRangePicker';
+export type { TimeRangePickerProps, TimeRange, TimeRangePreset } from './TimeRangePicker';