@redis-ui/components 41.11.0 → 42.7.0

package/dist/Inputs/PasswordInput/PasswordInput.d.ts

@@ -1,116 +1,76 @@
-/// <reference types="react" />
-/// <reference types="react" />
 declare const PasswordInput: import("react").ForwardRefExoticComponent<Omit<import("../components/Compose/TextCompose.types").TextInputComposeProps, "parser" | "formatter"> & import("./components/PasswordInput.context.types").PasswordExposureProps & import("../components/ResetButton/ResetButton.types").ResetButtonProps & import("..").RestInputProps & import("react").RefAttributes<HTMLInputElement>> & {
-    Compose: ({ showExposureToggle, exposed, defaultExposed, onExposedChange, error, valid, readOnly, ...restProps }: Omit<import("../components/Compose/TextCompose.types").TextInputComposeProps, "parser" | "formatter"> & import("./components/PasswordInput.context.types").PasswordExposureProps & import("./components/Compose/Compose.types").RestPasswordInputComposeProps) => import("react/jsx-runtime").JSX.Element;
+    Compose: ({ showExposureToggle, exposed, defaultExposed, onExposedChange, error, valid, readOnly, ...restProps }: import("./components/Compose/Compose.types").PasswordInputComposeProps & import("./components/Compose/Compose.types").RestPasswordInputComposeProps) => import("react/jsx-runtime").JSX.Element;
     PasswordButton: (props: {
-        form?: string | undefined;
-        slot?: string | undefined;
+        form?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
-        type?: "button" | "submit" | "reset" | undefined;
-        name?: string | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        className?: string | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined;
-        translate?: "no" | "yes" | undefined;
-        radioGroup?: string | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        className?: string | undefined | undefined;
+        color?: string | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        name?: string | undefined | undefined;
+        type?: "submit" | "reset" | "button" | undefined | undefined;
         role?: import("react").AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-        "aria-activedescendant"?: string | undefined;
+        tabIndex?: number | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
+        "aria-flowto"?: string | undefined | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
         "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
         children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
-        } | undefined;
+        } | undefined | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
         onCut?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -270,16 +230,54 @@ declare const PasswordInput: import("react").ForwardRefExoticComponent<Omit<impo
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+        defaultChecked?: boolean | undefined | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        hidden?: boolean | undefined | undefined;
+        nonce?: string | undefined | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
+        about?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        prefix?: string | undefined | undefined;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCapitalize?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
         formAction?: string | undefined;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
         value?: string | number | readonly string[] | undefined;
-        size?: "XXL" | "XL" | "L" | "M" | "S" | "XS" | undefined;
+        size?: import("../..").IconButtonSizes | undefined;
     }) => import("react/jsx-runtime").JSX.Element | null;
     Tag: import("react").ForwardRefExoticComponent<Omit<import("../components/InputTag/InputTag.types").RestInputTagProps, "type" | "readOnly"> & 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;
-    ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: Partial<import("../..").IconButtonProps> & import("../components/ResetButton/ResetButton.types").ResetButtonProps) => 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;
+    ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: import("../components/ResetButton/ResetButton.types").RestResetButtonProps & import("../components/ResetButton/ResetButton.types").ResetButtonProps) => import("react/jsx-runtime").JSX.Element | null;
 };
 export default PasswordInput;

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

@@ -1,6 +1,2 @@
-/// <reference types="react" />
-export declare const PasswordInputCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../../../..").ComposeElementProps<HTMLElement>, "defaultValue" | "onChange"> & {
-    readonlyRender?: import("../../../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
-    readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
-}) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const PasswordInputCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../components/Compose/TextCompose.types").TextInputComposeProps & import("../../../components/Compose/TextCompose.types").RestTextInputComposeProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const PasswordReadOnlyCompose: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Inputs/PasswordInput/components/PasswordInputTag/PasswordInputTag.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { RestInputTagProps } from '../../../components/InputTag/InputTag.types';
 export declare const PasswordInputTag: import("react").ForwardRefExoticComponent<Omit<RestInputTagProps, "type" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Inputs/QuantityCounter/QuantityCounter.d.ts

