@redis-ui/components 49.0.2 → 49.1.1

package/dist/Section/components/Header/Header.d.ts

@@ -2,7 +2,7 @@ import { SectionHeaderProps } from './Header.types';
 export declare const Header: (({ label, actions }: SectionHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: (props: import("./components/Compose/Compose.types").SectionHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
     Label: ({ label, ...restProps }: import("./components/Label/Label.types").SectionHeaderLabelProps) => import("react/jsx-runtime").JSX.Element;
-    ActionButton: import("react").ForwardRefExoticComponent<import("../../../Button").TextButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    ActionButton: import("react").ForwardRefExoticComponent<import("../../..").TextButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
     CollapseButton: ({ hidden, icon, ...props }: import("./components/CollapseButton/CollapseButton.types").SectionCollapseButtonProps) => import("react/jsx-runtime").JSX.Element | null;
     Group: (props: import("./components/Group/Group.types").SectionHeaderGroupProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/Section/components/Header/components/CategoryValueList/CategoryValueList.style.d.ts

@@ -1,4 +1,4 @@
-export declare const Container: import("styled-components").StyledComponent<({ children, renderExtra, maxRows, minItems, expectedGap, estimatedItemsPerRow, ...restProps }: import("../../../../../Overflow").OverflowProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<({ children, renderExtra, maxRows, minItems, expectedGap, estimatedItemsPerRow, ...restProps }: import("../../../../..").OverflowProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const Separator: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CategoryValueItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const TextWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../..").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/dist/Section/components/Header/components/CategoryValueList/components/CategoryValueChip/CategoryValueChip.style.d.ts

@@ -1,3 +1,3 @@
 export declare const Container: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Category: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-export declare const TypographyBody: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const Category: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../../..").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const TypographyBody: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../../..").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/dist/Section/components/Header/components/CollapseButton/CollapseButton.style.d.ts

@@ -1,2 +1,2 @@
-export declare const SectionCollapseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../Button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const SectionCollapseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const SectionCollapseIcon: import("styled-components").StyledComponent<({ size, customSize, variant, title: titleProp, ...rest }: import("@redis-ui/icons").MonochromeIconProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Section/components/Header/components/Label/Label.style.d.ts

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

package/dist/Select/Select.d.ts

@@ -6,10 +6,10 @@ declare const Select: (<TValue extends string = string, TOption extends SelectOp
         Compose: ({ customContainer, id, "aria-describedby": ariaDescribedby, ...restProps }: import("./components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
         Value: <TOption extends SelectOption = SelectOption>({ placeholder, valueRender, ...restProps }: import("./components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption> & import("./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("@redis-ui/icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
+        StatusIndicator: ({ className, style, size, ...restProps }: import("@redis-ui/icons").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("./components/Trigger/components/Arrow/Arrow.types").TriggerArrowProps) => import("react/jsx-runtime").JSX.Element;
-        ErrorIcon: ({ className, style, size, ...restProps }: import("@redis-ui/icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
+        ErrorIcon: ({ className, style, size, ...restProps }: import("@redis-ui/icons").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
     };
     Content: (<TOption extends SelectOption = SelectOption>({ searchable, optionValueRender, optionComponent, maxVisibleItems, virtualized, ...restProps }: import("./components/Content/Content.types").SelectContentProps<TOption> & import("./components/Content/components/Compose/Compose.types").RestSelectContentComposeProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: ({ children, placement, contentWidth, ...restProps }: import("./components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("./components/Content/components/Compose/Compose.types").RestSelectContentComposeProps & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Select/components/Content/components/Compose/Compose.types.d.ts

@@ -1,4 +1,4 @@
-import * as RadixSelect from '@radix-ui/react-select/dist';
+import * as RadixSelect from '@radix-ui/react-select';
 type SelectContentPlacement = 'top' | 'bottom' | 'left' | 'right';
 export type SelectContentComposeProps = {
     placement?: SelectContentPlacement;

package/dist/Select/components/Content/components/Search/SelectSearchInput.style.d.ts

@@ -1,8 +1,8 @@
-export declare const SelectSearchInput: import("styled-components").StyledComponent<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("../../../../../Inputs").RestInputProps & import("react").RefAttributes<HTMLInputElement>> & {
+export declare const SelectSearchInput: import("styled-components").StyledComponent<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>> & {
     Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../../../Inputs/components/Compose/TextCompose.types").TextInputComposeProps & import("../../../../../Inputs/components/Compose/TextCompose.types").RestTextInputComposeProps) => import("react/jsx-runtime").JSX.Element;
     ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: import("../../../../../Inputs/components/ResetButton/ResetButton.types").RestResetButtonProps & import("../../../../../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps) => import("react/jsx-runtime").JSX.Element | null;
     Tag: import("react").ForwardRefExoticComponent<import("../../../../../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../../../../../Inputs/components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>;
-    StatusIndicator: ({ className, style, size, ...restProps }: import("@redis-ui/icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
+    StatusIndicator: ({ className, style, size, ...restProps }: import("@redis-ui/icons").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;
     SearchIcon: () => import("react/jsx-runtime").JSX.Element;
 }, any, {}, never>;

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

@@ -5,12 +5,12 @@ declare const Trigger: (<TOption extends SelectOption = SelectOption>({ placehol
     Compose: ({ customContainer, id, "aria-describedby": ariaDescribedby, ...restProps }: import("./components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("../../..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
     Value: <TOption extends SelectOption = SelectOption>({ placeholder, valueRender, ...restProps }: import("./components/Value/Value.types").SelectTriggerValueProps<TOption> & import("./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("@redis-ui/icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
+    StatusIndicator: ({ className, style, size, ...restProps }: import("@redis-ui/icons").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("./components/Arrow/Arrow.types").TriggerArrowProps) => import("react/jsx-runtime").JSX.Element;
     /**
      * @deprecated use StatusIndicator instead
      */
-    ErrorIcon: ({ className, style, size, ...restProps }: import("@redis-ui/icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
+    ErrorIcon: ({ className, style, size, ...restProps }: import("@redis-ui/icons").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
 };
 export default Trigger;

package/dist/Select/components/Trigger/components/Compose/Compose.types.d.ts

@@ -1,4 +1,4 @@
-import { SelectTriggerProps } from '@radix-ui/react-select/dist';
+import { SelectTriggerProps } from '@radix-ui/react-select';
 export type SelectTriggerComposeProps = {
     id?: string;
     customContainer?: boolean;

package/dist/SideBar/SideBar.d.ts

@@ -3,7 +3,7 @@ declare const SideBar: (({ isExpanded, expandedWidth, ...rest }: SideBarProps) =
     SideBarLogo: ({ logoIcon: LogoIcon, ...restProps }: import("./components/SideBarLogo/SideBarLogo.types").SideBarLogoProps) => import("react/jsx-runtime").JSX.Element;
     ItemsContainer: (props: import("./components/ItemsContainer/ItemsContainer.types").SideBarItemsContainerProps) => import("react/jsx-runtime").JSX.Element;
     ScrollContainer: (props: import("./components/ScrollContainer/ScrollContainer.types").SideBarScrollContainerProps) => import("react/jsx-runtime").JSX.Element;
-    Split: ({ extraMinSpace }: import("../Layouts").FlexSplitProps) => import("react/jsx-runtime").JSX.Element;
+    Split: ({ extraMinSpace }: import("..").FlexSplitProps) => import("react/jsx-runtime").JSX.Element;
     Divider: (props: import("./components/Divider/Divider.types").DividerProps) => import("react/jsx-runtime").JSX.Element;
     Item: (({ tooltipProps, isActive, onKeyDown, ...restProps }: import("./components/Item/Item.types").SideBarItemProps) => import("react/jsx-runtime").JSX.Element) & {
         Icon: ({ icon: ItemIcon, ...restProps }: import("./components/Item/components/Icon/Icon.types").SideBarItemIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/SideBar/SideBar.style.d.ts

@@ -1,3 +1,3 @@
-export declare const SideBarContainer: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("../Layouts").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const SideBarContainer: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("..").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {
     $expandedWidth?: string;
 }, never>;

package/dist/SideBar/components/Footer/components/Text/Text.style.d.ts

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

package/dist/SideBar/components/Group/components/Title/Title.style.d.ts

@@ -1,5 +1,5 @@
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {
+export declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../..").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {
     $isExpanded: boolean;
     $transitionEnd: boolean;
 }, never>;

package/dist/SideBar/components/Item/components/Text/Text.style.d.ts

@@ -1,4 +1,4 @@
-export declare const SideBarItemText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {
+export declare const SideBarItemText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../..").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {
     $isExpanded: boolean;
     $transitionEnd: boolean;
 }, never>;

package/dist/SideBar/components/ItemsContainer/ItemsContainer.style.d.ts

@@ -1 +1 @@
-export declare const SideBarItemsContainer: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("../../../Layouts").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const SideBarItemsContainer: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("../../..").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/SideBar/components/ScrollContainer/ScrollContainer.style.d.ts

@@ -1 +1 @@
-export declare const ScrollContainer: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("../../../Layouts").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const ScrollContainer: import("styled-components").StyledComponent<({ gap, direction, align, justify, wrap, ...restProps }: import("../../..").FlexGroupProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Stepper/components/Step/components/Label/Label.style.d.ts

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

package/dist/Switch/components/Title/Title.style.d.ts

@@ -1 +1 @@
-export declare const Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, import("styled-components").ThemeProps<import("@redis-ui/styles").Theme>, never>;
+export declare const Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../..").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, import("styled-components").ThemeProps<import("@redis-ui/styles").Theme>, never>;

package/dist/TableHeading/TableHeading.d.ts

@@ -5,7 +5,7 @@ declare const TableHeading: ((props: TableHeadingProps) => import("react/jsx-run
         Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../Inputs/components/Compose/TextCompose.types").TextInputComposeProps & import("../Inputs/components/Compose/TextCompose.types").RestTextInputComposeProps) => import("react/jsx-runtime").JSX.Element;
         ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: import("../Inputs/components/ResetButton/ResetButton.types").RestResetButtonProps & import("../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps) => import("react/jsx-runtime").JSX.Element | null;
         Tag: import("react").ForwardRefExoticComponent<import("../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../Inputs/components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>;
-        StatusIndicator: ({ className, style, size, ...restProps }: import("@redis-ui/icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
+        StatusIndicator: ({ className, style, size, ...restProps }: import("@redis-ui/icons").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;
         SearchIcon: () => import("react/jsx-runtime").JSX.Element;
     }, any, {}, never>;

package/dist/TableHeading/TableHeading.style.d.ts

@@ -1,11 +1,11 @@
 export declare const separator: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
 export declare const TableHeadingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const EndContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TableSearchInput: import("styled-components").StyledComponent<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("../Inputs").RestInputProps & import("react").RefAttributes<HTMLInputElement>> & {
+export declare const TableSearchInput: import("styled-components").StyledComponent<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>> & {
     Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../Inputs/components/Compose/TextCompose.types").TextInputComposeProps & import("../Inputs/components/Compose/TextCompose.types").RestTextInputComposeProps) => import("react/jsx-runtime").JSX.Element;
     ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: import("../Inputs/components/ResetButton/ResetButton.types").RestResetButtonProps & import("../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps) => import("react/jsx-runtime").JSX.Element | null;
     Tag: import("react").ForwardRefExoticComponent<import("../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../Inputs/components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>;
-    StatusIndicator: ({ className, style, size, ...restProps }: import("@redis-ui/icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
+    StatusIndicator: ({ className, style, size, ...restProps }: import("@redis-ui/icons").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;
     SearchIcon: () => import("react/jsx-runtime").JSX.Element;
 }, any, {}, never>;

package/dist/Toast/components/Content/components/Description/Description.style.d.ts

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

package/dist/Toast/components/Content/components/Message/Message.style.d.ts

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

package/dist/Tooltip/Tooltip.d.ts

@@ -6,7 +6,7 @@ declare const Tooltip: (({ children, openDelayDuration, open, onOpenChange, defa
         Text: (props: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
     };
     Trigger: ({ withButton, ...restProps }: import("./components/Trigger/Trigger.types").TooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Card: (({ text, title, actionButtonText, actionButtonHandler, link, linkText, ...composeProps }: import("./components/TooltipCard").TooltipCardProps) => import("react/jsx-runtime").JSX.Element) & {
+    Card: (({ text, title, actionButtonText, actionButtonHandler, link, linkText, ...composeProps }: import(".").TooltipCardProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: ({ children, ...restProps }: import("./components/TooltipCard/components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element;
         Header: ((props: import("../Popover/components/Content/components/Header/Header.types").ContentHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
             Compose: (props: import("../Popover/components/Content/components/Header/components/Compose/Compose.types").ContentHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Tooltip/components/Content/components/Text/Text.style.d.ts

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

package/dist/TreeView/components/TreeItem/components/Checkbox/Checkbox.style.d.ts

@@ -1,3 +1,3 @@
 export declare const FullWidthCheckbox: import("styled-components").StyledComponent<({ defaultChecked, checked, onCheckedChange, required, disabled, id, variant, ...restProps }: import("../../../../../Checkbox/components/Compose/Compose.types").CheckboxComposeProps & import("../../../../../Checkbox/components/Compose/Compose.types").RestCheckboxComposeProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const FullWidthCheckboxLabel: import("styled-components").StyledComponent<({ children, ...restProps }: import("../../../../../Checkbox/components/Label/Label.types").CheckboxLabelProps) => import("react/jsx-runtime").JSX.Element | null, any, {}, never>;
-export declare const TextEllipsis: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const TextEllipsis: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../..").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/dist/TreeView/components/TreeItem/components/ExpandButton/ExpandButton.style.d.ts

@@ -1,5 +1,5 @@
 import { IconButtonSizes } from '../../../../../Button';
-export declare const CustomIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../Button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const CustomIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const SpaceFiller: import("styled-components").StyledComponent<"div", any, {
     $size: IconButtonSizes;
 }, never>;

package/dist/Typography/hooks/useEllipsisTooltip.cjs

@@ -1,4 +1,4 @@
-const require_index = require("../../node_modules/@radix-ui/react-compose-refs/dist/index.cjs");
+const require_index = require("../../packages/components/node_modules/@radix-ui/react-compose-refs/dist/index.cjs");
 let react = require("react");
 //#region src/Typography/hooks/useEllipsisTooltip.tsx
 var useEllipsisTooltip = ({ tooltipOnEllipsis, onMouseEnter, onMouseLeave, title }, ref) => {

package/dist/Typography/hooks/useEllipsisTooltip.js

@@ -1,4 +1,4 @@
-import { useComposedRefs } from "../../node_modules/@radix-ui/react-compose-refs/dist/index.js";
+import { useComposedRefs } from "../../packages/components/node_modules/@radix-ui/react-compose-refs/dist/index.js";
 import { useCallback, useRef, useState } from "react";
 //#region src/Typography/hooks/useEllipsisTooltip.tsx
 var useEllipsisTooltip = ({ tooltipOnEllipsis, onMouseEnter, onMouseLeave, title }, ref) => {

package/dist/packages/components/node_modules/@radix-ui/react-compose-refs/dist/index.cjs

@@ -0,0 +1,30 @@
+const require_runtime = require("../../../../../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+//#region node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+function setRef(ref, value) {
+	if (typeof ref === "function") return ref(value);
+	else if (ref !== null && ref !== void 0) ref.current = value;
+}
+function composeRefs(...refs) {
+	return (node) => {
+		let hasCleanup = false;
+		const cleanups = refs.map((ref) => {
+			const cleanup = setRef(ref, node);
+			if (!hasCleanup && typeof cleanup == "function") hasCleanup = true;
+			return cleanup;
+		});
+		if (hasCleanup) return () => {
+			for (let i = 0; i < cleanups.length; i++) {
+				const cleanup = cleanups[i];
+				if (typeof cleanup == "function") cleanup();
+				else setRef(refs[i], null);
+			}
+		};
+	};
+}
+function useComposedRefs(...refs) {
+	return react.useCallback(composeRefs(...refs), refs);
+}
+//#endregion
+exports.useComposedRefs = useComposedRefs;

package/dist/packages/components/node_modules/@radix-ui/react-compose-refs/dist/index.js

@@ -0,0 +1,28 @@
+import * as React$1 from "react";
+//#region node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+function setRef(ref, value) {
+	if (typeof ref === "function") return ref(value);
+	else if (ref !== null && ref !== void 0) ref.current = value;
+}
+function composeRefs(...refs) {
+	return (node) => {
+		let hasCleanup = false;
+		const cleanups = refs.map((ref) => {
+			const cleanup = setRef(ref, node);
+			if (!hasCleanup && typeof cleanup == "function") hasCleanup = true;
+			return cleanup;
+		});
+		if (hasCleanup) return () => {
+			for (let i = 0; i < cleanups.length; i++) {
+				const cleanup = cleanups[i];
+				if (typeof cleanup == "function") cleanup();
+				else setRef(refs[i], null);
+			}
+		};
+	};
+}
+function useComposedRefs(...refs) {
+	return React$1.useCallback(composeRefs(...refs), refs);
+}
+//#endregion
+export { useComposedRefs };

package/dist/packages/components/node_modules/@radix-ui/react-slot/dist/index.cjs

@@ -1,68 +1,50 @@
 const require_runtime = require("../../../../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../../../../../node_modules/@radix-ui/react-compose-refs/dist/index.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
+const require_index = require("../../react-compose-refs/dist/index.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
 //#region node_modules/@radix-ui/react-slot/dist/index.mjs
-var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-var use = react[" use ".trim().toString()];
-function isPromiseLike(value) {
-	return typeof value === "object" && value !== null && "then" in value;
-}
-function isLazyComponent(element) {
-	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
-}
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
-	const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
 	const Slot2 = react.forwardRef((props, forwardedRef) => {
 		let { children, ...slotProps } = props;
+		let slottableElement = null;
+		let hasSlottable = false;
+		const newChildren = [];
 		if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
-		const childrenArray = react.Children.toArray(children);
-		const slottable = childrenArray.find(isSlottable);
-		if (slottable) {
-			const newElement = slottable.props.children;
-			const newChildren = childrenArray.map((child) => {
-				if (child === slottable) {
-					if (react.Children.count(newElement) > 1) return react.Children.only(null);
-					return react.isValidElement(newElement) ? newElement.props.children : null;
-				} else return child;
-			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SlotClone, {
-				...slotProps,
-				ref: forwardedRef,
-				children: react.isValidElement(newElement) ? react.cloneElement(newElement, void 0, newChildren) : null
-			});
-		}
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SlotClone, {
-			...slotProps,
-			ref: forwardedRef,
-			children
+		react.Children.forEach(children, (maybeSlottable) => {
+			if (isSlottable(maybeSlottable)) {
+				hasSlottable = true;
+				const slottable = maybeSlottable;
+				let child = "child" in slottable.props ? slottable.props.child : slottable.props.children;
+				if (isLazyComponent(child) && typeof use === "function") child = use(child._payload);
+				slottableElement = getSlottableElementFromSlottable(slottable, child);
+				newChildren.push(slottableElement?.props?.children);
+			} else newChildren.push(maybeSlottable);
 		});
+		if (slottableElement) slottableElement = react.cloneElement(slottableElement, void 0, newChildren);
+		else if (!hasSlottable && react.Children.count(children) === 1 && react.isValidElement(children)) slottableElement = children;
+		const slottableElementRef = slottableElement ? getElementRef(slottableElement) : void 0;
+		const composedRef = require_index.useComposedRefs(forwardedRef, slottableElementRef);
+		if (!slottableElement) {
+			if (children || children === 0) throw new Error(hasSlottable ? createSlottableError(ownerName) : createSlotError(ownerName));
+			return children;
+		}
+		const mergedProps = mergeProps(slotProps, slottableElement.props ?? {});
+		if (slottableElement.type !== react.Fragment) mergedProps.ref = forwardedRef ? composedRef : slottableElementRef;
+		return react.cloneElement(slottableElement, mergedProps);
 	});
 	Slot2.displayName = `${ownerName}.Slot`;
 	return Slot2;
 }
-// @__NO_SIDE_EFFECTS__
-function createSlotClone(ownerName) {
-	const SlotClone = react.forwardRef((props, forwardedRef) => {
-		let { children, ...slotProps } = props;
-		if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
-		if (react.isValidElement(children)) {
-			const childrenRef = getElementRef(children);
-			const props2 = mergeProps(slotProps, children.props);
-			if (children.type !== react.Fragment) props2.ref = forwardedRef ? require_index.composeRefs(forwardedRef, childrenRef) : childrenRef;
-			return react.cloneElement(children, props2);
-		}
-		return react.Children.count(children) > 1 ? react.Children.only(null) : null;
-	});
-	SlotClone.displayName = `${ownerName}.SlotClone`;
-	return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
-function isSlottable(child) {
-	return react.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
-}
+var SLOTTABLE_IDENTIFIER = Symbol.for("radix.slottable");
+var getSlottableElementFromSlottable = (slottable, child) => {
+	if ("child" in slottable.props) {
+		const child2 = slottable.props.child;
+		if (!react.isValidElement(child2)) return null;
+		return react.cloneElement(child2, void 0, slottable.props.children(child2.props.children));
+	}
+	return react.isValidElement(child) ? child : null;
+};
 function mergeProps(slotProps, childProps) {
 	const overrideProps = { ...childProps };
 	for (const propName in childProps) {
@@ -95,5 +77,22 @@ function getElementRef(element) {
 	if (mayWarn) return element.props.ref;
 	return element.props.ref || element.ref;
 }
+function isSlottable(child) {
+	return react.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+}
+var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+function isLazyComponent(element) {
+	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
+}
+function isPromiseLike(value) {
+	return typeof value === "object" && value !== null && "then" in value;
+}
+var createSlotError = (ownerName) => {
+	return `${ownerName} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`;
+};
+var createSlottableError = (ownerName) => {
+	return `${ownerName} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`;
+};
+var use = react[" use ".trim().toString()];
 //#endregion
 exports.createSlot = createSlot;

package/dist/packages/components/node_modules/@radix-ui/react-slot/dist/index.js

@@ -1,66 +1,48 @@
-import { composeRefs } from "../../../../../../node_modules/@radix-ui/react-compose-refs/dist/index.js";
-import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "../../react-compose-refs/dist/index.js";
 import * as React$1 from "react";
 //#region node_modules/@radix-ui/react-slot/dist/index.mjs
-var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-var use = React$1[" use ".trim().toString()];
-function isPromiseLike(value) {
-	return typeof value === "object" && value !== null && "then" in value;
-}
-function isLazyComponent(element) {
-	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
-}
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
-	const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
 	const Slot2 = React$1.forwardRef((props, forwardedRef) => {
 		let { children, ...slotProps } = props;
+		let slottableElement = null;
+		let hasSlottable = false;
+		const newChildren = [];
 		if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
-		const childrenArray = React$1.Children.toArray(children);
-		const slottable = childrenArray.find(isSlottable);
-		if (slottable) {
-			const newElement = slottable.props.children;
-			const newChildren = childrenArray.map((child) => {
-				if (child === slottable) {
-					if (React$1.Children.count(newElement) > 1) return React$1.Children.only(null);
-					return React$1.isValidElement(newElement) ? newElement.props.children : null;
-				} else return child;
-			});
-			return /* @__PURE__ */ jsx(SlotClone, {
-				...slotProps,
-				ref: forwardedRef,
-				children: React$1.isValidElement(newElement) ? React$1.cloneElement(newElement, void 0, newChildren) : null
-			});
-		}
-		return /* @__PURE__ */ jsx(SlotClone, {
-			...slotProps,
-			ref: forwardedRef,
-			children
+		React$1.Children.forEach(children, (maybeSlottable) => {
+			if (isSlottable(maybeSlottable)) {
+				hasSlottable = true;
+				const slottable = maybeSlottable;
+				let child = "child" in slottable.props ? slottable.props.child : slottable.props.children;
+				if (isLazyComponent(child) && typeof use === "function") child = use(child._payload);
+				slottableElement = getSlottableElementFromSlottable(slottable, child);
+				newChildren.push(slottableElement?.props?.children);
+			} else newChildren.push(maybeSlottable);
 		});
+		if (slottableElement) slottableElement = React$1.cloneElement(slottableElement, void 0, newChildren);
+		else if (!hasSlottable && React$1.Children.count(children) === 1 && React$1.isValidElement(children)) slottableElement = children;
+		const slottableElementRef = slottableElement ? getElementRef(slottableElement) : void 0;
+		const composedRef = useComposedRefs(forwardedRef, slottableElementRef);
+		if (!slottableElement) {
+			if (children || children === 0) throw new Error(hasSlottable ? createSlottableError(ownerName) : createSlotError(ownerName));
+			return children;
+		}
+		const mergedProps = mergeProps(slotProps, slottableElement.props ?? {});
+		if (slottableElement.type !== React$1.Fragment) mergedProps.ref = forwardedRef ? composedRef : slottableElementRef;
+		return React$1.cloneElement(slottableElement, mergedProps);
 	});
 	Slot2.displayName = `${ownerName}.Slot`;
 	return Slot2;
 }
-// @__NO_SIDE_EFFECTS__
-function createSlotClone(ownerName) {
-	const SlotClone = React$1.forwardRef((props, forwardedRef) => {
-		let { children, ...slotProps } = props;
-		if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
-		if (React$1.isValidElement(children)) {
-			const childrenRef = getElementRef(children);
-			const props2 = mergeProps(slotProps, children.props);
-			if (children.type !== React$1.Fragment) props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
-			return React$1.cloneElement(children, props2);
-		}
-		return React$1.Children.count(children) > 1 ? React$1.Children.only(null) : null;
-	});
-	SlotClone.displayName = `${ownerName}.SlotClone`;
-	return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
-function isSlottable(child) {
-	return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
-}
+var SLOTTABLE_IDENTIFIER = Symbol.for("radix.slottable");
+var getSlottableElementFromSlottable = (slottable, child) => {
+	if ("child" in slottable.props) {
+		const child2 = slottable.props.child;
+		if (!React$1.isValidElement(child2)) return null;
+		return React$1.cloneElement(child2, void 0, slottable.props.children(child2.props.children));
+	}
+	return React$1.isValidElement(child) ? child : null;
+};
 function mergeProps(slotProps, childProps) {
 	const overrideProps = { ...childProps };
 	for (const propName in childProps) {
@@ -93,5 +75,22 @@ function getElementRef(element) {
 	if (mayWarn) return element.props.ref;
 	return element.props.ref || element.ref;
 }
+function isSlottable(child) {
+	return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+}
+var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+function isLazyComponent(element) {
+	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
+}
+function isPromiseLike(value) {
+	return typeof value === "object" && value !== null && "then" in value;
+}
+var createSlotError = (ownerName) => {
+	return `${ownerName} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`;
+};
+var createSlottableError = (ownerName) => {
+	return `${ownerName} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`;
+};
+var use = React$1[" use ".trim().toString()];
 //#endregion
 export { createSlot };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@redis-ui/components",
   "license": "UNLICENSED",
-  "version": "49.0.2",
+  "version": "49.1.1",
   "type": "module",
   "sideEffects": false,
   "repository": "git@github.com:redislabsdev/redis-ui.git",
@@ -30,7 +30,7 @@
   },
   "peerDependencies": {
     "@redis-ui/icons": "^8.0.0 || ^9.0.0 || ^10.0.0",
-    "@redis-ui/styles": "^17.0.0 || ^18.0.0",
+    "@redis-ui/styles": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "styled-components": "^5.0.0"