@redis-ui/components 42.0.0 → 42.7.0

package/dist/FormField/components/AdditionalText/AdditionalText.d.ts

@@ -1,3 +1,3 @@
 import { AdditionalTextProps } from './AdditionalText.types';
-declare const AdditionalText: ({ size, children, forceStatus, ...restProps }: AdditionalTextProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const AdditionalText: ({ size, children, forceStatus, id, describeField, ...restProps }: AdditionalTextProps) => import("react/jsx-runtime").JSX.Element | null;
 export default AdditionalText;

package/dist/FormField/components/AdditionalText/AdditionalText.js

@@ -1,16 +1,22 @@
 import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
-import { useFieldStatus } from "../../FormField.context.js";
+import { useId } from "../../../node_modules/@radix-ui/react-id/dist/index.js";
+import { useFieldStatus, useFieldAdditionTextId } from "../../FormField.context.js";
 import { AdditionalText as AdditionalText$1 } from "./AdditionalText.style.js";
 const AdditionalText = ({
   size = "S",
   children,
   forceStatus,
+  id,
+  describeField,
   ...restProps
 }) => {
   const fieldStatus = useFieldStatus();
+  const idGen = useId();
+  const addTextId = useFieldAdditionTextId(describeField && children ? id ?? idGen : "");
   return children ? jsxRuntimeExports.jsx(AdditionalText$1, {
     size,
     "$error": (forceStatus ?? fieldStatus) === "error",
+    id: addTextId || void 0,
     ...restProps,
     children
   }) : null;

package/dist/FormField/components/AdditionalText/AdditionalText.style.d.ts

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

package/dist/FormField/components/AdditionalText/AdditionalText.types.d.ts

@@ -2,4 +2,6 @@ import { TypographyBodyProps } from '../../../Typography';
 import { FieldStatus } from '../../FormField.types';
 export type AdditionalTextProps = TypographyBodyProps & {
     forceStatus?: FieldStatus;
+    /** Additional text will be used as part of the aria description in the corresponding field component, if possible */
+    describeField?: boolean;
 };

package/dist/FormField/components/Nested/Nested.cjs

@@ -14,8 +14,10 @@ const Nested = ({
     customId: id,
     children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldStatusProvider, {
       children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldRequiredProvider, {
-        children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldReadonlyProvider, {
-          children
+        children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldAdditionTextIdProvider, {
+          children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldReadonlyProvider, {
+            children
+          })
         })
       })
     })

package/dist/FormField/components/Nested/Nested.js

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
-import { FieldStatusProvider, FieldRequiredProvider, FieldReadonlyProvider } from "../../FormField.context.js";
+import { FieldStatusProvider, FieldRequiredProvider, FieldAdditionTextIdProvider, FieldReadonlyProvider } from "../../FormField.context.js";
 import { FieldDisabledTransProvider, FieldDisabledProvider } from "../../../Inputs/components/Context/Field.context.js";
 import { SharedIdProvider } from "../../../Helpers/contexts/SharedId.context.js";
 const DISABLED_STATE_TO_PASS = true;
@@ -12,8 +12,10 @@ const Nested = ({
     customId: id,
     children: jsxRuntimeExports.jsx(FieldStatusProvider, {
       children: jsxRuntimeExports.jsx(FieldRequiredProvider, {
-        children: jsxRuntimeExports.jsx(FieldReadonlyProvider, {
-          children
+        children: jsxRuntimeExports.jsx(FieldAdditionTextIdProvider, {
+          children: jsxRuntimeExports.jsx(FieldReadonlyProvider, {
+            children
+          })
         })
       })
     })

package/dist/Helpers/SelfContained.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * this component allows to add static styling (by styled components) to dynamically passed components
  * @example
@@ -16,5 +15,5 @@
  *
  */
 export declare const SelfContained: <P extends Record<never, unknown>>({ Component, ...componentProps }: {
-    Component: import("react").ElementType<P, keyof import("react").JSX.IntrinsicElements>;
+    Component: React.ElementType<P>;
 } & P) => import("react/jsx-runtime").JSX.Element;

package/dist/Helpers/contexts/PrimitiveContextState.d.ts

@@ -24,5 +24,5 @@ type OverridingStateProps<T> = {
  *
  * If no providers are found, the hook returns the state passed to it.
  */
-export declare const createPrimitiveContextState: <T extends string | number | boolean | null>() => readonly [(value?: T | undefined) => T | undefined, ({ value, children }: Partial<ProviderProps<T>>) => import("react/jsx-runtime").JSX.Element, ({ value, passOnlyStateDown, children }: Partial<ProviderProps<T>> & OverridingStateProps<T>) => import("react/jsx-runtime").JSX.Element];
+export declare const createPrimitiveContextState: <T extends string | number | boolean | null>() => readonly [(value?: T) => T | undefined, ({ value, children }: StateProviderProps<T>) => import("react/jsx-runtime").JSX.Element, ({ value, passOnlyStateDown, children }: StateProviderProps<T> & OverridingStateProps<T>) => import("react/jsx-runtime").JSX.Element];
 export {};

package/dist/Helpers/contexts/SharedId.context.d.ts

@@ -1,6 +1,6 @@
 import { SharedIdProviderProps } from './SharedId.context.types';
 export declare const SharedIdProvider: ({ customId, children, noDefaultId }: SharedIdProviderProps & {
-    noDefaultId?: boolean | undefined;
+    noDefaultId?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const useSharedId: (customId?: string) => string | undefined;
 export declare const SharedIdTransProvider: (props: SharedIdProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Helpers/css.utils.d.ts

@@ -31,7 +31,7 @@ export type ThemeTokens<T extends string> = Partial<Record<T, unknown>>;
  * @param fallbackTokens - optional list of fallback tokens. I will be used, if main tokens have falsy value
  * @param customData - optional data, that will be passed to token value transform functions
  */
-export declare const styleFromTokens: <T extends string>(tokenMaps: TokenMap<T>[], tokens: Partial<Record<T, unknown>> | undefined, fallbackTokens?: Partial<Record<T, unknown>> | undefined, customData?: unknown) => string[];
+export declare const styleFromTokens: <T extends string>(tokenMaps: TokenMap<T>[], tokens: ThemeTokens<T> | undefined, fallbackTokens?: ThemeTokens<T> | undefined, customData?: unknown) => string[];
 export declare const tokenMaps: Record<string, TokenMap>;
 export declare const tokenMapMod: <T extends string>(tokenMap: TokenMap, token: T) => TokenMap<T>;
 /**

package/dist/Helpers/react.utils.d.ts

@@ -7,10 +7,10 @@ export declare const handleStopPropagation: (e: {
 }) => void;
 export declare const childrenToString: (children: ReactNode | ReactNode[]) => string;
 type AnyVoidFunction = (...args: never[]) => void;
-export declare const combineHandlers: <T extends AnyVoidFunction>(...handlers: (T | null | undefined)[]) => T | undefined;
+export declare const combineHandlers: <T extends AnyVoidFunction>(...handlers: (T | undefined | null)[]) => T | undefined;
 export declare const isFragmentElement: (el: ReactElement) => el is ReactElement<{
     children?: ReactNode;
-}, string | import("react").JSXElementConstructor<any>>;
+}>;
 /**
  * Verifies, if node contains only data, that renders to textual html nodes.
  * Supports deep arrays and checks all entries for string, number and unrenderable primitives.
@@ -18,6 +18,6 @@ export declare const isFragmentElement: (el: ReactElement) => el is ReactElement
  * Returns false if texts is wrapped into other components, including Fragment.
  */
 export declare const isTextualNode: (node: ReactNode) => boolean;
-export declare const forwardRefWithGenerics: <T, P = {}>(render: (props: P, ref: ForwardedRef<T>) => ReturnType<FunctionComponent>) => (props: PropsWithoutRef<P> & RefAttributes<T>) => ReturnType<FunctionComponent>;
-export declare const memoWithGenerics: <P extends object>(Component: (props: P) => ReturnType<FunctionComponent>, propsAreEqual?: ((prevProps: Readonly<P>, nextProps: Readonly<P>) => boolean) | undefined) => (props: P) => ReturnType<FunctionComponent>;
+export declare const forwardRefWithGenerics: <T, P = NonNullable<unknown>>(render: (props: P, ref: ForwardedRef<T>) => ReturnType<FunctionComponent>) => (props: PropsWithoutRef<P> & RefAttributes<T>) => ReturnType<FunctionComponent>;
+export declare const memoWithGenerics: <P extends object>(Component: (props: P) => ReturnType<FunctionComponent>, propsAreEqual?: (prevProps: Readonly<P>, nextProps: Readonly<P>) => boolean) => (props: P) => ReturnType<FunctionComponent>;
 export {};

package/dist/Inputs/Input/Input.d.ts

@@ -1,16 +1,12 @@
-/// <reference types="react" />
 import { RestInputProps } from './Input.types';
 declare const Input: import("react").ForwardRefExoticComponent<import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/InputValueProvider").InputValueProviderProps, "children"> & import("../components/InputTag/InputTag.types").InputTagProps & import("../components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../components/ResetButton/ResetButton.types").ResetButtonProps & RestInputProps & 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;
-    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;
+    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;
+    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;
     LoadingIndicator: ({ loading, ...restProps }: import("../components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => 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>>;
     ReadonlyValue: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {
         readOnly: boolean;
     }, "readOnly">;
-    ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: Partial<import("../..").IconButtonProps> & import("../components/ResetButton/ResetButton.types").ResetButtonProps) => 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 Input;

package/dist/Inputs/NumericInput/NumericInput.d.ts

@@ -1,18 +1,14 @@
-/// <reference types="react" />
 import { RestNumericInputProps } from './NumericInput.types';
 declare const NumericInput: import("react").ForwardRefExoticComponent<import("../components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../components/Context/NumericInputValueProvider").NumericInputValueProviderProps, "children"> & import("../components/InputTag/InputTag.types").InputTagProps & import("../components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../components/ResetButton/ResetButton.types").ResetButtonProps & {
-    readOnly?: boolean | undefined;
+    readOnly?: boolean;
 } & RestNumericInputProps & 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;
-    Compose: ({ 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;
+    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;
+    Compose: ({ 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;
     LoadingIndicator: ({ loading, ...restProps }: import("../components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => 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>>;
     ReadonlyValue: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {
         readOnly: boolean;
     }, "readOnly">;
-    ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: Partial<import("../..").IconButtonProps> & import("../components/ResetButton/ResetButton.types").ResetButtonProps) => 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 NumericInput;

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>;