@@ -1,18 +1,12 @@
-/// <reference types="react" />
 import { RestQuantityCounterProps } from './QuantityCounter.types';
 declare const QuantityCounter: import("react").ForwardRefExoticComponent<import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/NumericInputValueProvider").NumericInputValueProviderProps, "children"> & import("./QuantityCounter.types").QuantityCounterInputGroupProps & {
-    incrementButtonProps?: Omit<import("./QuantityCounter.types").QuantityCounterStepButtonProps, "action"> | undefined;
-    decrementButtonProps?: Omit<import("./QuantityCounter.types").QuantityCounterStepButtonProps, "action"> | undefined;
+    incrementButtonProps?: Omit<import("./QuantityCounter.types").QuantityCounterStepButtonProps, "action">;
+    decrementButtonProps?: Omit<import("./QuantityCounter.types").QuantityCounterStepButtonProps, "action">;
 } & RestQuantityCounterProps & import("react").RefAttributes<HTMLInputElement>> & {
-    Compose: ({ valueLabel, readonlyRender, children, onMouseEnter, onMouseLeave, ...restProps }: import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/NumericInputValueProvider").NumericInputValueProviderProps, "children"> & Omit<import("../..").ComposeElementProps<HTMLElement>, "defaultValue" | "onChange"> & {
-        readonlyRender?: import("../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
-        readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
-    } & {
-        valueLabel?: string | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
+    Compose: ({ valueLabel, readonlyRender, children, onMouseEnter, onMouseLeave, ...restProps }: import("./QuantityCounter.types").QuantityCounterComposeProps & import("./QuantityCounter.types").RestQuantityCounterComposeProps) => import("react/jsx-runtime").JSX.Element;
     StepButton: ({ action, title, variant, size, icon, disabled, onClick, onMouseDown, ...restProps }: import("./QuantityCounter.types").QuantityCounterStepButtonProps) => import("react/jsx-runtime").JSX.Element;
     InputGroup: import("react").ForwardRefExoticComponent<import("../components/InputTag/InputTag.types").RestInputTagProps & import("./QuantityCounter.types").QuantityCounterInputGroupProps & import("react").RefAttributes<HTMLInputElement>> & {
-        Compose: (props: import("../..").ComposeElementProps<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
+        Compose: (props: import("../..").ComposeElementProps) => import("react/jsx-runtime").JSX.Element;
         Tag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../components/InputTag/InputTag.types").InputTagProps & import("../components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>, any, {
             autoSize: true;
             'aria-description': string;

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

@@ -1,5 +1 @@
-/// <reference types="react" />
-export declare const QuantityCounterCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, min, max, step, required, maxDecimals, autoValidate, validate, calcStepActionValue, ...restProps }: import("../../../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../components/Context/NumericInputValueProvider").NumericInputValueProviderProps, "children"> & Omit<import("../../../..").ComposeElementProps<HTMLElement>, "defaultValue" | "onChange"> & {
-    readonlyRender?: import("../../../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
-    readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
-}) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const QuantityCounterCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, min, max, step, required, maxDecimals, autoValidate, validate, calcStepActionValue, ...restProps }: import("../../../components/Compose/NumericCompose.types").NumericInputComposeProps & import("../../../components/Compose/NumericCompose.types").RestNumericInputComposeProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Inputs/QuantityCounter/components/InputGroup/InputGroup.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { QuantityCounterInputGroupProps } from './InputGroup.types';
 export declare const InputGroup: import("react").ForwardRefExoticComponent<import("../../../components/InputTag/InputTag.types").RestInputTagProps & QuantityCounterInputGroupProps & import("react").RefAttributes<HTMLInputElement>> & {
-    Compose: (props: import("../../../..").ComposeElementProps<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
+    Compose: (props: import("../../../..").ComposeElementProps) => import("react/jsx-runtime").JSX.Element;
     Tag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../components/InputTag/InputTag.types").InputTagProps & import("../../../components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>, any, {
         autoSize: true;
         'aria-description': string;

package/dist/Inputs/QuantityCounter/components/InputGroup/components/InputTag/QuantityCounterInputTag.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const QuantityCounterInputTag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../components/InputTag/InputTag.types").InputTagProps & import("../../../../../components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>, any, {
     autoSize: true;
     'aria-description': string;

package/dist/Inputs/QuantityCounter/components/InputGroup/components/ValueLabel/ValueLabel.style.d.ts

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

package/dist/Inputs/SearchInput/SearchInput.d.ts

@@ -1,12 +1,8 @@
-/// <reference types="react" />
 declare const SearchInput: import("react").ForwardRefExoticComponent<Omit<import("../components/Compose/TextCompose.types").TextInputComposeProps, "readOnly" | "parser" | "formatter"> & import("../components/InputTag/InputTag.types").InputTagProps & import("../components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../components/ResetButton/ResetButton.types").ResetButtonProps & import("..").RestInputProps & import("react").RefAttributes<HTMLInputElement>> & {
-    Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../..").ComposeElementProps<HTMLElement>, "defaultValue" | "onChange"> & {
-        readonlyRender?: import("../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("../components/ResetButton/ResetButton.types").ResetButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+    Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../components/Compose/TextCompose.types").TextInputComposeProps & import("../components/Compose/TextCompose.types").RestTextInputComposeProps) => import("react/jsx-runtime").JSX.Element;
+    ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: import("../components/ResetButton/ResetButton.types").RestResetButtonProps & import("../components/ResetButton/ResetButton.types").ResetButtonProps) => import("react/jsx-runtime").JSX.Element | null;
     Tag: import("react").ForwardRefExoticComponent<import("../components/InputTag/InputTag.types").InputTagProps & import("../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("../components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
     SearchIcon: () => import("react/jsx-runtime").JSX.Element;
 };

package/dist/Inputs/TextArea/TextArea.d.ts

@@ -1,17 +1,11 @@
-/// <reference types="react" />
 import { RestTextAreaProps } from './TextArea.types';
 declare const TextArea: import("react").ForwardRefExoticComponent<Omit<import("../components/Compose/TextCompose.types").TextInputComposeProps, "parser" | "formatter"> & {
-    height?: string | undefined;
+    height?: string;
 } & {
-    readOnly?: boolean | undefined;
+    readOnly?: boolean;
 } & RestTextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>> & {
-    StatusIndicator: import("styled-components").StyledComponent<({ 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, any, {}, never>;
-    Compose: ({ readonlyRender, ...restProps }: Omit<import("../components/Compose/TextCompose.types").TextInputComposeProps, "parser" | "formatter"> & {
-        height?: string | undefined;
-    } & Omit<import("../..").ComposeElementProps<HTMLElement>, "defaultValue" | "onChange"> & {
-        readonlyRender?: import("../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
-        readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
+    StatusIndicator: import("styled-components").StyledComponent<({ 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, any, {}, never>;
+    Compose: ({ readonlyRender, ...restProps }: import("./components/Compose/Compose.types").TextAreaComposeProps & import("./components/Compose/Compose.types").RestTextAreaComposeProps) => import("react/jsx-runtime").JSX.Element;
     Tag: import("react").ForwardRefExoticComponent<import("./components/TextAreaTag/TextAreaTag").RestTextAreaTagProps & import("react").RefAttributes<HTMLTextAreaElement>>;
     ReadonlyValue: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {
         readOnly: boolean;

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

@@ -1,12 +1,5 @@
-/// <reference types="react" />
-export declare const TextAreaCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../../../components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("../../../..").ComposeElementProps<HTMLElement>, "defaultValue" | "onChange"> & {
-    readonlyRender?: import("../../../components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
-    readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
-}) => import("react/jsx-runtime").JSX.Element, any, Omit<import("../../../components/Compose/TextCompose.types").TextInputComposeProps, "parser" | "formatter"> & {
-    height?: string | undefined;
-} & {
-    readOnly?: boolean | undefined;
-}, never>;
+import { TextAreaProps } from '../../TextArea.types';
+export declare const TextAreaCompose: import("styled-components").StyledComponent<({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../../../components/Compose/TextCompose.types").TextInputComposeProps & import("../../../components/Compose/TextCompose.types").RestTextInputComposeProps) => import("react/jsx-runtime").JSX.Element, any, TextAreaProps, never>;
 export declare const ReadonlyValue: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {
     readOnly: boolean;
 }, "readOnly">;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const TextAreaStatusIndicator: import("styled-components").StyledComponent<({ 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, any, {}, never>;
+export declare const TextAreaStatusIndicator: import("styled-components").StyledComponent<({ 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, any, {}, never>;

package/dist/Inputs/TextArea/components/TextAreaTag/TextAreaTag.cjs

@@ -13,6 +13,7 @@ const TextAreaTag = React.forwardRef(({
   id,
   autoComplete = "off",
   disabled,
+  "aria-describedby": ariaDescribedby,
   ...restProps
 }, ref) => {
   const fieldDisabled = Field_context.useFieldDisabled(disabled);
@@ -20,12 +21,15 @@ const TextAreaTag = React.forwardRef(({
   const inputValueProps = InputValue_context.useInputValueProps(restProps, ref);
   const status = FormField_context.useFieldStatus();
   const required = FormField_context.useFieldRequired();
+  const additionTextId = FormField_context.useFieldAdditionTextId();
   const errorContent = Field_context.useErrorContent();
   const errorId = index.useId();
   const statusProps = status === "error" ? {
     "aria-invalid": true,
-    "aria-describedby": `${errorId} ${restProps["aria-describedby"] || ""}`
-  } : null;
+    "aria-describedby": [errorId, additionTextId, ariaDescribedby].filter(Boolean).join(" ") || void 0
+  } : {
+    "aria-describedby": [additionTextId, ariaDescribedby].filter(Boolean).join(" ") || void 0
+  };
   const requiredProps = required ? {
     "aria-required": true
   } : null;
@@ -39,9 +43,9 @@ const TextAreaTag = React.forwardRef(({
       id: sharedId,
       disabled: fieldDisabled,
       autoComplete,
-      ...statusProps,
       ...requiredProps,
       ...restProps,
+      ...statusProps,
       ...inputValueProps
     }), errorAlert]
   });

package/dist/Inputs/TextArea/components/TextAreaTag/TextAreaTag.js

@@ -6,11 +6,12 @@ import { useFieldDisabled, useErrorContent } from "../../../components/Context/F
 import { useInputValueProps } from "../../../components/Context/InputValue.context.js";
 import { TextAreaTag as TextAreaTag$1 } from "./TextAreaTag.style.js";
 import { useSharedId } from "../../../../Helpers/contexts/SharedId.context.js";
-import { useFieldStatus, useFieldRequired } from "../../../../FormField/FormField.context.js";
+import { useFieldStatus, useFieldRequired, useFieldAdditionTextId } from "../../../../FormField/FormField.context.js";
 const TextAreaTag = forwardRef(({
   id,
   autoComplete = "off",
   disabled,
+  "aria-describedby": ariaDescribedby,
   ...restProps
 }, ref) => {
   const fieldDisabled = useFieldDisabled(disabled);
@@ -18,12 +19,15 @@ const TextAreaTag = forwardRef(({
   const inputValueProps = useInputValueProps(restProps, ref);
   const status = useFieldStatus();
   const required = useFieldRequired();
+  const additionTextId = useFieldAdditionTextId();
   const errorContent = useErrorContent();
   const errorId = useId();
   const statusProps = status === "error" ? {
     "aria-invalid": true,
-    "aria-describedby": `${errorId} ${restProps["aria-describedby"] || ""}`
-  } : null;
+    "aria-describedby": [errorId, additionTextId, ariaDescribedby].filter(Boolean).join(" ") || void 0
+  } : {
+    "aria-describedby": [additionTextId, ariaDescribedby].filter(Boolean).join(" ") || void 0
+  };
   const requiredProps = required ? {
     "aria-required": true
   } : null;
@@ -37,9 +41,9 @@ const TextAreaTag = forwardRef(({
       id: sharedId,
       disabled: fieldDisabled,
       autoComplete,
-      ...statusProps,
       ...requiredProps,
       ...restProps,
+      ...statusProps,
       ...inputValueProps
     }), errorAlert]
   });

package/dist/Inputs/components/Compose/CommonCompose.cjs

@@ -43,20 +43,22 @@ const CommonInputCompose = ({
       children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldStatusTransProvider, {
         value: error && "error" || valid && "success" || "none",
         children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldRequiredTransProvider, {
-          children: jsxRuntime.jsxRuntimeExports.jsx(Field_context.ErrorContentProvider, {
-            value: error ?? "",
-            children: jsxRuntime.jsxRuntimeExports.jsx(Compose_style.CommonInputCompose, {
-              "$variant": variant,
-              ...restProps,
-              "data-editable": "",
-              onPointerUp: react_utils.combineHandlers((e) => {
-                var _a;
-                const target = e.target;
-                if (target.tagName !== "INPUT" && target.tagName !== "TEXTAREA") {
-                  (_a = e.currentTarget.querySelector(`input${InputTag_style.InputTag}`) ?? e.currentTarget.querySelector("textarea")) == null ? void 0 : _a.focus();
-                }
-              }, onPointerUp),
-              children
+          children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldAdditionTextIdTransProvider, {
+            children: jsxRuntime.jsxRuntimeExports.jsx(Field_context.ErrorContentProvider, {
+              value: error ?? "",
+              children: jsxRuntime.jsxRuntimeExports.jsx(Compose_style.CommonInputCompose, {
+                "$variant": variant,
+                ...restProps,
+                "data-editable": "",
+                onPointerUp: react_utils.combineHandlers((e) => {
+                  var _a;
+                  const target = e.target;
+                  if (target.tagName !== "INPUT" && target.tagName !== "TEXTAREA") {
+                    (_a = e.currentTarget.querySelector(`input${InputTag_style.InputTag}`) ?? e.currentTarget.querySelector("textarea")) == null ? void 0 : _a.focus();
+                  }
+                }, onPointerUp),
+                children
+              })
             })
           })
         })

package/dist/Inputs/components/Compose/CommonCompose.js

@@ -4,7 +4,7 @@ import { ReadonlyRenderWrapper } from "../ReadonlyRender/ReadonlyRenderWrapper.j
 import { InputTag } from "../InputTag/InputTag.style.js";
 import { CommonInputCompose as CommonInputCompose$1, ReadonlyValue } from "./Compose.style.js";
 import { SharedIdTransProvider } from "../../../Helpers/contexts/SharedId.context.js";
-import { useFieldReadonly, FieldStatusTransProvider, FieldRequiredTransProvider } from "../../../FormField/FormField.context.js";
+import { useFieldReadonly, FieldStatusTransProvider, FieldRequiredTransProvider, FieldAdditionTextIdTransProvider } from "../../../FormField/FormField.context.js";
 import { combineHandlers } from "../../../Helpers/react.utils.js";
 const DefaultReadonlyRender = ({
   value,
@@ -41,20 +41,22 @@ const CommonInputCompose = ({
       children: jsxRuntimeExports.jsx(FieldStatusTransProvider, {
         value: error && "error" || valid && "success" || "none",
         children: jsxRuntimeExports.jsx(FieldRequiredTransProvider, {
-          children: jsxRuntimeExports.jsx(ErrorContentProvider, {
-            value: error ?? "",
-            children: jsxRuntimeExports.jsx(CommonInputCompose$1, {
-              "$variant": variant,
-              ...restProps,
-              "data-editable": "",
-              onPointerUp: combineHandlers((e) => {
-                var _a;
-                const target = e.target;
-                if (target.tagName !== "INPUT" && target.tagName !== "TEXTAREA") {
-                  (_a = e.currentTarget.querySelector(`input${InputTag}`) ?? e.currentTarget.querySelector("textarea")) == null ? void 0 : _a.focus();
-                }
-              }, onPointerUp),
-              children
+          children: jsxRuntimeExports.jsx(FieldAdditionTextIdTransProvider, {
+            children: jsxRuntimeExports.jsx(ErrorContentProvider, {
+              value: error ?? "",
+              children: jsxRuntimeExports.jsx(CommonInputCompose$1, {
+                "$variant": variant,
+                ...restProps,
+                "data-editable": "",
+                onPointerUp: combineHandlers((e) => {
+                  var _a;
+                  const target = e.target;
+                  if (target.tagName !== "INPUT" && target.tagName !== "TEXTAREA") {
+                    (_a = e.currentTarget.querySelector(`input${InputTag}`) ?? e.currentTarget.querySelector("textarea")) == null ? void 0 : _a.focus();
+                  }
+                }, onPointerUp),
+                children
+              })
             })
           })
         })

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputVariant } from './CommonCompose.types';
 export declare const CommonInputCompose: import("styled-components").StyledComponent<"div", any, {
     'data-status': import("../../../FormField").FieldStatus | undefined;