@redis-ui/components 42.0.0 → 42.7.0

package/dist/MultiSelect/MultiSelect.d.ts

@@ -1,44 +1,28 @@
-/// <reference types="react" />
 import { RestSelectTriggerComposeProps } from '../Select/components/Trigger/components/Compose/Compose.types';
 import { SelectOption } from '../Select';
 import { MultiSelectProps } from './MultiSelect.types';
-declare const MultiSelect: (<TValue extends string = string, TOption extends SelectOption<TValue> = SelectOption<TValue>>({ options, disabled, defaultOpen, open, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, valueRender, searchable, placement, maxVisibleItems, placeholder, virtualized, contentWidth, allowSelectAll, ...restProps }: Omit<import("./components/Compose/Compose.types").MultiSelectComposeProps<TValue, TOption>, "allowResetDisabledItems"> & Omit<import("../Select/components/Trigger/Trigger.types").SelectTriggerProps<TOption>, "valueRender"> & Omit<import("./components/Trigger/components/MultiValue/MultiValue.types").SelectTriggerMultiValueProps<TOption>, "allowRemove"> & Omit<import("./components/Content/Content.types").MultiSelectContentProps<TOption>, "optionComponent" | "optionValueRender"> & {
-    className?: string | undefined;
-} & RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: <TValue_1 extends string = string, TOption_1 extends SelectOption<TValue_1> = SelectOption<TValue_1>>({ options, children, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, disabled, allowResetDisabledItems, ...restProps }: Omit<import("../Select/components/Compose/Compose.types").SelectComposeProps<TValue_1, TOption_1>, "defaultValue" | "onChange" | "value"> & {
-        defaultValue?: import("..").NoInfer<TValue_1>[] | undefined;
-        value?: import("..").NoInfer<TValue_1>[] | undefined;
-        onChange?: ((value: TValue_1[]) => void) | undefined;
-        allowResetDisabledItems?: boolean | undefined;
-    } & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
-    Trigger: (<TOption_2 extends SelectOption<string> = SelectOption<string>>({ placeholder, valueRender, allowReset, loading, ...restProps }: Omit<import("../Select/components/Trigger/Trigger.types").SelectTriggerProps<TOption_2>, "valueRender"> & Omit<import("./components/Trigger/components/MultiValue/MultiValue.types").SelectTriggerMultiValueProps<TOption_2>, "allowRemove"> & RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: ({ customContainer, id, ...restProps }: import("../Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
-        MultiValue: <TOption_3 extends SelectOption<string> = SelectOption<string>>({ placeholder, valueRender, allowRemove, ...restProps }: import("../Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption_3> & {
-            allowRemove?: boolean | undefined;
-        } & import("../Select/components/Trigger/components/Value/Value.types").RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelect: (<TValue extends string = string, TOption extends SelectOption<TValue> = SelectOption<TValue>>({ options, disabled, defaultOpen, open, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, valueRender, searchable, placement, maxVisibleItems, placeholder, virtualized, contentWidth, allowSelectAll, ...restProps }: MultiSelectProps<TValue, TOption> & RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: <TValue extends string = string, TOption extends SelectOption<TValue> = SelectOption<TValue>>({ options, children, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, disabled, allowResetDisabledItems, ...restProps }: import("./components/Compose/Compose.types").MultiSelectComposeProps<TValue, TOption> & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: (<TOption extends SelectOption = SelectOption>({ placeholder, valueRender, allowReset, loading, ...restProps }: import("./components/Trigger/Trigger.types").MultiSelectTriggerProps<TOption> & RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: ({ customContainer, id, "aria-describedby": ariaDescribedby, ...restProps }: import("../Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+        MultiValue: <TOption extends SelectOption = SelectOption>({ placeholder, valueRender, allowRemove, ...restProps }: import("./components/Trigger/components/MultiValue/MultiValue.types").SelectTriggerMultiValueProps<TOption> & import("../Select/components/Trigger/components/Value/Value.types").RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;
         ResetButton: ({ children, title, ...restProps }: import("react").HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element | null;
-        StatusIndicator: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element | null;
+        StatusIndicator: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
         LoadingIndicator: ({ loading, ...restProps }: import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
         Arrow: ({ icon, ...restProps }: import("../Select/components/Trigger/components/Arrow/Arrow.types").TriggerArrowProps) => import("react/jsx-runtime").JSX.Element;
-        ErrorIcon: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element | null;
+        ErrorIcon: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
     };
-    Content: (<TOption_4 extends SelectOption<string> = SelectOption<string>>({ searchable, optionValueRender, optionComponent, maxVisibleItems, virtualized, allowSelectAll, ...restProps }: import("../Select/components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("../Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption_4> & {
-        searchable?: boolean | undefined;
-    } & {
-        allowSelectAll?: boolean | undefined;
-    } & import("../Select/components/Content/components/Compose/Compose.types").RestSelectContentComposeProps) => import("react/jsx-runtime").JSX.Element) & {
+    Content: (<TOption extends SelectOption = SelectOption>({ searchable, optionValueRender, optionComponent, maxVisibleItems, virtualized, allowSelectAll, ...restProps }: import("./components/Content/Content.types").MultiSelectContentProps<TOption> & import("../Select/components/Content/components/Compose/Compose.types").RestSelectContentComposeProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: ({ children, placement, contentWidth, ...restProps }: import("../Select/components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("../Select/components/Content/components/Compose/Compose.types").RestSelectContentComposeProps & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
-        OptionList: <TOption_5 extends SelectOption<string> = SelectOption<string>>({ optionComponent, ...restProps }: import("../Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption_5> & import("../Select/components/Content/components/OptionList/OptionList.types").RestOptionListProps) => import("react/jsx-runtime").JSX.Element;
+        OptionList: <TOption extends SelectOption = SelectOption>({ optionComponent, ...restProps }: import("../Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption> & import("../Select/components/Content/components/OptionList/OptionList.types").RestOptionListProps) => import("react/jsx-runtime").JSX.Element;
         Search: import("react").ForwardRefExoticComponent<Omit<import("../Inputs/components/Compose/TextCompose.types").TextInputComposeProps, "readOnly" | "parser" | "formatter"> & import("../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps & import("..").RestInputProps & import("react").RefAttributes<HTMLInputElement>>;
         Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
         SelectAll: ({ selectAllTitle, unselectAllTitle, ...restProps }: import("./components/Content/components/SelectAll/SelectAll.types").SelectAllActionProps) => import("react/jsx-runtime").JSX.Element;
     };
-    Option: (<TOption_6 extends SelectOption<string> = SelectOption<string>>({ option, content, ...restProps }: import("../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<TOption_6> & {
-        content?: import("react").ReactNode;
-    } & import("../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: import("react").ForwardRefExoticComponent<import("../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<SelectOption<string>> & import("../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps & import("..").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
-        Content: (props: import("..").ComposeChildrenProps & import("../Select/components/Content/components/Option/components/Content/Content.types").RestSelectOptionContentProps) => import("react/jsx-runtime").JSX.Element;
-        Indicator: <TOption_7 extends SelectOption<string> = SelectOption<string>>({ option, ...restProps }: import("./components/Content/components/Option/components/OptionSelectionIndicator/OptionSelectionIndicator.types").OptionSelectionIndicatorProps<TOption_7> & Omit<import("..").CheckboxProps, "label" | "id" | "disabled" | "checked">) => import("react/jsx-runtime").JSX.Element;
+    Option: (<TOption extends SelectOption = SelectOption>({ option, content, ...restProps }: import("../Select").SelectOptionProps<TOption> & import("../Select").RestSelectOptionProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: import("react").ForwardRefExoticComponent<import("../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps & import("../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps & import("..").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
+        Content: (props: import("../Select/components/Content/components/Option/components/Content/Content.types").SelectOptionContentProps & import("../Select/components/Content/components/Option/components/Content/Content.types").RestSelectOptionContentProps) => import("react/jsx-runtime").JSX.Element;
+        Indicator: <TOption extends SelectOption = SelectOption>({ option, ...restProps }: import("./components/Content/components/Option/components/OptionSelectionIndicator/OptionSelectionIndicator.types").OptionSelectionIndicatorProps<TOption> & Omit<import("..").CheckboxProps, "label" | "checked" | "disabled" | "id">) => import("react/jsx-runtime").JSX.Element;
     };
 };
 export default MultiSelect;

package/dist/MultiSelect/components/Compose/Compose.d.ts

@@ -1,10 +1,5 @@
 import { MultiSelectComposeProps } from './Compose.types';
 import type { SelectOption } from '../../../Select';
 import { ComposeChildrenProps } from '../../../Helpers/common.types';
-declare const Compose: <TValue extends string = string, TOption extends SelectOption<TValue> = SelectOption<TValue>>({ options, children, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, disabled, allowResetDisabledItems, ...restProps }: Omit<import("../../../Select/components/Compose/Compose.types").SelectComposeProps<TValue, TOption>, "defaultValue" | "onChange" | "value"> & {
-    defaultValue?: import("../../../Helpers/common.types").NoInfer<TValue>[] | undefined;
-    value?: import("../../../Helpers/common.types").NoInfer<TValue>[] | undefined;
-    onChange?: ((value: TValue[]) => void) | undefined;
-    allowResetDisabledItems?: boolean | undefined;
-} & ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+declare const Compose: <TValue extends string = string, TOption extends SelectOption<TValue> = SelectOption<TValue>>({ options, children, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, disabled, allowResetDisabledItems, ...restProps }: MultiSelectComposeProps<TValue, TOption> & ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
 export default Compose;

package/dist/MultiSelect/components/Content/Content.d.ts

@@ -1,14 +1,9 @@
-/// <reference types="react" />
 import { MultiSelectContentProps } from './Content.types';
 import { RestSelectContentComposeProps } from '../../../Select/components/Content/components/Compose/Compose.types';
 import { SelectOption } from '../../../Select';
-declare const Content: (<TOption extends SelectOption<string> = SelectOption<string>>({ searchable, optionValueRender, optionComponent, maxVisibleItems, virtualized, allowSelectAll, ...restProps }: import("../../../Select/components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("../../../Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption> & {
-    searchable?: boolean | undefined;
-} & {
-    allowSelectAll?: boolean | undefined;
-} & RestSelectContentComposeProps) => import("react/jsx-runtime").JSX.Element) & {
+declare const Content: (<TOption extends SelectOption = SelectOption>({ searchable, optionValueRender, optionComponent, maxVisibleItems, virtualized, allowSelectAll, ...restProps }: MultiSelectContentProps<TOption> & RestSelectContentComposeProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: ({ children, placement, contentWidth, ...restProps }: import("../../../Select/components/Content/components/Compose/Compose.types").SelectContentComposeProps & RestSelectContentComposeProps & import("../../..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
-    OptionList: <TOption_1 extends SelectOption<string> = SelectOption<string>>({ optionComponent, ...restProps }: import("../../../Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption_1> & import("../../../Select/components/Content/components/OptionList/OptionList.types").RestOptionListProps) => import("react/jsx-runtime").JSX.Element;
+    OptionList: <TOption extends SelectOption = SelectOption>({ optionComponent, ...restProps }: import("../../../Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption> & import("../../../Select/components/Content/components/OptionList/OptionList.types").RestOptionListProps) => import("react/jsx-runtime").JSX.Element;
     Search: import("react").ForwardRefExoticComponent<Omit<import("../../../Inputs/components/Compose/TextCompose.types").TextInputComposeProps, "readOnly" | "parser" | "formatter"> & import("../../../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../../../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../../../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps & import("../../..").RestInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
     SelectAll: ({ selectAllTitle, unselectAllTitle, ...restProps }: import("./components/SelectAll/SelectAll.types").SelectAllActionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/MultiSelect/components/Content/components/Option/Option.d.ts

@@ -1,10 +1,7 @@
-/// <reference types="react" />
 import { RestSelectOptionProps, SelectOptionProps, SelectOption } from '../../../../../Select';
-declare const Option: (<TOption extends SelectOption<string> = SelectOption<string>>({ option, content, ...restProps }: import("../../../../../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<TOption> & {
-    content?: import("react").ReactNode;
-} & import("../../../../../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: import("react").ForwardRefExoticComponent<import("../../../../../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<SelectOption<string>> & import("../../../../../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps & import("../../../../..").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
-    Content: (props: import("../../../../..").ComposeChildrenProps & import("../../../../../Select/components/Content/components/Option/components/Content/Content.types").RestSelectOptionContentProps) => import("react/jsx-runtime").JSX.Element;
-    Indicator: <TOption_1 extends SelectOption<string> = SelectOption<string>>({ option, ...restProps }: import("./components/OptionSelectionIndicator/OptionSelectionIndicator.types").OptionSelectionIndicatorProps<TOption_1> & Omit<import("../../../../..").CheckboxProps, "label" | "id" | "disabled" | "checked">) => import("react/jsx-runtime").JSX.Element;
+declare const Option: (<TOption extends SelectOption = SelectOption>({ option, content, ...restProps }: SelectOptionProps<TOption> & RestSelectOptionProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: import("react").ForwardRefExoticComponent<import("../../../../../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps & import("../../../../../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps & import("../../../../..").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
+    Content: (props: import("../../../../../Select/components/Content/components/Option/components/Content/Content.types").SelectOptionContentProps & import("../../../../../Select/components/Content/components/Option/components/Content/Content.types").RestSelectOptionContentProps) => import("react/jsx-runtime").JSX.Element;
+    Indicator: <TOption extends SelectOption = SelectOption>({ option, ...restProps }: import("./components/OptionSelectionIndicator/OptionSelectionIndicator.types").OptionSelectionIndicatorProps<TOption> & Omit<import("../../../../..").CheckboxProps, "label" | "checked" | "disabled" | "id">) => import("react/jsx-runtime").JSX.Element;
 };
 export default Option;

package/dist/MultiSelect/components/Content/components/Option/components/Compose/Compose.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { SelectOption } from '../../../../../../../Select';
 import { RestSelectOptionComposeProps, SelectOptionComposeProps } from '../../../../../../../Select/components/Content/components/Option/components/Compose/Compose.types';
 import { ComposeChildrenProps } from '../../../../../../../Helpers/common.types';
-declare const Compose: React.ForwardRefExoticComponent<SelectOptionComposeProps<SelectOption<string>> & RestSelectOptionComposeProps & ComposeChildrenProps & React.RefAttributes<HTMLDivElement>>;
+declare const Compose: React.ForwardRefExoticComponent<SelectOptionComposeProps & RestSelectOptionComposeProps & ComposeChildrenProps & React.RefAttributes<HTMLDivElement>>;
 export default Compose;

package/dist/MultiSelect/components/Content/components/Option/components/Compose/Compose.style.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const SelectOptionCompose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../../../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<import("../../../../../../..").SelectOption<string>> & import("../../../../../../../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps & import("../../../../../../..").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const SelectOptionCompose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../../../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps & import("../../../../../../../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps & import("../../../../../../..").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/MultiSelect/components/Content/components/Option/components/OptionSelectionIndicator/OptionSelectionIndicator.d.ts

@@ -1,5 +1,5 @@
 import { OptionSelectionIndicatorProps } from './OptionSelectionIndicator.types';
 import { CheckboxProps } from '../../../../../../../Checkbox';
 import { SelectOption } from '../../../../../../../Select';
-declare const OptionSelectionIndicator: <TOption extends SelectOption<string> = SelectOption<string>>({ option, ...restProps }: OptionSelectionIndicatorProps<TOption> & Omit<CheckboxProps, "label" | "id" | "disabled" | "checked">) => import("react/jsx-runtime").JSX.Element;
+declare const OptionSelectionIndicator: <TOption extends SelectOption = SelectOption>({ option, ...restProps }: OptionSelectionIndicatorProps<TOption> & Omit<CheckboxProps, "label" | "checked" | "disabled" | "id">) => import("react/jsx-runtime").JSX.Element;
 export default OptionSelectionIndicator;

package/dist/MultiSelect/components/Content/components/OptionList/OptionList.d.ts

@@ -1,4 +1,4 @@
 import { OptionListProps, RestOptionListProps } from '../../../../../Select/components/Content/components/OptionList/OptionList.types';
 import { SelectOption } from '../../../../../Select';
-declare const MultiSelectOptionList: <TOption extends SelectOption<string> = SelectOption<string>>({ optionComponent, ...restProps }: OptionListProps<TOption> & RestOptionListProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelectOptionList: <TOption extends SelectOption = SelectOption>({ optionComponent, ...restProps }: OptionListProps<TOption> & RestOptionListProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelectOptionList;

package/dist/MultiSelect/components/Context/Context.d.ts

@@ -1,3 +1,3 @@
 import { SelectOption } from '../../../Select';
 import { MultiSelectContextType } from '../../MultiSelect.types';
-export declare const useMultiSelectContext: <TOption extends SelectOption<string> = SelectOption<string>>() => MultiSelectContextType<TOption>;
+export declare const useMultiSelectContext: <TOption extends SelectOption = SelectOption>() => MultiSelectContextType<TOption>;

package/dist/MultiSelect/components/Trigger/Trigger.d.ts

@@ -1,19 +1,16 @@
-/// <reference types="react" />
 import { MultiSelectTriggerProps } from './Trigger.types';
 import { RestSelectTriggerComposeProps } from '../../../Select/components/Trigger/components/Compose/Compose.types';
 import { SelectOption } from '../../../Select';
-declare const Trigger: (<TOption extends SelectOption<string> = SelectOption<string>>({ placeholder, valueRender, allowReset, loading, ...restProps }: Omit<import("../../../Select/components/Trigger/Trigger.types").SelectTriggerProps<TOption>, "valueRender"> & Omit<import("./components/MultiValue/MultiValue.types").SelectTriggerMultiValueProps<TOption>, "allowRemove"> & RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: ({ customContainer, id, ...restProps }: import("../../../Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("../../..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
-    MultiValue: <TOption_1 extends SelectOption<string> = SelectOption<string>>({ placeholder, valueRender, allowRemove, ...restProps }: import("../../../Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption_1> & {
-        allowRemove?: boolean | undefined;
-    } & import("../../../Select/components/Trigger/components/Value/Value.types").RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;
+declare const Trigger: (<TOption extends SelectOption = SelectOption>({ placeholder, valueRender, allowReset, loading, ...restProps }: MultiSelectTriggerProps<TOption> & RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: ({ customContainer, id, "aria-describedby": ariaDescribedby, ...restProps }: import("../../../Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("../../..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+    MultiValue: <TOption extends SelectOption = SelectOption>({ placeholder, valueRender, allowRemove, ...restProps }: import("./components/MultiValue/MultiValue.types").SelectTriggerMultiValueProps<TOption> & import("../../../Select/components/Trigger/components/Value/Value.types").RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;
     ResetButton: ({ children, title, ...restProps }: import("react").HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element | null;
-    StatusIndicator: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element | null;
+    StatusIndicator: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
     LoadingIndicator: ({ loading, ...restProps }: import("../../../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../../../Inputs/components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
     Arrow: ({ icon, ...restProps }: import("../../../Select/components/Trigger/components/Arrow/Arrow.types").TriggerArrowProps) => import("react/jsx-runtime").JSX.Element;
     /**
      * @deprecated use StatusIndicator instead
      */
-    ErrorIcon: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element | null;
+    ErrorIcon: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
 };
 export default Trigger;

package/dist/MultiSelect/components/Trigger/components/MultiValue/MultiValue.d.ts

@@ -1,7 +1,5 @@
 import { RestSelectTriggerValueProps } from '../../../../../Select/components/Trigger/components/Value/Value.types';
 import { SelectOption } from '../../../../../Select';
 import { SelectTriggerMultiValueProps } from './MultiValue.types';
-declare const MultiValue: <TOption extends SelectOption<string> = SelectOption<string>>({ placeholder, valueRender, allowRemove, ...restProps }: import("../../../../../Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption> & {
-    allowRemove?: boolean | undefined;
-} & RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiValue: <TOption extends SelectOption = SelectOption>({ placeholder, valueRender, allowRemove, ...restProps }: SelectTriggerMultiValueProps<TOption> & RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiValue;

package/dist/Overflow/Overflow.utils.d.ts

@@ -5,7 +5,7 @@ export declare const calcVisibleCount: ({ itemKeys, itemSizes, containerSize, ex
     containerSize: number | undefined;
     extraSize: number;
     maxRows: number;
-    gap?: number | undefined;
+    gap?: number;
 }) => number;
 export declare const verifyChildren: (children: ReactNode) => (ReactElement<any, string | import("react").JSXElementConstructor<any>> & {
     key: string;

package/dist/Overflow/components/OverflowContainer/OverflowContainer.style.d.ts

@@ -1,3 +1,3 @@
 export declare const OverflowContainer: import("styled-components").StyledComponent<"div", any, {
-    multiline?: boolean | undefined;
+    multiline?: boolean;
 }, never>;

package/dist/Pagination/Pagination.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PaginationContextProps } from './Pagination.types';
 export declare const PaginationContext: import("react").Context<PaginationContextProps | null>;
 export declare const usePaginationContext: () => PaginationContextProps;

package/dist/Pagination/Pagination.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Pagination: {
     Compose: ({ children, pageIndex, pageSize, pageCount, totalItemCount, visibleItemCount, getCanGoNextPage, getCanGoPrevPage, getCanSelectPage, getCanSelectPageSize, onPageSizeChange, onPageChange, onNextPage, onFirstPage, onPrevPage, onLastPage }: import("./components/Compose").PaginationComposeProps) => import("react/jsx-runtime").JSX.Element;
     NavigationButton: ({ navType, ...restProps }: import("./components/NavigationButton").PaginationNavigationButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Pagination/Pagination.style.d.ts

@@ -1,37 +1,26 @@
-/// <reference types="react" />
 export declare const Bar: import("styled-components").StyledComponent<"nav", any, {
     'aria-label': string;
 }, "aria-label">;
-export declare const Select: import("styled-components").StyledComponent<(<TValue extends string = string, TOption extends import("../Select").SelectOption<TValue> = import("../Select").SelectOption<TValue>>({ options, disabled, defaultOpen, open, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, valueRender, searchable, placement, maxVisibleItems, placeholder, virtualized, contentWidth, ...restProps }: import("../Select/components/Compose/Compose.types").SelectComposeProps<TValue, TOption> & Omit<import("../Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps, "customContainer"> & import("../Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption> & {
-    allowReset?: boolean | undefined;
-    loading?: boolean | undefined;
-} & Omit<import("../Select/components/Content/Content.types").SelectContentProps<TOption>, "optionComponent" | "optionValueRender"> & import("../Select/components/Trigger/components/Compose/Compose.types").RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: <TValue_1 extends string = string, TOption_1 extends import("../Select").SelectOption<TValue_1> = import("../Select").SelectOption<TValue_1>>({ options, children, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, disabled, ...restProps }: import("../Select/components/Compose/Compose.types").SelectComposeProps<TValue_1, TOption_1> & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
-    Trigger: (<TOption_2 extends import("../Select").SelectOption<string> = import("../Select").SelectOption<string>>({ placeholder, valueRender, allowReset, loading, ...props }: Omit<import("../Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps, "customContainer"> & import("../Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption_2> & {
-        allowReset?: boolean | undefined;
-        loading?: boolean | undefined;
-    } & import("../Select/components/Trigger/components/Compose/Compose.types").RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: ({ customContainer, id, ...restProps }: import("../Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & import("../Select/components/Trigger/components/Compose/Compose.types").RestSelectTriggerComposeProps & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
-        Value: <TOption_3 extends import("../Select").SelectOption<string> = import("../Select").SelectOption<string>>({ placeholder, valueRender, ...restProps }: import("../Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption_3> & import("../Select/components/Trigger/components/Value/Value.types").RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: import("styled-components").StyledComponent<(<TValue extends string = string, TOption extends import("../Select").SelectOption<TValue> = import("../Select").SelectOption<TValue>>({ options, disabled, defaultOpen, open, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, valueRender, searchable, placement, maxVisibleItems, placeholder, virtualized, contentWidth, ...restProps }: import("../Select").SelectProps<TValue, TOption> & import("../Select/components/Trigger/components/Compose/Compose.types").RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: <TValue extends string = string, TOption extends import("../Select").SelectOption<TValue> = import("../Select").SelectOption<TValue>>({ options, children, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, disabled, ...restProps }: import("../Select/components/Compose/Compose.types").SelectComposeProps<TValue, TOption> & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: (<TOption extends import("../Select").SelectOption = import("../Select").SelectOption>({ placeholder, valueRender, allowReset, loading, ...props }: import("../Select/components/Trigger/Trigger.types").SelectTriggerProps<TOption> & import("../Select/components/Trigger/components/Compose/Compose.types").RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: ({ customContainer, id, "aria-describedby": ariaDescribedby, ...restProps }: import("../Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & import("../Select/components/Trigger/components/Compose/Compose.types").RestSelectTriggerComposeProps & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+        Value: <TOption extends import("../Select").SelectOption = import("../Select").SelectOption>({ placeholder, valueRender, ...restProps }: import("../Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption> & import("../Select/components/Trigger/components/Value/Value.types").RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;
         ResetButton: ({ children, title, ...restProps }: import("react").HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element | null;
-        StatusIndicator: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element | null;
+        StatusIndicator: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
         LoadingIndicator: ({ loading, ...restProps }: import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
         Arrow: ({ icon, ...restProps }: import("../Select/components/Trigger/components/Arrow/Arrow.types").TriggerArrowProps) => import("react/jsx-runtime").JSX.Element;
-        ErrorIcon: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element | null;
+        ErrorIcon: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
     };
-    Content: (<TOption_4 extends import("../Select").SelectOption<string> = import("../Select").SelectOption<string>>({ searchable, optionValueRender, optionComponent, maxVisibleItems, virtualized, ...restProps }: import("../Select/components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("../Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption_4> & {
-        searchable?: boolean | undefined;
-    } & import("../Select/components/Content/components/Compose/Compose.types").RestSelectContentComposeProps) => import("react/jsx-runtime").JSX.Element) & {
+    Content: (<TOption extends import("../Select").SelectOption = import("../Select").SelectOption>({ searchable, optionValueRender, optionComponent, maxVisibleItems, virtualized, ...restProps }: import("../Select/components/Content/Content.types").SelectContentProps<TOption> & import("../Select/components/Content/components/Compose/Compose.types").RestSelectContentComposeProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: ({ children, placement, contentWidth, ...restProps }: import("../Select/components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("../Select/components/Content/components/Compose/Compose.types").RestSelectContentComposeProps & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
-        OptionList: <TOption_5 extends import("../Select").SelectOption<string> = import("../Select").SelectOption<string>>({ optionValueRender, optionComponent: OptionComponent, maxVisibleItems, virtualized, ...restProps }: import("../Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption_5> & import("../Select/components/Content/components/OptionList/OptionList.types").RestOptionListProps) => import("react/jsx-runtime").JSX.Element;
+        OptionList: <TOption extends import("../Select").SelectOption = import("../Select").SelectOption>({ optionValueRender, optionComponent: OptionComponent, maxVisibleItems, virtualized, ...restProps }: import("../Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption> & import("../Select/components/Content/components/OptionList/OptionList.types").RestOptionListProps) => import("react/jsx-runtime").JSX.Element;
         Search: import("react").ForwardRefExoticComponent<Omit<import("../Inputs/components/Compose/TextCompose.types").TextInputComposeProps, "readOnly" | "parser" | "formatter"> & import("../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps & import("..").RestInputProps & import("react").RefAttributes<HTMLInputElement>>;
         Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
     };
-    Option: (<TOption_6 extends import("../Select").SelectOption<string> = import("../Select").SelectOption<string>>({ option, content, ...restProps }: import("../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<TOption_6> & {
-        content?: import("react").ReactNode;
-    } & import("../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: import("react").ForwardRefExoticComponent<import("../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<import("../Select").SelectOption<string>> & import("../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps & import("..").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
-        Content: (props: import("..").ComposeChildrenProps & import("../Select/components/Content/components/Option/components/Content/Content.types").RestSelectOptionContentProps) => import("react/jsx-runtime").JSX.Element;
+    Option: (<TOption extends import("../Select").SelectOption = import("../Select").SelectOption>({ option, content, ...restProps }: import("../Select").SelectOptionProps<TOption> & import("../Select").RestSelectOptionProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: import("react").ForwardRefExoticComponent<import("../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps & import("../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps & import("..").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
+        Content: (props: import("../Select/components/Content/components/Option/components/Content/Content.types").SelectOptionContentProps & import("../Select/components/Content/components/Option/components/Content/Content.types").RestSelectOptionContentProps) => import("react/jsx-runtime").JSX.Element;
         Indicator: ({ children, ...restProps }: import("@radix-ui/react-select").SelectItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
     };
 }, any, {}, never>;

package/dist/Popover/Popover.cjs

@@ -16,12 +16,10 @@ const Popover = Object.assign(({
   withButton,
   ...contentProps
 }) => jsxRuntime.jsxRuntimeExports.jsxs(Popover.Compose, {
-  ...{
-    open,
-    defaultOpen,
-    onOpenChange,
-    disabled
-  },
+  open,
+  defaultOpen,
+  onOpenChange,
+  disabled,
   children: [jsxRuntime.jsxRuntimeExports.jsx(Popover.Trigger, {
     withButton,
     children

package/dist/Popover/Popover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverProps } from './Popover.types';
 declare const Popover: (({ children, defaultOpen, visible, onVisibilityChange, open, onOpenChange, disabled, withButton, ...contentProps }: PopoverProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: ({ children, defaultOpen, visible, onVisibilityChange, open, onOpenChange, disabled }: import("./components/Compose/Compose.types").PopoverComposeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Popover/Popover.js

@@ -14,12 +14,10 @@ const Popover = Object.assign(({
   withButton,
   ...contentProps
 }) => jsxRuntimeExports.jsxs(Popover.Compose, {
-  ...{
-    open,
-    defaultOpen,
-    onOpenChange,
-    disabled
-  },
+  open,
+  defaultOpen,
+  onOpenChange,
+  disabled,
   children: [jsxRuntimeExports.jsx(Popover.Trigger, {
     withButton,
     children

package/dist/Popover/components/Content/Content.cjs

@@ -25,15 +25,13 @@ const Content = Object.assign(({
       ...contentOptions,
       children: jsxRuntime.jsxRuntimeExports.jsx(PopoverCard.default, {
         persistent: contentOptions.persistent,
-        ...{
-          windowBar,
-          title,
-          text,
-          actionButtonText,
-          actionButtonHandler,
-          link,
-          linkText
-        }
+        windowBar,
+        title,
+        text,
+        actionButtonText,
+        actionButtonHandler,
+        link,
+        linkText
       })
     });
   }

package/dist/Popover/components/Content/Content.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverContentProps } from './Content.types';
 declare const Content: (({ title, text, actionButtonText, actionButtonHandler, link, linkText, windowBar, content, ...contentOptions }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element | null) & {
     Compose: ({ children, backgroundColor, placement, sideOffset, onClickOutside, persistent, align, maxWidth, portal, ...restProps }: import("./components/Compose/Compose.types").PopoverContentComposeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Popover/components/Content/Content.js

@@ -23,15 +23,13 @@ const Content = Object.assign(({
       ...contentOptions,
       children: jsxRuntimeExports.jsx(PopoverCard, {
         persistent: contentOptions.persistent,
-        ...{
-          windowBar,
-          title,
-          text,
-          actionButtonText,
-          actionButtonHandler,
-          link,
-          linkText
-        }
+        windowBar,
+        title,
+        text,
+        actionButtonText,
+        actionButtonHandler,
+        link,
+        linkText
       })
     });
   }

package/dist/Popover/components/Content/components/Body/components/BodyText/BodyText.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("../../../../../../../node_modules/react/jsx-runtime.cjs");
-const BodyText_styles = require("./BodyText.styles.cjs");
-const BodyText = (props) => jsxRuntime.jsxRuntimeExports.jsx(BodyText_styles.HeaderTitle, {
+const BodyText_style = require("./BodyText.style.cjs");
+const BodyText = (props) => jsxRuntime.jsxRuntimeExports.jsx(BodyText_style.HeaderTitle, {
   ...props
 });
 exports.default = BodyText;

package/dist/Popover/components/Content/components/Body/components/BodyText/BodyText.js

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../../../../../../../node_modules/react/jsx-runtime.js";
-import { HeaderTitle } from "./BodyText.styles.js";
+import { HeaderTitle } from "./BodyText.style.js";
 const BodyText = (props) => jsxRuntimeExports.jsx(HeaderTitle, {
   ...props
 });

package/dist/Popover/components/Content/components/Body/components/BodyText/{BodyText.styles.cjs → BodyText.style.cjs}

@@ -6,7 +6,7 @@ const Typography = require("../../../../../../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const HeaderTitle = _styled__default.default(Typography.default.Body).withConfig({
-  displayName: "BodyTextstyles__HeaderTitle",
-  componentId: "RedisUI__sc-27g2ne-0"
+  displayName: "BodyTextstyle__HeaderTitle",
+  componentId: "RedisUI__sc-1izhtnf-0"
 })(["color:", ";"], () => redisUiStyles.useTheme().components.popupCard.body.textColor);
 exports.HeaderTitle = HeaderTitle;

package/dist/Popover/components/Content/components/Body/components/BodyText/{BodyText.styles.d.ts → BodyText.style.d.ts}

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const HeaderTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/dist/Popover/components/Content/components/Body/components/BodyText/{BodyText.styles.js → BodyText.style.js}

@@ -2,8 +2,8 @@ import _styled from "styled-components";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 import Typography from "../../../../../../../Typography/Typography.js";
 const HeaderTitle = _styled(Typography.Body).withConfig({
-  displayName: "BodyTextstyles__HeaderTitle",
-  componentId: "RedisUI__sc-27g2ne-0"
+  displayName: "BodyTextstyle__HeaderTitle",
+  componentId: "RedisUI__sc-1izhtnf-0"
 })(["color:", ";"], () => useTheme().components.popupCard.body.textColor);
 export {
   HeaderTitle

package/dist/Popover/components/Content/components/Close/Close.style.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const PopoverCloseContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const IconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/dist/Popover/components/Content/components/Compose/Compose.style.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import * as RadixPopover from '@radix-ui/react-popover';
 export declare const Arrow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadixPopover.PopoverArrowProps & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
 export declare const Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadixPopover.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>, any, {
-    $backgroundColor?: string | undefined;
-    $maxWidth?: string | undefined;
+    $backgroundColor?: string;
+    $maxWidth?: string;
 }, never>;

package/dist/Popover/components/Content/components/Footer/components/Compose/Compose.types.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export type ContentFooterComposeProps = React.HTMLAttributes<HTMLDivElement>;

package/dist/Popover/components/Content/components/Header/components/HeaderTitle/HeaderTitle.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("../../../../../../../node_modules/react/jsx-runtime.cjs");
-const HeaderTitle_styles = require("./HeaderTitle.styles.cjs");
+const HeaderTitle_style = require("./HeaderTitle.style.cjs");
 const HeaderTitle = ({
   children,
   ...restProps
 }) => {
-  return jsxRuntime.jsxRuntimeExports.jsx(HeaderTitle_styles.HeaderTitle, {
+  return jsxRuntime.jsxRuntimeExports.jsx(HeaderTitle_style.HeaderTitle, {
     size: "S",
     ...restProps,
     children

package/dist/Popover/components/Content/components/Header/components/HeaderTitle/HeaderTitle.js

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../../../../../../../node_modules/react/jsx-runtime.js";
-import { HeaderTitle as HeaderTitle$1 } from "./HeaderTitle.styles.js";
+import { HeaderTitle as HeaderTitle$1 } from "./HeaderTitle.style.js";
 const HeaderTitle = ({
   children,
   ...restProps

package/dist/Popover/components/Content/components/Header/components/HeaderTitle/{HeaderTitle.styles.cjs → HeaderTitle.style.cjs}

@@ -6,7 +6,7 @@ const Typography = require("../../../../../../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const HeaderTitle = _styled__default.default(Typography.default.Heading).withConfig({
-  displayName: "HeaderTitlestyles__HeaderTitle",
-  componentId: "RedisUI__sc-1ah57xj-0"
+  displayName: "HeaderTitlestyle__HeaderTitle",
+  componentId: "RedisUI__sc-nzf2x5-0"
 })(["color:", ";"], () => redisUiStyles.useTheme().components.popupCard.header.textColor);
 exports.HeaderTitle = HeaderTitle;

package/dist/Popover/components/Content/components/Header/components/HeaderTitle/{HeaderTitle.styles.d.ts → HeaderTitle.style.d.ts}

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const HeaderTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../../../Typography").TypographyHeadingProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/dist/Popover/components/Content/components/Header/components/HeaderTitle/{HeaderTitle.styles.js → HeaderTitle.style.js}

@@ -2,8 +2,8 @@ import _styled from "styled-components";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 import Typography from "../../../../../../../Typography/Typography.js";
 const HeaderTitle = _styled(Typography.Heading).withConfig({
-  displayName: "HeaderTitlestyles__HeaderTitle",
-  componentId: "RedisUI__sc-1ah57xj-0"
+  displayName: "HeaderTitlestyle__HeaderTitle",
+  componentId: "RedisUI__sc-nzf2x5-0"
 })(["color:", ";"], () => useTheme().components.popupCard.header.textColor);
 export {
   HeaderTitle

package/dist/Popover/components/Content/components/Text/Text.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
-const Text_styles = require("./Text.styles.cjs");
-const Text = (props) => jsxRuntime.jsxRuntimeExports.jsx(Text_styles.Text, {
+const Text_style = require("./Text.style.cjs");
+const Text = (props) => jsxRuntime.jsxRuntimeExports.jsx(Text_style.Text, {
   ...props
 });
 exports.default = Text;

package/dist/Popover/components/Content/components/Text/Text.js

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
-import { Text as Text$1 } from "./Text.styles.js";
+import { Text as Text$1 } from "./Text.style.js";
 const Text = (props) => jsxRuntimeExports.jsx(Text$1, {
   ...props
 });