@redis-ui/components 42.0.0 → 42.7.0

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

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

package/dist/Tabs/Tabs.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
 import { TabsProps } from './Tabs.types';
 declare const Tabs: (({ tabs, variant, ...restProps }: TabsProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: <TValue extends string = string>({ onChange, activateOnFocus, ...restProps }: import("./components/Compose/Compose.types").TabsComposeProps<TValue> & import("./components/Compose/Compose.types").RestTabsComposeProps) => import("react/jsx-runtime").JSX.Element;
     TabBar: (({ tabs, ...restProps }: import(".").TabsBarProps & import(".").RestTabsBarProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: ({ children, variant, ...restProps }: import("./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("./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("./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("./components/TabBar/components/Compose/Compose.types").TabsBarComposeProps & import("./components/TabBar/components/Compose/Compose.types").RestTabsBarComposeProps) => import("react/jsx-runtime").JSX.Element;
+        Trigger: (({ value, children, ...restProps }: import("./components/TabBar/components/Trigger/Trigger.types").TabsBarTriggerProps & import("./components/TabBar/components/Trigger/Trigger.types").RestTabsBarTriggerProps) => import("react/jsx-runtime").JSX.Element) & {
+            Compose: ({ children, ...restProps }: import("./components/TabBar/components/Trigger/components/Compose/Compose.types").TabsBarTriggerComposeProps & import("./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;
         };
     };
     ContentPane: (({ tabs, ...restProps }: import(".").TabsContentPaneProps & import(".").RestTabsContentPaneProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: (props: import("./components/ContentPane/components/Compose/Compose.types").RestTabsContentPaneComposeProps) => import("react/jsx-runtime").JSX.Element;
-        Content: (props: import("./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("./components/ContentPane/components/Content/Content.types").TabsContentProps & import("./components/ContentPane/components/Content/Content.types").RestTabsContentProps) => import("react/jsx-runtime").JSX.Element;
     };
 };
 export default Tabs;

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

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

package/dist/Tabs/components/ContentPane/ContentPane.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { RestTabsContentPaneProps, TabsContentPaneProps } from './ContentPane.types';
 declare const ContentPane: (({ tabs, ...restProps }: TabsContentPaneProps & RestTabsContentPaneProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: (props: import("./components/Compose/Compose.types").RestTabsContentPaneComposeProps) => import("react/jsx-runtime").JSX.Element;
-    Content: (props: import("./components/Content/Content.types").TabsContentProps & import("../../..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
+    Content: (props: import("./components/Content/Content.types").TabsContentProps & import("./components/Content/Content.types").RestTabsContentProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default ContentPane;

package/dist/Tabs/components/TabBar/TabBar.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { RestTabsBarProps, TabsBarProps } from './TabBar.types';
 declare const TabBar: (({ tabs, ...restProps }: TabsBarProps & RestTabsBarProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: ({ children, variant, ...restProps }: import("./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("./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("./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("./components/Compose/Compose.types").TabsBarComposeProps & import("./components/Compose/Compose.types").RestTabsBarComposeProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: (({ value, children, ...restProps }: import("./components/Trigger/Trigger.types").TabsBarTriggerProps & import("./components/Trigger/Trigger.types").RestTabsBarTriggerProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: ({ children, ...restProps }: import("./components/Trigger/components/Compose/Compose.types").TabsBarTriggerComposeProps & import("./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/Tabs/components/TabBar/components/Compose/Compose.style.d.ts

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

package/dist/Tabs/components/TabBar/components/Trigger/Trigger.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { RestTabsBarTriggerProps, TabsBarTriggerProps } from './Trigger.types';
 declare const Trigger: (({ value, children, ...restProps }: TabsBarTriggerProps & RestTabsBarTriggerProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: ({ children, ...restProps }: import("./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, ...restProps }: import("./components/Compose/Compose.types").TabsBarTriggerComposeProps & import("./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;
 };
 export default Trigger;

package/dist/Tabs/components/TabBar/components/Trigger/components/Compose/Compose.style.d.ts

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

package/dist/Tabs/components/TabBar/utils/theme.utils.d.ts

@@ -6,24 +6,24 @@ export declare const useTabsVariantTheme: () => {
     };
     tab: {
         states: Partial<Record<"disabled" | "normal" | "hover" | "active" | "focus", {
-            padding?: string | undefined;
-            bgColor?: string | undefined;
-            textColor?: string | undefined;
-            borderColor?: string | undefined;
-            borderWidth?: string | undefined;
-            borderRadius?: string | undefined;
-            fontWeight?: string | undefined;
-            fontSize?: string | undefined;
-            letterSpacing?: string | undefined;
+            padding?: string;
+            bgColor?: string;
+            textColor?: string;
+            borderColor?: string;
+            borderWidth?: string;
+            borderRadius?: string;
+            fontWeight?: string;
+            fontSize?: string;
+            letterSpacing?: string;
         }>>;
     };
     tabMarker: {
         states: Partial<Record<"disabled" | "normal" | "hover" | "active" | "focus", {
-            color?: string | undefined;
-            size?: string | undefined;
-            inset?: string | undefined;
-            borderRadius?: string | undefined;
-            display?: string | undefined;
+            color?: string;
+            size?: string;
+            inset?: string;
+            borderRadius?: string;
+            display?: string;
         }>>;
     };
 };

package/dist/Toast/Toast.d.ts

@@ -1,23 +1,19 @@
-/// <reference types="react" />
 import type { ToastProps } from './Toast.types';
 import { ChildFree, ComposeElementProps } from '../Helpers';
 declare const Toast: (({ message, description, actions, customIcon, showIcon, showCloseButton, ...props }: ToastProps & ChildFree<ComposeElementProps>) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: (props: import("../Banner/components/BannerSemanticComponents").SemanticContainerProps & import("../Helpers").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
+    Compose: (props: import("../Banner/components/BannerSemanticComponents").SemanticContainerProps & ComposeElementProps) => import("react/jsx-runtime").JSX.Element;
     Icon: ({ icon, size, ...props }: import("./components/Icon/Icon.types").ToastIconProps) => import("react/jsx-runtime").JSX.Element;
-    Message: ({ children, ...restProps }: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
-    Description: ({ children, ...restProps }: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
+    Message: ({ children, ...restProps }: import("./components/Content/components/Message/Message.types").MessageProps) => import("react/jsx-runtime").JSX.Element | null;
+    Description: ({ children, ...restProps }: import("./components/Content/components/Description/Description.types").DescriptionProps) => import("react/jsx-runtime").JSX.Element | null;
     Actions: (({ primary, secondary, ...props }: import("./components/Actions/Actions.types").ActionsProps) => import("react/jsx-runtime").JSX.Element | null) & {
-        Compose: (props: ComposeElementProps<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
-        Action: ({ label, onClick, closes, icon, variant, ...restProps }: import(".").ToastActionType & {
-            variant?: import("../Banner/components/BannerSemanticComponents").SemanticOutlineVariant | undefined;
-            disabled?: boolean | undefined;
-        } & import("../Banner/components/BannerSemanticComponents").RestSemanticButtonProps) => import("react/jsx-runtime").JSX.Element;
+        Compose: (props: ComposeElementProps) => import("react/jsx-runtime").JSX.Element;
+        Action: ({ label, onClick, closes, icon, variant, ...restProps }: import("./components/Actions/components/Action/Action.types").ActionProps & import("../Banner/components/BannerSemanticComponents").RestSemanticButtonProps) => import("react/jsx-runtime").JSX.Element;
     };
-    CloseButton: ({ children, onClick, ...props }: import("../Banner/components/BannerSemanticComponents").SemanticCloseButtonProps & import("../Banner/components/BannerSemanticComponents").RestSemanticCloseButtonProps) => import("react/jsx-runtime").JSX.Element;
+    CloseButton: ({ children, onClick, ...props }: import("./components/CloseButton/CloseButton.types").CloseButtonProps & import("../Banner/components/BannerSemanticComponents").RestSemanticCloseButtonProps) => import("react/jsx-runtime").JSX.Element;
     Content: (({ message, description, ...restProps }: import("./components/Content/Content.types").ToastContentProps & import("./components/Content/Content.types").RestToastContentProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: (props: ComposeElementProps<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
-        Message: ({ children, ...restProps }: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
-        Description: ({ children, ...restProps }: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
+        Compose: (props: ComposeElementProps) => import("react/jsx-runtime").JSX.Element;
+        Message: ({ children, ...restProps }: import("./components/Content/components/Message/Message.types").MessageProps) => import("react/jsx-runtime").JSX.Element | null;
+        Description: ({ children, ...restProps }: import("./components/Content/components/Description/Description.types").DescriptionProps) => import("react/jsx-runtime").JSX.Element | null;
     };
 };
 export default Toast;

package/dist/Toast/Toaster.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToasterProps } from './core/core.types';
 declare const Toaster: import("react").ForwardRefExoticComponent<Omit<ToasterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default Toaster;

package/dist/Toast/components/Actions/Actions.d.ts

@@ -1,9 +1,6 @@
 import type { ActionsProps } from './Actions.types';
 declare const Actions: (({ primary, secondary, ...props }: ActionsProps) => import("react/jsx-runtime").JSX.Element | null) & {
-    Compose: (props: import("../../..").ComposeElementProps<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
-    Action: ({ label, onClick, closes, icon, variant, ...restProps }: import("../..").ToastActionType & {
-        variant?: import("../../../Banner/components/BannerSemanticComponents").SemanticOutlineVariant | undefined;
-        disabled?: boolean | undefined;
-    } & import("../../../Banner/components/BannerSemanticComponents").RestSemanticButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Compose: (props: import("../../..").ComposeElementProps) => import("react/jsx-runtime").JSX.Element;
+    Action: ({ label, onClick, closes, icon, variant, ...restProps }: import("./components/Action/Action.types").ActionProps & import("../../../Banner/components/BannerSemanticComponents").RestSemanticButtonProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Actions;

package/dist/Toast/components/CloseButton/CloseButton.cjs

@@ -21,7 +21,7 @@ const CloseButton = ({
     children: children || jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.CancelIcon, {
       size: "S",
       customColor: "currentColor",
-      title: "Close"
+      "aria-hidden": true
     })
   });
 };

package/dist/Toast/components/CloseButton/CloseButton.js

@@ -19,7 +19,7 @@ const CloseButton = ({
     children: children || jsxRuntimeExports.jsx(CancelIcon, {
       size: "S",
       customColor: "currentColor",
-      title: "Close"
+      "aria-hidden": true
     })
   });
 };

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

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

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

@@ -1,7 +1,7 @@
 import { RestToastContentProps, ToastContentProps } from './Content.types';
 declare const Content: (({ message, description, ...restProps }: ToastContentProps & RestToastContentProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: (props: import("../../..").ComposeElementProps<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
-    Message: ({ children, ...restProps }: import("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
-    Description: ({ children, ...restProps }: import("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
+    Compose: (props: import("../../..").ComposeElementProps) => import("react/jsx-runtime").JSX.Element;
+    Message: ({ children, ...restProps }: import("./components/Message/Message.types").MessageProps) => import("react/jsx-runtime").JSX.Element | null;
+    Description: ({ children, ...restProps }: import("./components/Description/Description.types").DescriptionProps) => import("react/jsx-runtime").JSX.Element | null;
 };
 export default Content;

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

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

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

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

package/dist/Toast/core/content.helper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToastContent, ToastContextProps } from './core.types';
 /**
  * renders toast data to Toast component

package/dist/Toast/core/context.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ToastContextProps } from './core.types';
 export declare const useToastParams: () => ToastContextProps, ToastContextProvider: import("react").Provider<ToastContextProps>;

package/dist/Toast/core/core.d.ts

@@ -17,11 +17,11 @@ export declare const toast: {
         readonly Danger: "danger";
     };
     update: (id: ToastId, content: ToastContent, options?: ToastOptions) => void;
-    dismiss: (id?: ToastId | undefined, containerId?: ToastId | undefined) => void;
+    dismiss: (id?: ToastId, containerId?: import("./mapping.types").ToastContainerId) => void;
     isActive: typeof import("react-toastify/dist/core/store").isToastActive;
     addChangeListener: typeof import("react-toastify/dist/core/store").onChange;
-    notice: (content: ToastContent, options?: Omit<ToastOptions, 'variant'>) => ToastId;
-    attention: (content: ToastContent, options?: Omit<ToastOptions, 'variant'>) => ToastId;
-    danger: (content: ToastContent, options?: Omit<ToastOptions, 'variant'>) => ToastId;
-    success: (content: ToastContent, options?: Omit<ToastOptions, 'variant'>) => ToastId;
+    notice: (content: ToastContent, options?: Omit<ToastOptions, "variant">) => ToastId;
+    attention: (content: ToastContent, options?: Omit<ToastOptions, "variant">) => ToastId;
+    danger: (content: ToastContent, options?: Omit<ToastOptions, "variant">) => ToastId;
+    success: (content: ToastContent, options?: Omit<ToastOptions, "variant">) => ToastId;
 };

package/dist/Toast/core/mapping.helpers.cjs

@@ -9,12 +9,19 @@ const extractContextProps = (props) => ({
 const cleanupOptions = (options) => ({
   ...options,
   type: options == null ? void 0 : options.variant,
+  // pass variant as type
   icon: false,
+  // hide toastify icon
   closeButton: false,
+  // hide toastify close button
   hideProgressBar: true,
+  // hide toastify progress
   draggable: false,
+  // make non-draggable (?)
   theme: "none",
+  // use dummy theme (later custom themes can be used)
   role: "group",
+  // mark main container as group
   ...(options == null ? void 0 : options.role) ? {
     liveRole: options == null ? void 0 : options.role
   } : {}

package/dist/Toast/core/mapping.helpers.js

@@ -7,12 +7,19 @@ const extractContextProps = (props) => ({
 const cleanupOptions = (options) => ({
   ...options,
   type: options == null ? void 0 : options.variant,
+  // pass variant as type
   icon: false,
+  // hide toastify icon
   closeButton: false,
+  // hide toastify close button
   hideProgressBar: true,
+  // hide toastify progress
   draggable: false,
+  // make non-draggable (?)
   theme: "none",
+  // use dummy theme (later custom themes can be used)
   role: "group",
+  // mark main container as group
   ...(options == null ? void 0 : options.role) ? {
     liveRole: options == null ? void 0 : options.role
   } : {}

package/dist/Tooltip/Provider/Provider.types.d.ts

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

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

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

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

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

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

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

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

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

package/dist/{Popover/components/Content/components/Text/Text.styles.cjs → Tooltip/components/Content/components/Text/Text.style.cjs}

@@ -6,7 +6,7 @@ const Typography = require("../../../../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const Text = _styled__default.default(Typography.default.Body).withConfig({
-  displayName: "Textstyles__Text",
-  componentId: "RedisUI__sc-myum25-0"
+  displayName: "Textstyle__Text",
+  componentId: "RedisUI__sc-146zoam-0"
 })(["color:", ";"], () => redisUiStyles.useTheme().components.tooltip.textColor);
 exports.Text = Text;

package/dist/Tooltip/components/Content/components/Text/{Text.styles.d.ts → 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/{Popover/components/Content/components/Text/Text.styles.js → Tooltip/components/Content/components/Text/Text.style.js}

@@ -2,8 +2,8 @@ import _styled from "styled-components";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 import Typography from "../../../../../Typography/Typography.js";
 const Text = _styled(Typography.Body).withConfig({
-  displayName: "Textstyles__Text",
-  componentId: "RedisUI__sc-myum25-0"
+  displayName: "Textstyle__Text",
+  componentId: "RedisUI__sc-146zoam-0"
 })(["color:", ";"], () => useTheme().components.tooltip.textColor);
 export {
   Text

package/dist/Tooltip/components/TooltipCard/TooltipCard.cjs

@@ -21,12 +21,10 @@ const TooltipCard = Object.assign(({
     }), jsxRuntime.jsxRuntimeExports.jsx(TooltipCard.Body, {
       text
     }), jsxRuntime.jsxRuntimeExports.jsx(TooltipCard.Footer, {
-      ...{
-        actionButtonText,
-        actionButtonHandler,
-        link,
-        linkText
-      }
+      actionButtonText,
+      actionButtonHandler,
+      link,
+      linkText
     })]
   });
 }, {

package/dist/Tooltip/components/TooltipCard/TooltipCard.js

@@ -19,12 +19,10 @@ const TooltipCard = Object.assign(({
     }), jsxRuntimeExports.jsx(TooltipCard.Body, {
       text
     }), jsxRuntimeExports.jsx(TooltipCard.Footer, {
-      ...{
-        actionButtonText,
-        actionButtonHandler,
-        link,
-        linkText
-      }
+      actionButtonText,
+      actionButtonHandler,
+      link,
+      linkText
     })]
   });
 }, {

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

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

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

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

package/dist/Tooltip/hooks/useScrollableTooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * allows make tooltip interactive only when scrollbar appears
  */

package/dist/TreeView/TreeView.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { TreeViewProps, TreeNodes } from './TreeView.types';
 declare const TreeView: (({ data, onChange, searchValue, ...restProps }: TreeViewProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: (props: import("./components/Compose/Compose.types").TreeViewComposeProps) => import("react/jsx-runtime").JSX.Element;
     Item: (({ label, checked, onCheckedChange, disabled, icon, children, ...restProps }: import("./components/TreeItem/TreeItem.types").TreeItemProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: ({ children, hidden, ...restProps }: import("./components/TreeItem/components/Compose/Compose.types").TreeItemComposeProps) => import("react/jsx-runtime").JSX.Element;
         Header: (props: import("react").HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-        Expander: ({ children }: import("react").HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element | null;
+        Expander: ({ children }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element | null;
         ExpandButton: () => import("react/jsx-runtime").JSX.Element;
         Checkbox: ({ checked, onCheckedChange, icon: IconElement, disabled, ...props }: import("./components/TreeItem/components/Checkbox/Checkbox.types").TreeItemCheckboxProps & import("./components/TreeItem/components/Checkbox/Checkbox.types").RestTreeItemCheckboxProps) => import("react/jsx-runtime").JSX.Element;
     };

package/dist/TreeView/components/TreeItem/TreeItem.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TreeItemContextType } from './TreeItem.types';
 export declare const TreeItemContext: import("react").Context<TreeItemContextType | null>;
 export declare function useTreeItemContext(): TreeItemContextType | null;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { TreeItemProps } from './TreeItem.types';
 declare const TreeItem: (({ label, checked, onCheckedChange, disabled, icon, children, ...restProps }: TreeItemProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: ({ children, hidden, ...restProps }: import("./components/Compose/Compose.types").TreeItemComposeProps) => import("react/jsx-runtime").JSX.Element;
     Header: (props: import("react").HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-    Expander: ({ children }: import("react").HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element | null;
+    Expander: ({ children }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element | null;
     ExpandButton: () => import("react/jsx-runtime").JSX.Element;
     Checkbox: ({ checked, onCheckedChange, icon: IconElement, disabled, ...props }: import("./components/Checkbox/Checkbox.types").TreeItemCheckboxProps & import("./components/Checkbox/Checkbox.types").RestTreeItemCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 };

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

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

package/dist/TreeView/components/TreeItem/components/Compose/Compose.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TreeItemComposeProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
 }

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

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

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

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

package/dist/Typography/Typography.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Typography: {
     Heading: import("react").ForwardRefExoticComponent<import(".").TypographyHeadingProps & import("react").RefAttributes<HTMLElement>>;
     Body: import("react").ForwardRefExoticComponent<import(".").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>;

package/dist/Typography/components/Base/Base.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypographyBaseProps } from './Base.types';
 declare const TypographyBase: import("react").ForwardRefExoticComponent<TypographyBaseProps & import("react").RefAttributes<HTMLElement>>;
 export default TypographyBase;

package/dist/Typography/components/Base/Base.style.d.ts

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

package/dist/Typography/components/Body/Body.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypographyBodyProps } from './Body.types';
 declare const TypographyBody: import("react").ForwardRefExoticComponent<TypographyBodyProps & import("react").RefAttributes<HTMLElement>>;
 export default TypographyBody;

package/dist/Typography/components/Code/Code.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypographyCodeProps } from './Code.types';
 declare const TypographyCode: import("react").ForwardRefExoticComponent<TypographyCodeProps & import("react").RefAttributes<HTMLElement>>;
 export default TypographyCode;

package/dist/Typography/components/Heading/Heading.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypographyHeadingProps } from './Heading.types';
 declare const TypographyHeading: import("react").ForwardRefExoticComponent<TypographyHeadingProps & import("react").RefAttributes<HTMLElement>>;
 export default TypographyHeading;

package/dist/Typography/components/Heading/Heading.style.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { TypographyHeadingSize, TypographyHeadingVariant } from './Heading.types';
 import { TypographyColor } from '../../Typography.types';
 export declare const TypographyHeading: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").TypographyBaseProps & import("react").RefAttributes<HTMLElement>>, any, {
     $size: TypographyHeadingSize;
-    $color?: TypographyColor | undefined;
-    $variant?: TypographyHeadingVariant | undefined;
+    $color?: TypographyColor;
+    $variant?: TypographyHeadingVariant;
 }, never>;

package/dist/Typography/hooks/useEllipsisTooltip.d.ts

@@ -2,7 +2,7 @@ import { HTMLAttributes, MouseEventHandler, Ref } from 'react';
 export type EllipsisTooltipParams<T extends HTMLElement = HTMLElement> = {
     tooltipOnEllipsis?: boolean | string | undefined;
 } & Pick<HTMLAttributes<T>, 'onMouseEnter' | 'onMouseLeave' | 'title'>;
-export declare const useEllipsisTooltip: <T extends HTMLElement = HTMLElement>({ tooltipOnEllipsis, onMouseEnter, onMouseLeave, title }: EllipsisTooltipParams<T>, ref?: Ref<T> | undefined) => {
+export declare const useEllipsisTooltip: <T extends HTMLElement = HTMLElement>({ tooltipOnEllipsis, onMouseEnter, onMouseLeave, title }: EllipsisTooltipParams<T>, ref?: Ref<T>) => {
     readonly ref: (node: T) => void;
     readonly title: string | undefined;
     readonly onMouseEnter: MouseEventHandler<T> | undefined;