@redis-ui/components 39.12.0 → 39.18.0

package/dist/AppSelectionMenu/components/Item/Item.styles.d.ts

@@ -3,4 +3,4 @@ export declare const AppSelectorItem: import("styled-components").StyledComponen
 export declare const AppSelectionMenuItem: import("styled-components").StyledComponent<"div", any, {
     disabled?: boolean | undefined;
 }, never>;
-export declare const Label: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/AutoCompleteSelect/AutoCompleteSelect.style.d.ts

@@ -2,18 +2,18 @@
 export declare const Item: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ContentContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Menu/components/Content/Content.types").MenuContentProps & import("react").RefAttributes<HTMLDivElement>> & {
     Item: (({ text, icon, subHead, description, isSelected, selected, ...restProps }: import("../Menu").MenuItemProps) => import("react/jsx-runtime").JSX.Element) & {
-        Text: ({ tooltipOnEllipsis, ...restProps }: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+        Text: ({ tooltipOnEllipsis, ...restProps }: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
         Icon: ({ icon, ...props }: import("../Menu/components/Content/components/Item/Components/Icon/Icon.types").MenuIconProps) => import("react/jsx-runtime").JSX.Element;
-        SubHead: (props: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+        SubHead: (props: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
         Compose: ({ isSelected, selected, onClick, ...restProps }: import("../Menu/components/Content/components/Item/Components/Compose/Compose.types").MenuItemComposeProps) => import("react/jsx-runtime").JSX.Element;
         Check: ({ icon, ...restProps }: import("../Menu/components/Content/components/Item/Components/Check/Check.types").CheckProps) => import("react/jsx-runtime").JSX.Element;
         Split: ({ minWidth, ...props }: import("../Menu/components/Content/components/Item/Components/Split/Split.types").SplitProps) => import("react/jsx-runtime").JSX.Element;
     };
     DropdownArrow: (props: import("../Menu/components/Content/components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
     Label: (({ children, text, icon, ...restProps }: import("../Menu").MenuLabelProps & import("../Menu").RestMenuLabelProps) => import("react/jsx-runtime").JSX.Element) & {
-        Text: ({ tooltipOnEllipsis, ...restProps }: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+        Text: ({ tooltipOnEllipsis, ...restProps }: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
         Icon: ({ icon, ...props }: import("../Menu/components/Content/components/Item/Components/Icon/Icon.types").MenuIconProps) => import("react/jsx-runtime").JSX.Element;
-        Compose: (props: import("../Menu/components/Content/components/Label/components/Compose/Compose.types").MenuLabelComposeProps & import("../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
+        Compose: (props: import("../Menu/components/Content/components/Label/components/Compose/Compose.types").MenuLabelComposeProps & import("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
     };
     Separator: (props: import("../Menu/components/Content/components/Separator/Separator.types").SeparatorProps) => import("react/jsx-runtime").JSX.Element;
 }, any, {

package/dist/Banner/Banner.d.ts

@@ -7,7 +7,7 @@ declare const Banner: (({ show, onClose, actions, message, showIcon, showCloseBu
         onClose?: VoidFunction | undefined;
     } & import("../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
     Icon: ({ customIcon, variant, ...props }: import("./components/Icon/Icon.types").BannerIconProps) => import("react/jsx-runtime").JSX.Element;
-    Message: ({ children, ...restProps }: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element | null;
+    Message: ({ children, ...restProps }: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
     Actions: (({ primary, secondary, ...props }: import("./components/Actions/Actions.types").ActionsProps & ChildFree<ComposeElementProps<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element | null) & {
         Compose: (props: ComposeElementProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
         Action: ({ label, onClick, closes, icon, variant: outlineVariant, size, ...restProps }: import("./Banner.types").BannerActionType & {

package/dist/Banner/components/Compose/Compose.style.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const BannerContainer: import("styled-components").StyledComponent<({ variant, size, ...props }: import("../BannerSemanticComponents").SemanticContainerProps & import("../../../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const BannerContainer: import("styled-components").StyledComponent<({ variant, size, ...props }: import("../BannerSemanticComponents").SemanticContainerProps & import("../../..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Banner/components/Message/Message.style.d.ts

@@ -1 +1 @@
-export declare const Message: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const Message: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Banner/components/Message/Message.types.d.ts

@@ -1,2 +1,2 @@
-import { BodyProps } from '../../../Typography/components/Body/Body.types';
-export type MessageProps = BodyProps;
+import { TypographyBodyProps } from '../../../Typography';
+export type MessageProps = TypographyBodyProps;

package/dist/BoxSelectionGroup/BoxSelectionGroup.d.ts

@@ -3,7 +3,7 @@ import { BoxSelectionGroupBox, BoxSelectionGroupProps } from './BoxSelectionGrou
 declare const BoxSelectionGroup: (<TValue extends string = string, TBox extends BoxSelectionGroupBox<TValue> = BoxSelectionGroupBox<TValue>>({ boxes, ...restProps }: BoxSelectionGroupProps<TValue, TBox>) => import("react/jsx-runtime").JSX.Element) & {
     Compose: <TValue_1 extends string = string>({ defaultValue, value, onChange, ...restProps }: import(".").BoxSelectionGroupComposeProps<TValue_1> & import(".").RestBoxSelectionGroupComposeProps) => import("react/jsx-runtime").JSX.Element;
     Item: (({ box, ...restProps }: import(".").BoxSelectionGroupItemComposeProps & import(".").RestBoxSelectionGroupItemProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: import("react").ForwardRefExoticComponent<import(".").BoxSelectionGroupItemComposeProps & import("../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children"> & import("react").RefAttributes<HTMLButtonElement>>;
+        Compose: import("react").ForwardRefExoticComponent<import(".").BoxSelectionGroupItemComposeProps & import("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children"> & import("react").RefAttributes<HTMLButtonElement>>;
         Icon: ({ icon, ...restProps }: import("./components/Item/components/Icon/Icon.types").BoxSelectionGroupItemIconProps) => import("react/jsx-runtime").JSX.Element | null;
         Interactive: (props: {
             children: import("react").ReactNode;

package/dist/BoxSelectionGroup/BoxSelectionGroup.style.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const BoxSelectionGroupItem: import("styled-components").StyledComponent<(({ box, ...restProps }: import(".").BoxSelectionGroupItemComposeProps & import(".").RestBoxSelectionGroupItemProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: import("react").ForwardRefExoticComponent<import(".").BoxSelectionGroupItemComposeProps & import("../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Compose: import("react").ForwardRefExoticComponent<import(".").BoxSelectionGroupItemComposeProps & import("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children"> & import("react").RefAttributes<HTMLButtonElement>>;
     Icon: ({ icon, ...restProps }: import("./components/Item/components/Icon/Icon.types").BoxSelectionGroupItemIconProps) => import("react/jsx-runtime").JSX.Element | null;
     Interactive: (props: {
         children: import("react").ReactNode;

package/dist/BoxSelectionGroup/MultiBoxSelectionGroup.d.ts

@@ -3,7 +3,7 @@ import { BoxSelectionGroupBox, MultiBoxSelectionGroupProps } from './BoxSelectio
 declare const MultiBoxSelectionGroup: (<TValue extends string = string, TBox extends BoxSelectionGroupBox<TValue> = BoxSelectionGroupBox<TValue>>({ boxes, ...restProps }: MultiBoxSelectionGroupProps<TValue, TBox>) => import("react/jsx-runtime").JSX.Element) & {
     Compose: <TValue_1 extends string = string>({ onChange, ...restProps }: import(".").MultiBoxSelectionGroupComposeProps<TValue_1> & import(".").RestBoxSelectionGroupComposeProps) => import("react/jsx-runtime").JSX.Element;
     Item: (({ box, ...restProps }: import(".").BoxSelectionGroupItemComposeProps & import(".").RestBoxSelectionGroupItemProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: import("react").ForwardRefExoticComponent<import(".").BoxSelectionGroupItemComposeProps & import("../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children"> & import("react").RefAttributes<HTMLButtonElement>>;
+        Compose: import("react").ForwardRefExoticComponent<import(".").BoxSelectionGroupItemComposeProps & import("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children"> & import("react").RefAttributes<HTMLButtonElement>>;
         Icon: ({ icon, ...restProps }: import("./components/Item/components/Icon/Icon.types").BoxSelectionGroupItemIconProps) => import("react/jsx-runtime").JSX.Element | null;
         Interactive: (props: {
             children: import("react").ReactNode;

package/dist/BoxSelectionGroup/components/Item/Item.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { BoxSelectionGroupItemProps, RestBoxSelectionGroupItemProps } from './Item.types';
 declare const Item: (({ box, ...restProps }: BoxSelectionGroupItemProps & RestBoxSelectionGroupItemProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: import("react").ForwardRefExoticComponent<import("../..").BoxSelectionGroupItemComposeProps & import("../../../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Compose: import("react").ForwardRefExoticComponent<import("../..").BoxSelectionGroupItemComposeProps & import("../../..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children"> & import("react").RefAttributes<HTMLButtonElement>>;
     Icon: ({ icon, ...restProps }: import("./components/Icon/Icon.types").BoxSelectionGroupItemIconProps) => import("react/jsx-runtime").JSX.Element | null;
     Interactive: (props: {
         children: import("react").ReactNode;

package/dist/BoxSelectionGroup/components/Item/components/Compose/Compose.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { BoxSelectionGroupItemComposeProps } from './Compose.types';
-declare const Compose: React.ForwardRefExoticComponent<BoxSelectionGroupItemComposeProps & import("../../../../../Helpers/common.types").ComposeChildrenProps & Omit<React.HTMLAttributes<HTMLButtonElement>, "content" | "children"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Compose: React.ForwardRefExoticComponent<BoxSelectionGroupItemComposeProps & import("../../../../..").ComposeChildrenProps & Omit<React.HTMLAttributes<HTMLButtonElement>, "content" | "children"> & React.RefAttributes<HTMLButtonElement>>;
 export default Compose;

package/dist/Button/IconButton/IconButton.cjs

@@ -26,5 +26,5 @@ const IconButton = React__default.default.forwardRef(({
     })
   });
 });
-const IconButtonComponent = IconButton;
-exports.default = IconButtonComponent;
+const IconButton$1 = IconButton;
+exports.default = IconButton$1;

package/dist/Button/IconButton/IconButton.js

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
 import React__default from "react";
-import { IconButton as IconButton$1 } from "./IconButton.style.js";
+import { IconButton as IconButton$2 } from "./IconButton.style.js";
 import Icon from "../components/Icon/Icon.js";
 import { ButtonContext } from "../Button.context.js";
 const IconButton = React__default.forwardRef(({
@@ -10,7 +10,7 @@ const IconButton = React__default.forwardRef(({
 }, ref) => {
   return jsxRuntimeExports.jsx(ButtonContext.Provider, {
     value: "icon",
-    children: jsxRuntimeExports.jsx(IconButton$1, {
+    children: jsxRuntimeExports.jsx(IconButton$2, {
       type: "button",
       size,
       ref,
@@ -22,7 +22,7 @@ const IconButton = React__default.forwardRef(({
     })
   });
 });
-const IconButtonComponent = IconButton;
+const IconButton$1 = IconButton;
 export {
-  IconButtonComponent as default
+  IconButton$1 as default
 };

package/dist/Button/ToggleButton/components/IndicatorCount/IndicatorCount.types.d.ts

@@ -1,4 +1,4 @@
-import { BodyProps } from '../../../../Typography/components/Body/Body.types';
-export interface IndicatorCountTypes extends Omit<BodyProps, 'children'> {
+import { TypographyBodyProps } from '../../../../Typography';
+export interface IndicatorCountTypes extends Omit<TypographyBodyProps, 'children'> {
     count: number;
 }

package/dist/Checkbox/components/Label/Label.style.d.ts

@@ -3,4 +3,4 @@ export declare const CheckboxLabel: import("styled-components").StyledComponent<
     $checked: CheckedType;
     $variant: CheckboxVariants;
 }, never>;
-export declare const TypographyBody: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const TypographyBody: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Chip/Chip.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ChipProps } from './Chip.types';
 declare const Chip: (({ text, onClose, ...restProps }: ChipProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: ({ size, variant, disabled, tooltip, ...restProps }: import("../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLSpanElement>, "content" | "children"> & import("./components/Compose/Compose.types").ChipComposeProps) => import("react/jsx-runtime").JSX.Element;
-    Title: ({ size, ...restProps }: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+    Compose: ({ size, variant, disabled, tooltip, ...restProps }: import("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLSpanElement>, "content" | "children"> & import("./components/Compose/Compose.types").ChipComposeProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ size, ...restProps }: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
     CloseButton: ({ onClose, icon: Icon, ...restProps }: Pick<import("react").HTMLAttributes<HTMLElement>, "style" | "className"> & {
         icon?: import("@redislabsdev/redis-ui-icons/monochrome").IconType | undefined;
     } & import("./components/CloseButton/CloseButton.types").ChipCloseButtonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Chip/components/Title/Title.d.ts

@@ -1,2 +1,2 @@
-import { BodyProps } from '../../../Typography/components/Body/Body.types';
-export declare const Title: ({ size, ...restProps }: BodyProps) => import("react/jsx-runtime").JSX.Element;
+import { TypographyBodyProps } from '../../../Typography';
+export declare const Title: ({ size, ...restProps }: TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ChipList/Components/ExtraItem.style.d.ts

@@ -1,4 +1,4 @@
 export declare const ExtraListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ExtraListItem: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const ExtraListItem: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {
     $disabled?: boolean | undefined;
 }, never>;

package/dist/Drawer/Drawer.d.ts

@@ -5,8 +5,8 @@ declare const Drawer: (({ children, persistent, open, onOpenChange, containerEle
         Compose: ({ children, ...props }: import("./components/Header/components/Compose/Compose.types").DrawerHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
         Title: ({ hidden, children, ...restProps }: import("./components/Header/components/Title/Title.types").DrawerContentTitleProps) => import("react/jsx-runtime").JSX.Element;
     };
-    Description: (({ hidden, children, ...restProps }: import("./components/Description/Description.types").DrawerDescriptionProps & import("../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element | null) & {
-        Text: (props: import("../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element;
+    Description: (({ hidden, children, ...restProps }: import("./components/Description/Description.types").DrawerDescriptionProps & import("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element | null) & {
+        Text: (props: import("..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
     };
     Body: (props: import("./components/Body/Body.types").DrawerBodyProps) => import("react/jsx-runtime").JSX.Element;
     Footer: (({ primaryButtonText, secondaryButtonText, tertiaryButtonText, tertiaryButtonIcon, primaryButtonDisabled, secondaryButtonDisabled, tertiaryButtonDisabled, onPrimaryButtonClick, onSecondaryButtonClick, onTertiaryButtonClick, ...restProps }: import("./components/Footer/Footer.types").DrawerFooterProps) => import("react/jsx-runtime").JSX.Element) & {

package/dist/Drawer/components/Description/Description.d.ts

@@ -1,5 +1,5 @@
 import { DrawerDescriptionProps, RestDrawerDescriptionProps } from './Description.types';
 declare const Description: (({ hidden, children, ...restProps }: DrawerDescriptionProps & RestDrawerDescriptionProps) => import("react/jsx-runtime").JSX.Element | null) & {
-    Text: (props: import("../../../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element;
+    Text: (props: import("../../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Description;

package/dist/Drawer/components/Description/components/Text/Text.style.d.ts

@@ -1 +1 @@
-export declare const Text: import("styled-components").StyledComponent<({ size, ellipsis, color, ...restProps }: import("../../../../../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const Text: import("styled-components").StyledComponent<({ size, ellipsis, color, variant, component, ...restProps }: import("../../../../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Drawer/components/Description/components/Text/Text.types.d.ts

@@ -1,2 +1,2 @@
-import { HeadingProps } from '../../../../../Typography/components/Heading/Heading.types';
-export type DrawerDescriptionTextProps = HeadingProps;
+import { TypographyHeadingProps } from '../../../../../Typography';
+export type DrawerDescriptionTextProps = TypographyHeadingProps;

package/dist/Drawer/components/Header/components/Compose/Compose.style.js

@@ -1,11 +1,11 @@
 import _styled from "styled-components";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
-import IconButtonComponent from "../../../../../Button/IconButton/IconButton.js";
+import IconButton from "../../../../../Button/IconButton/IconButton.js";
 const Container = _styled.div.withConfig({
   displayName: "Composestyle__Container",
   componentId: "RedisUI__sc-1y8ap56-0"
 })(["display:flex;align-items:center;padding-inline:", ";padding-block:", ";"], () => useTheme().components.drawer.sidePadding, () => useTheme().components.drawer.header.blockPadding);
-const CloseIconButton = _styled(IconButtonComponent).withConfig({
+const CloseIconButton = _styled(IconButton).withConfig({
   displayName: "Composestyle__CloseIconButton",
   componentId: "RedisUI__sc-1y8ap56-1"
 })(["margin-left:auto;color:", ";"], () => useTheme().components.drawer.header.closeIconColor);

package/dist/Drawer/components/Header/components/Title/Title.style.d.ts

@@ -1 +1 @@
-export declare const Title: import("styled-components").StyledComponent<({ size, ellipsis, color, ...restProps }: import("../../../../../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<({ size, ellipsis, color, variant, component, ...restProps }: import("../../../../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Drawer/components/Header/components/Title/Title.types.d.ts

@@ -1,4 +1,4 @@
-import { HeadingProps } from '../../../../../Typography/components/Heading/Heading.types';
-export type DrawerContentTitleProps = HeadingProps & {
+import { TypographyHeadingProps } from '../../../../../Typography';
+export type DrawerContentTitleProps = TypographyHeadingProps & {
     hidden?: boolean;
 };

package/dist/Filters/components/MultiSelectFilter/MultiSelectFilter.styles.d.ts

@@ -1,18 +1,18 @@
 /// <reference types="react" />
 export declare const MenuContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../Menu/components/Content/Content.types").MenuContentProps & import("react").RefAttributes<HTMLDivElement>> & {
     Item: (({ text, icon, subHead, description, isSelected, selected, ...restProps }: import("../../../Menu").MenuItemProps) => import("react/jsx-runtime").JSX.Element) & {
-        Text: ({ tooltipOnEllipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+        Text: ({ tooltipOnEllipsis, ...restProps }: import("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
         Icon: ({ icon, ...props }: import("../../../Menu/components/Content/components/Item/Components/Icon/Icon.types").MenuIconProps) => import("react/jsx-runtime").JSX.Element;
-        SubHead: (props: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+        SubHead: (props: import("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
         Compose: ({ isSelected, selected, onClick, ...restProps }: import("../../../Menu/components/Content/components/Item/Components/Compose/Compose.types").MenuItemComposeProps) => import("react/jsx-runtime").JSX.Element;
         Check: ({ icon, ...restProps }: import("../../../Menu/components/Content/components/Item/Components/Check/Check.types").CheckProps) => import("react/jsx-runtime").JSX.Element;
         Split: ({ minWidth, ...props }: import("../../../Menu/components/Content/components/Item/Components/Split/Split.types").SplitProps) => import("react/jsx-runtime").JSX.Element;
     };
     DropdownArrow: (props: import("../../../Menu/components/Content/components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
     Label: (({ children, text, icon, ...restProps }: import("../../../Menu").MenuLabelProps & import("../../../Menu").RestMenuLabelProps) => import("react/jsx-runtime").JSX.Element) & {
-        Text: ({ tooltipOnEllipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+        Text: ({ tooltipOnEllipsis, ...restProps }: import("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
         Icon: ({ icon, ...props }: import("../../../Menu/components/Content/components/Item/Components/Icon/Icon.types").MenuIconProps) => import("react/jsx-runtime").JSX.Element;
-        Compose: (props: import("../../../Menu/components/Content/components/Label/components/Compose/Compose.types").MenuLabelComposeProps & import("../../../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
+        Compose: (props: import("../../../Menu/components/Content/components/Label/components/Compose/Compose.types").MenuLabelComposeProps & import("../../..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
     };
     Separator: (props: import("../../../Menu/components/Content/components/Separator/Separator.types").SeparatorProps) => import("react/jsx-runtime").JSX.Element;
 }, any, {}, never>;
@@ -23,7 +23,7 @@ export declare const FilterToggleButton: import("styled-components").StyledCompo
 export declare const MenuOptionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MenuOption: import("styled-components").StyledComponent<({ isSelected, selected, onClick, ...restProps }: import("../../../Menu/components/Content/components/Item/Components/Compose/Compose.types").MenuItemComposeProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const OptionsSearch: 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>> & {
-    Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../Inputs/components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../Inputs/components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../../../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../Inputs/components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../Inputs/components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../../..").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
         readonlyRender?: import("../../../Inputs/components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
         readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/FormField/components/AdditionalText/AdditionalText.style.d.ts

@@ -1,3 +1,3 @@
-export declare const AdditionalText: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const AdditionalText: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {
     $error: boolean;
 }, never>;

package/dist/FormField/components/AdditionalText/AdditionalText.types.d.ts

@@ -1,5 +1,5 @@
-import { BodyProps } from '../../../Typography/components/Body/Body.types';
+import { TypographyBodyProps } from '../../../Typography';
 import { FieldStatus } from '../../FormField.types';
-export type AdditionalTextProps = BodyProps & {
+export type AdditionalTextProps = TypographyBodyProps & {
     forceStatus?: FieldStatus;
 };

package/dist/Helpers/index.d.ts

@@ -6,3 +6,4 @@ export * from './contexts/PrimitiveContextState';
 export * from './SelfContained';
 export * from './RestylableElement';
 export * from './contexts/Popper/Popper.context';
+export * from './common.types';

package/dist/Helpers/react.utils.cjs

@@ -14,9 +14,13 @@ const combineHandlers = (...handlers) => {
 };
 const isFragmentElement = (el) => el.type === React.Fragment;
 const isTextualNode = (node) => !node || (Array.isArray(node) ? node.flat().every(isTextualNode) : !React.isValidElement(node) || isFragmentElement(node) && isTextualNode(node.props.children));
+const forwardRefWithGenerics = React.forwardRef;
+const memoWithGenerics = React.memo;
 exports.childrenToString = childrenToString;
 exports.combineHandlers = combineHandlers;
+exports.forwardRefWithGenerics = forwardRefWithGenerics;
 exports.handlePreventDefault = handlePreventDefault;
 exports.handleStopPropagation = handleStopPropagation;
 exports.isFragmentElement = isFragmentElement;
 exports.isTextualNode = isTextualNode;
+exports.memoWithGenerics = memoWithGenerics;

package/dist/Helpers/react.utils.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode, ForwardedRef, FunctionComponent, PropsWithoutRef, RefAttributes } from 'react';
 export declare const handlePreventDefault: (e: {
     preventDefault: VoidFunction;
 }) => void;
@@ -18,4 +18,6 @@ export declare const isFragmentElement: (el: ReactElement) => el is ReactElement
  * Returns false if texts is wrapped into other components, including Fragment.
  */
 export declare const isTextualNode: (node: ReactNode) => boolean;
+export declare const forwardRefWithGenerics: <T, P = {}>(render: (props: P, ref: ForwardedRef<T>) => ReturnType<FunctionComponent>) => (props: PropsWithoutRef<P> & RefAttributes<T>) => ReturnType<FunctionComponent>;
+export declare const memoWithGenerics: <P extends object>(Component: (props: P) => ReturnType<FunctionComponent>, propsAreEqual?: ((prevProps: Readonly<P>, nextProps: Readonly<P>) => boolean) | undefined) => (props: P) => ReturnType<FunctionComponent>;
 export {};

package/dist/Helpers/react.utils.js

@@ -1,4 +1,4 @@
-import { Fragment, isValidElement } from "react";
+import { Fragment, isValidElement, forwardRef, memo } from "react";
 import "../node_modules/react-children-utilities/react-children-utilities.js";
 import onlyText from "../node_modules/react-children-utilities/lib/onlyText.js";
 const handlePreventDefault = (e) => e.preventDefault();
@@ -12,11 +12,15 @@ const combineHandlers = (...handlers) => {
 };
 const isFragmentElement = (el) => el.type === Fragment;
 const isTextualNode = (node) => !node || (Array.isArray(node) ? node.flat().every(isTextualNode) : !isValidElement(node) || isFragmentElement(node) && isTextualNode(node.props.children));
+const forwardRefWithGenerics = forwardRef;
+const memoWithGenerics = memo;
 export {
   childrenToString,
   combineHandlers,
+  forwardRefWithGenerics,
   handlePreventDefault,
   handleStopPropagation,
   isFragmentElement,
-  isTextualNode
+  isTextualNode,
+  memoWithGenerics
 };

package/dist/Inputs/Input/Input.d.ts

@@ -2,13 +2,13 @@
 import { RestInputProps } from './Input.types';
 declare const Input: import("react").ForwardRefExoticComponent<import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/InputValueProvider").InputValueProviderProps, "children"> & import("../components/InputTag/InputTag.types").InputTagProps & import("../components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../components/ResetButton/ResetButton.types").ResetButtonProps & RestInputProps & import("react").RefAttributes<HTMLInputElement>> & {
     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;
-    Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../..").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
         readonlyRender?: import("../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
         readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
     LoadingIndicator: ({ loading, ...restProps }: import("../components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
     Tag: import("react").ForwardRefExoticComponent<import("../components/InputTag/InputTag.types").InputTagProps & import("../components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>;
-    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {
         readOnly: boolean;
     }, "readOnly">;
     ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: Partial<import("../..").IconButtonProps> & import("../components/ResetButton/ResetButton.types").ResetButtonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Inputs/NumericInput/NumericInput.d.ts

@@ -4,13 +4,13 @@ declare const NumericInput: import("react").ForwardRefExoticComponent<import("..
     readOnly?: boolean | undefined;
 } & RestNumericInputProps & import("react").RefAttributes<HTMLInputElement>> & {
     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;
-    Compose: ({ value, defaultValue, onChange, min, max, step, required, maxDecimals, autoValidate, validate, calcStepActionValue, ...restProps }: import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/NumericInputValueProvider").NumericInputValueProviderProps, "children"> & Omit<import("../../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    Compose: ({ value, defaultValue, onChange, min, max, step, required, maxDecimals, autoValidate, validate, calcStepActionValue, ...restProps }: import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/NumericInputValueProvider").NumericInputValueProviderProps, "children"> & Omit<import("../..").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
         readonlyRender?: import("../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
         readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
     LoadingIndicator: ({ loading, ...restProps }: import("../components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
     Tag: import("react").ForwardRefExoticComponent<import("../components/InputTag/InputTag.types").InputTagProps & import("../components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>;
-    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {
         readOnly: boolean;
     }, "readOnly">;
     ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: Partial<import("../..").IconButtonProps> & import("../components/ResetButton/ResetButton.types").ResetButtonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Inputs/PasswordInput/components/Compose/Compose.style.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const PasswordInputCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../../../../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
+export declare const PasswordInputCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../../../..").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
     readonlyRender?: import("../../../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
     readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
 }) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Inputs/PasswordInput/components/PasswordButton/PasswordButton.js

@@ -3,7 +3,7 @@ import { HideIcon, ShowIcon } from "@redislabsdev/redis-ui-icons";
 import { useFieldDisabled } from "../../../components/Context/Field.context.js";
 import { usePasswordExposure } from "../PasswordInput.context.js";
 import { useInputValueApi } from "../../../components/Context/InputValue.context.js";
-import IconButtonComponent from "../../../../Button/IconButton/IconButton.js";
+import IconButton from "../../../../Button/IconButton/IconButton.js";
 const PasswordButton = (props) => {
   const fieldDisabled = useFieldDisabled();
   const {
@@ -15,7 +15,7 @@ const PasswordButton = (props) => {
     showExposureToggle
   } = usePasswordExposure();
   const showToggle = showExposureToggle === "always" || showExposureToggle === "has-value" && value;
-  return showToggle ? jsxRuntimeExports.jsx(IconButtonComponent, {
+  return showToggle ? jsxRuntimeExports.jsx(IconButton, {
     size: "XL",
     ...props,
     disabled: fieldDisabled,

package/dist/Inputs/QuantityCounter/QuantityCounter.d.ts

@@ -4,7 +4,7 @@ declare const QuantityCounter: import("react").ForwardRefExoticComponent<import(
     incrementButtonProps?: Omit<import("./QuantityCounter.types").QuantityCounterStepButtonProps, "action"> | undefined;
     decrementButtonProps?: Omit<import("./QuantityCounter.types").QuantityCounterStepButtonProps, "action"> | undefined;
 } & RestQuantityCounterProps & import("react").RefAttributes<HTMLInputElement>> & {
-    Compose: ({ valueLabel, readonlyRender, children, onMouseEnter, onMouseLeave, ...restProps }: import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/NumericInputValueProvider").NumericInputValueProviderProps, "children"> & Omit<import("../../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    Compose: ({ valueLabel, readonlyRender, children, onMouseEnter, onMouseLeave, ...restProps }: import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/NumericInputValueProvider").NumericInputValueProviderProps, "children"> & Omit<import("../..").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
         readonlyRender?: import("../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
         readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
     } & {
@@ -12,14 +12,14 @@ declare const QuantityCounter: import("react").ForwardRefExoticComponent<import(
     }) => import("react/jsx-runtime").JSX.Element;
     StepButton: ({ action, title, variant, size, icon, disabled, onClick, onMouseDown, ...restProps }: import("./QuantityCounter.types").QuantityCounterStepButtonProps) => import("react/jsx-runtime").JSX.Element;
     InputGroup: import("react").ForwardRefExoticComponent<import("../components/InputTag/InputTag.types").RestInputTagProps & import("./QuantityCounter.types").QuantityCounterInputGroupProps & import("react").RefAttributes<HTMLInputElement>> & {
-        Compose: (props: import("../../Helpers/common.types").ComposeElementProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+        Compose: (props: import("../..").ComposeElementProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
         Tag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../components/InputTag/InputTag.types").InputTagProps & import("../components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>, any, {
             autoSize: true;
             'aria-description': string;
         }, "aria-description" | "autoSize">;
         ValueLabel: ({ children }: import("./components/InputGroup/components/ValueLabel/ValueLabel.types").ValueLabelProps) => import("react/jsx-runtime").JSX.Element | null;
     };
-    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {
         readOnly: boolean;
     }, "readOnly">;
 };

package/dist/Inputs/QuantityCounter/components/Compose/Compose.style.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const QuantityCounterCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, min, max, step, required, maxDecimals, autoValidate, validate, calcStepActionValue, ...restProps }: import("../../../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../components/Context/NumericInputValueProvider").NumericInputValueProviderProps, "children"> & Omit<import("../../../../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
+export declare const QuantityCounterCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, min, max, step, required, maxDecimals, autoValidate, validate, calcStepActionValue, ...restProps }: import("../../../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../components/Context/NumericInputValueProvider").NumericInputValueProviderProps, "children"> & Omit<import("../../../..").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
     readonlyRender?: import("../../../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
     readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
 }) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Inputs/QuantityCounter/components/Compose/components/ErrorTooltip/ErrorTooltip.style.d.ts

@@ -1,2 +1,2 @@
-export declare const TooltipErrorText: import("styled-components").StyledComponent<(props: import("../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const TooltipErrorText: import("styled-components").StyledComponent<(props: import("../../../../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const StatusIndicator: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/Inputs/QuantityCounter/components/InputGroup/InputGroup.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { QuantityCounterInputGroupProps } from './InputGroup.types';
 export declare const InputGroup: import("react").ForwardRefExoticComponent<import("../../../components/InputTag/InputTag.types").RestInputTagProps & QuantityCounterInputGroupProps & import("react").RefAttributes<HTMLInputElement>> & {
-    Compose: (props: import("../../../../Helpers/common.types").ComposeElementProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    Compose: (props: import("../../../..").ComposeElementProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
     Tag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../components/InputTag/InputTag.types").InputTagProps & import("../../../components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>, any, {
         autoSize: true;
         'aria-description': string;

package/dist/Inputs/QuantityCounter/components/InputGroup/components/ValueLabel/ValueLabel.style.d.ts

@@ -1 +1 @@
-export declare const ValueLabel: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const ValueLabel: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../../../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Inputs/SearchInput/SearchInput.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const SearchInput: import("react").ForwardRefExoticComponent<Omit<import("../components/Compose/TextCompose.types").TextInputComposeProps, "readOnly" | "parser" | "formatter"> & import("../components/InputTag/InputTag.types").InputTagProps & import("../components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../components/ResetButton/ResetButton.types").ResetButtonProps & import("..").RestInputProps & import("react").RefAttributes<HTMLInputElement>> & {
-    Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../..").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
         readonlyRender?: import("../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
         readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/Inputs/TextArea/TextArea.d.ts

@@ -8,12 +8,12 @@ declare const TextArea: import("react").ForwardRefExoticComponent<Omit<import(".
     StatusIndicator: import("styled-components").StyledComponent<({ 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, any, {}, never>;
     Compose: ({ readonlyRender, ...restProps }: Omit<import("../components/Compose/TextCompose.types").TextInputComposeProps, "parser" | "formatter"> & {
         height?: string | undefined;
-    } & Omit<import("../../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    } & Omit<import("../..").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
         readonlyRender?: import("../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
         readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
     Tag: import("react").ForwardRefExoticComponent<import("./components/TextAreaTag/TextAreaTag").RestTextAreaTagProps & import("react").RefAttributes<HTMLTextAreaElement>>;
-    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+    ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {
         readOnly: boolean;
     }, "readOnly">;
 };

package/dist/Inputs/TextArea/components/Compose/Compose.style.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const TextAreaCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../../../../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
+export declare const TextAreaCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../../../..").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
     readonlyRender?: import("../../../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
     readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
 }) => import("react/jsx-runtime").JSX.Element, any, Omit<import("../../../components/Compose/TextCompose.types").TextInputComposeProps, "parser" | "formatter"> & {
@@ -7,6 +7,6 @@ export declare const TextAreaCompose: import("styled-components").StyledComponen
 } & {
     readOnly?: boolean | undefined;
 }, never>;
-export declare const ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const ReadonlyValue: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {
     readOnly: boolean;
 }, "readOnly">;