@onesaz/ui 0.3.3 → 0.3.5

package/dist/index.d.ts

@@ -189,6 +189,8 @@ declare const Caption: React.ForwardRefExoticComponent<Omit<TypographyProps, "va
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
     size?: 'default' | 'sm' | 'lg' | 'icon';
+    /** Whether the button should take the full width of its container */
+    fullWidth?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 interface IconButtonProps extends Omit<ButtonProps, 'size'> {
@@ -210,6 +212,8 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     startAdornment?: React.ReactNode;
     /** End adornment */
     endAdornment?: React.ReactNode;
+    /** Wrapper class (when using adornments) */
+    containerClassName?: string;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
@@ -258,13 +262,26 @@ interface TextFieldProps extends Omit<InputProps, 'inputSize' | 'size'> {
     /** Required indicator */
     required?: boolean;
     /** Size of the text field */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'small' | 'medium';
     /** Full width mode */
     fullWidth?: boolean;
     /** Start adornment (icon, text, etc.) */
     startAdornment?: React.ReactNode;
     /** End adornment (icon, text, etc.) */
     endAdornment?: React.ReactNode;
+    /** Input element props (MUI-compatible) */
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    /** Input container/slot props (MUI-compatible) */
+    InputProps?: {
+        startAdornment?: React.ReactNode;
+        endAdornment?: React.ReactNode;
+        className?: string;
+        containerClassName?: string;
+    };
+    /** Input label props (MUI-compatible) */
+    InputLabelProps?: React.LabelHTMLAttributes<HTMLLabelElement>;
+    /** Input ref (MUI-compatible) */
+    inputRef?: React.Ref<HTMLInputElement>;
 }
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
 
@@ -661,29 +678,49 @@ interface ComboboxOption {
     label: string;
     disabled?: boolean;
 }
+type ComboboxPrimitiveOption = string;
+type ComboboxObjectOption = Record<string, unknown>;
 interface ComboboxSingleProps {
-    options: ComboboxOption[];
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
+    options: ComboboxOption[] | ComboboxPrimitiveOption[] | ComboboxObjectOption[];
+    value?: ComboboxOption | null;
+    defaultValue?: ComboboxOption | null;
+    onChange?: (value: ComboboxOption | null) => void;
     placeholder?: string;
     searchPlaceholder?: string;
     emptyMessage?: string;
     disabled?: boolean;
     className?: string;
     multiple?: false;
+    clearable?: boolean;
+    openOnFocus?: boolean;
+    inputValue?: string;
+    onInputChange?: (value: string) => void;
+    simpleOptions?: boolean;
+    labelKey?: string;
+    valueKey?: string;
 }
 interface ComboboxMultipleProps {
-    options: ComboboxOption[];
-    value?: string[];
-    defaultValue?: string[];
-    onValueChange?: (value: string[]) => void;
+    options: ComboboxOption[] | ComboboxPrimitiveOption[] | ComboboxObjectOption[];
+    value?: ComboboxOption[];
+    defaultValue?: ComboboxOption[];
+    onChange?: (value: ComboboxOption[]) => void;
     placeholder?: string;
     searchPlaceholder?: string;
     emptyMessage?: string;
     disabled?: boolean;
     className?: string;
     multiple: true;
+    clearable?: boolean;
+    openOnFocus?: boolean;
+    inputValue?: string;
+    onInputChange?: (value: string) => void;
+    /** Show select-all option */
+    selectAll?: boolean;
+    /** Label for select-all option */
+    selectAllLabel?: string;
+    simpleOptions?: boolean;
+    labelKey?: string;
+    valueKey?: string;
     /** Maximum number of items to display as chips before showing "+N more" */
     maxDisplayItems?: number;
 }