@redis-ui/components 39.0.0 → 39.18.0

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

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

package/dist/Popover/components/Content/components/Body/components/BodyText/BodyText.d.ts

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

package/dist/Popover/components/Content/components/Body/components/BodyText/BodyText.styles.d.ts

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

package/dist/Popover/components/Content/components/Close/Close.cjs

@@ -15,6 +15,8 @@ const Close = ({
       children: jsxRuntime.jsxRuntimeExports.jsx(Close_style.IconButton, {
         size: "M",
         icon,
+        "aria-label": "close",
+        title: "Close",
         ...buttonProps
       })
     })

package/dist/Popover/components/Content/components/Close/Close.js

@@ -13,6 +13,8 @@ const Close = ({
       children: jsxRuntimeExports.jsx(IconButton, {
         size: "M",
         icon,
+        "aria-label": "close",
+        title: "Close",
         ...buttonProps
       })
     })

package/dist/Popover/components/Content/components/Close/Close.style.js

@@ -1,11 +1,11 @@
 import _styled from "styled-components";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
-import IconButtonComponent from "../../../../../Button/IconButton/IconButton.js";
+import IconButton$1 from "../../../../../Button/IconButton/IconButton.js";
 const PopoverCloseContainer = _styled.div.withConfig({
   displayName: "Closestyle__PopoverCloseContainer",
   componentId: "RedisUI__sc-1e4yz1p-0"
 })(["display:flex;align-items:center;justify-content:end;"]);
