@kubit-ui-web/react-components 2.0.0-beta.20 → 2.0.0-beta.22

package/dist/types/index.d.ts

@@ -454,7 +454,7 @@ export declare interface BreadcrumbsStandAloneProps extends BreadcrumbAriaAttrib
     id?: string;
     crumbs: BreadcrumbProps[];
     minCharLimit?: number;
-    dividerIcon?: ElementOrIconProps;
+    dividerIcon?: CommonIconProps;
     lastOneCrumbComponent?: TextComponentType;
     cssClasses?: BreadcrumbsCssClasses;
 }
@@ -478,7 +478,7 @@ export declare interface BreadcrumbStandAloneProps extends DataAttributes {
     crumb: BreadcrumbProps;
     lastCrumb?: boolean;
     lastOneCrumbComponent?: TextComponentType;
-    dividerIcon?: ElementOrIconProps;
+    dividerIcon?: CommonIconProps;
 }
 
 export declare type BreadcrumbsVariantStyles<Variant extends string> = BreadcrumbsStyleProps & {
@@ -556,7 +556,7 @@ export declare interface ButtonProps<Variant = undefined extends string | unknow
 export declare interface ButtonStandAloneProps extends PropsWithChildren<ButtonStylesProps>, ButtonAriaProps, DataAttributes {
     type?: HTMLButtonElement['type'];
     onClick?: MouseEventHandler<HTMLButtonElement>;
-    icon?: ElementOrIconProps;
+    icon?: CommonIconProps;
     form?: string;
     role?: AriaRole;
     title?: string;
@@ -1128,7 +1128,7 @@ declare type ComponentSelected<T> = Pick<T, NonVariablesKeys<T>>;
 
 declare type ComponentSelected_2<T> = Pick<T, NonVariablesKeys_2<T>>;
 
-declare type ComponentsTypesAvailableComponents = 'ACCORDION' | 'ALERT' | 'AVATAR' | 'BADGE' | 'BREADCRUMBS' | 'BUTTON' | 'CALENDAR' | 'CARD_IMAGE' | 'CAROUSEL' | 'CHECKBOX' | 'CHECKBOX_BASE' | 'CHIP' | 'CONTAINER' | 'DATA_TABLE' | 'DOT' | 'DROPDOWN_SELECTED' | 'ERROR_MESSAGE' | 'ICON' | 'INPUT' | 'INPUT_BASE' | 'INPUT_DECORATION' | 'INPUT_SIGNATURE' | 'ITEM_ROVE' | 'LINK' | 'LINK_AS_BUTTON' | 'LIST_OPTIONS' | 'MODAL' | 'NAVBAR' | 'OPTION' | 'OVERLAY' | 'PAGE_CONTROL' | 'PAGINATION' | 'POPOVER' | 'PROGRESS_BAR' | 'RADIO_BUTTON' | 'SELECTOR_BOX_FILE' | 'SKELETON' | 'SLIDER' | 'SNACKBAR' | 'STEPPER_NUMBER' | 'TABLE' | 'TABLE_BODY' | 'TABLE_CAPTION' | 'TABLE_CELL' | 'TABLE_DIVIDER' | 'TABLE_FOOT' | 'TABLE_HEAD' | 'TABLE_ROW' | 'TABS' | 'TAG' | 'TEXT' | 'TEXT_AREA' | 'TEXT_COUNT' | 'TOGGLE' | 'TOOLTIP' | 'VIRTUAL_KEYBOARD';
+declare type ComponentsTypesAvailableComponents = 'ACCORDION' | 'ALERT' | 'AVATAR' | 'BADGE' | 'BREADCRUMBS' | 'BUTTON' | 'CALENDAR' | 'CARD_IMAGE' | 'CAROUSEL' | 'CHECKBOX' | 'CHECKBOX_BASE' | 'CHIP' | 'CONTAINER' | 'DATA_TABLE' | 'DOT' | 'ERROR_MESSAGE' | 'ICON' | 'INPUT' | 'INPUT_BASE' | 'INPUT_DECORATION' | 'INPUT_SIGNATURE' | 'ITEM_ROVE' | 'LINK' | 'LINK_AS_BUTTON' | 'LIST_OPTIONS' | 'MODAL' | 'OPTION' | 'OVERLAY' | 'PAGE_CONTROL' | 'PAGINATION' | 'POPOVER' | 'PROGRESS_BAR' | 'RADIO_BUTTON' | 'SELECT' | 'SELECTOR_BOX_FILE' | 'SKELETON' | 'SLIDER' | 'SNACKBAR' | 'STEPPER_NUMBER' | 'TABLE' | 'TABLE_BODY' | 'TABLE_CAPTION' | 'TABLE_CELL' | 'TABLE_DIVIDER' | 'TABLE_FOOT' | 'TABLE_HEAD' | 'TABLE_ROW' | 'TABS' | 'TAG' | 'TEXT' | 'TEXT_AREA' | 'TEXT_COUNT' | 'TOGGLE' | 'TOOLTIP' | 'VIRTUAL_KEYBOARD';
 
 declare type ComponentsTypesComponents = {
     ACCORDION: {
@@ -1244,22 +1244,22 @@ declare type ComponentsTypesComponents = {
             button: string;
             icon: string;
         };
-        $_action_primary: {
+        $_alternative: {
             button: string;
         };
-        $_action_secondary: {
+        $_ghost_alt: {
             button: string;
         };
-        $_action_secondary_alt: {
+        $_ghost_primary: {
             button: string;
         };
-        $_primary: {
+        $_ghost_secondary: {
             button: string;
         };
-        $_secondary: {
+        $_primary: {
             button: string;
         };
-        $_secondary_alt: {
+        $_secondary: {
             button: string;
         };
         dynamic_values: (styles: {
@@ -1486,51 +1486,6 @@ declare type ComponentsTypesComponents = {
             dot: string;
         };
     };
-    DROPDOWN_SELECTED: {
-        dropdown_selected: string;
-        buttonorlinkcontainer: string;
-        iconclosed: string;
-        iconopened: string;
-        labelclosed: string;
-        labelopened: string;
-        listoptionscontainer: string;
-        $_default: {
-            dropdown_selected: string;
-            buttonorlinkcontainer: string;
-            iconclosed: string;
-            iconopened: string;
-            labelclosed: string;
-            labelopened: string;
-            listoptionscontainer: string;
-        };
-        $_side_menu: {
-            dropdown_selected: string;
-            buttonorlinkcontainer: string;
-            iconclosed: string;
-            iconopened: string;
-            labelclosed: string;
-            labelopened: string;
-            listoptionscontainer: string;
-        };
-        $_topbar: {
-            dropdown_selected: string;
-            buttonorlinkcontainer: string;
-            iconclosed: string;
-            iconopened: string;
-            labelclosed: string;
-            labelopened: string;
-            listoptionscontainer: string;
-        };
-        $_topbar_tab: {
-            dropdown_selected: string;
-            buttonorlinkcontainer: string;
-            iconclosed: string;
-            iconopened: string;
-            labelclosed: string;
-            labelopened: string;
-            listoptionscontainer: string;
-        };
-    };
     ERROR_MESSAGE: {
         error_message: string;
         icon: string;
@@ -1692,13 +1647,6 @@ declare type ComponentsTypesComponents = {
             modal: string;
         };
     };
-    NAVBAR: {
-        navbar: string;
-        itemcontainer: string;
-        $_default: {
-            navbar: string;
-        };
-    };
     OPTION: {
         option: string;
         checkedicon: string;
@@ -1823,63 +1771,6 @@ declare type ComponentsTypesComponents = {
         $_default: {
             progress_bar: string;
         };
-        $_interactive: {
-            progress_bar: string;
-            barcontainer: string;
-        };
-        slider: {
-            activetrack: string;
-            inactivetrack: string;
-            thumb: string;
-            decrement_button_size: {
-                icon: string;
-                button: string;
-                loader: string;
-            };
-            decrement_button_variant: {
-                button: string;
-                icon: string;
-                loader: string;
-            };
-            tooltip: {
-                arrowcontainer: string;
-                arrowposition: string;
-                arrowsize: string;
-                closebuttoncontainer: string;
-                closebuttonicon: string;
-                headercontainer: string;
-                paragraph: string;
-                paragraphcontainer: string;
-                title: string;
-                tooltipexternalcontainer: string;
-                tooltipinternalcontainer: string;
-                popover: {
-                    arrow: string;
-                    popover: string;
-                };
-                arrow: string;
-                divider: string;
-                dragicon: string;
-                dragiconcontainer: string;
-                tooltipalignstyles: string;
-                tooltipasmodal: string;
-            };
-            buttonstrackscontainer: string;
-            helpertext: string;
-            helpertextcontainer: string;
-            helpertextleftcontainer: string;
-            helpertextrightcontainer: string;
-            innerthumbtooltip: string;
-            label: string;
-            labelcontainer: string;
-            rightthumbicon: string;
-            scalecontainer: string;
-            scaleoption: string;
-            thumbicon: string;
-            tracksthumbscontainer: string;
-            tracksthumbsinnercontainer: string;
-            slider: string;
-        };
     };
     RADIO_BUTTON: {
         radio_button: string;
@@ -1903,12 +1794,8 @@ declare type ComponentsTypesComponents = {
             arrowcontainer: string;
             arrowposition: string;
             arrowsize: string;
-            closebuttoncontainer: string;
-            closebuttonicon: string;
-            headercontainer: string;
             paragraph: string;
             paragraphcontainer: string;
-            title: string;
             tooltipexternalcontainer: string;
             tooltipinternalcontainer: string;
             popover: {
@@ -1916,13 +1803,55 @@ declare type ComponentsTypesComponents = {
                 popover: string;
             };
             arrow: string;
-            divider: string;
-            dragicon: string;
-            dragiconcontainer: string;
             tooltipalignstyles: string;
             tooltipasmodal: string;
         };
     };
+    SELECT: {
+        select: string;
+        buttonorlinkcontainer: string;
+        iconclosed: string;
+        iconopened: string;
+        labelclosed: string;
+        labelopened: string;
+        listoptionscontainer: string;
+        $_default: {
+            select: string;
+            buttonorlinkcontainer: string;
+            iconclosed: string;
+            iconopened: string;
+            labelclosed: string;
+            labelopened: string;
+            listoptionscontainer: string;
+        };
+        $_side_menu: {
+            select: string;
+            buttonorlinkcontainer: string;
+            iconclosed: string;
+            iconopened: string;
+            labelclosed: string;
+            labelopened: string;
+            listoptionscontainer: string;
+        };
+        $_topbar: {
+            select: string;
+            buttonorlinkcontainer: string;
+            iconclosed: string;
+            iconopened: string;
+            labelclosed: string;
+            labelopened: string;
+            listoptionscontainer: string;
+        };
+        $_topbar_tab: {
+            select: string;
+            buttonorlinkcontainer: string;
+            iconclosed: string;
+            iconopened: string;
+            labelclosed: string;
+            labelopened: string;
+            listoptionscontainer: string;
+        };
+    };
     SELECTOR_BOX_FILE: {
         selector_box_file: string;
         actionicon: string;
@@ -2002,12 +1931,8 @@ declare type ComponentsTypesComponents = {
             arrowcontainer: string;
             arrowposition: string;
             arrowsize: string;
-            closebuttoncontainer: string;
-            closebuttonicon: string;
-            headercontainer: string;
             paragraph: string;
             paragraphcontainer: string;
-            title: string;
             tooltipexternalcontainer: string;
             tooltipinternalcontainer: string;
             popover: {
@@ -2015,9 +1940,6 @@ declare type ComponentsTypesComponents = {
                 popover: string;
             };
             arrow: string;
-            divider: string;
-            dragicon: string;
-            dragiconcontainer: string;
             tooltipalignstyles: string;
             tooltipasmodal: string;
         };
@@ -2322,15 +2244,8 @@ declare type ComponentsTypesComponents = {
         arrowcontainer: string;
         arrowposition: string;
         arrowsize: string;
-        closebuttoncontainer: string;
-        closebuttonicon: string;
-        divider: string;
-        dragicon: string;
-        dragiconcontainer: string;
-        headercontainer: string;
         paragraph: string;
         paragraphcontainer: string;
-        title: string;
         tooltipalignstyles: string;
         tooltipasmodal: string;
         tooltipexternalcontainer: string;
@@ -2340,12 +2255,8 @@ declare type ComponentsTypesComponents = {
             arrowcontainer: string;
             arrowposition: string;
             arrowsize: string;
-            closebuttoncontainer: string;
-            closebuttonicon: string;
-            headercontainer: string;
             paragraph: string;
             paragraphcontainer: string;
-            title: string;
             tooltipexternalcontainer: string;
             tooltipinternalcontainer: string;
         };
@@ -3393,124 +3304,6 @@ export declare type DotThemeStyles<variant extends string, size extends string>
     [s in size]: CssLibPropsType;
 };
 
-/**
- * Uncontrolled dropdown component for displaying selectable options.
- *
- * This component manages its own open/close state and selected option internally, so you do not need
- * to control the dropdown state from the parent. It is useful when you want a simple dropdown that handles
- * its own toggle and selection logic. You can optionally receive state changes via callbacks.
- *
- * Internally, it wraps {@link DropdownSelectedControlled} and passes the necessary props.
- *
- * @example
- * ```tsx
- * <DropdownSelectedUnControlled defaultOpen />
- * ```
- */
-export declare const DropdownSelected: ForwardRefExoticComponent<DropdownSelectedUnControlledProps & RefAttributes<HTMLDivElement>>;
-
-/**
- * Controlled dropdown component for displaying selectable options.
- *
- * This component renders a dropdown that is fully controlled by its parent, allowing for custom open/close logic,
- * keyboard navigation, and flexible theming. It is useful when you need to manage the dropdown state and behavior externally.
- *
- * Internally, it wraps {@link DropdownSelectedStandAlone} and handles keyboard focus and scroll-based closing.
- * Accepts a generic type parameter `<Variant extends string>` to allow for custom variant values, enabling flexible styling.
- *
- * @example
- * ```tsx
- * <DropdownSelectedControlled open listOptions={options} />
- *
- * // With a custom variant type:
- * type MyVariant = "primary" | "secondary";
- * <DropdownSelectedControlled<MyVariant> variant="primary" open listOptions={options} />
- * ```
- */
-export declare const DropdownSelectedControlled: ForwardRefExoticComponent<DropdownSelectedControlledProps<string> & RefAttributes<HTMLDivElement>>;
-
-/**
- * Interface for the controlled DropdownSelected component.
- * Extends the DropdownSelectedStandAloneProps interface and adds a variant and additional CSS classes.
- *
- * @template Variant - The type of the variant for the DropdownSelected.
- */
-export declare interface DropdownSelectedControlledProps<Variant = undefined extends string ? unknown : string> extends Omit<DropdownSelectedStandAloneProps, 'listOptionsRef' | 'onButtonKeyDown' | 'component'> {
-    variant?: Variant;
-    additionalClasses?: Partial<DropdownSelectedCssClasses>;
-}
-
-declare type DropdownSelectedCssClasses = ComponentSelected<ComponentsTypesComponents['DROPDOWN_SELECTED']>;
-
-/**
- * Represents the type for the list options in the DropdownSelected component.
- */
-export declare type DropdownSelectedListOptionsProps = Omit<ListOptionsProps, 'selectedValue' | 'onOptionClick'>;
-
-declare type DropdownSelectedOmittedProps = 'buttonOrLinkRef' | 'open' | 'onButtonClick' | 'optionSelected' | 'onOptionClick' | 'onClosePopover' | 'onMouseEnter' | 'onMouseLeave' | 'onBlur' | 'onFocus' | 'onKeyDown';
-
-/**
- * Represents the type for the popover in the DropdownSelected component.
- */
-export declare type DropdownSelectedPopoverProps = Omit<IPopover, 'children' | 'open'>;
-
-/**
- * Interface for the standalone DropdownSelected component.
- * Includes properties for state, event handlers, and CSS classes.
- */
-export declare interface DropdownSelectedStandAloneProps extends DataAttributes {
-    open: boolean;
-    popover?: DropdownSelectedPopoverProps;
-    onButtonClick: MouseEventHandler<HTMLButtonElement | HTMLLinkElement>;
-    onButtonKeyDown: KeyboardEventHandler<HTMLButtonElement | HTMLLinkElement>;
-    onClosePopover: () => void;
-    label: CommonTextProps;
-    icon: ElementOrIconProps;
-    listOptions: DropdownSelectedListOptionsProps;
-    optionSelected?: string;
-    onOptionClick: (value: string) => void;
-    listOptionsRef: RefObject<HTMLDivElement>;
-    closePopoverOnScroll?: boolean;
-    openAndCloseOnHover?: boolean;
-    url?: string;
-    urlTarget?: HTMLAttributeAnchorTarget;
-    component: 'button' | GenericLinkType;
-    buttonOrLinkRef?: RefObject<HTMLButtonElement>;
-    onFocus?: FocusEventHandler<HTMLDivElement>;
-    onBlur?: FocusEventHandler<HTMLDivElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
-    cssClasses?: DropdownSelectedCssClasses;
-}
-
-export declare interface DropdownSelectedStyleProps extends CssLibPropsType {
-    _buttonOrLinkContainer?: CssLibPropsType;
-    _labelOpened?: CssLibPropsType;
-    _labelClosed?: CssLibPropsType;
-    _iconOpened?: CssLibPropsType;
-    _iconClosed?: CssLibPropsType;
-    _listOptionsContainer?: CssLibPropsType;
-}
-
-/**
- * Interface for the uncontrolled DropdownSelected component.
- * Extends the DropdownSelectedProps interface and adds default properties.
- */
-export declare interface DropdownSelectedUnControlledProps extends Omit<DropdownSelectedControlledProps, DropdownSelectedOmittedProps> {
-    defaultOpen?: boolean;
-    defaultOptionSelected?: string;
-    onOptionClick?: (value: string) => void;
-    onButtonClick?: (open: boolean) => void;
-    onClosePopover?: (open: boolean) => void;
-    onMouseEnter?: (open: boolean) => void;
-    onMouseLeave?: (open: boolean) => void;
-    onFocus?: (open: boolean) => void;
-    onBlur?: (open: boolean) => void;
-}
-
-export declare type DropdownSelectedVariantStyles<Variant extends string> = DropdownSelectedStyleProps & {
-    [key in Variant]: DropdownSelectedStyleProps;
-};
-
 /**
  * @name ElementOrIconProps
  * @description
@@ -3997,7 +3790,7 @@ export declare interface InputDecorationProps<Variant = undefined extends string
  */
 export declare interface InputDecorationStandAloneProps extends DataAttributes {
     disabled?: boolean;
-    decoration?: ElementOrIconProps;
+    decoration?: CommonIconProps;
     cssClasses?: InputDecorationCssClasses;
     component?: React.ElementType;
 }
@@ -4535,7 +4328,7 @@ export declare interface ListOptionsStandAloneProps extends DataAttributes {
     content?: React.ReactNode;
     onOptionClick?: (value: string, event: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement>) => void;
     multiSelect?: boolean;
-    checkedIcon?: ElementOrIconProps;
+    checkedIcon?: CommonIconProps;
     id?: string;
     roveFocus?: UseRoveFocusProps;
     index?: number;
@@ -4652,13 +4445,6 @@ export declare interface ModalControlledProps<Variant = undefined extends string
 
 declare type ModalCssClasses = ComponentSelected<ComponentsTypesComponents['MODAL']>;
 
-/**
- * Represents the type for the footer in the Modal component.
- */
-export declare type ModalFooterProps = Omit<NavBarProps, 'variant'> & {
-    variant?: string;
-};
-
 declare type ModalOmittedProps = 'styles' | 'device' | 'contentHasScroll';
 
 /**
@@ -4685,18 +4471,18 @@ export declare interface ModalStandAloneProps extends DataAttributes {
     title?: CommonTextProps & {
         visible?: boolean;
     };
-    closeIcon?: ElementOrIconProps;
+    closeIcon?: CommonIconProps;
     closeButton?: ModalButtonProps;
     contentContainer?: ModalContentContainerProps;
     content?: ReactNode;
     contentScrollArias?: Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;
     contentHasScroll: boolean;
-    footer?: ModalFooterProps;
+    footer?: ReactNode;
     device: DeviceBreakpointsType;
     onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
     onPopoverCloseInternally?: () => void;
     cssClasses?: ModalCssClasses;
-    dragIcon?: ElementOrIconProps;
+    dragIcon?: CommonIconProps;
 }
 
 /**
@@ -4737,51 +4523,6 @@ export declare type ModalVariantStyles<Variant extends string> = ModalStyleProps
     [key in Variant]: ModalStyleProps;
 };
 
-/**
- * A component that renders a navigation bar, which can be used as a header, footer, or standalone navigation.
- * It supports custom CSS classes and forwards a ref to the inner navigation container.
- *
- * @param {INavBarControlled} props - The props for the navigation bar component.
- * @param {ForwardedRef<HTMLDivElement>} ref - The forwarded ref for the inner navigation container.
- * @returns {JSX.Element} The rendered navigation bar component.
- */
-export declare const NabVar: ForwardRefExoticComponent<NavBarProps<string> & RefAttributes<HTMLDivElement>>;
-
-declare type NavBarCssClasses = ComponentSelected<ComponentsTypesComponents['NAVBAR']>;
-
-/**
- * Interface for the NavBar component with a variant.
- * Extends the NavBarStandAloneProps interface and adds a variant and additional CSS classes.
- *
- * @template Variant - The type of the variant for the NavBar.
- */
-export declare interface NavBarProps<Variant = undefined extends string ? unknown : string> extends NavBarStandAloneProps {
-    variant?: Variant;
-    additionalClasses?: Partial<NavBarCssClasses>;
-}
-
-/**
- * Interface for the standalone NavBar component.
- * Includes properties for items, layout direction, focus order, and CSS classes.
- */
-export declare interface NavBarStandAloneProps extends DataAttributes {
-    leftItems?: React.ReactNode[];
-    centerItems?: React.ReactNode[];
-    rightItems?: React.ReactNode[];
-    component?: 'header' | 'footer' | 'nav';
-    direction?: 'horizontal' | 'vertical';
-    focusOrder?: ('left' | 'center' | 'right')[];
-    cssClasses?: NavBarCssClasses;
-}
-
-export declare interface NavBarStyleProps extends CssLibPropsType {
-    _itemContainer?: CssLibPropsType;
-}
-
-export declare type NavBarVariantStyles<Variant extends string> = NavBarStyleProps & {
-    [key in Variant]: NavBarStyleProps;
-};
-
 declare type NonVariablesKeys<T> = {
     [K in keyof T]: K extends `$${string}` ? never : K;
 }[keyof T];
@@ -4834,11 +4575,11 @@ export declare interface OptionProps<Variant = undefined extends string ? unknow
  * Includes ARIA attributes, labels, icons, event handlers, and CSS classes.
  */
 export declare interface OptionStandAloneProps extends OptionAriaProps, DataAttributes {
-    icon?: ElementOrIconProps;
+    icon?: CommonIconProps;
     sublabel?: CommonTextProps;
     label: ReactNode;
     labelCharsHighlighted?: string;
-    checkedIcon?: ElementOrIconProps;
+    checkedIcon?: CommonIconProps;
     multiSelect?: boolean;
     disabled?: boolean;
     selected?: boolean;
@@ -5222,7 +4963,7 @@ export declare interface RadioButtonStandAloneProps extends RadioButtonAriaProps
     name?: string;
     label?: RadioButtonLabelProps;
     errorMessage?: string;
-    errorIcon?: ElementOrIconProps;
+    errorIcon?: CommonIconProps;
     errorAriaLiveType?: AriaAttributes['aria-live'];
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
@@ -5273,6 +5014,62 @@ declare interface ScreenReaderOnlyProps extends DataAttributes {
     role?: React.AriaRole;
 }
 
+/**
+ * Uncontrolled select component for displaying selectable options.
+ *
+ * This component manages its own open/close state and selected option internally, so you do not need
+ * to control the select state from the parent. It is useful when you want a simple select that handles
+ * its own toggle and selection logic. You can optionally receive state changes via callbacks.
+ *
+ * Internally, it wraps {@link SelectControlled} and passes the necessary props.
+ *
+ * @example
+ * ```tsx
+ * <SelectUnControlled defaultOpen />
+ * ```
+ */
+export declare const Select: ForwardRefExoticComponent<SelectUnControlledProps & RefAttributes<HTMLDivElement>>;
+
+/**
+ * Controlled select component for displaying selectable options.
+ *
+ * This component renders a select that is fully controlled by its parent, allowing for custom open/close logic,
+ * keyboard navigation, and flexible theming. It is useful when you need to manage the select state and behavior externally.
+ *
+ * Internally, it wraps {@link SelectStandAlone} and handles keyboard focus and scroll-based closing.
+ * Accepts a generic type parameter `<Variant extends string>` to allow for custom variant values, enabling flexible styling.
+ *
+ * @example
+ * ```tsx
+ * <SelectControlled open listOptions={options} />
+ *
+ * // With a custom variant type:
+ * type MyVariant = "primary" | "secondary";
+ * <SelectControlled<MyVariant> variant="primary" open listOptions={options} />
+ * ```
+ */
+export declare const SelectControlled: ForwardRefExoticComponent<SelectControlledProps<string> & RefAttributes<HTMLDivElement>>;
+
+/**
+ * Interface for the controlled Select component.
+ * Extends the SelectStandAloneProps interface and adds a variant and additional CSS classes.
+ *
+ * @template Variant - The type of the variant for the Select.
+ */
+export declare interface SelectControlledProps<Variant = undefined extends string ? unknown : string> extends Omit<SelectStandAloneProps, 'listOptionsRef' | 'onButtonKeyDown' | 'component'> {
+    variant?: Variant;
+    additionalClasses?: Partial<SelectCssClasses>;
+}
+
+declare type SelectCssClasses = ComponentSelected<ComponentsTypesComponents['SELECT']>;
+
+/**
+ * Represents the type for the list options in the Select component.
+ */
+export declare type SelectListOptionsProps = Omit<ListOptionsProps, 'selectedValue' | 'onOptionClick'>;
+
+declare type SelectOmittedProps = 'buttonOrLinkRef' | 'open' | 'onButtonClick' | 'optionSelected' | 'onOptionClick' | 'onClosePopover' | 'onMouseEnter' | 'onMouseLeave' | 'onBlur' | 'onFocus' | 'onKeyDown';
+
 /**
  * SelectorBoxFile component for file upload with drag-and-drop support.
  *
@@ -5297,10 +5094,10 @@ export declare const SelectorBoxFile: ForwardRefExoticComponent<SelectorBoxFileP
  */
 export declare type SelectorBoxFileContainerBoxStateContentProps = {
     [key in SelectorBoxFileStateType]: {
-        icon?: ElementOrIconProps;
-        iconRight?: ElementOrIconProps;
+        icon?: CommonIconProps;
+        iconRight?: CommonIconProps;
         actionText?: CommonTextProps;
-        actionIcon?: ElementOrIconProps;
+        actionIcon?: CommonIconProps;
         description?: CommonTextProps;
     };
 };
@@ -5378,6 +5175,68 @@ export declare type SelectorBoxFileVariantStyles<Variant extends string> = Selec
     [key in Variant]?: SelectorBoxFileStyleProps;
 };
 
+/**
+ * Represents the type for the popover in the Select component.
+ */
+export declare type SelectPopoverProps = Omit<IPopover, 'children' | 'open'>;
+
+/**
+ * Interface for the standalone Select component.
+ * Includes properties for state, event handlers, and CSS classes.
+ */
+export declare interface SelectStandAloneProps extends DataAttributes {
+    open: boolean;
+    popover?: SelectPopoverProps;
+    onButtonClick: MouseEventHandler<HTMLButtonElement | HTMLLinkElement>;
+    onButtonKeyDown: KeyboardEventHandler<HTMLButtonElement | HTMLLinkElement>;
+    onClosePopover: () => void;
+    label: CommonTextProps;
+    icon: CommonIconProps;
+    listOptions: SelectListOptionsProps;
+    optionSelected?: string;
+    onOptionClick: (value: string) => void;
+    listOptionsRef: RefObject<HTMLDivElement>;
+    closePopoverOnScroll?: boolean;
+    openAndCloseOnHover?: boolean;
+    url?: string;
+    urlTarget?: HTMLAttributeAnchorTarget;
+    component: 'button' | GenericLinkType;
+    buttonOrLinkRef?: RefObject<HTMLButtonElement>;
+    onFocus?: FocusEventHandler<HTMLDivElement>;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+    cssClasses?: SelectCssClasses;
+}
+
+export declare interface SelectStyleProps extends CssLibPropsType {
+    _buttonOrLinkContainer?: CssLibPropsType;
+    _labelOpened?: CssLibPropsType;
+    _labelClosed?: CssLibPropsType;
+    _iconOpened?: CssLibPropsType;
+    _iconClosed?: CssLibPropsType;
+    _listOptionsContainer?: CssLibPropsType;
+}
+
+/**
+ * Interface for the uncontrolled Select component.
+ * Extends the SelectProps interface and adds default properties.
+ */
+export declare interface SelectUnControlledProps extends Omit<SelectControlledProps, SelectOmittedProps> {
+    defaultOpen?: boolean;
+    defaultOptionSelected?: string;
+    onOptionClick?: (value: string) => void;
+    onButtonClick?: (open: boolean) => void;
+    onClosePopover?: (open: boolean) => void;
+    onMouseEnter?: (open: boolean) => void;
+    onMouseLeave?: (open: boolean) => void;
+    onFocus?: (open: boolean) => void;
+    onBlur?: (open: boolean) => void;
+}
+
+export declare type SelectVariantStyles<Variant extends string> = SelectStyleProps & {
+    [key in Variant]: SelectStyleProps;
+};
+
 /**
  * Skeleton component for displaying loading placeholders.
  *
@@ -6674,13 +6533,6 @@ export declare const Tooltip: ForwardRefExoticComponent<TooltipUnControlledProps
 
 declare type TooltipAlignType = Extract<PositionType, 'top' | 'right' | 'bottom' | 'left'>;
 
-/**
- * Represents the type for the close icon in the Tooltip component.
- */
-export declare type TooltipCloseIconProps = Omit<IconProps, 'icon'> & {
-    icon?: string;
-};
-
 /**
  * TooltipControlled component for displaying contextual information.
  *
@@ -6734,7 +6586,6 @@ export declare interface TooltipStandAloneProps extends DataAttributes {
     disabled?: boolean;
     mediaDevice: DeviceBreakpointsType;
     align?: TooltipAlignType | string;
-    title?: CommonTextProps;
     contentHasScroll?: boolean;
     content?: CommonTextProps;
     contentRef?: ForwardedRef<HTMLDivElement> | undefined;
@@ -6746,11 +6597,9 @@ export declare interface TooltipStandAloneProps extends DataAttributes {
     onTriggerClick?: MouseEventHandler<HTMLElement>;
     onTriggerMouseDown?: MouseEventHandler<HTMLElement>;
     onTriggerMouseUp?: MouseEventHandler<HTMLElement>;
-    onCloseIconClick?: MouseEventHandler<HTMLElement>;
     children: JSX.Element | string | ReactNode;
     popoverOpen?: boolean;
     cssClasses?: TooltipCssClasses;
-    closeIcon?: IconProps;
     childrenAsButton?: boolean;
     triggerAsButton?: Pick<AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-controls' | 'aria-expanded' | 'aria-pressed' | 'aria-disabled'>;
     onPopoverCloseInternally?: () => void;
@@ -6761,8 +6610,6 @@ export declare interface TooltipStandAloneProps extends DataAttributes {
     onTriggerKeyDown?: KeyboardEventHandler<HTMLDivElement>;
     onTooltipKeyDown?: KeyboardEventHandler<HTMLElement>;
     popover?: TooltipPopoverProps;
-    dragIcon?: ElementOrIconProps;
-    dragIconRef?: MutableRefObject<HTMLDivElement | null>;
     tooltipAriaLabel?: string;
 }
 
@@ -7034,7 +6881,7 @@ export declare interface VirtualKeyboardStandAloneProps extends DataAttributes {
     onVirtualKeyboardBlur: React.FocusEventHandler<HTMLDivElement>;
     onDigitButtonClick: (digit: string, event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onRemoveButtonClick: React.MouseEventHandler<HTMLButtonElement>;
-    icon: ElementOrIconProps;
+    icon: CommonIconProps;
     cssClasses?: VirtualKeyboardCssClasses;
 }