@redis-ui/components 39.12.0 → 39.18.0

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

@@ -4,6 +4,6 @@ export declare const CommonInputCompose: import("styled-components").StyledCompo
 } & {
     $variant: InputVariant;
 }, "data-status">;
-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">;

package/dist/Inputs/components/ResetButton/ResetButton.style.js

@@ -1,7 +1,7 @@
 import _styled from "styled-components";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
-import IconButtonComponent from "../../../Button/IconButton/IconButton.js";
-const ResetButton = _styled(IconButtonComponent).withConfig({
+import IconButton from "../../../Button/IconButton/IconButton.js";
+const ResetButton = _styled(IconButton).withConfig({
   displayName: "ResetButtonstyle__ResetButton",
   componentId: "RedisUI__sc-ky4eky-0"
 })(["color:", ";"], () => useTheme().components.input.search.resetButton.iconColor);

package/dist/Inputs/components/StatusIndicator/StatusIndicator.style.d.ts

@@ -1,2 +1,2 @@
 export declare const IconContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
-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>;

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

@@ -1 +1 @@
-export declare const Optional: 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 Optional: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Label/components/Optional/Optional.types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BodyProps } from '../../../Typography/components/Body/Body.types';
-export interface OptionalProps extends Omit<BodyProps, 'children'> {
+import { TypographyBodyProps } from '../../../Typography';
+export interface OptionalProps extends Omit<TypographyBodyProps, 'children'> {
     children?: React.ReactNode;
     show?: boolean;
 }

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

@@ -1 +1 @@
-export declare const Required: 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 Required: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Label/components/Required/Required.types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BodyProps } from '../../../Typography/components/Body/Body.types';
-export interface RequiredProps extends Omit<BodyProps, 'children'> {
+import { TypographyBodyProps } from '../../../Typography';
+export interface RequiredProps extends Omit<TypographyBodyProps, 'children'> {
     children?: React.ReactNode;
     show?: boolean;
 }

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

@@ -1,3 +1,3 @@
-export declare const Text: 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 Text: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {
     $readonly?: boolean | undefined;
 }, never>;

package/dist/Label/components/Text/Text.types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BodyProps } from '../../../Typography/components/Body/Body.types';
-export interface TextProps extends Omit<BodyProps, 'children'> {
+import { TypographyBodyProps } from '../../../Typography';
+export interface TextProps extends Omit<TypographyBodyProps, 'children'> {
     children?: React.ReactNode;
     readOnly?: boolean;
 }

package/dist/Link/Link.cjs

@@ -24,19 +24,24 @@ const Link = React.forwardRef(({
     $allowWrap: allowWrap,
     tabIndex: 0
   };
-  const hrefProps = href ? {
-    href,
-    target: "_blank",
-    rel: "noreferrer"
-  } : {
-    role: "button",
-    onClick,
-    onKeyDown: onClick && ((e) => {
-      if (e.key === "Enter") {
-        e.preventDefault();
-        onClick == null ? void 0 : onClick(e);
+  const hrefProps = {
+    ...href ? {
+      href,
+      target: "_blank",
+      rel: "noreferrer"
+    } : null,
+    ...onClick ? {
+      role: href ? void 0 : "button",
+      onClick,
+      onKeyDown: (e) => {
+        var _a;
+        if (e.key === "Enter") {
+          e.preventDefault();
+          e.stopPropagation();
+          (_a = e.currentTarget) == null ? void 0 : _a.click();
+        }
       }
-    })
+    } : null
   };
   const disabledProps = disabled || !href && !onClick && disabled === void 0 ? {
     disabled: true,

package/dist/Link/Link.js

@@ -22,19 +22,24 @@ const Link = forwardRef(({
     $allowWrap: allowWrap,
     tabIndex: 0
   };
-  const hrefProps = href ? {
-    href,
-    target: "_blank",
-    rel: "noreferrer"
-  } : {
-    role: "button",
-    onClick,
-    onKeyDown: onClick && ((e) => {
-      if (e.key === "Enter") {
-        e.preventDefault();
-        onClick == null ? void 0 : onClick(e);
+  const hrefProps = {
+    ...href ? {
+      href,
+      target: "_blank",
+      rel: "noreferrer"
+    } : null,
+    ...onClick ? {
+      role: href ? void 0 : "button",
+      onClick,
+      onKeyDown: (e) => {
+        var _a;
+        if (e.key === "Enter") {
+          e.preventDefault();
+          e.stopPropagation();
+          (_a = e.currentTarget) == null ? void 0 : _a.click();
+        }
       }
-    })
+    } : null
   };
   const disabledProps = disabled || !href && !onClick && disabled === void 0 ? {
     disabled: true,

package/dist/Link/Link.style.d.ts

@@ -10,5 +10,5 @@ export declare const LinkStyler: import("styled-components").StyledComponent<"sp
     $size: LinkSize;
     $allowWrap?: boolean | undefined;
 }, never>;
-export declare const StyledLinkText: 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 StyledLinkText: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const ExternalArrow: import("styled-components").StyledComponent<({ size, customSize, color, customColor, title: titleProp, ...rest }: import("@redislabsdev/redis-ui-icons").MonochromeIconProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Menu/Menu.d.ts

@@ -1,23 +1,23 @@
 /// <reference types="react" />
 import { MenuProps } from './Menu.types';
 declare const Menu: (({ disabled, ...restProps }: MenuProps) => import("react/jsx-runtime").JSX.Element) & {
-    Trigger: (({ withButton, ...restProps }: import("./components/Trigger/Trigger.types").MenuTriggerProps & import("../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element) & {
+    Trigger: (({ withButton, ...restProps }: import("./components/Trigger/Trigger.types").MenuTriggerProps & import("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element) & {
         Arrow: (props: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps) => import("react/jsx-runtime").JSX.Element;
     };
     Content: import("react").ForwardRefExoticComponent<import("./components/Content/Content.types").MenuContentProps & import("react").RefAttributes<HTMLDivElement>> & {
         Item: (({ text, icon, subHead, description, isSelected, selected, ...restProps }: import(".").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("./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("./components/Content/components/Item/Components/Compose/Compose.types").MenuItemComposeProps) => import("react/jsx-runtime").JSX.Element;
             Check: ({ icon, ...restProps }: import("./components/Content/components/Item/Components/Check/Check.types").CheckProps) => import("react/jsx-runtime").JSX.Element;
             Split: ({ minWidth, ...props }: import("./components/Content/components/Item/Components/Split/Split.types").SplitProps) => import("react/jsx-runtime").JSX.Element;
         };
         DropdownArrow: (props: import("./components/Content/components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
         Label: (({ children, text, icon, ...restProps }: import(".").MenuLabelProps & import(".").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("./components/Content/components/Item/Components/Icon/Icon.types").MenuIconProps) => import("react/jsx-runtime").JSX.Element;
-            Compose: (props: import("./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("./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("./components/Content/components/Separator/Separator.types").SeparatorProps) => import("react/jsx-runtime").JSX.Element;
     };

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

@@ -2,18 +2,18 @@
 import { MenuContentProps } from './Content.types';
 declare const Content: import("react").ForwardRefExoticComponent<MenuContentProps & import("react").RefAttributes<HTMLDivElement>> & {
     Item: (({ text, icon, subHead, description, isSelected, selected, ...restProps }: import("../..").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("./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("./components/Item/Components/Compose/Compose.types").MenuItemComposeProps) => import("react/jsx-runtime").JSX.Element;
         Check: ({ icon, ...restProps }: import("./components/Item/Components/Check/Check.types").CheckProps) => import("react/jsx-runtime").JSX.Element;
         Split: ({ minWidth, ...props }: import("./components/Item/Components/Split/Split.types").SplitProps) => import("react/jsx-runtime").JSX.Element;
     };
     DropdownArrow: (props: import("./components/DropdownArrow/DropdownArrow.types").DropdownArrowProps) => import("react/jsx-runtime").JSX.Element;
     Label: (({ children, text, icon, ...restProps }: import("../..").MenuLabelProps & import("../..").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("./components/Item/Components/Icon/Icon.types").MenuIconProps) => import("react/jsx-runtime").JSX.Element;
-        Compose: (props: import("./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("./components/Label/components/Compose/Compose.types").MenuLabelComposeProps & import("../../../Helpers").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
     };
     Separator: (props: import("./components/Separator/Separator.types").SeparatorProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/Menu/components/Content/components/Item/Components/SubHead/SubHead.style.d.ts

@@ -1 +1 @@
-export declare const MenuItemSubHead: 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 MenuItemSubHead: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../../../../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Menu/components/Content/components/Item/Components/Text/Text.types.d.ts

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

package/dist/Menu/components/Content/components/Item/Item.d.ts

@@ -1,8 +1,8 @@
 import { MenuItemProps } from './Item.types';
 declare const Item: (({ text, icon, subHead, description, isSelected, selected, ...restProps }: 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("./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("./Components/Compose/Compose.types").MenuItemComposeProps) => import("react/jsx-runtime").JSX.Element;
     Check: ({ icon, ...restProps }: import("./Components/Check/Check.types").CheckProps) => import("react/jsx-runtime").JSX.Element;
     Split: ({ minWidth, ...props }: import("./Components/Split/Split.types").SplitProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Menu/components/Content/components/Label/Label.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { MenuLabelProps, RestMenuLabelProps } from './Label.types';
 declare const Label: (({ children, text, icon, ...restProps }: MenuLabelProps & 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("../Item/Components/Icon/Icon.types").MenuIconProps) => import("react/jsx-runtime").JSX.Element;
-    Compose: (props: import("./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("./components/Compose/Compose.types").MenuLabelComposeProps & import("../../../../..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
 };
 export default Label;

package/dist/Menu/components/Content/components/Label/components/Text/Text.style.d.ts

@@ -1 +1 @@
-export declare const MenuItemText: 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 MenuItemText: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../../../../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Menu/components/Content/components/Label/components/Text/Text.types.d.ts

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

package/dist/Modal/Modal.d.ts

@@ -8,12 +8,12 @@ declare const Modal: (({ children, defaultOpen, onOpenChange, open, withButton,
             Compose: (props: import("./components/Content/components/Header/components/Compose/Compose.types").ContentHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
             Title: ({ hidden, children, ...restProps }: import("./components/Content/components/Header/components/Title/Title.types").TitleProps) => import("react/jsx-runtime").JSX.Element;
         };
-        Description: (({ hidden, children, ...restProps }: import("./components/Content/components/Description/Description.types").ModalDescriptionProps & 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/Content/components/Description/Description.types").ModalDescriptionProps & 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: (({ content, ...restProps }: import("./components/Content/components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
             Compose: (props: import("./components/Content/components/Body/components/Compose/Compose.types").ContentBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
-            Text: ({ children, ...restProps }: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+            Text: ({ children, ...restProps }: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
         };
         Footer: (({ primaryButtonText, secondaryButtonText, tertiaryButtonText, tertiaryButtonIcon, primaryButtonDisabled, secondaryButtonDisabled, tertiaryButtonDisabled, onPrimaryButtonClick, onSecondaryButtonClick, onTertiaryButtonClick, ...restProps }: import("./components/Content/components/Footer/Footer.types").ContentFooterProps) => import("react/jsx-runtime").JSX.Element) & {
             Compose: (props: import("./components/Content/components/Footer/components/Compose/Compose.types").ContentFooterComposeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,12 +6,12 @@ declare const Content: (({ title, description, descriptionHidden, onCancel, prim
         Compose: (props: import("./components/Header/components/Compose/Compose.types").ContentHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
         Title: ({ hidden, children, ...restProps }: import("./components/Header/components/Title/Title.types").TitleProps) => import("react/jsx-runtime").JSX.Element;
     };
-    Description: (({ hidden, children, ...restProps }: import("./components/Description/Description.types").ModalDescriptionProps & 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").ModalDescriptionProps & 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: (({ content, ...restProps }: import("./components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: (props: import("./components/Body/components/Compose/Compose.types").ContentBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
-        Text: ({ children, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+        Text: ({ children, ...restProps }: import("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
     };
     Footer: (({ primaryButtonText, secondaryButtonText, tertiaryButtonText, tertiaryButtonIcon, primaryButtonDisabled, secondaryButtonDisabled, tertiaryButtonDisabled, onPrimaryButtonClick, onSecondaryButtonClick, onTertiaryButtonClick, ...restProps }: import("./components/Footer/Footer.types").ContentFooterProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: (props: import("./components/Footer/components/Compose/Compose.types").ContentFooterComposeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Modal/components/Content/components/Body/Body.d.ts

@@ -1,6 +1,6 @@
 import { ContentBodyProps } from './Body.types';
 declare const Body: (({ content, ...restProps }: ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: (props: import("./components/Compose/Compose.types").ContentBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
-    Text: ({ children, ...restProps }: import("../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+    Text: ({ children, ...restProps }: import("../../../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Body;

package/dist/Modal/components/Content/components/Body/components/Text/Text.style.d.ts

@@ -1 +1 @@
-export declare const Text: 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 Text: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../../../../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Modal/components/Content/components/Body/components/Text/Text.types.d.ts

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

package/dist/Modal/components/Content/components/Close/Close.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$1 from "../../../../../Button/IconButton/IconButton.js";
 const ModalCloseContainer = _styled.div.withConfig({
   displayName: "Closestyle__ModalCloseContainer",
   componentId: "RedisUI__sc-s3cegu-0"
 })(["display:flex;justify-content:end;"]);
-const IconButton = _styled(IconButtonComponent).withConfig({
+const IconButton = _styled(IconButton$1).withConfig({
   displayName: "Closestyle__IconButton",
   componentId: "RedisUI__sc-s3cegu-1"
 })(["color:", ";"], () => useTheme().components.modal.header.closeIconColor);

package/dist/Modal/components/Content/components/Description/Description.d.ts

@@ -1,5 +1,5 @@
 import { ModalDescriptionProps, RestModalDescriptionProps } from './Description.types';
 declare const Description: (({ hidden, children, ...restProps }: ModalDescriptionProps & RestModalDescriptionProps) => 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/Modal/components/Content/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/Modal/components/Content/components/Description/components/Text/Text.types.d.ts

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

package/dist/Modal/components/Content/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("../../../../../../../Typography").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Modal/components/Content/components/Header/components/Title/Title.types.d.ts

@@ -1,4 +1,4 @@
-import { HeadingProps } from '../../../../../../../Typography/components/Heading/Heading.types';
-export interface TitleProps extends HeadingProps {
+import { TypographyHeadingProps } from '../../../../../../../Typography';
+export interface TitleProps extends TypographyHeadingProps {
     hidden?: boolean;
 }

package/dist/MultiSelect/MultiSelect.d.ts

@@ -6,13 +6,13 @@ declare const MultiSelect: (<TValue extends string = string, TOption extends Sel
     className?: string | undefined;
 } & RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: <TValue_1 extends string = string, TOption_1 extends SelectOption<TValue_1> = SelectOption<TValue_1>>({ options, children, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, disabled, allowResetDisabledItems, ...restProps }: Omit<import("../Select/components/Compose/Compose.types").SelectComposeProps<TValue_1, TOption_1>, "defaultValue" | "onChange" | "value"> & {
-        defaultValue?: import("../Helpers/common.types").NoInfer<TValue_1>[] | undefined;
-        value?: import("../Helpers/common.types").NoInfer<TValue_1>[] | undefined;
+        defaultValue?: import("..").NoInfer<TValue_1>[] | undefined;
+        value?: import("..").NoInfer<TValue_1>[] | undefined;
         onChange?: ((value: TValue_1[]) => void) | undefined;
         allowResetDisabledItems?: boolean | undefined;
-    } & import("../Helpers/common.types").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+    } & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
     Trigger: (<TOption_2 extends SelectOption<string> = SelectOption<string>>({ placeholder, valueRender, allowReset, loading, ...restProps }: Omit<import("../Select/components/Trigger/Trigger.types").SelectTriggerProps<TOption_2>, "valueRender"> & Omit<import("./components/Trigger/components/MultiValue/MultiValue.types").SelectTriggerMultiValueProps<TOption_2>, "allowRemove"> & RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: ({ customContainer, id, ...restProps }: import("../Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("../Helpers/common.types").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+        Compose: ({ customContainer, id, ...restProps }: import("../Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
         MultiValue: <TOption_3 extends SelectOption<string> = SelectOption<string>>({ placeholder, valueRender, allowRemove, ...restProps }: import("../Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption_3> & {
             allowRemove?: boolean | undefined;
         } & import("../Select/components/Trigger/components/Value/Value.types").RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;
@@ -27,7 +27,7 @@ declare const MultiSelect: (<TValue extends string = string, TOption extends Sel
     } & {
         allowSelectAll?: boolean | undefined;
     } & import("../Select/components/Content/components/Compose/Compose.types").RestSelectContentComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: ({ children, placement, contentWidth, ...restProps }: import("../Select/components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("../Select/components/Content/components/Compose/Compose.types").RestSelectContentComposeProps & import("../Helpers/common.types").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+        Compose: ({ children, placement, contentWidth, ...restProps }: import("../Select/components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("../Select/components/Content/components/Compose/Compose.types").RestSelectContentComposeProps & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
         OptionList: <TOption_5 extends SelectOption<string> = SelectOption<string>>({ optionComponent, ...restProps }: import("../Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption_5> & import("../Select/components/Content/components/OptionList/OptionList.types").RestOptionListProps) => import("react/jsx-runtime").JSX.Element;
         Search: import("react").ForwardRefExoticComponent<Omit<import("../Inputs/components/Compose/TextCompose.types").TextInputComposeProps, "readOnly" | "parser" | "formatter"> & import("../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps & import("..").RestInputProps & import("react").RefAttributes<HTMLInputElement>>;
         Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -36,8 +36,8 @@ declare const MultiSelect: (<TValue extends string = string, TOption extends Sel
     Option: (<TOption_6 extends SelectOption<string> = SelectOption<string>>({ option, content, ...restProps }: import("../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<TOption_6> & {
         content?: import("react").ReactNode;
     } & import("../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: import("react").ForwardRefExoticComponent<import("../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<SelectOption<string>> & import("../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps & import("../Helpers/common.types").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
-        Content: (props: import("../Helpers/common.types").ComposeChildrenProps & import("../Select/components/Content/components/Option/components/Content/Content.types").RestSelectOptionContentProps) => import("react/jsx-runtime").JSX.Element;
+        Compose: import("react").ForwardRefExoticComponent<import("../Select/components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<SelectOption<string>> & import("../Select/components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps & import("..").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
+        Content: (props: import("..").ComposeChildrenProps & import("../Select/components/Content/components/Option/components/Content/Content.types").RestSelectOptionContentProps) => import("react/jsx-runtime").JSX.Element;
         Indicator: <TOption_7 extends SelectOption<string> = SelectOption<string>>({ option, ...restProps }: import("./components/Content/components/Option/components/OptionSelectionIndicator/OptionSelectionIndicator.types").OptionSelectionIndicatorProps<TOption_7> & Omit<import("..").CheckboxProps, "label" | "id" | "disabled" | "checked">) => import("react/jsx-runtime").JSX.Element;
     };
 };

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

@@ -2,6 +2,6 @@ import { SelectOption } from '../../../../Select';
 import type { MultiSelectComposeProps } from '../Compose.types';
 import { MultiSelectContextType } from '../../../MultiSelect.types';
 export declare function useMultiSelectContextApi<TValue extends string = string, TOption extends SelectOption<TValue> = SelectOption<TValue>>({ value: valueProp, defaultValue, onChange, customCompare, options, allowResetDisabledItems }: Pick<MultiSelectComposeProps<TValue, TOption>, 'value' | 'defaultValue' | 'onChange' | 'customCompare' | 'options' | 'allowResetDisabledItems'>): {
-    currentValue: import("../../../../Helpers/common.types").NoInfer<TValue>[] | undefined;
+    currentValue: import("../../../..").NoInfer<TValue>[] | undefined;
     context: MultiSelectContextType<TOption>;
 };

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

@@ -7,7 +7,7 @@ declare const Content: (<TOption extends SelectOption<string> = SelectOption<str
 } & {
     allowSelectAll?: boolean | undefined;
 } & RestSelectContentComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: ({ children, placement, contentWidth, ...restProps }: import("../../../Select/components/Content/components/Compose/Compose.types").SelectContentComposeProps & RestSelectContentComposeProps & import("../../../Helpers/common.types").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+    Compose: ({ children, placement, contentWidth, ...restProps }: import("../../../Select/components/Content/components/Compose/Compose.types").SelectContentComposeProps & RestSelectContentComposeProps & import("../../..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
     OptionList: <TOption_1 extends SelectOption<string> = SelectOption<string>>({ optionComponent, ...restProps }: import("../../../Select/components/Content/components/OptionList/OptionList.types").OptionListProps<TOption_1> & import("../../../Select/components/Content/components/OptionList/OptionList.types").RestOptionListProps) => import("react/jsx-runtime").JSX.Element;
     Search: import("react").ForwardRefExoticComponent<Omit<import("../../../Inputs/components/Compose/TextCompose.types").TextInputComposeProps, "readOnly" | "parser" | "formatter"> & import("../../../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../../../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../../../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps & import("../../..").RestInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Footer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

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

package/dist/MultiSelect/components/Content/components/Option/components/Compose/Compose.style.js

@@ -1,6 +1,6 @@
 import _styled from "styled-components";
-import Select from "../../../../../../../Select/Select.js";
-const SelectOptionCompose = _styled(Select.Option.Compose).withConfig({
+import SelectComponent from "../../../../../../../Select/Select.js";
+const SelectOptionCompose = _styled(SelectComponent.Option.Compose).withConfig({
   displayName: "Composestyle__SelectOptionCompose",
   componentId: "RedisUI__sc-hhi3fl-0"
 })(["justify-content:start;"]);

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

@@ -3,7 +3,7 @@ import { MultiSelectTriggerProps } from './Trigger.types';
 import { RestSelectTriggerComposeProps } from '../../../Select/components/Trigger/components/Compose/Compose.types';
 import { SelectOption } from '../../../Select';
 declare const Trigger: (<TOption extends SelectOption<string> = SelectOption<string>>({ placeholder, valueRender, allowReset, loading, ...restProps }: Omit<import("../../../Select/components/Trigger/Trigger.types").SelectTriggerProps<TOption>, "valueRender"> & Omit<import("./components/MultiValue/MultiValue.types").SelectTriggerMultiValueProps<TOption>, "allowRemove"> & RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: ({ customContainer, id, ...restProps }: import("../../../Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("../../../Helpers/common.types").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+    Compose: ({ customContainer, id, ...restProps }: import("../../../Select/components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("../../..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
     MultiValue: <TOption_1 extends SelectOption<string> = SelectOption<string>>({ placeholder, valueRender, allowRemove, ...restProps }: import("../../../Select/components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption_1> & {
         allowRemove?: boolean | undefined;
     } & import("../../../Select/components/Trigger/components/Value/Value.types").RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Pagination/Pagination.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Compose = require("./components/Compose.cjs");
+const NavigationButton = require("./components/NavigationButton.cjs");
+const InfoLabel = require("./components/InfoLabel.cjs");
+const PageSizeSelect = require("./components/PageSizeSelect.cjs");
+const PageSelect = require("./components/PageSelect.cjs");
+const Pagination_style = require("./Pagination.style.cjs");
+const Pagination = {
+  Compose: Compose.PaginationCompose,
+  NavigationButton: NavigationButton.NavigationButton,
+  Bar: Pagination_style.Bar,
+  Group: Pagination_style.Group,
+  Split: Pagination_style.Split,
+  InfoLabel: InfoLabel.InfoLabel,
+  PageSizeSelect: PageSizeSelect.PageSizeSelect,
+  PageSelect: PageSelect.PageSelect
+};
+exports.Pagination = Pagination;

package/dist/Pagination/Pagination.context.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const PaginationContext = React.createContext(null);
+const usePaginationContext = () => {
+  const context = React.useContext(PaginationContext);
+  if (!context) {
+    throw new Error(`Pagination compound components cannot be rendered outside the Pagination component`);
+  }
+  return context;
+};
+const PaginationContextProvider = PaginationContext.Provider;
+exports.PaginationContext = PaginationContext;
+exports.PaginationContextProvider = PaginationContextProvider;
+exports.usePaginationContext = usePaginationContext;

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

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

package/dist/Pagination/Pagination.context.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from "react";
+const PaginationContext = createContext(null);
+const usePaginationContext = () => {
+  const context = useContext(PaginationContext);
+  if (!context) {
+    throw new Error(`Pagination compound components cannot be rendered outside the Pagination component`);
+  }
+  return context;
+};
+const PaginationContextProvider = PaginationContext.Provider;
+export {
+  PaginationContext,
+  PaginationContextProvider,
+  usePaginationContext
+};