-const IconButton = _styled(IconButtonComponent).withConfig({
+const IconButton = _styled(IconButton$1).withConfig({
   displayName: "Closestyle__IconButton",
   componentId: "RedisUI__sc-1e4yz1p-1"
 })(["color:", ";"], () => useTheme().components.popupCard.closeButton.iconColor);

package/dist/Popover/components/Content/components/Header/Header.d.ts

@@ -1,6 +1,6 @@
 import { ContentHeaderProps } from './Header.types';
 declare const Header: (({ title, hideCloseButton, ...restProps }: ContentHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: (props: import("./components/Compose/Compose.types").ContentHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
-    Title: ({ children, ...restProps }: import("../../../../../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ children, ...restProps }: import("../../../../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Header;

package/dist/Popover/components/Content/components/Header/components/HeaderTitle/HeaderTitle.d.ts

@@ -1,3 +1,3 @@
-import { HeadingProps } from '../../../../../../../Typography/components/Heading/Heading.types';
-declare const HeaderTitle: ({ children, ...restProps }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+import { TypographyHeadingProps } from '../../../../../../../Typography';
+declare const HeaderTitle: ({ children, ...restProps }: TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderTitle;

package/dist/Popover/components/Content/components/Header/components/HeaderTitle/HeaderTitle.styles.d.ts

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

package/dist/Popover/components/Content/components/Text/Text.d.ts

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

package/dist/Popover/components/Content/components/Text/Text.styles.d.ts

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

package/dist/Popover/components/Content/components/WindowBar/WindowBar.d.ts

@@ -4,7 +4,7 @@ declare const WindowBar: (({ title, variant, hideCloseButton, withIcon, icon, ..
     Compose: (props: import("./components/Compose/Compose.types").WindowBarComposeProps) => import("react/jsx-runtime").JSX.Element;
     Close: ({ children, icon, ...buttonProps }: import("../Close/Close.types").PopoverCloseProps) => import("react/jsx-runtime").JSX.Element;
     Icon: ({ icon, variant, ...props }: import("../../../../../Badge/BadgeIcon").BadgeIconProps) => import("react/jsx-runtime").JSX.Element;
-    Heading: import("styled-components").StyledComponent<({ size, ellipsis, color, ...restProps }: import("../../../../../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+    Heading: import("styled-components").StyledComponent<({ size, ellipsis, color, variant, component, ...restProps }: import("../../../../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
     Header: import("react").FC<import("./components/Header/Header.types").WindowBarHeaderProps>;
 };
 export default WindowBar;

package/dist/Popover/components/Content/components/WindowBar/WindowBar.style.d.ts

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

package/dist/Popover/components/PopoverCard/PopoverCard.d.ts

@@ -4,11 +4,11 @@ declare const PopoverCard: (({ text, title, actionButtonText, actionButtonHandle
     Compose: (props: import("./components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element;
     Header: (({ title, hideCloseButton, ...restProps }: import("../Content/components/Header/Header.types").ContentHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: (props: import("../Content/components/Header/components/Compose/Compose.types").ContentHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
-        Title: ({ children, ...restProps }: import("../../../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element;
+        Title: ({ children, ...restProps }: import("../../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
     };
     Body: (({ text, ...restProps }: import("../Content/components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: (props: import("../Content/components/Body/components/Compose/Compose.types").ContentBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
-        Text: (props: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+        Text: (props: import("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
     };
     Footer: (({ actionButtonText, actionButtonHandler, link, linkText, ...restProps }: import("../Content/components/Footer/Footer.types").ContentFooterProps) => import("react/jsx-runtime").JSX.Element | null) & {
         Compose: (props: import("../Content/components/Footer/components/Compose/Compose.types").ContentFooterComposeProps) => import("react/jsx-runtime").JSX.Element;
@@ -17,7 +17,7 @@ declare const PopoverCard: (({ text, title, actionButtonText, actionButtonHandle
         Compose: (props: import("../Content/components/WindowBar/components/Compose/Compose.types").WindowBarComposeProps) => import("react/jsx-runtime").JSX.Element;
         Close: ({ children, icon, ...buttonProps }: import("../Content/components/Close/Close.types").PopoverCloseProps) => import("react/jsx-runtime").JSX.Element;
         Icon: ({ icon, variant, ...props }: import("../../../Badge/BadgeIcon").BadgeIconProps) => import("react/jsx-runtime").JSX.Element;
-        Heading: import("styled-components").StyledComponent<({ size, ellipsis, color, ...restProps }: import("../../../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+        Heading: import("styled-components").StyledComponent<({ size, ellipsis, color, variant, component, ...restProps }: import("../../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
         Header: import("react").FC<import("../Content/components/WindowBar/components/Header/Header.types").WindowBarHeaderProps>;
     };
     Close: ({ children, icon, ...buttonProps }: import("../Content/components/Close/Close.types").PopoverCloseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ProgressBar/ProgressBar.styles.d.ts

@@ -12,4 +12,4 @@ export declare const Indicator: import("styled-components").StyledComponent<impo
 export declare const ProgressBar: import("styled-components").StyledComponent<"div", any, {
     textPosition?: ProgressBarTextPosition | undefined;
 }, never>;
-export declare const TypographyBody: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const TypographyBody: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/RadioGroup/RadioGroup.d.ts

@@ -16,7 +16,7 @@ declare const RadioGroup: (({ label, required, optional, infoIconProps, initialV
      */
     Label: (({ label, infoIconProps, required, optional, readOnly, ...restProps }: import("../Label").LabelProps) => import("react/jsx-runtime").JSX.Element) & {
         Text: ({ children, readOnly, ...restProps }: import("../Label/components/Text/Text.types").TextProps) => import("react/jsx-runtime").JSX.Element;
-        InfoIcon: ({ size, text, content, ...tooltipProps }: import("../Label/components/InfoIcon/InfoIcon.types").InfoIconProps) => import("react/jsx-runtime").JSX.Element | null;
+        InfoIcon: ({ size, text, content, ...tooltipProps }: import("../Label/components/InfoIcon/InfoIcon.types").InfoIconProps) => import("react/jsx-runtime").JSX.Element;
         Required: ({ children, show, size, ...restProps }: import("../Label/components/Required/Required.types").RequiredProps) => import("react/jsx-runtime").JSX.Element | null;
         Optional: ({ children, show, size, ...restProps }: import("../Label/components/Optional/Optional.types").OptionalProps) => import("react/jsx-runtime").JSX.Element | null;
         Compose: ({ htmlFor, show, ...props }: import("react").LabelHTMLAttributes<HTMLLabelElement> & {

package/dist/Section/components/Header/components/CategoryValueList/CategoryValueList.style.d.ts

@@ -1,4 +1,4 @@
 export declare const Container: import("styled-components").StyledComponent<({ children, renderExtra, maxRows, minItems, expectedGap, estimatedItemsPerRow, ...restProps }: import("../../../../../Overflow").OverflowProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const Separator: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CategoryValueItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextWrapper: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const TextWrapper: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("../../../../../Typography").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Section/components/Header/components/CategoryValueList/components/CategoryValueChip/CategoryValueChip.style.d.ts

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

package/dist/Section/components/Header/components/CollapseIndicator/CollapseIndicator.cjs

@@ -10,6 +10,7 @@ const CollapseIndicator = (props) => {
   if (collapsible) {
     return jsxRuntime.jsxRuntimeExports.jsx(CollapseIndicator_style.CollapseIcon, {
       size: "M",
+      "aria-hidden": true,
       ...props
     });
   }

package/dist/Section/components/Header/components/CollapseIndicator/CollapseIndicator.js

@@ -8,6 +8,7 @@ const CollapseIndicator = (props) => {
   if (collapsible) {
     return jsxRuntimeExports.jsx(CollapseIcon, {
       size: "M",
+      "aria-hidden": true,
       ...props
     });
   }

package/dist/Section/components/Header/components/Compose/Compose.cjs

@@ -11,9 +11,7 @@ const Compose = ({
   const {
     collapsible
   } = Section_context.useSectionContext();
-  return jsxRuntime.jsxRuntimeExports.jsxs(Compose_style.SectionHeader, {
-    "$collapsible": collapsible,
-    ...props,
+  const sectionHeader = jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
     children: [jsxRuntime.jsxRuntimeExports.jsx(Compose_style.SectionHeaderContent, {
       children
     }), collapsedInfo && jsxRuntime.jsxRuntimeExports.jsx(Compose_style.CollapsedInfoBar, {
@@ -21,5 +19,18 @@ const Compose = ({
       children: collapsedInfo
     })]
   });
+  return collapsible ? jsxRuntime.jsxRuntimeExports.jsx(Compose_style.SectionHeader, {
+    ...props,
+    "$collapsible": true,
+    children: sectionHeader
+  }) : jsxRuntime.jsxRuntimeExports.jsx(Compose_style.SectionHeader, {
+    ...props,
+    asChild: true,
+    "aria-expanded": void 0,
+    type: void 0,
+    children: jsxRuntime.jsxRuntimeExports.jsx("div", {
+      children: sectionHeader
+    })
+  });
 };
 exports.Compose = Compose;

package/dist/Section/components/Header/components/Compose/Compose.js

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
-import { SectionHeader, SectionHeaderContent, CollapsedInfoBar } from "./Compose.style.js";
+import { SectionHeaderContent, CollapsedInfoBar, SectionHeader } from "./Compose.style.js";
 import { useSectionContext } from "../../../../Section.context.js";
 const Compose = ({
   children,
@@ -9,9 +9,7 @@ const Compose = ({
   const {
     collapsible
   } = useSectionContext();
-  return jsxRuntimeExports.jsxs(SectionHeader, {
-    "$collapsible": collapsible,
-    ...props,
+  const sectionHeader = jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
     children: [jsxRuntimeExports.jsx(SectionHeaderContent, {
       children
     }), collapsedInfo && jsxRuntimeExports.jsx(CollapsedInfoBar, {
@@ -19,6 +17,19 @@ const Compose = ({
       children: collapsedInfo
     })]
   });
+  return collapsible ? jsxRuntimeExports.jsx(SectionHeader, {
+    ...props,
+    "$collapsible": true,
+    children: sectionHeader
+  }) : jsxRuntimeExports.jsx(SectionHeader, {
+    ...props,
+    asChild: true,
+    "aria-expanded": void 0,
+    type: void 0,
+    children: jsxRuntimeExports.jsx("div", {
+      children: sectionHeader
+    })
+  });
 };
 export {
   Compose

package/dist/Section/components/Header/components/Label/Label.style.d.ts

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

package/dist/Select/Select.cjs

@@ -57,5 +57,5 @@ const Select = Object.assign(({
   Content: Content.default,
   Option: Option.default
 });
-const Select$1 = Select;
-exports.default = Select$1;
+const SelectComponent = Select;
+exports.default = SelectComponent;

package/dist/Select/Select.d.ts

@@ -5,23 +5,23 @@ declare const Select: (<TValue extends string = string, TOption extends SelectOp
     allowReset?: boolean | undefined;
     loading?: boolean | undefined;
 } & Omit<import("./components/Content/Content.types").SelectContentProps<TOption>, "optionComponent" | "optionValueRender"> & RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: <TValue_1 extends string = string, TOption_1 extends SelectOption<TValue_1> = SelectOption<TValue_1>>({ options, children, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, disabled, ...restProps }: import("./components/Compose/Compose.types").SelectComposeProps<TValue_1, TOption_1> & import("../Helpers/common.types").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+    Compose: <TValue_1 extends string = string, TOption_1 extends SelectOption<TValue_1> = SelectOption<TValue_1>>({ options, children, onOpenChange, defaultValue, value, onChange, customCompare, error, valid, disabled, ...restProps }: import("./components/Compose/Compose.types").SelectComposeProps<TValue_1, TOption_1> & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
     Trigger: (<TOption_2 extends SelectOption<string> = SelectOption<string>>({ placeholder, valueRender, allowReset, loading, ...props }: Omit<import("./components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps, "customContainer"> & import("./components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption_2> & {
         allowReset?: boolean | undefined;
         loading?: boolean | undefined;
     } & RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: ({ customContainer, id, ...restProps }: import("./components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("../Helpers/common.types").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+        Compose: ({ customContainer, id, ...restProps }: import("./components/Trigger/components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
         Value: <TOption_3 extends SelectOption<string> = SelectOption<string>>({ placeholder, valueRender, ...restProps }: import("./components/Trigger/components/Value/Value.types").SelectTriggerValueProps<TOption_3> & import("./components/Trigger/components/Value/Value.types").RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;
         ResetButton: ({ children, title, ...restProps }: import("react").HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element | null;
-        StatusIndicator: (props: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element;
+        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;
         LoadingIndicator: ({ loading, ...restProps }: import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
         Arrow: ({ icon, ...restProps }: import("./components/Trigger/components/Arrow/Arrow.types").TriggerArrowProps) => import("react/jsx-runtime").JSX.Element;
-        ErrorIcon: (props: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element;
+        ErrorIcon: ({ 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;
     };
     Content: (<TOption_4 extends SelectOption<string> = SelectOption<string>>({ searchable, optionValueRender, optionComponent, maxVisibleItems, virtualized, ...restProps }: import("./components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("./components/Content/components/OptionList/OptionList.types").OptionListProps<TOption_4> & {
         searchable?: boolean | undefined;
     } & import("./components/Content/components/Compose/Compose.types").RestSelectContentComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: ({ children, placement, contentWidth, ...restProps }: import("./components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("./components/Content/components/Compose/Compose.types").RestSelectContentComposeProps & import("../Helpers/common.types").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+        Compose: ({ children, placement, contentWidth, ...restProps }: import("./components/Content/components/Compose/Compose.types").SelectContentComposeProps & import("./components/Content/components/Compose/Compose.types").RestSelectContentComposeProps & import("..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
         OptionList: <TOption_5 extends SelectOption<string> = SelectOption<string>>({ optionValueRender, optionComponent: OptionComponent, maxVisibleItems, virtualized, ...restProps }: import("./components/Content/components/OptionList/OptionList.types").OptionListProps<TOption_5> & import("./components/Content/components/OptionList/OptionList.types").RestOptionListProps) => import("react/jsx-runtime").JSX.Element;
         Search: import("react").ForwardRefExoticComponent<Omit<import("../Inputs/components/Compose/TextCompose.types").TextInputComposeProps, "readOnly" | "parser" | "formatter"> & import("../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps & import("..").RestInputProps & import("react").RefAttributes<HTMLInputElement>>;
         Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -29,8 +29,8 @@ declare const Select: (<TValue extends string = string, TOption extends SelectOp
     Option: (<TOption_6 extends SelectOption<string> = SelectOption<string>>({ option, content, ...restProps }: import("./components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<TOption_6> & {
         content?: import("react").ReactNode;
     } & import("./components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: import("react").ForwardRefExoticComponent<import("./components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<SelectOption<string>> & import("./components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps & import("../Helpers/common.types").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
-        Content: (props: import("../Helpers/common.types").ComposeChildrenProps & import("./components/Content/components/Option/components/Content/Content.types").RestSelectOptionContentProps) => import("react/jsx-runtime").JSX.Element;
+        Compose: import("react").ForwardRefExoticComponent<import("./components/Content/components/Option/components/Compose/Compose.types").SelectOptionComposeProps<SelectOption<string>> & import("./components/Content/components/Option/components/Compose/Compose.types").RestSelectOptionComposeProps & import("..").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
+        Content: (props: import("..").ComposeChildrenProps & import("./components/Content/components/Option/components/Content/Content.types").RestSelectOptionContentProps) => import("react/jsx-runtime").JSX.Element;
         Indicator: ({ children, ...restProps }: import("@radix-ui/react-select").SelectItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
     };
 };

package/dist/Select/Select.js

@@ -55,7 +55,7 @@ const Select = Object.assign(({
   Content,
   Option
 });
-const Select$1 = Select;
+const SelectComponent = Select;
 export {
-  Select$1 as default
+  SelectComponent as default
 };

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

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

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

@@ -4,8 +4,8 @@ import { SelectOption } from '../../../../Select.types';
 declare const Option: (<TOption extends SelectOption<string> = SelectOption<string>>({ option, content, ...restProps }: import("./components/Compose/Compose.types").SelectOptionComposeProps<TOption> & {
     content?: import("react").ReactNode;
 } & import("./components/Compose/Compose.types").RestSelectOptionComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: import("react").ForwardRefExoticComponent<import("./components/Compose/Compose.types").SelectOptionComposeProps<SelectOption<string>> & import("./components/Compose/Compose.types").RestSelectOptionComposeProps & import("../../../../../Helpers/common.types").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
-    Content: (props: import("../../../../../Helpers/common.types").ComposeChildrenProps & import("./components/Content/Content.types").RestSelectOptionContentProps) => import("react/jsx-runtime").JSX.Element;
+    Compose: import("react").ForwardRefExoticComponent<import("./components/Compose/Compose.types").SelectOptionComposeProps<SelectOption<string>> & import("./components/Compose/Compose.types").RestSelectOptionComposeProps & import("../../../../..").ComposeChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
+    Content: (props: import("../../../../..").ComposeChildrenProps & import("./components/Content/Content.types").RestSelectOptionContentProps) => import("react/jsx-runtime").JSX.Element;
     Indicator: ({ children, ...restProps }: import("@radix-ui/react-select").SelectItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Option;

package/dist/Select/components/Content/components/Option/components/Compose/Compose.cjs

@@ -21,6 +21,7 @@ const Compose = React__default.default.forwardRef(({
     "aria-selected": String(isOptionSelected(option)),
     ref,
     "$hidden": option.hidden,
+    "aria-labelledby": void 0,
     children
   });
 });

package/dist/Select/components/Content/components/Option/components/Compose/Compose.js

@@ -17,6 +17,7 @@ const Compose = React__default.forwardRef(({
     "aria-selected": String(isOptionSelected(option)),
     ref,
     "$hidden": option.hidden,
+    "aria-labelledby": void 0,
     children
   });
 });

package/dist/Select/components/Content/components/Search/SelectSearchInput.cjs

@@ -20,6 +20,7 @@ const SelectSearchInput = React__default.default.forwardRef(({
         context.setSearchValue(newSearchValue);
         onChange == null ? void 0 : onChange(newSearchValue);
       },
+      "aria-label": "Search",
       ...restProps
     })
   });

package/dist/Select/components/Content/components/Search/SelectSearchInput.js

@@ -16,6 +16,7 @@ const SelectSearchInput = React__default.forwardRef(({
         context.setSearchValue(newSearchValue);
         onChange == null ? void 0 : onChange(newSearchValue);
       },
+      "aria-label": "Search",
       ...restProps
     })
   });

package/dist/Select/components/Content/components/Search/SelectSearchInput.style.d.ts

@@ -1,14 +1,12 @@
 /// <reference types="react" />
 export declare const SelectSearchInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../../../../../Inputs/components/Compose/TextCompose.types").TextInputComposeProps, "readOnly" | "parser" | "formatter"> & import("../../../../../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../../../../../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../../../../../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps & import("../../../../../Inputs").RestInputProps & import("react").RefAttributes<HTMLInputElement>> & {
-    Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../../../Inputs/components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../../../Inputs/components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../../../../../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../../../Inputs/components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../../../Inputs/components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../../../../..").ComposeElementProps<HTMLDivElement>, "defaultValue" | "onChange"> & {
         readonlyRender?: import("../../../../../Inputs/components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
         readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
     ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: Partial<import("../../../../..").IconButtonProps> & 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, $customTitles, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className"> & {
-        $customTitles?: boolean | undefined;
-    }) => import("react/jsx-runtime").JSX.Element | null;
+    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;
     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/Select/components/Context/hooks/useSelectContextApi.d.ts

@@ -1,6 +1,6 @@
 import type { SelectComposeProps } from '../../Compose/Compose.types';
 import type { SelectContextType, SelectOption } from '../../../Select.types';
 export declare function useSelectContextApi<TValue extends string = string, TOption extends SelectOption<TValue> = SelectOption<TValue>>({ value, defaultValue, onChange, customCompare, options }: Pick<SelectComposeProps<TValue, TOption>, 'value' | 'defaultValue' | 'onChange' | 'customCompare' | 'options'>): {
-    currentValue: import("../../../../Helpers/common.types").NoInfer<TValue> | undefined;
+    currentValue: import("../../../..").NoInfer<TValue> | undefined;
     context: SelectContextType<TOption>;
 };

package/dist/Select/components/Trigger/Trigger.cjs

@@ -5,7 +5,7 @@ const Compose = require("./components/Compose/Compose.cjs");
 const Arrow = require("./components/Arrow/Arrow.cjs");
 const Value = require("./components/Value/Value.cjs");
 const LoadingIndicator = require("../../../Inputs/components/LoadingIndicator/LoadingIndicator.cjs");
-const StatusIndicator = require("./components/StatusIndicator/StatusIndicator.cjs");
+const StatusIndicator = require("../../../Inputs/components/StatusIndicator/StatusIndicator.cjs");
 const ResetButton = require("./components/ResetButton/ResetButton.cjs");
 const Trigger = Object.assign(({
   placeholder,

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

@@ -6,15 +6,15 @@ declare const Trigger: (<TOption extends SelectOption<string> = SelectOption<str
     allowReset?: boolean | undefined;
     loading?: boolean | undefined;
 } & RestSelectTriggerComposeProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: ({ customContainer, id, ...restProps }: import("./components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("../../../Helpers/common.types").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
+    Compose: ({ customContainer, id, ...restProps }: import("./components/Compose/Compose.types").SelectTriggerComposeProps & RestSelectTriggerComposeProps & import("../../..").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element;
     Value: <TOption_1 extends SelectOption<string> = SelectOption<string>>({ placeholder, valueRender, ...restProps }: import("./components/Value/Value.types").SelectTriggerValueProps<TOption_1> & import("./components/Value/Value.types").RestSelectTriggerValueProps) => import("react/jsx-runtime").JSX.Element;
     ResetButton: ({ children, title, ...restProps }: import("react").HTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element | null;
-    StatusIndicator: (props: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element;
+    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;
     LoadingIndicator: ({ loading, ...restProps }: import("../../../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../../../Inputs/components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
     Arrow: ({ icon, ...restProps }: import("./components/Arrow/Arrow.types").TriggerArrowProps) => import("react/jsx-runtime").JSX.Element;
     /**
      * @deprecated use StatusIndicator instead
      */
-    ErrorIcon: (props: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element;
+    ErrorIcon: ({ 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;
 };
 export default Trigger;

package/dist/Select/components/Trigger/Trigger.js

@@ -3,7 +3,7 @@ import Compose from "./components/Compose/Compose.js";
 import Arrow from "./components/Arrow/Arrow.js";
 import Value from "./components/Value/Value.js";
 import LoadingIndicator from "../../../Inputs/components/LoadingIndicator/LoadingIndicator.js";
-import StatusIndicator from "./components/StatusIndicator/StatusIndicator.js";
+import StatusIndicator from "../../../Inputs/components/StatusIndicator/StatusIndicator.js";
 import ResetButton from "./components/ResetButton/ResetButton.js";
 const Trigger = Object.assign(({
   placeholder,

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

@@ -13,7 +13,7 @@ const Arrow = ({
     Component: icon,
     size: "S",
     customColor: restProps.color ? void 0 : theme.iconColor,
-    title: " ",
+    "aria-hidden": true,
     ...restProps
   });
 };

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

@@ -11,7 +11,7 @@ const Arrow = ({
     Component: icon,
     size: "S",
     customColor: restProps.color ? void 0 : theme.iconColor,
-    title: " ",
+    "aria-hidden": true,
     ...restProps
   });
 };

package/dist/Select/components/Trigger/components/Compose/Compose.cjs

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
-const index = require("../../../../../node_modules/@radix-ui/react-select/dist/index.cjs");
+const index$2 = require("../../../../../node_modules/@radix-ui/react-select/dist/index.cjs");
+const index = require("../../../../../node_modules/@radix-ui/react-id/dist/index.cjs");
+const index$1 = require("../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
 const Compose_style = require("./Compose.style.cjs");
+const Field_context = require("../../../../../Inputs/components/Context/Field.context.cjs");
 const SharedId_context = require("../../../../../Helpers/contexts/SharedId.context.cjs");
 const FormField_context = require("../../../../../FormField/FormField.context.cjs");
 const Compose = ({
@@ -12,15 +15,31 @@ const Compose = ({
 }) => {
   const sharedId = SharedId_context.useSharedId(id);
   const status = FormField_context.useFieldStatus();
-  return customContainer ? jsxRuntime.jsxRuntimeExports.jsx(index.Trigger, {
-    ...restProps,
+  const errorContent = Field_context.useErrorContent();
+  const errorId = index.useId();
+  const statusProps = status === "error" ? {
+    "aria-invalid": true,
+    "aria-describedby": `${errorId} ${restProps["aria-describedby"] || ""}`
+  } : null;
+  const triggerProps = {
     id: sharedId,
     "data-status": status,
+    ...statusProps,
+    ...restProps
+  };
+  const errorAlert = status === "error" ? jsxRuntime.jsxRuntimeExports.jsx(index$1.VisuallyHidden, {
+    id: errorId,
+    role: "alert",
+    children: errorContent
+  }) : null;
+  const trigger = customContainer ? jsxRuntime.jsxRuntimeExports.jsx(index$2.Trigger, {
+    ...triggerProps,
     asChild: true
   }) : jsxRuntime.jsxRuntimeExports.jsx(Compose_style.TriggerContainer, {
-    ...restProps,
-    id: sharedId,
-    "data-status": status
+    ...triggerProps
+  });
+  return jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, {
+    children: [trigger, errorAlert]
   });
 };
 exports.default = Compose;