@true-tech-team/react-components 0.0.9 → 1.0.0

package/lib/components/filters/core/ActiveFilters/ActiveFilters.d.ts

@@ -12,5 +12,7 @@ import { ActiveFiltersProps } from '../../types';
  * </FilterProvider>
  * ```
  */
-export declare const ActiveFilters: React.ForwardRefExoticComponent<ActiveFiltersProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ActiveFilters: ({ ref, maxVisible, showClearAll, clearAllLabel, emptyContent, chipVariant, chipSize, renderChip, className, ...restProps }: ActiveFiltersProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default ActiveFilters;

package/lib/components/filters/core/FilterField/FilterField.d.ts

@@ -13,5 +13,7 @@ import { FilterFieldProps } from '../../types';
  * </FilterProvider>
  * ```
  */
-export declare const FilterField: React.ForwardRefExoticComponent<FilterFieldProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FilterField: ({ ref, filterId, label, placeholder, showLabel, componentProps, className, ...restProps }: FilterFieldProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default FilterField;

package/lib/components/filters/core/FilterSection/FilterSection.d.ts

@@ -12,5 +12,7 @@ import { FilterSectionProps } from '../../types';
  * </FilterSection>
  * ```
  */
-export declare const FilterSection: React.ForwardRefExoticComponent<FilterSectionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FilterSection: ({ ref, id, title, description, icon, collapsible, defaultCollapsed, collapsed: controlledCollapsed, onCollapsedChange, showActiveCount, children, className, ...restProps }: FilterSectionProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default FilterSection;

package/lib/components/filters/fields/CheckboxFilter.d.ts

@@ -13,5 +13,7 @@ export interface CheckboxFilterProps extends BaseComponentProps {
 /**
  * CheckboxFilter wraps the Checkbox component for boolean filters
  */
-export declare const CheckboxFilter: React.ForwardRefExoticComponent<CheckboxFilterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CheckboxFilter: ({ ref, filterId, label: labelOverride, size, checkboxProps, className, ...restProps }: CheckboxFilterProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default CheckboxFilter;

package/lib/components/filters/fields/DateFilter.d.ts

@@ -17,5 +17,7 @@ export interface DateFilterProps extends BaseComponentProps {
 /**
  * DateFilter wraps the DatePicker component for date filters
  */
-export declare const DateFilter: React.ForwardRefExoticComponent<DateFilterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DateFilter: ({ ref, filterId, label: labelOverride, placeholder: placeholderOverride, showLabel, size, datePickerProps, className, ...restProps }: DateFilterProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default DateFilter;

package/lib/components/filters/fields/DateRangeFilter.d.ts

@@ -15,5 +15,7 @@ export interface DateRangeFilterProps extends BaseComponentProps {
 /**
  * DateRangeFilter wraps the DateRangePicker component for date range filters
  */
-export declare const DateRangeFilter: React.ForwardRefExoticComponent<DateRangeFilterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DateRangeFilter: ({ ref, filterId, label: labelOverride, showLabel, size, dateRangePickerProps, className, ...restProps }: DateRangeFilterProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default DateRangeFilter;

package/lib/components/filters/fields/ListSelectFilter.d.ts

@@ -15,5 +15,7 @@ export interface ListSelectFilterProps extends BaseComponentProps {
 /**
  * ListSelectFilter provides a searchable list for selecting one or more items
  */
-export declare const ListSelectFilter: React.ForwardRefExoticComponent<ListSelectFilterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ListSelectFilter: ({ ref, filterId, label: labelOverride, showLabel, size, componentProps, className, ...restProps }: ListSelectFilterProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default ListSelectFilter;

package/lib/components/filters/fields/MultiSelectFilter.d.ts

@@ -15,5 +15,7 @@ export interface MultiSelectFilterProps extends BaseComponentProps {
 /**
  * MultiSelectFilter wraps CheckboxGroup for multi-value selection
  */
-export declare const MultiSelectFilter: React.ForwardRefExoticComponent<MultiSelectFilterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MultiSelectFilter: ({ ref, filterId, label: labelOverride, showLabel, size, componentProps, className, ...restProps }: MultiSelectFilterProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default MultiSelectFilter;

package/lib/components/filters/fields/NumberFilter.d.ts

@@ -15,5 +15,7 @@ export interface NumberFilterProps extends BaseComponentProps {
 /**
  * NumberFilter wraps the NumberInput component for numeric filters
  */
-export declare const NumberFilter: React.ForwardRefExoticComponent<NumberFilterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const NumberFilter: ({ ref, filterId, label: labelOverride, showLabel, size: _size, numberInputProps, className, ...restProps }: NumberFilterProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default NumberFilter;

package/lib/components/filters/fields/NumberRangeFilter.d.ts

@@ -15,5 +15,7 @@ export interface NumberRangeFilterProps extends BaseComponentProps {
 /**
  * NumberRangeFilter provides min/max number filtering with slider or inputs
  */
-export declare const NumberRangeFilter: React.ForwardRefExoticComponent<NumberRangeFilterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const NumberRangeFilter: ({ ref, filterId, label: labelOverride, showLabel, size, componentProps, className, ...restProps }: NumberRangeFilterProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default NumberRangeFilter;

package/lib/components/filters/fields/RatingFilter.d.ts

@@ -15,5 +15,7 @@ export interface RatingFilterProps extends BaseComponentProps {
 /**
  * RatingFilter wraps the Rating component for star-based filters
  */
-export declare const RatingFilter: React.ForwardRefExoticComponent<RatingFilterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const RatingFilter: ({ ref, filterId, label: labelOverride, showLabel, size, ratingProps, className, ...restProps }: RatingFilterProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default RatingFilter;

package/lib/components/filters/fields/SelectFilter.d.ts

@@ -17,5 +17,7 @@ export interface SelectFilterProps extends BaseComponentProps {
 /**
  * SelectFilter wraps the Select component for use in filter systems
  */
-export declare const SelectFilter: React.ForwardRefExoticComponent<SelectFilterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectFilter: ({ ref, filterId, label: labelOverride, placeholder: placeholderOverride, showLabel, size, selectProps, className, ...restProps }: SelectFilterProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default SelectFilter;

package/lib/components/filters/fields/TextFilter.d.ts

@@ -17,5 +17,7 @@ export interface TextFilterProps extends BaseComponentProps {
 /**
  * TextFilter wraps the Input component for text/search filters
  */
-export declare const TextFilter: React.ForwardRefExoticComponent<TextFilterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TextFilter: ({ ref, filterId, label: labelOverride, placeholder: placeholderOverride, showLabel, size, inputProps, className, ...restProps }: TextFilterProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default TextFilter;

package/lib/components/filters/fields/ToggleFilter.d.ts

@@ -13,5 +13,7 @@ export interface ToggleFilterProps extends BaseComponentProps {
 /**
  * ToggleFilter wraps the Toggle component for boolean switch filters
  */
-export declare const ToggleFilter: React.ForwardRefExoticComponent<ToggleFilterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ToggleFilter: ({ ref, filterId, label: labelOverride, size, toggleProps, className, ...restProps }: ToggleFilterProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default ToggleFilter;

package/lib/components/filters/index.d.ts

@@ -31,7 +31,7 @@
  * ```
  */
 export type { FilterType, FilterValue, FilterValueWithMeta, FilterOption, FilterOptionsLoader, FilterOptionsLoaderParams, FilterOptionsLoadResult, FilterDependency, FilterDependencyAction, FilterDefinition, FilterGroup, FilterState, FilterActions, FilterContextValue, FilterOptionsState, NumberRangeValue, DateRangeValue, SelectFilterConfig, MultiSelectFilterConfig, MultiSelectDisplayMode, TextFilterConfig, NumberFilterConfig, NumberRangeFilterConfig, NumberRangeDisplayMode, DateFilterConfig, DateRangeFilterConfig, DateRangePreset, RatingFilterConfig, ListSelectFilterConfig, FilterTypeConfig, FilterProviderProps, FilterFieldProps, FilterSectionProps, ActiveFiltersProps, FilterLayoutProps, FilterSidebarProps, FilterBarProps, FilterPopoverProps, FilterModalProps, FilterAccordionProps, } from './types';
-export { FilterContext, useFilterContext, useFilterContextStrict, } from './FilterContext';
+export { FilterContext, useFilterContext, useFilterContextStrict } from './FilterContext';
 export { useFilter, useFilterDependencies, useFilterOptions, getDependencyValues, clearOptionsCache, } from './hooks';
 export type { UseFilterOptions, UseFilterReturn, UseFilterDependenciesOptions, UseFilterDependenciesReturn, UseFilterOptionsOptions, UseFilterOptionsReturn, } from './hooks';
 export { FilterProvider } from './core/FilterProvider';
@@ -40,4 +40,4 @@ export { FilterSection } from './core/FilterSection';
 export { ActiveFilters } from './core/ActiveFilters';
 export { SelectFilter, MultiSelectFilter, CheckboxFilter, ToggleFilter, TextFilter, DateFilter, DateRangeFilter, NumberFilter, NumberRangeFilter, RatingFilter, ListSelectFilter, } from './fields';
 export type { SelectFilterProps, MultiSelectFilterProps, CheckboxFilterProps, ToggleFilterProps, TextFilterProps, DateFilterProps, DateRangeFilterProps, NumberFilterProps, NumberRangeFilterProps, RatingFilterProps, ListSelectFilterProps, } from './fields';
-export { FilterSidebar, FilterBar, FilterPopover, FilterModal, FilterAccordion, } from './layouts';
+export { FilterSidebar, FilterBar, FilterPopover, FilterModal, FilterAccordion } from './layouts';

package/lib/components/filters/layouts/FilterAccordion/FilterAccordion.d.ts

@@ -11,5 +11,7 @@ import { FilterAccordionProps } from '../../types';
  * </FilterProvider>
  * ```
  */
-export declare const FilterAccordion: React.ForwardRefExoticComponent<FilterAccordionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FilterAccordion: ({ ref, mode, defaultExpandedGroups, expandedGroups: controlledExpanded, onExpandedGroupsChange, showGroupCounts, showActiveFilters, activeFiltersPosition, showApplyButton, applyButtonLabel, showClearButton, clearButtonLabel, showResetButton, resetButtonLabel, children, className, ...restProps }: FilterAccordionProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default FilterAccordion;

package/lib/components/filters/layouts/FilterBar/FilterBar.d.ts

@@ -14,5 +14,7 @@ import { FilterBarProps } from '../../types';
  * </FilterProvider>
  * ```
  */
-export declare const FilterBar: React.ForwardRefExoticComponent<FilterBarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FilterBar: ({ ref, visibleFilters, showMoreFilters, moreFiltersLabel, wrap, gap, showActiveFilters, activeFiltersPosition, showApplyButton, applyButtonLabel, showClearButton, clearButtonLabel, showResetButton, resetButtonLabel, children, className, ...restProps }: FilterBarProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default FilterBar;

package/lib/components/filters/layouts/FilterModal/FilterModal.d.ts

@@ -20,5 +20,7 @@ import { FilterModalProps } from '../../types';
  * </FilterProvider>
  * ```
  */
-export declare const FilterModal: React.ForwardRefExoticComponent<FilterModalProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FilterModal: ({ ref, title, size, isOpen: controlledOpen, defaultOpen, onOpenChange, closeOnApply, showFooter, renderTrigger, showActiveFilters, activeFiltersPosition, showApplyButton, applyButtonLabel, showClearButton, clearButtonLabel, showResetButton, resetButtonLabel, children, className, ...restProps }: FilterModalProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default FilterModal;

package/lib/components/filters/layouts/FilterPopover/FilterPopover.d.ts

@@ -15,5 +15,7 @@ import { FilterPopoverProps } from '../../types';
  * </FilterProvider>
  * ```
  */
-export declare const FilterPopover: React.ForwardRefExoticComponent<FilterPopoverProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FilterPopover: ({ ref, trigger, triggerLabel, showTriggerBadge, position, width, maxHeight, isOpen: controlledOpen, defaultOpen, onOpenChange, closeOnApply, closeOnClickOutside, showActiveFilters, activeFiltersPosition, showApplyButton, applyButtonLabel, showClearButton, clearButtonLabel, showResetButton, resetButtonLabel, children, className, ...restProps }: FilterPopoverProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default FilterPopover;

package/lib/components/filters/layouts/FilterSidebar/FilterSidebar.d.ts

@@ -16,5 +16,7 @@ import { FilterSidebarProps } from '../../types';
  * </FilterProvider>
  * ```
  */
-export declare const FilterSidebar: React.ForwardRefExoticComponent<FilterSidebarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FilterSidebar: ({ ref, width, collapsible, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, header, footer, position, showActiveFilters, activeFiltersPosition, showApplyButton, applyButtonLabel, showClearButton, clearButtonLabel, showResetButton, resetButtonLabel, children, className, ...restProps }: FilterSidebarProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default FilterSidebar;

package/lib/components/forms/FormBuilder/FormBuilder.d.ts

@@ -106,4 +106,6 @@ export interface FormBuilderProps extends Omit<BaseComponentProps, 'children'> {
  * </FormBuilder>
  * ```
  */
-export declare const FormBuilder: React.ForwardRefExoticComponent<FormBuilderProps & React.RefAttributes<HTMLFormElement>>;
+export declare const FormBuilder: ({ ref, variant, size, fields, children, defaultValues, onSubmit, onChange, onValidate, validateOn, showSubmitButton, submitButtonText, submitButtonVariant, showResetButton, resetButtonText, layout, columns, gap, loading, disabled, className, "data-testid": dataTestId, style, ...rest }: FormBuilderProps & {
+    ref?: React.Ref<HTMLFormElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/forms/FormBuilder/hooks/useFormValidation.d.ts

@@ -2,10 +2,10 @@ import { FormFieldValidation, FormValues } from '../types';
 /**
  * Validate a field value against validation rules
  */
-export declare const validateField: (value: any, validation: FormFieldValidation, allValues?: FormValues) => string | null;
+export declare const validateField: (value: unknown, validation: FormFieldValidation, allValues?: FormValues) => string | null;
 /**
  * Hook for form validation utilities
  */
 export declare const useFormValidation: () => {
-    validateField: (value: any, validation: FormFieldValidation, allValues?: FormValues) => string | null;
+    validateField: (value: unknown, validation: FormFieldValidation, allValues?: FormValues) => string | null;
 };

package/lib/components/forms/FormBuilder/types.d.ts

@@ -1,5 +1,8 @@
 /**
  * Type definitions for FormBuilder component
+ *
+ * Note: `any` types are used intentionally for form values since form fields
+ * can contain values of any type (string, number, boolean, array, object, etc.)
  */
 export type FormFieldType = 'input' | 'textarea' | 'toggle' | 'checkbox' | 'radio' | 'select' | 'slider' | 'rating' | 'number' | 'phone' | 'tag' | 'file' | 'color' | 'date' | 'daterange';
 export interface FormFieldValidation {

package/lib/components/inputs/Autocomplete/Autocomplete.d.ts

@@ -8,7 +8,7 @@ export interface AutocompleteOption {
     key: string;
     label: string;
     disabled?: boolean;
-    [key: string]: any;
+    [key: string]: unknown;
 }
 /**
  * Autocomplete component props

package/lib/components/inputs/Checkbox/Checkbox.d.ts

@@ -82,4 +82,6 @@ export interface CheckboxProps extends Omit<InputBaseProps, 'value' | 'onChange'
  * />
  * ```
  */
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: ({ ref, variant, size, checked, defaultChecked, indeterminate, onChange, label, labelPlacement, helperText, errorMessage, error, checkIcon, indeterminateIcon, disabled, readOnly, required, name, id: providedId, className, "data-testid": dataTestId, "aria-label": ariaLabel, ...rest }: CheckboxProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/CheckboxGroup/CheckboxGroup.d.ts

@@ -118,5 +118,7 @@ export interface CheckboxGroupProps extends Omit<BaseComponentProps, 'onChange'>
  * </CheckboxGroup>
  * ```
  */
-export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+export declare const CheckboxGroup: ({ ref, value, defaultValue, onChange, variant, size, orientation, label, helperText, errorMessage, error, disabled, readOnly, required, min, max, gap, name: providedName, id: providedId, children, className, "data-testid": testId, style, ...restProps }: CheckboxGroupProps & {
+    ref?: React.Ref<HTMLFieldSetElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default CheckboxGroup;

package/lib/components/inputs/CheckboxGroup/CheckboxGroupItem.d.ts

@@ -46,5 +46,7 @@ export interface CheckboxGroupItemProps extends Omit<BaseComponentProps, 'childr
  * </CheckboxGroup>
  * ```
  */
-export declare const CheckboxGroupItem: React.ForwardRefExoticComponent<CheckboxGroupItemProps & React.RefAttributes<HTMLInputElement>>;
+export declare const CheckboxGroupItem: ({ ref, value, label, labelPlacement, disabled: itemDisabled, helperText, checkIcon, id, className, "data-testid": testId, style, ...restProps }: CheckboxGroupItemProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default CheckboxGroupItem;

package/lib/components/inputs/ColorPicker/ColorPicker.d.ts

@@ -79,4 +79,6 @@ export interface ColorPickerProps extends Omit<BaseComponentProps, 'children'> {
  * />
  * ```
  */
-export declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLInputElement>>;
+export declare const ColorPicker: ({ ref, value: controlledValue, defaultValue, onChange, onBlur, format, showAlpha, showPresets, presetColors, showInput, showSwatch, label, helperText, errorMessage, error, required, disabled, className, "data-testid": dataTestId, "aria-label": ariaLabel, style, ...rest }: ColorPickerProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/DatePicker/DatePicker.d.ts

@@ -78,4 +78,6 @@ export interface DatePickerProps extends Omit<BaseComponentProps, 'children'> {
 /**
  * DatePicker component with custom calendar UI built from scratch
  */
-export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
+export declare const DatePicker: ({ ref, value: controlledValue, defaultValue, onChange, onBlur, minDate, maxDate, disabledDates, format, showCalendar, showClearButton, startIcon, label, helperText, errorMessage, error, required, disabled, placeholder, className, "data-testid": dataTestId, "aria-label": ariaLabel, style, ...rest }: DatePickerProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/DateRangePicker/DateRangePicker.d.ts

@@ -112,4 +112,6 @@ export interface DateRangePickerProps extends Omit<BaseComponentProps, 'children
  * />
  * ```
  */
-export declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLInputElement>>;
+export declare const DateRangePicker: ({ ref, startDate: controlledStartDate, endDate: controlledEndDate, defaultStartDate, defaultEndDate, onChange, onBlur, minDate, maxDate, minDays, maxDays, format, separator, showCalendar, showClearButton, showPresets, presets, label, helperText, errorMessage, error, required, disabled, placeholder, className, "data-testid": dataTestId, "aria-label": ariaLabel, style, ...rest }: DateRangePickerProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/FilePicker/FilePicker.d.ts

@@ -98,4 +98,6 @@ export interface FilePickerProps extends Omit<BaseComponentProps, 'children'> {
  * />
  * ```
  */
-export declare const FilePicker: React.ForwardRefExoticComponent<FilePickerProps & React.RefAttributes<HTMLInputElement>>;
+export declare const FilePicker: ({ ref, accept, multiple, maxFiles, maxSize, onChange, onError, onBlur, label, helperText, errorMessage, error, required, disabled, dragAndDrop, showPreview, showFileList, buttonText, dropzoneText, icon, className, "data-testid": dataTestId, "aria-label": ariaLabel, style, ...rest }: FilePickerProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/Input/Input.d.ts

@@ -167,5 +167,7 @@ export interface InputProps extends Omit<InputBaseProps, 'children'> {
 /**
  * Input component with comprehensive features
  */
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Input: ({ ref, type, label, id: providedId, startIcon, endIcon, prefix, suffix, helperText, errorMessage, error, maxLength, showCounter, inputFilter, formatMask, validationRegex, onValidate, validateOn, showClearButton, showPasswordToggle, loading, autoFocus, autoComplete, defaultValue, value: controlledValue, onChange, onFocus, onBlur, onClear, onEnterPress, disabled, readOnly, required, name, placeholder, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: InputProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Input;

package/lib/components/inputs/Input/index.d.ts

@@ -1,3 +1,3 @@
 export { Input } from './Input';
-export type { InputProps, ValidationResult, FormatMask, ValidationTiming, InputType } from './Input';
+export type { InputProps, ValidationResult, FormatMask, ValidationTiming, InputType, } from './Input';
 export { default } from './Input';

package/lib/components/inputs/NumberInput/NumberInput.d.ts

@@ -17,4 +17,6 @@ export interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInp
     id?: string;
     'data-testid'?: string;
 }
-export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const NumberInput: ({ ref, value: controlledValue, defaultValue, onChange, onBlur, min, max, step, label, helperText, errorMessage, error, formatDisplay, width, disabled, readOnly, required, id: providedId, className, "data-testid": dataTestId, ...rest }: NumberInputProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/PhoneInput/PhoneInput.d.ts

@@ -84,4 +84,6 @@ export interface PhoneInputProps extends Omit<InputBaseProps, 'value' | 'onChang
  * />
  * ```
  */
-export declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const PhoneInput: ({ ref, value: controlledValue, defaultValue, defaultCountry, onChange, onBlur, label, labelPlacement, helperText, errorMessage, error, required, disabled, showCountrySearch, countrySearchPlaceholder, countries, autoFormat, className, "data-testid": dataTestId, "aria-label": ariaLabel, style, ...rest }: PhoneInputProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/Radio/Radio.d.ts

@@ -42,4 +42,6 @@ export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
  * <Radio value="option1" label="Option 1" />
  * ```
  */
-export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Radio: ({ ref, value, label, labelPlacement, helperText, checkedIcon, disabled: disabledProp, readOnly: readOnlyProp, id: providedId, className, "data-testid": dataTestId, "aria-label": ariaLabel, ...rest }: RadioProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/Radio/RadioGroup.d.ts

@@ -85,4 +85,6 @@ export interface RadioGroupProps extends Omit<InputBaseProps, 'value' | 'onChang
  * </RadioGroup>
  * ```
  */
-export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLFieldSetElement>>;
+export declare const RadioGroup: ({ ref, variant, size, value, defaultValue, onChange, orientation, label, helperText, errorMessage, error, children, gap, disabled, readOnly, required, name: providedName, id: providedId, className, "data-testid": dataTestId, ...rest }: RadioGroupProps & {
+    ref?: React.Ref<HTMLFieldSetElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/Rating/Rating.d.ts

@@ -19,4 +19,6 @@ export interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     id?: string;
     'data-testid'?: string;
 }
-export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Rating: ({ ref, size, value: controlledValue, defaultValue, onChange, onBlur, max, precision, icon, emptyIcon, label, helperText, readOnly, disabled, required, id: providedId, className, "data-testid": dataTestId, ...rest }: RatingProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/Select/Select.d.ts

@@ -139,4 +139,6 @@ export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
  * />
  * ```
  */
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Select: ({ ref, options, value: controlledValue, defaultValue, onChange, onBlur, label, helperText, errorMessage, error, showClearButton, startIcon, endIcon, placeholder, disabled, readOnly, required, id: providedId, searchable, searchPlaceholder, scrollToSelected, enableTypeAhead, typeAheadDelay, className, "aria-label": ariaLabel, ...rest }: SelectProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/Slider/Slider.d.ts

@@ -26,4 +26,6 @@ export interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputEle
     id?: string;
     'data-testid'?: string;
 }
-export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Slider: ({ ref, variant, size, value: controlledValue, defaultValue, onChange, onChangeCommitted, min, max, step, marks, label, helperText, errorMessage, error, showValue, valueLabelDisplay, valueLabelFormat, orientation, disabled, id: providedId, className, "data-testid": dataTestId, ...rest }: SliderProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/TagInput/TagInput.d.ts

@@ -98,4 +98,6 @@ export interface TagInputProps extends Omit<InputBaseProps, 'value' | 'onChange'
  * />
  * ```
  */
-export declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const TagInput: ({ ref, value: controlledValue, defaultValue, onChange, onBlur: onBlurProp, label, labelPlacement, helperText, errorMessage, error, required, disabled, maxTags, delimiters, allowDuplicates, transformTag, validateTag, suggestions, showSuggestions, placeholder, renderTag, clearOnBlur, addOnBlur, className, "data-testid": dataTestId, "aria-label": ariaLabel, style, ...rest }: TagInputProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/Textarea/Textarea.d.ts

@@ -87,4 +87,6 @@ export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTex
  * />
  * ```
  */
-export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const Textarea: ({ ref, label, helperText, errorMessage, error, rows, minRows, maxRows, autoResize, maxLength, showCounter, validationRegex, onValidate, validateOn, resize, disabled, readOnly, required, value: controlledValue, defaultValue, onChange, onBlur, id: providedId, className, "data-testid": dataTestId, "aria-label": ariaLabel, ...rest }: TextareaProps & {
+    ref?: React.Ref<HTMLTextAreaElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/inputs/Toggle/Toggle.d.ts

@@ -71,4 +71,6 @@ export interface ToggleProps extends Omit<InputBaseProps, 'value' | 'onChange' |
  * />
  * ```
  */
-export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Toggle: ({ ref, variant, size, loading, checked, defaultChecked, onChange, label, labelPlacement, helperText, errorMessage, error, disabled, readOnly, required, name, id: providedId, className, "data-testid": dataTestId, "aria-label": ariaLabel, ...rest }: ToggleProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/layout/AdaptiveGrid/AdaptiveGrid.d.ts

@@ -96,5 +96,7 @@ export interface AdaptiveGridProps extends BaseComponentProps {
  * </AdaptiveGrid>
  * ```
  */
-export declare const AdaptiveGrid: React.ForwardRefExoticComponent<AdaptiveGridProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AdaptiveGrid: ({ ref, minItemWidth, maxColumns, minColumns, gap, rowGap, columnGap, fillMode, alignItems, justifyItems, onColumnCountChange, children, className, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: AdaptiveGridProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default AdaptiveGrid;

package/lib/components/layout/MasonryLayout/MasonryLayout.d.ts

@@ -70,5 +70,7 @@ export interface MasonryLayoutProps extends BaseComponentProps {
  * </MasonryLayout>
  * ```
  */
-export declare const MasonryLayout: React.ForwardRefExoticComponent<MasonryLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MasonryLayout: ({ ref, columnWidth, gap, maxColumns, minColumns, animationDuration, animationEasing, onColumnCountChange, children, className, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: MasonryLayoutProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default MasonryLayout;

package/lib/components/layout/Panes/Pane.d.ts

@@ -68,5 +68,7 @@ export interface PaneInternalProps {
  * </Panes>
  * ```
  */
-export declare const Pane: React.ForwardRefExoticComponent<PaneProps & PaneInternalProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Pane: ({ ref, minWidth, maxWidth, preferredWidth, grow, shrink, priority, id: providedId, children, className, style, "data-testid": testId, "aria-label": ariaLabel, _index, ...restProps }: PaneProps & PaneInternalProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default Pane;

package/lib/components/layout/Panes/Panes.d.ts

@@ -71,5 +71,7 @@ export interface PanesProps extends BaseComponentProps {
  * </Panes>
  * ```
  */
-export declare const Panes: React.ForwardRefExoticComponent<PanesProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Panes: ({ ref, gap, animationDuration, animationEasing, minContainerWidth, onVisiblePanesChange, onPaneHidden, children, className, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: PanesProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Panes;

package/lib/components/layout/ResponsiveStack/ResponsiveStack.d.ts

@@ -95,5 +95,7 @@ export interface ResponsiveStackProps extends BaseComponentProps {
  * </ResponsiveStack>
  * ```
  */
-export declare const ResponsiveStack: React.ForwardRefExoticComponent<ResponsiveStackProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ResponsiveStack: ({ ref, breakpoint, direction, collapseDirection, gap, collapseGap, align, collapseAlign, justify, collapseJustify, wrap, onLayoutChange, children, className, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: ResponsiveStackProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ResponsiveStack;

package/lib/components/navigation/BottomNavigation/BottomNavigation.d.ts

@@ -49,5 +49,7 @@ export interface BottomNavigationProps extends BaseComponentProps {
  * </BottomNavigation>
  * ```
  */
-export declare const BottomNavigation: React.ForwardRefExoticComponent<BottomNavigationProps & React.RefAttributes<HTMLElement>>;
+export declare const BottomNavigation: ({ ref, value: controlledValue, defaultValue, onChange, showLabels, showSelectedLabel, children, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: BottomNavigationProps & {
+    ref?: React.Ref<HTMLElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default BottomNavigation;

package/lib/components/navigation/BottomNavigation/BottomNavigationItem.d.ts

@@ -55,5 +55,7 @@ export interface BottomNavigationItemProps extends BaseComponentProps {
  * />
  * ```
  */
-export declare const BottomNavigationItem: React.ForwardRefExoticComponent<BottomNavigationItemProps & React.RefAttributes<HTMLElement>>;
+export declare const BottomNavigationItem: ({ ref, value, label, icon, badge, disabled, href, onClick, className, "data-testid": testId, style, ...restProps }: BottomNavigationItemProps & {
+    ref?: React.Ref<HTMLElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default BottomNavigationItem;

package/lib/components/navigation/Breadcrumbs/BreadcrumbItem.d.ts

@@ -33,5 +33,7 @@ export interface BreadcrumbItemProps extends BaseComponentProps {
  * <BreadcrumbItem current>Electronics</BreadcrumbItem>
  * ```
  */
-export declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLElement>>;
+export declare const BreadcrumbItem: ({ ref, href, current, icon, onClick, children, className, "data-testid": testId, style, ...restProps }: BreadcrumbItemProps & {
+    ref?: React.Ref<HTMLElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default BreadcrumbItem;

package/lib/components/navigation/Breadcrumbs/BreadcrumbSeparator.d.ts

@@ -18,5 +18,7 @@ export interface BreadcrumbSeparatorProps extends BaseComponentProps {
  * </BreadcrumbSeparator>
  * ```
  */
-export declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<BreadcrumbSeparatorProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const BreadcrumbSeparator: ({ ref, children, className, "data-testid": testId, style, ...restProps }: BreadcrumbSeparatorProps & {
+    ref?: React.Ref<HTMLSpanElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default BreadcrumbSeparator;

package/lib/components/navigation/Breadcrumbs/Breadcrumbs.d.ts

@@ -92,5 +92,7 @@ export interface BreadcrumbsProps extends BaseComponentProps {
  * />
  * ```
  */
-export declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLElement>>;
+export declare const Breadcrumbs: ({ ref, separator, maxItems, itemsBeforeCollapse, itemsAfterCollapse, showHomeIcon, size, items, children, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: BreadcrumbsProps & {
+    ref?: React.Ref<HTMLElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Breadcrumbs;

package/lib/components/navigation/CollapsibleSidebar/CollapsibleSidebar.d.ts

@@ -109,5 +109,7 @@ export interface CollapsibleSidebarProps extends BaseComponentProps {
  * </CollapsibleSidebar>
  * ```
  */
-export declare const CollapsibleSidebar: React.ForwardRefExoticComponent<CollapsibleSidebarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CollapsibleSidebar: ({ ref, collapsed: controlledCollapsed, defaultCollapsed, expandedWidth, collapsedWidth, collapseBreakpoint, hideBreakpoint, position, onCollapsedChange, onHiddenChange, animationDuration, animationEasing, header, footer, children, className, style, "data-testid": testId, "aria-label": ariaLabel, ...restProps }: CollapsibleSidebarProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default CollapsibleSidebar;

package/lib/components/navigation/NavLink/NavLink.d.ts

@@ -70,5 +70,7 @@ export interface NavLinkProps extends BaseComponentProps {
  * <NavLink href="/profile" variant="pill" active>Profile</NavLink>
  * ```
  */
-export declare const NavLink: React.ForwardRefExoticComponent<NavLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare const NavLink: ({ ref, href, active, icon, iconPosition, variant, size, disabled, onClick, children, className, target, rel, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: NavLinkProps & {
+    ref?: React.Ref<HTMLAnchorElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default NavLink;

package/lib/components/navigation/Navbar/Navbar.d.ts

@@ -77,5 +77,7 @@ export interface NavbarProps extends BaseComponentProps {
  * </Navbar>
  * ```
  */
-export declare const Navbar: React.ForwardRefExoticComponent<NavbarProps & React.RefAttributes<HTMLElement>>;
+export declare const Navbar: ({ ref, variant, position, size, alignment, expanded: controlledExpanded, defaultExpanded, onExpandedChange, collapseBreakpoint, children, className, "data-testid": testId, "aria-label": ariaLabel, style, ...restProps }: NavbarProps & {
+    ref?: React.Ref<HTMLElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Navbar;

package/lib/components/navigation/Navbar/NavbarActions.d.ts

@@ -17,5 +17,7 @@ export interface NavbarActionsProps extends BaseComponentProps {
  * </NavbarActions>
  * ```
  */
-export declare const NavbarActions: React.ForwardRefExoticComponent<NavbarActionsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const NavbarActions: ({ ref, children, className, "data-testid": testId, style, ...restProps }: NavbarActionsProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
 export default NavbarActions;