@redis-ui/components 41.11.0 → 42.7.0

package/dist/Switch/components/Switcher/Switcher.cjs

@@ -13,10 +13,12 @@ const Switcher = Object.assign(({
   onPointerDown,
   onMouseLeave,
   onKeyDown,
+  "aria-describedby": ariaDescribedby,
   ...props
 }) => {
   const readOnly = FormField_context.useFieldReadonly();
   const disabled = Field_context.useFieldDisabled();
+  const additionTextId = FormField_context.useFieldAdditionTextId();
   const {
     checked,
     onCheckedChange
@@ -58,6 +60,7 @@ const Switcher = Object.assign(({
     onPointerDown: react_utils.combineHandlers(onPointerDown, handlePointerDown),
     onMouseLeave: react_utils.combineHandlers(onMouseLeave, handleMouseLeave),
     onKeyDown: react_utils.combineHandlers(onKeyDown, handleKeyDown),
+    "aria-describedby": [additionTextId, ariaDescribedby].filter(Boolean).join(" ") || void 0,
     children: jsxRuntime.jsxRuntimeExports.jsx(Switcher.Knob, {})
   });
 }, {

package/dist/Switch/components/Switcher/Switcher.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { SwitcherProps } from './Switcher.types';
-declare const Switcher: (({ id, onPointerDown, onMouseLeave, onKeyDown, ...props }: SwitcherProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-switch").SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+declare const Switcher: (({ id, onPointerDown, onMouseLeave, onKeyDown, "aria-describedby": ariaDescribedby, ...props }: SwitcherProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-switch").SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, any, import("styled-components").ThemeProps<import("@redislabsdev/redis-ui-styles").Theme>, never>;
     Knob: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-switch").SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 };
 export default Switcher;

package/dist/Switch/components/Switcher/Switcher.js

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.
 import { useRef } from "react";
 import { useSwitchContext } from "../../Switch.context.js";
 import { SwitcherCompose, SwitcherKnob } from "./Switcher.style.js";
-import { useFieldReadonly } from "../../../FormField/FormField.context.js";
+import { useFieldReadonly, useFieldAdditionTextId } from "../../../FormField/FormField.context.js";
 import { useFieldDisabled } from "../../../Inputs/components/Context/Field.context.js";
 import { useSharedId } from "../../../Helpers/contexts/SharedId.context.js";
 import { combineHandlers } from "../../../Helpers/react.utils.js";
@@ -11,10 +11,12 @@ const Switcher = Object.assign(({
   onPointerDown,
   onMouseLeave,
   onKeyDown,
+  "aria-describedby": ariaDescribedby,
   ...props
 }) => {
   const readOnly = useFieldReadonly();
   const disabled = useFieldDisabled();
+  const additionTextId = useFieldAdditionTextId();
   const {
     checked,
     onCheckedChange
@@ -56,6 +58,7 @@ const Switcher = Object.assign(({
     onPointerDown: combineHandlers(onPointerDown, handlePointerDown),
     onMouseLeave: combineHandlers(onMouseLeave, handleMouseLeave),
     onKeyDown: combineHandlers(onKeyDown, handleKeyDown),
+    "aria-describedby": [additionTextId, ariaDescribedby].filter(Boolean).join(" ") || void 0,
     children: jsxRuntimeExports.jsx(Switcher.Knob, {})
   });
 }, {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlattenInterpolation, ThemeProps } from 'styled-components/macro';
 import { Theme } from '@redislabsdev/redis-ui-styles';
 import * as RadixSwitch from '@radix-ui/react-switch';
@@ -7,8 +6,8 @@ import { ButtonState } from '../../../Button/Button.style.utils';
 export type SwitchState = ButtonState | 'readonly';
 export type SwitchStatesTheme<T extends string> = Partial<Record<SwitchState, Partial<Record<T, string>>>>;
 export declare const useSwitchStateStyle: (maps: TokenMap[], { withCursor, selectorSuffix }?: {
-    withCursor?: true | undefined;
-    selectorSuffix?: string | undefined;
+    withCursor?: true;
+    selectorSuffix?: string;
 }) => FlattenInterpolation<ThemeProps<Theme>> | null;
 export declare const SwitcherKnob: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadixSwitch.SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const SwitcherCompose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadixSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const SwitcherCompose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadixSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, any, ThemeProps<Theme>, never>;

package/dist/Switch/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").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, import("styled-components").ThemeProps<import("@redislabsdev/redis-ui-styles").Theme>, never>;

package/dist/TableHeading/TableHeading.d.ts

@@ -1,15 +1,11 @@
-/// <reference types="react" />
 import { TableHeadingProps } from './TableHeading.types';
 declare const TableHeading: ((props: TableHeadingProps) => import("react/jsx-runtime").JSX.Element) & {
     Title: ({ className, children, ...restProps }: import("..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
     SearchInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../Inputs/components/Compose/TextCompose.types").TextInputComposeProps, "readOnly" | "parser" | "formatter"> & import("../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps & import("..").RestInputProps & import("react").RefAttributes<HTMLInputElement>> & {
-        Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../Inputs/components/Compose/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/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;
     };