@redis-ui/components 41.11.0 → 42.7.0

package/dist/Filters/components/MultiTreeSelectFilter/MultiTreeSelectFilter.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
 const React = require("react");
 const Filters_context = require("../../Filters.context.cjs");
 const Filters_utils = require("../../Filters.utils.cjs");
-const MultiSelectFilter_styles = require("../MultiSelectFilter/MultiSelectFilter.styles.cjs");
+const MultiSelectFilter_style = require("../MultiSelectFilter/MultiSelectFilter.style.cjs");
 const Menu = require("../../../Menu/Menu.cjs");
 const ToggleButton = require("../../../Button/ToggleButton/ToggleButton.cjs");
 const TreeView = require("../../../TreeView/TreeView.cjs");
@@ -42,9 +42,9 @@ const MultiTreeSelectFilter = ({
     ...restProps,
     open: isMenuOpen,
     onOpenChange,
-    children: [jsxRuntime.jsxRuntimeExports.jsx(MultiSelectFilter_styles.MenuTriggerContainer, {
+    children: [jsxRuntime.jsxRuntimeExports.jsx(MultiSelectFilter_style.MenuTriggerContainer, {
       children: jsxRuntime.jsxRuntimeExports.jsx(Menu.default.Trigger, {
-        children: jsxRuntime.jsxRuntimeExports.jsxs(MultiSelectFilter_styles.FilterToggleButton, {
+        children: jsxRuntime.jsxRuntimeExports.jsxs(MultiSelectFilter_style.FilterToggleButton, {
           pressed: isMenuOpen,
           children: [filter.label, activeOptionsNum > 0 && jsxRuntime.jsxRuntimeExports.jsx(ToggleButton.default.IndicatorCount, {
             count: Math.floor(activeOptionsNum)
@@ -54,12 +54,12 @@ const MultiTreeSelectFilter = ({
           })]
         })
       })
-    }), jsxRuntime.jsxRuntimeExports.jsxs(MultiSelectFilter_styles.MenuContent, {
+    }), jsxRuntime.jsxRuntimeExports.jsxs(MultiSelectFilter_style.MenuContent, {
       align: "start",
       sideOffset: 8,
-      children: [renderSearch && jsxRuntime.jsxRuntimeExports.jsx(MultiSelectFilter_styles.OptionsSearch, {
+      children: [renderSearch && jsxRuntime.jsxRuntimeExports.jsx(MultiSelectFilter_style.OptionsSearch, {
         onChange: setSearchValue
-      }), jsxRuntime.jsxRuntimeExports.jsx(MultiSelectFilter_styles.MenuOptionsContainer, {
+      }), jsxRuntime.jsxRuntimeExports.jsx(MultiSelectFilter_style.MenuOptionsContainer, {
         children: jsxRuntime.jsxRuntimeExports.jsx(TreeView.default, {
           data: treeData,
           searchValue,

package/dist/Filters/components/MultiTreeSelectFilter/MultiTreeSelectFilter.js

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.
 import { useState, useEffect } from "react";
 import { useFiltersContext } from "../../Filters.context.js";
 import { convertToTreeData, getTreeActiveOptionsNum, filterOptionsLengthFunc, findFilterOptionById } from "../../Filters.utils.js";
-import { MenuTriggerContainer, FilterToggleButton, MenuContent, OptionsSearch, MenuOptionsContainer } from "../MultiSelectFilter/MultiSelectFilter.styles.js";
+import { MenuTriggerContainer, FilterToggleButton, MenuContent, OptionsSearch, MenuOptionsContainer } from "../MultiSelectFilter/MultiSelectFilter.style.js";
 import Menu from "../../../Menu/Menu.js";
 import ToggleButton from "../../../Button/ToggleButton/ToggleButton.js";
 import TreeView from "../../../TreeView/TreeView.js";

package/dist/FormField/FormField.cjs

@@ -14,6 +14,7 @@ const FormField = Object.assign(({
   required,
   optional,
   additionalText,
+  additionalTextDescribesField,
   ...restProps
 }) => jsxRuntime.jsxRuntimeExports.jsxs(FormField.Compose, {
   ...restProps,
@@ -25,6 +26,7 @@ const FormField = Object.assign(({
   }), jsxRuntime.jsxRuntimeExports.jsx(FormField.InputContainer, {
     children
   }), jsxRuntime.jsxRuntimeExports.jsx(FormField.AdditionalText, {
+    describeField: additionalTextDescribesField,
     children: additionalText
   })]
 }), {

package/dist/FormField/FormField.context.cjs

@@ -4,12 +4,16 @@ const PrimitiveContextState = require("../Helpers/contexts/PrimitiveContextState
 const [useFieldStatus, FieldStatusProvider, FieldStatusTransProvider] = PrimitiveContextState.createPrimitiveContextState();
 const [useFieldRequired, FieldRequiredProvider, FieldRequiredTransProvider] = PrimitiveContextState.createPrimitiveContextState();
 const [useFieldReadonly, FieldReadonlyProvider, FieldReadonlyTransProvider] = PrimitiveContextState.createPrimitiveContextState();
+const [useFieldAdditionTextId, FieldAdditionTextIdProvider, FieldAdditionTextIdTransProvider] = PrimitiveContextState.createPrimitiveContextState();
+exports.FieldAdditionTextIdProvider = FieldAdditionTextIdProvider;
+exports.FieldAdditionTextIdTransProvider = FieldAdditionTextIdTransProvider;
 exports.FieldReadonlyProvider = FieldReadonlyProvider;
 exports.FieldReadonlyTransProvider = FieldReadonlyTransProvider;
 exports.FieldRequiredProvider = FieldRequiredProvider;
 exports.FieldRequiredTransProvider = FieldRequiredTransProvider;
 exports.FieldStatusProvider = FieldStatusProvider;
 exports.FieldStatusTransProvider = FieldStatusTransProvider;
+exports.useFieldAdditionTextId = useFieldAdditionTextId;
 exports.useFieldReadonly = useFieldReadonly;
 exports.useFieldRequired = useFieldRequired;
 exports.useFieldStatus = useFieldStatus;

package/dist/FormField/FormField.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldStatus } from './FormField.types';
 export declare const useFieldStatus: (value?: FieldStatus | undefined) => FieldStatus | undefined, FieldStatusProvider: ({ value, children }: Partial<import("react").ProviderProps<FieldStatus>>) => import("react/jsx-runtime").JSX.Element, FieldStatusTransProvider: ({ value, passOnlyStateDown, children }: Partial<import("react").ProviderProps<FieldStatus>> & {
     passOnlyStateDown?: FieldStatus | ((state: FieldStatus) => boolean) | undefined;
@@ -9,3 +8,6 @@ export declare const useFieldRequired: (value?: boolean | undefined) => boolean
 export declare const useFieldReadonly: (value?: boolean | undefined) => boolean | undefined, FieldReadonlyProvider: ({ value, children }: Partial<import("react").ProviderProps<boolean>>) => import("react/jsx-runtime").JSX.Element, FieldReadonlyTransProvider: ({ value, passOnlyStateDown, children }: Partial<import("react").ProviderProps<boolean>> & {
     passOnlyStateDown?: boolean | ((state: boolean) => boolean) | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const useFieldAdditionTextId: (value?: string | undefined) => string | undefined, FieldAdditionTextIdProvider: ({ value, children }: Partial<import("react").ProviderProps<string>>) => import("react/jsx-runtime").JSX.Element, FieldAdditionTextIdTransProvider: ({ value, passOnlyStateDown, children }: Partial<import("react").ProviderProps<string>> & {
+    passOnlyStateDown?: string | ((state: string) => boolean) | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/FormField/FormField.context.js

@@ -2,13 +2,17 @@ import { createPrimitiveContextState } from "../Helpers/contexts/PrimitiveContex
 const [useFieldStatus, FieldStatusProvider, FieldStatusTransProvider] = createPrimitiveContextState();
 const [useFieldRequired, FieldRequiredProvider, FieldRequiredTransProvider] = createPrimitiveContextState();
 const [useFieldReadonly, FieldReadonlyProvider, FieldReadonlyTransProvider] = createPrimitiveContextState();
+const [useFieldAdditionTextId, FieldAdditionTextIdProvider, FieldAdditionTextIdTransProvider] = createPrimitiveContextState();
 export {
+  FieldAdditionTextIdProvider,
+  FieldAdditionTextIdTransProvider,
   FieldReadonlyProvider,
   FieldReadonlyTransProvider,
   FieldRequiredProvider,
   FieldRequiredTransProvider,
   FieldStatusProvider,
   FieldStatusTransProvider,
+  useFieldAdditionTextId,
   useFieldReadonly,
   useFieldRequired,
   useFieldStatus

package/dist/FormField/FormField.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
 import { FormFieldProps } from './FormField.types';
 import { ComposeElementProps } from '../Helpers/common.types';
-declare const FormField: (({ children, label, infoIconProps, required, optional, additionalText, ...restProps }: FormFieldProps & ComposeElementProps) => import("react/jsx-runtime").JSX.Element) & {
+declare const FormField: (({ children, label, infoIconProps, required, optional, additionalText, additionalTextDescribesField, ...restProps }: FormFieldProps & ComposeElementProps) => import("react/jsx-runtime").JSX.Element) & {
     Nested: ({ id, children, disabledState }: import("./components/Nested/Nested.types").FormFieldNestedProps) => import("react/jsx-runtime").JSX.Element;
-    Compose: ({ layout, id, ...restProps }: import("./components/Compose/Compose.types").FormFieldComposeProps & import("../Helpers/common.types").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
-    AdditionalText: ({ size, children, forceStatus, ...restProps }: import("./components/AdditionalText/AdditionalText.types").AdditionalTextProps) => import("react/jsx-runtime").JSX.Element | null;
+    Compose: ({ layout, id, ...restProps }: import("./components/Compose/Compose.types").FormFieldComposeProps & ComposeElementProps) => import("react/jsx-runtime").JSX.Element;
+    AdditionalText: ({ size, children, forceStatus, id, describeField, ...restProps }: import("./components/AdditionalText/AdditionalText.types").AdditionalTextProps) => import("react/jsx-runtime").JSX.Element | null;
     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;
         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> & {
-            show?: boolean | undefined;
+            show?: boolean;
         }) => import("react/jsx-runtime").JSX.Element | null;
     };
     InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/FormField/FormField.js

@@ -12,6 +12,7 @@ const FormField = Object.assign(({
   required,
   optional,
   additionalText,
+  additionalTextDescribesField,
   ...restProps
 }) => jsxRuntimeExports.jsxs(FormField.Compose, {
   ...restProps,
@@ -23,6 +24,7 @@ const FormField = Object.assign(({
   }), jsxRuntimeExports.jsx(FormField.InputContainer, {
     children
   }), jsxRuntimeExports.jsx(FormField.AdditionalText, {
+    describeField: additionalTextDescribesField,
     children: additionalText
   })]
 }), {

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

@@ -4,5 +4,8 @@ import type { FormFieldComposeProps } from './components/Compose/Compose.types';
 export type FieldStatus = 'error' | 'success' | 'none';
 export type FormFieldLayout = 'vertical' | 'horizontal';
 export type FormFieldProps = FormFieldComposeProps & Pick<LabelProps, 'label' | 'infoIconProps' | 'required' | 'optional'> & {
+    /** Descriptive text providing additional information about the corresponding component */
     additionalText?: ReactNode;
+    /** Additional text will be used as part of the aria description in the corresponding field component, if possible */
+    additionalTextDescribesField?: boolean;
 };

package/dist/FormField/components/AdditionalText/AdditionalText.cjs

@@ -1,18 +1,24 @@
 "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-id/dist/index.cjs");
 const FormField_context = require("../../FormField.context.cjs");
 const AdditionalText_style = require("./AdditionalText.style.cjs");
 const AdditionalText = ({
   size = "S",
   children,
   forceStatus,
+  id,
+  describeField,
   ...restProps
 }) => {
   const fieldStatus = FormField_context.useFieldStatus();
+  const idGen = index.useId();
+  const addTextId = FormField_context.useFieldAdditionTextId(describeField && children ? id ?? idGen : "");
   return children ? jsxRuntime.jsxRuntimeExports.jsx(AdditionalText_style.AdditionalText, {
     size,
     "$error": (forceStatus ?? fieldStatus) === "error",
+    id: addTextId || void 0,
     ...restProps,
     children
   }) : null;

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.cjs

@@ -34,6 +34,10 @@ const tokenMaps = {
     cssProp: "background-color",
     token: "bgColor"
   },
+  bgGradient: {
+    cssProp: "background-image",
+    token: "bgGradient"
+  },
   textColor: {
     cssProp: "color",
     token: "textColor"

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/css.utils.js

@@ -32,6 +32,10 @@ const tokenMaps = {
     cssProp: "background-color",
     token: "bgColor"
   },
+  bgGradient: {
+    cssProp: "background-image",
+    token: "bgGradient"
+  },
   textColor: {
     cssProp: "color",
     token: "textColor"

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;