@redis-ui/components 42.0.0 → 42.7.0

package/dist/Link/Link.cjs

@@ -32,6 +32,7 @@ const Link = React.forwardRef(({
     } : null,
     ...onClick ? {
       role: href ? void 0 : "button",
+      // for test compatibility
       onClick,
       onKeyDown: (e) => {
         var _a;

package/dist/Link/Link.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Link: import("react").ForwardRefExoticComponent<import("./Link.types").RestLinkProps & import("./Link.types").OwnLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export default Link;

package/dist/Link/Link.js

@@ -30,6 +30,7 @@ const Link = forwardRef(({
     } : null,
     ...onClick ? {
       role: href ? void 0 : "button",
+      // for test compatibility
       onClick,
       onKeyDown: (e) => {
         var _a;

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

@@ -1,15 +1,14 @@
-/// <reference types="react" />
 import { LinkButtonVariants, LinkSize } from './Link.types';
 export declare const StyledLink: import("styled-components").StyledComponent<"a", any, {
     $variant: LinkButtonVariants;
     $size: LinkSize;
-    $allowWrap?: boolean | undefined;
-    disabled?: boolean | undefined;
+    $allowWrap?: boolean;
+    disabled?: boolean;
 }, never>;
 export declare const LinkStyler: import("styled-components").StyledComponent<"span", any, {
     $variant: LinkButtonVariants;
     $size: LinkSize;
-    $allowWrap?: boolean | undefined;
+    $allowWrap?: boolean;
 }, never>;
 export declare const StyledLinkText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, 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/Link/LinkStyler/LinkStyler.cjs

@@ -12,11 +12,9 @@ const LinkStyler = Object.assign(({
 }) => jsxRuntime.jsxRuntimeExports.jsx(LinkStyler_context.LinkSizeProvider, {
   value: size,
   children: jsxRuntime.jsxRuntimeExports.jsx(Link_style.LinkStyler, {
-    ...{
-      $variant: variant,
-      $size: size,
-      $allowWrap: allowWrap
-    },
+    $variant: variant,
+    $size: size,
+    $allowWrap: allowWrap,
     ...restProps
   })
 }), {

package/dist/Link/LinkStyler/LinkStyler.context.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { LinkSize } from '../Link.types';
 export declare const useLinkSize: (value?: LinkSize | undefined) => LinkSize | undefined, LinkSizeProvider: ({ value, children }: Partial<import("react").ProviderProps<LinkSize>>) => import("react/jsx-runtime").JSX.Element;

package/dist/Link/LinkStyler/LinkStyler.js

@@ -10,11 +10,9 @@ const LinkStyler = Object.assign(({
 }) => jsxRuntimeExports.jsx(LinkSizeProvider, {
   value: size,
   children: jsxRuntimeExports.jsx(LinkStyler$1, {
-    ...{
-      $variant: variant,
-      $size: size,
-      $allowWrap: allowWrap
-    },
+    $variant: variant,
+    $size: size,
+    $allowWrap: allowWrap,
     ...restProps
   })
 }), {

package/dist/Loader/Loader.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type LoaderVariants = 'regular' | 'pending' | 'inverse';
 export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: string;

package/dist/Menu/Menu.context.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
 export declare const MenuProvider: ({ children, disabled }: {
     children: ReactNode;
-    disabled?: boolean | undefined;
+    disabled?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/Menu/Menu.d.ts

@@ -1,23 +1,22 @@
-/// <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("..").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;
+    Trigger: (({ withButton, ...restProps }: import("./components/Trigger/Trigger.types").MenuTriggerProps & import("..").ComposeElementProps<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element) & {
+        Arrow: (props: import("./components/Trigger/components/Arrow/Arrow.types").TriggerArrowProps) => 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("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+            Text: ({ tooltipOnEllipsis, ...restProps }: import("./components/Content/components/Item/Components/Text/Text.types").TextProps) => 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("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+            SubHead: (props: import("./components/Content/components/Item/Components/Text/Text.types").TextProps) => 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("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+            Text: ({ tooltipOnEllipsis, ...restProps }: import("./components/Content/components/Label/components/Text/Text.types").TextProps) => 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("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
+            Compose: (props: import("./components/Content/components/Label/components/Compose/Compose.types").MenuLabelComposeProps & import("./components/Content/components/Label/components/Compose/Compose.types").RestMenuLabelComposeProps) => 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

@@ -1,19 +1,18 @@
-/// <reference types="react" />
 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("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+        Text: ({ tooltipOnEllipsis, ...restProps }: import("./components/Item/Components/Text/Text.types").TextProps) => 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("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+        SubHead: (props: import("./components/Item/Components/Text/Text.types").TextProps) => 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("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+        Text: ({ tooltipOnEllipsis, ...restProps }: import("./components/Label/components/Text/Text.types").TextProps) => 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").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
+        Compose: (props: import("./components/Label/components/Compose/Compose.types").MenuLabelComposeProps & import("./components/Label/components/Compose/Compose.types").RestMenuLabelComposeProps) => 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/Content.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 export declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 export declare const Arrow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadixMenu.DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MonochromeIconProps } from '@redislabsdev/redis-ui-icons';
 export declare const CheckIconContainer: import("styled-components").StyledComponent<({ Component, ...componentProps }: {
     Component: import("react").ElementType<MonochromeIconProps, keyof import("react").JSX.IntrinsicElements>;

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

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import { Theme } from '@redislabsdev/redis-ui-styles';
 import { MenuItemVariants } from './Compose.types';
-export declare const getMenuItemStatesStyle: (stateStyles: Theme['components']['menu']['item']['variants']['primary']) => import("styled-components").FlattenSimpleInterpolation;
+export declare const getMenuItemStatesStyle: (stateStyles: Theme["components"]["menu"]["item"]["variants"]["primary"]) => import("styled-components").FlattenSimpleInterpolation;
 export declare const getMenuItemContainerStyles: ({ theme, variant, shift }: {
     theme: Theme;
-    variant?: MenuItemVariants | undefined;
-    shift?: string | number | undefined;
+    variant?: MenuItemVariants;
+    shift?: number | string;
 }) => import("styled-components").FlattenSimpleInterpolation;
 export declare const MenuItemContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>, any, {
-    variant?: MenuItemVariants | undefined;
-    shift?: string | number | undefined;
+    variant?: MenuItemVariants;
+    shift?: number | string;
 }, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MonochromeIconProps } from '@redislabsdev/redis-ui-icons';
 export declare const ItemIconContainer: import("styled-components").StyledComponent<({ Component, ...componentProps }: {
     Component: import("react").ElementType<MonochromeIconProps, keyof import("react").JSX.IntrinsicElements>;

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

@@ -1,3 +1,3 @@
 export declare const MenuItemSplit: import("styled-components").StyledComponent<"div", any, {
-    $minWidth?: string | number | undefined;
+    $minWidth?: string | number;
 }, never>;

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

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

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("../../../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Text: ({ tooltipOnEllipsis, ...restProps }: import("./Components/Text/Text.types").TextProps) => import("react/jsx-runtime").JSX.Element;
     Icon: ({ icon, ...props }: import("./Components/Icon/Icon.types").MenuIconProps) => import("react/jsx-runtime").JSX.Element;
-    SubHead: (props: import("../../../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+    SubHead: (props: import("./Components/Text/Text.types").TextProps) => 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,7 @@
-/// <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("../../../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Text: ({ tooltipOnEllipsis, ...restProps }: import("./components/Text/Text.types").TextProps) => 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("../../../../..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
+    Compose: (props: import("./components/Compose/Compose.types").MenuLabelComposeProps & import("./components/Compose/Compose.types").RestMenuLabelComposeProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Label;

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

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

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

@@ -1,6 +1,6 @@
 import { ComposeElementProps } from '../../../Helpers/common.types';
 import { MenuTriggerProps } from './Trigger.types';
 declare const Trigger: (({ withButton, ...restProps }: MenuTriggerProps & ComposeElementProps<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element) & {
-    Arrow: (props: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps) => import("react/jsx-runtime").JSX.Element;
+    Arrow: (props: import("./components/Arrow/Arrow.types").TriggerArrowProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Trigger;

package/dist/Menu/components/Trigger/Trigger.style.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 export declare const UnstyledTriggerContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/dist/Menu/components/Trigger/components/Arrow/Arrow.cjs

@@ -4,6 +4,7 @@ const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
 const Arrow_style = require("./Arrow.style.cjs");
 const Arrow = (props) => jsxRuntime.jsxRuntimeExports.jsx(Arrow_style.ArrowDownIconWrapper, {
   size: "M",
+  "aria-hidden": true,
   ...props
 });
 exports.default = Arrow;

package/dist/Menu/components/Trigger/components/Arrow/Arrow.js

@@ -2,6 +2,7 @@ import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-ru
 import { ArrowDownIconWrapper } from "./Arrow.style.js";
 const Arrow = (props) => jsxRuntimeExports.jsx(ArrowDownIconWrapper, {
   size: "M",
+  "aria-hidden": true,
   ...props
 });
 export {

package/dist/MidBar/MidBar.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
 import type { MidBarProps } from './MidBar.types';
 declare const MidBar: (({ tabs, startGroup, middleGroup, endGroup, ...composeProps }: MidBarProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: <TValue extends string = string>({ onChange, activateOnFocus, ...restProps }: import("../Tabs/components/Compose/Compose.types").TabsComposeProps<TValue> & import("../Tabs/components/Compose/Compose.types").RestTabsComposeProps) => import("react/jsx-runtime").JSX.Element;
     ContentPane: (({ tabs, ...restProps }: import("..").TabsContentPaneProps & import("..").RestTabsContentPaneProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: (props: import("../Tabs/components/ContentPane/components/Compose/Compose.types").RestTabsContentPaneComposeProps) => import("react/jsx-runtime").JSX.Element;
-        Content: (props: import("../Tabs/components/ContentPane/components/Content/Content.types").TabsContentProps & import("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
+        Content: (props: import("../Tabs/components/ContentPane/components/Content/Content.types").TabsContentProps & import("../Tabs/components/ContentPane/components/Content/Content.types").RestTabsContentProps) => import("react/jsx-runtime").JSX.Element;
     };
-    Header: (({ tabs, startGroup, middleGroup, endGroup, ...restProps }: import("./components/Header/Header.types").MidBarHeaderProps<string>) => import("react/jsx-runtime").JSX.Element) & {
+    Header: (({ tabs, startGroup, middleGroup, endGroup, ...restProps }: import("./components/Header/Header.types").MidBarHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
         Group: ({ position, ...restProps }: import("./components/Header/components/Group/Group.types").MidBarHeaderGroupProps) => import("react/jsx-runtime").JSX.Element;
         Compose: (props: import("./components/Header/components/Compose/Compose.types").MidBarHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
         TabBar: (({ tabs, ...restProps }: import("..").TabsBarProps & import("..").RestTabsBarProps) => import("react/jsx-runtime").JSX.Element) & {
-            Compose: ({ children, variant, ...restProps }: import("../Tabs/components/TabBar/components/Compose/Compose.types").TabsBarComposeProps & import("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
-            Trigger: (({ value, children, ...restProps }: import("../Tabs/components/TabBar/components/Trigger/components/Compose/Compose.types").TabsBarTriggerComposeProps & import("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element) & {
-                Compose: ({ children, ...restProps }: import("../Tabs/components/TabBar/components/Trigger/components/Compose/Compose.types").TabsBarTriggerComposeProps & import("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
-                Tab: ({ children, ...restProps }: import("..").ComposeElementProps<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
+            Compose: ({ children, variant, ...restProps }: import("../Tabs/components/TabBar/components/Compose/Compose.types").TabsBarComposeProps & import("../Tabs/components/TabBar/components/Compose/Compose.types").RestTabsBarComposeProps) => import("react/jsx-runtime").JSX.Element;
+            Trigger: (({ value, children, ...restProps }: import("../Tabs/components/TabBar/components/Trigger/Trigger.types").TabsBarTriggerProps & import("../Tabs/components/TabBar/components/Trigger/Trigger.types").RestTabsBarTriggerProps) => import("react/jsx-runtime").JSX.Element) & {
+                Compose: ({ children, ...restProps }: import("../Tabs/components/TabBar/components/Trigger/components/Compose/Compose.types").TabsBarTriggerComposeProps & import("../Tabs/components/TabBar/components/Trigger/components/Compose/Compose.types").RestTabsBarTriggerComposeProps) => import("react/jsx-runtime").JSX.Element;
+                Tab: ({ children, ...restProps }: import("..").ComposeElementProps) => import("react/jsx-runtime").JSX.Element;
                 Marker: (props: import("..").ChildFree<import("react").HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
             };
         };

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

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import type { MidBarHeaderProps } from './Header.types';
 declare const MidBarHeader: (({ tabs, startGroup, middleGroup, endGroup, ...restProps }: MidBarHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
     Group: ({ position, ...restProps }: import("./components/Group/Group.types").MidBarHeaderGroupProps) => import("react/jsx-runtime").JSX.Element;
     Compose: (props: import("./components/Compose/Compose.types").MidBarHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
     TabBar: (({ tabs, ...restProps }: import("../../..").TabsBarProps & import("../../..").RestTabsBarProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: ({ children, variant, ...restProps }: import("../../../Tabs/components/TabBar/components/Compose/Compose.types").TabsBarComposeProps & import("../../..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
-        Trigger: (({ value, children, ...restProps }: import("../../../Tabs/components/TabBar/components/Trigger/components/Compose/Compose.types").TabsBarTriggerComposeProps & import("../../..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element) & {
-            Compose: ({ children, ...restProps }: import("../../../Tabs/components/TabBar/components/Trigger/components/Compose/Compose.types").TabsBarTriggerComposeProps & import("../../..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLButtonElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
-            Tab: ({ children, ...restProps }: import("../../..").ComposeElementProps<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
+        Compose: ({ children, variant, ...restProps }: import("../../../Tabs/components/TabBar/components/Compose/Compose.types").TabsBarComposeProps & import("../../../Tabs/components/TabBar/components/Compose/Compose.types").RestTabsBarComposeProps) => import("react/jsx-runtime").JSX.Element;
+        Trigger: (({ value, children, ...restProps }: import("../../../Tabs/components/TabBar/components/Trigger/Trigger.types").TabsBarTriggerProps & import("../../../Tabs/components/TabBar/components/Trigger/Trigger.types").RestTabsBarTriggerProps) => import("react/jsx-runtime").JSX.Element) & {
+            Compose: ({ children, ...restProps }: import("../../../Tabs/components/TabBar/components/Trigger/components/Compose/Compose.types").TabsBarTriggerComposeProps & import("../../../Tabs/components/TabBar/components/Trigger/components/Compose/Compose.types").RestTabsBarTriggerComposeProps) => import("react/jsx-runtime").JSX.Element;
+            Tab: ({ children, ...restProps }: import("../../..").ComposeElementProps) => import("react/jsx-runtime").JSX.Element;
             Marker: (props: import("../../..").ChildFree<import("react").HTMLAttributes<HTMLDivElement>>) => import("react/jsx-runtime").JSX.Element;
         };
     };

package/dist/MidBar/components/Header/Header.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TabTriggerInfo } from '../../../Tabs/components/TabBar/TabBar.types';
 import { ChildFree } from '../../../Helpers';
 import { MidBarHeaderComposeProps } from './components/Compose/Compose.types';

package/dist/Modal/Modal.cjs

@@ -14,11 +14,9 @@ const Modal = Object.assign(({
   ...restProps
 }) => {
   return jsxRuntime.jsxRuntimeExports.jsxs(Modal.Compose, {
-    ...{
-      defaultOpen,
-      onOpenChange,
-      open
-    },
+    defaultOpen,
+    onOpenChange,
+    open,
     children: [jsxRuntime.jsxRuntimeExports.jsx(Modal.Trigger, {
       withButton,
       children

package/dist/Modal/Modal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ModalProps } from './Modal.types';
 declare const Modal: (({ children, defaultOpen, onOpenChange, open, withButton, ...restProps }: ModalProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: ({ children, ...restProps }: import("./components/Compose/Compose.types").ModalComposeProps) => import("react/jsx-runtime").JSX.Element;
@@ -8,12 +7,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("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element | null) & {
-            Text: (props: import("..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
+        Description: (({ hidden, children, ...restProps }: import("./components/Content/components/Description/Description.types").ModalDescriptionProps & import("./components/Content/components/Description/Description.types").RestModalDescriptionProps) => import("react/jsx-runtime").JSX.Element | null) & {
+            Text: (props: import("./components/Content/components/Description/components/Text/Text.types").ModalDescriptionTextProps) => 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("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+            Text: ({ children, ...restProps }: import("./components/Content/components/Body/components/Text/Text.types").TextProps) => 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/Modal.js

@@ -12,11 +12,9 @@ const Modal = Object.assign(({
   ...restProps
 }) => {
   return jsxRuntimeExports.jsxs(Modal.Compose, {
-    ...{
-      defaultOpen,
-      onOpenChange,
-      open
-    },
+    defaultOpen,
+    onOpenChange,
+    open,
     children: [jsxRuntimeExports.jsx(Modal.Trigger, {
       withButton,
       children

package/dist/Modal/Modal.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ModalComposeProps } from './components/Compose/Compose.types';
 import { ModalContentProps } from './components/Content/Content.types';
 import { ModalTriggerProps } from './components/Trigger/Trigger.types';

package/dist/Modal/components/Compose/Compose.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ModalComposeProps {
     children: React.ReactNode;
     defaultOpen?: boolean;

package/dist/Modal/components/Content/Content.cjs

@@ -43,18 +43,16 @@ const Content = Object.assign(({
       content,
       width
     }), jsxRuntime.jsxRuntimeExports.jsx(Content.Footer, {
-      ...{
-        primaryButtonText,
-        secondaryButtonText,
-        tertiaryButtonText,
-        tertiaryButtonIcon,
-        primaryButtonDisabled,
-        secondaryButtonDisabled,
-        tertiaryButtonDisabled,
-        onPrimaryButtonClick,
-        onSecondaryButtonClick,
-        onTertiaryButtonClick
-      }
+      primaryButtonText,
+      secondaryButtonText,
+      tertiaryButtonText,
+      tertiaryButtonIcon,
+      primaryButtonDisabled,
+      secondaryButtonDisabled,
+      tertiaryButtonDisabled,
+      onPrimaryButtonClick,
+      onSecondaryButtonClick,
+      onTertiaryButtonClick
     })]
   });
 }, {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ModalContentProps } from './Content.types';
 declare const Content: (({ title, description, descriptionHidden, onCancel, primaryButtonText, secondaryButtonText, tertiaryButtonText, tertiaryButtonIcon, primaryButtonDisabled, secondaryButtonDisabled, tertiaryButtonDisabled, onPrimaryButtonClick, onSecondaryButtonClick, onTertiaryButtonClick, content, width, persistent, ...restProps }: ModalContentProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: ({ persistent, onCancel, ...props }: import("./components/Compose/Compose.types").ContentComposeProps) => import("react/jsx-runtime").JSX.Element;
@@ -6,12 +5,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("../../..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element | null) & {
-        Text: (props: import("../../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
+    Description: (({ hidden, children, ...restProps }: import("./components/Description/Description.types").ModalDescriptionProps & import("./components/Description/Description.types").RestModalDescriptionProps) => import("react/jsx-runtime").JSX.Element | null) & {
+        Text: (props: import("./components/Description/components/Text/Text.types").ModalDescriptionTextProps) => 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("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+        Text: ({ children, ...restProps }: import("./components/Body/components/Text/Text.types").TextProps) => 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/Content.js

@@ -41,18 +41,16 @@ const Content = Object.assign(({
       content,
       width
     }), jsxRuntimeExports.jsx(Content.Footer, {
-      ...{
-        primaryButtonText,
-        secondaryButtonText,
-        tertiaryButtonText,
-        tertiaryButtonIcon,
-        primaryButtonDisabled,
-        secondaryButtonDisabled,
-        tertiaryButtonDisabled,
-        onPrimaryButtonClick,
-        onSecondaryButtonClick,
-        onTertiaryButtonClick
-      }
+      primaryButtonText,
+      secondaryButtonText,
+      tertiaryButtonText,
+      tertiaryButtonIcon,
+      primaryButtonDisabled,
+      secondaryButtonDisabled,
+      tertiaryButtonDisabled,
+      onPrimaryButtonClick,
+      onSecondaryButtonClick,
+      onTertiaryButtonClick
     })]
   });
 }, {

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("../../../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Text: ({ children, ...restProps }: import("./components/Text/Text.types").TextProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Body;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as Dialog from '@radix-ui/react-dialog';
 export declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Dialog.DialogContentProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const ModalOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;

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("../../../../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
+    Text: (props: import("./components/Text/Text.types").ModalDescriptionTextProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Description;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconType } from '@redislabsdev/redis-ui-icons';
 import { ContentFooterComposeProps } from './components/Compose/Compose.types';
 import { ChildFree } from '../../../../../Helpers/common.types';

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

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

package/dist/Modal/components/Trigger/Trigger.style.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import * as Dialog from '@radix-ui/react-dialog';
 export declare const UnstyledTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Dialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/dist/Modal/components/Trigger/Trigger.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ModalTriggerProps {
     children: React.ReactNode;
     withButton?: boolean;