@hitachivantara/uikit-react-core 5.82.2 → 5.82.4

package/dist/types/index.d.ts

@@ -17,8 +17,7 @@ import { ContainerProps } from '@mui/material/Container';
 import { Context } from 'react';
 import { createClasses } from '@hitachivantara/uikit-react-utils';
 import { CSSProperties } from 'react';
-import { default as default_2 } from 'react';
-import { default as default_3 } from 'embla-carousel-react';
+import { default as default_2 } from 'embla-carousel-react';
 import { defaultCacheKey } from '@hitachivantara/uikit-react-shared';
 import { defaultEmotionCache } from '@hitachivantara/uikit-react-shared';
 import { DialogActionsProps } from '@mui/material/DialogActions';
@@ -67,6 +66,7 @@ import { InputProps } from '@mui/material/Input';
 import { JSX as JSX_2 } from 'react';
 import { JSX as JSX_3 } from 'react/jsx-runtime';
 import { JSXElementConstructor } from 'react';
+import { MutableRefObject } from 'react';
 import { OptionGroupProps } from '@mui/base/OptionGroup';
 import { OptionOwnProps } from '@mui/base/Option';
 import { OptionsObject } from 'notistack';
@@ -412,16 +412,6 @@ export declare interface Breakpoint {
     spacing?: HvBreakpoints;
 }
 
-export declare const buildAriaPropsFromContext: (props: InputBaseComponentProps, context: HvFormElementDescriptorsContextValue, isInvalid: boolean, inputId?: string) => default_2.AriaAttributes;
-
-export declare const buildFormElementPropsFromContext: (name?: string, disabled?: boolean, readOnly?: boolean, required?: boolean, context?: HvFormElementContextValue) => {
-    name: string | undefined;
-    disabled: boolean | undefined;
-    readOnly: boolean | undefined;
-    required: boolean | undefined;
-    status: string | undefined;
-};
-
 export declare const bulkActionsClasses: {
     root: string;
     semantic: string;
@@ -781,11 +771,6 @@ export declare const defaultGetToggleRowSelectedProps: (props: any, meta: any) =
 declare interface DefaultTreeViewPluginParameters<Multiple extends boolean | undefined> extends UseTreeViewNodesParameters, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewContextValueBuilderParameters {
 }
 
-declare interface Descriptor {
-    id?: string;
-    htmlFor?: string;
-}
-
 export declare const dialogActionClasses: {
     root: string;
     fullscreen: string;
@@ -915,31 +900,6 @@ export declare const filterGroupClasses: {
     error: string;
 };
 
-/**
- * Scans the element's children looking for the children IDs that match the different form element types.
- * This function will produce an object that has a key for each provided name
- * Inside each key there will be an array with each id of the found descriptor.
- *
- * @param {Array} children - The children inside the form element to scan.
- * @param {Object} descriptors - Initial descriptors map (used for recursion).
- *
- */
-export declare const findDescriptors: (children: default_2.ReactNode, descriptors?: {
-    input: Descriptor[];
-    label: Descriptor[];
-    description: Descriptor[];
-    controlled: Descriptor[];
-    errormessage: Descriptor[];
-    HvCalendarHeader?: Descriptor[];
-}) => {
-    input: Descriptor[];
-    label: Descriptor[];
-    description: Descriptor[];
-    controlled: Descriptor[];
-    errormessage: Descriptor[];
-    HvCalendarHeader?: Descriptor[] | undefined;
-};
-
 declare type FixComponentProps<T> = T extends any ? T : never;
 
 /** React.forwardRef with fixed type declarations */
@@ -999,10 +959,6 @@ export declare const getHeaderFooterPropsHook: (props: any, { column }: any) =>
 
 export declare const getHeaderGroupPropsHook: (props: any, { instance }: any) => any[];
 
-export declare const getIdReferenceFor: (formElementType: string, descriptors: any, filterFor?: null) => any;
-
-export declare const getIdReferenceListFor: (formElementType: string, descriptors: any, filterFor?: string | null) => any;
-
 /** Auxiliary function to find adjacent nodes to focus. */
 export declare const getPrevNextFocus: (nodeId?: string) => {
     nextFocus: any;
@@ -2398,7 +2354,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
     /** Thumbnails position. */
     thumbnailsPosition?: "top" | "bottom";
     /** Carousel configuration options. @see https://www.embla-carousel.com/api/options/ */
-    carouselOptions?: Parameters<typeof default_3>[0];
+    carouselOptions?: Parameters<typeof default_2>[0];
     /** Function that renders the thumbnail.  */
     renderThumbnail?: (index: number) => React.ReactNode;
     /** The callback fired when the active slide changes. */
@@ -2978,7 +2934,7 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
     /** Current state of the Dialog. */
     open?: boolean;
     /** Callback fired when the component requests to be closed. */
-    onClose?: (event: default_2.MouseEvent<HTMLButtonElement> | {}, reason?: "escapeKeyDown" | "backdropClick") => void;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement> | {}, reason?: "escapeKeyDown" | "backdropClick") => void;
     /** @inheritdoc */
     maxWidth?: DialogProps["maxWidth"];
     /** @inheritdoc */
@@ -3419,19 +3375,19 @@ declare interface HvDropZoneLabels {
 /**
  * Empty states communicate that there’s no information, data or values to display in a given context.
  */
-export declare const HvEmptyState: default_2.ForwardRefExoticComponent<HvEmptyStateProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const HvEmptyState: ForwardRefExoticComponent<HvEmptyStateProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_68>;
 
 export declare interface HvEmptyStateProps extends HvBaseProps<HTMLDivElement, "title"> {
     /** Icon to be presented. */
-    icon: default_2.ReactNode;
+    icon: React.ReactNode;
     /** The title to be shown. */
-    title?: default_2.ReactNode;
+    title?: React.ReactNode;
     /** The message to be shown. */
-    message?: default_2.ReactNode;
+    message?: React.ReactNode;
     /** The action message to be shown. */
-    action?: default_2.ReactNode;
+    action?: React.ReactNode;
     /** A Jss Object used to override or extend the styles applied to the empty state component. */
     classes?: HvEmptyStateClasses;
 }
@@ -3761,6 +3717,12 @@ declare type HvFooterProps_2<D extends object = Record<string, unknown>> = HvTab
     column: HvColumnInstance<D>;
 };
 
+/**
+ * Provides form-related context (ie. required/disabled/readOnly) for building form components,
+ * analogous to MUI's [`FormControl`](https://mui.com/material-ui/api/form-control/) component.
+ *
+ * It is used internally to build UI Kit's form components (eg. `HvInput`, `HvDatePicker`), and can be used to build custom form components.
+ */
 export declare const HvFormElement: {
     (props: HvFormElementProps): JSX_3.Element;
     formElementType: string;
@@ -3768,40 +3730,33 @@ export declare const HvFormElement: {
 
 export declare type HvFormElementClasses = ExtractNames<typeof useClasses_8>;
 
-export declare const HvFormElementContext: default_2.Context<HvFormElementContextValue>;
-
-export declare const HvFormElementContextConsumer: default_2.Consumer<HvFormElementContextValue>;
-
-export declare const HvFormElementContextProvider: default_2.Provider<HvFormElementContextValue>;
-
-export declare interface HvFormElementContextValue {
-    elementId?: string;
-    elementDisabled?: boolean;
-    elementRequired?: boolean;
-    elementStatus?: string;
-    elementReadOnly?: boolean;
-    elementName?: string;
-}
-
-export declare const HvFormElementDescriptorsContext: default_2.Context<HvFormElementDescriptorsContextValue>;
-
-export declare const HvFormElementDescriptorsContextConsumer: default_2.Consumer<HvFormElementDescriptorsContextValue>;
-
-export declare const HvFormElementDescriptorsContextProvider: default_2.Provider<HvFormElementDescriptorsContextValue>;
-
-export declare interface HvFormElementDescriptorsContextValue {
-    input?: any;
-    label?: any;
-    descriptors?: any;
-}
-
-export declare interface HvFormElementProps extends HvBaseProps<HTMLDivElement, "onChange" | "onToggle"> {
+declare interface HvFormElementContextValue {
+    /** id to be applied to the form element root node. */
+    id?: string;
     /**
      * Name of the form element.
      *
      * Part of a name/value pair, should be the name property of the underling native input.
      */
     name?: string;
+    /**
+     * The status of the form element.
+     *
+     * Valid is correct, invalid is incorrect and standBy means no validations have run.
+     *
+     * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
+     * or "invalid" after any change to the state.
+     */
+    status?: HvFormStatus;
+    /** Whether the form element is disabled. */
+    disabled?: boolean;
+    /** Indicates that user input is required on the form element. */
+    required?: boolean;
+    /** Indicates that the form element is not editable. */
+    readOnly?: boolean;
+}
+
+export declare interface HvFormElementProps extends HvFormElementContextValue, HvBaseProps<HTMLDivElement, "onChange" | "onToggle"> {
     /**
      * Current value of the form element.
      *
@@ -3817,21 +3772,6 @@ export declare interface HvFormElementProps extends HvBaseProps<HTMLDivElement,
     label?: React.ReactNode;
     /** Provide additional descriptive text for the form element. */
     description?: React.ReactNode;
-    /** Whether the form element is disabled. */
-    disabled?: boolean;
-    /** Indicates that the form element is not editable. */
-    readOnly?: boolean;
-    /** Indicates that user input is required on the form element. */
-    required?: boolean;
-    /**
-     * The status of the form element.
-     *
-     * Valid is correct, invalid is incorrect and standBy means no validations have run.
-     *
-     * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
-     * or "invalid" after any change to the state.
-     */
-    status?: HvFormStatus;
     /** The error message to show when `status` is "invalid". */
     statusMessage?: string;
     /** The callback fired when the value changes. */
@@ -3840,19 +3780,13 @@ export declare interface HvFormElementProps extends HvBaseProps<HTMLDivElement,
     classes?: HvFormElementClasses;
 }
 
-export declare const HvFormElementValueContext: default_2.Context<undefined>;
-
-export declare const HvFormElementValueContextConsumer: default_2.Consumer<undefined>;
-
-export declare const HvFormElementValueContextProvider: default_2.Provider<undefined>;
-
 export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
 
 /**
  * Global Actions are actions that affect the entire page they live in.
  * They should persist while scrolling down the screen.
  */
-export declare const HvGlobalActions: default_2.ForwardRefExoticComponent<HvGlobalActionsProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const HvGlobalActions: ForwardRefExoticComponent<HvGlobalActionsProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_74>;
 
@@ -3862,11 +3796,11 @@ export declare type HvGlobalActionsPosition = "sticky" | "fixed" | "relative";
 
 export declare interface HvGlobalActionsProps extends HvBaseProps<HTMLDivElement, "title"> {
     /** Text to display in the component. */
-    title?: default_2.ReactNode;
+    title?: React.ReactNode;
     /** Denotes if this is a global or section component. */
     variant?: HvGlobalActionsVariant;
     /** User can pass in a fully customized button or false for when the back button should not be rendered. */
-    backButton?: default_2.ReactNode;
+    backButton?: React.ReactNode;
     /** Heading Level to apply to Title Area. */
     headingLevel?: HvGlobalActionsHeadingLevel;
     /**
@@ -4173,7 +4107,7 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
  * An Inline Editor allows the user to edit a record without making a major switch
  * between viewing and editing, making it an efficient method of updating a record.
  */
-export declare const HvInlineEditor: <C extends default_2.ElementType<any, keyof default_2.JSX.IntrinsicElements> = default_2.ForwardRefExoticComponent<HvInputProps & default_2.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>>(props: {
+export declare const HvInlineEditor: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = ForwardRefExoticComponent<HvInputProps & RefAttributes<HTMLInputElement | HTMLTextAreaElement>>>(props: {
     /** The value of the form element. */
     value?: string | undefined;
     /** The default value of the form element. */
@@ -4183,11 +4117,11 @@ export declare const HvInlineEditor: <C extends default_2.ElementType<any, keyof
     /** Variant of the HvTypography to display */
     variant?: "display" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | undefined;
     /** Called when the input is blurred. */
-    onBlur?: ((event: default_2.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void) | undefined;
     /** Called when the input value changes. */
-    onChange?: ((event: default_2.SyntheticEvent, value: string) => void) | undefined;
+    onChange?: ((event: React.SyntheticEvent, value: string) => void) | undefined;
     /** Called when there's a keydown event on the input. */
-    onKeyDown?: ((event: default_2.KeyboardEvent<HTMLTextAreaElement | HTMLInputElement> | default_2.MouseEvent, value: string) => void) | undefined;
+    onKeyDown?: ((event: React.KeyboardEvent<HTMLTextAreaElement | HTMLInputElement> | React.MouseEvent, value: string) => void) | undefined;
     /** Props passed to the HvButton component */
     buttonProps?: HvButtonProps | undefined;
     /** Props passed to the HvTypography text component */
@@ -4212,14 +4146,14 @@ export declare const HvInlineEditor: <C extends default_2.ElementType<any, keyof
 } & {
     component?: C | undefined;
 } & {
-    children?: default_2.ReactNode;
-} & (Omit<default_2.PropsWithoutRef<default_2.ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "showIcon" | "buttonProps" | "typographyProps"> extends infer T ? T extends Omit<default_2.PropsWithoutRef<default_2.ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "showIcon" | "buttonProps" | "typographyProps"> ? T extends any ? T : never : never : never) & {
+    children?: ReactNode;
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "showIcon" | "buttonProps" | "typographyProps"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "showIcon" | "buttonProps" | "typographyProps"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
-} & default_2.RefAttributes<unknown>) => default_2.ReactElement<any, string | default_2.JSXElementConstructor<any>> | null;
+} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_82>;
 
-export declare type HvInlineEditorProps<C extends default_2.ElementType = typeof HvInput> = PolymorphicComponentRef<C, {
+export declare type HvInlineEditorProps<C extends React.ElementType = typeof HvInput> = PolymorphicComponentRef<C, {
     /** The value of the form element. */
     value?: string;
     /** The default value of the form element. */
@@ -4229,11 +4163,11 @@ export declare type HvInlineEditorProps<C extends default_2.ElementType = typeof
     /** Variant of the HvTypography to display */
     variant?: HvTypographyVariants;
     /** Called when the input is blurred. */
-    onBlur?: (event: default_2.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void;
+    onBlur?: (event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void;
     /** Called when the input value changes. */
-    onChange?: (event: default_2.SyntheticEvent, value: string) => void;
+    onChange?: (event: React.SyntheticEvent, value: string) => void;
     /** Called when there's a keydown event on the input. */
-    onKeyDown?: (event: default_2.KeyboardEvent<HTMLTextAreaElement | HTMLInputElement> | default_2.MouseEvent, value: string) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement | HTMLInputElement> | React.MouseEvent, value: string) => void;
     /** Props passed to the HvButton component */
     buttonProps?: HvButtonProps;
     /** Props passed to the HvTypography text component */
@@ -4374,19 +4308,8 @@ export declare interface HvInputSuggestion {
     value?: string;
 }
 
-declare type HvInputValidity = {
-    valid?: boolean;
-    badInput?: boolean;
-    customError?: boolean;
-    patternMismatch?: boolean;
-    rangeOverflow?: boolean;
-    rangeUnderflow?: boolean;
-    stepMismatch?: boolean;
-    tooLong?: boolean;
-    tooShort?: boolean;
-    typeMismatch?: boolean;
-    valueMissing?: boolean;
-};
+declare interface HvInputValidity extends Partial<Mutable<ValidityState>> {
+}
 
 export declare interface HvKnobProperty {
     color?: string;
@@ -4811,7 +4734,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact
  * with structured content on a website or application.
  */
-export declare const HvPagination: default_2.ForwardRefExoticComponent<HvPaginationProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const HvPagination: ForwardRefExoticComponent<HvPaginationProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvPaginationClasses = ExtractNames<typeof useClasses_47>;
 
@@ -4843,9 +4766,9 @@ export declare interface HvPaginationProps extends HvBaseProps {
     /** An object containing all the labels for the component. */
     labels?: HvPaginationLabels;
     /** Other props to show page component. */
-    showPageProps?: default_2.HTMLAttributes<HTMLDivElement>;
+    showPageProps?: React.HTMLAttributes<HTMLDivElement>;
     /** Other props to pagination component. */
-    navigationProps?: default_2.HTMLAttributes<HTMLDivElement>;
+    navigationProps?: React.HTMLAttributes<HTMLDivElement>;
     /** Extra properties passed to the input component representing the current pages. */
     currentPageInputProps?: HvInputProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -6626,7 +6549,7 @@ export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes"
 /**
  * A tags input is a single or multiline control that allows the input of tags.
  */
-export declare const HvTagsInput: default_2.ForwardRefExoticComponent<HvTagsInputProps & default_2.RefAttributes<HTMLUListElement>>;
+export declare const HvTagsInput: ForwardRefExoticComponent<HvTagsInputProps & RefAttributes<HTMLUListElement>>;
 
 export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_114>;
 
@@ -6636,15 +6559,15 @@ export declare interface HvTagsInputProps extends Omit<HvInputProps, "onChange"
     /** When uncontrolled, defines the initial input value. */
     defaultValue?: string[] | HvTagProps[];
     /** The function that will be executed onChange. */
-    onChange?: (event: default_2.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement> | default_2.MouseEvent | default_2.KeyboardEvent<HTMLUListElement> | default_2.FocusEvent<HTMLDivElement>, value: HvTagProps[]) => void;
+    onChange?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement> | React.MouseEvent | React.KeyboardEvent<HTMLUListElement> | React.FocusEvent<HTMLDivElement>, value: HvTagProps[]) => void;
     /** The function that will be executed when the element is focused. */
-    onFocus?: (event: default_2.FocusEvent<HTMLDivElement>, value: string) => void;
+    onFocus?: (event: React.FocusEvent<HTMLDivElement>, value: string) => void;
     /** The function that will be executed when the element is blurred. */
-    onBlur?: (event: default_2.FocusEvent<HTMLDivElement>, value: string) => void;
+    onBlur?: (event: React.FocusEvent<HTMLDivElement>, value: string) => void;
     /** The function that will be executed when a tag is deleted. */
-    onDelete?: (event: default_2.KeyboardEvent<HTMLUListElement> | default_2.MouseEvent<HTMLElement>, value: HvTagProps, index: number) => void;
+    onDelete?: (event: React.KeyboardEvent<HTMLUListElement> | React.MouseEvent<HTMLElement>, value: HvTagProps, index: number) => void;
     /** The function that will be executed when a tag is added. */
-    onAdd?: (event: default_2.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement> | default_2.MouseEvent | default_2.KeyboardEvent<HTMLUListElement> | default_2.FocusEvent<HTMLDivElement>, value: HvTagProps, index: number) => void;
+    onAdd?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement> | React.MouseEvent | React.KeyboardEvent<HTMLUListElement> | React.FocusEvent<HTMLDivElement>, value: HvTagProps, index: number) => void;
     /** If `true` the character counter isn't shown even if maxTagsQuantity is set. */
     hideCounter?: boolean;
     /** Text between the current char counter and max value. */
@@ -7583,15 +7506,11 @@ declare type InputElement = HTMLInputElement | HTMLTextAreaElement;
 
 export declare const isBrowser: (browsers: string | string[]) => boolean | null;
 
-export declare const isInvalid: (compareState: HvFormStatus) => boolean;
-
 /** Check whether a keyboard `event` is pressing the `keyCode` key. */
 export declare const isKey: (event: any, keyCode: Key) => boolean;
 
 export declare const isOneOfKeys: (event: any, keys: Key[]) => boolean;
 
-export declare const isValid: (compareState: HvFormStatus) => boolean;
-
 declare type Key = keyof typeof keyboardCodes;
 
 /** Map of keys to key `code` @see https://mdn.io/event/code */
@@ -7717,6 +7636,10 @@ export declare const multiButtonClasses: {
 
 export declare const multiSelectionEventHandler: (evt: any, index: number, selectionAnchor: any, allValues: any[], selectedState: boolean[], selectionCheck: any) => any[];
 
+declare type Mutable<T> = {
+    -readonly [P in keyof T]: T[P];
+};
+
 export declare type NavigationData<T extends React.ElementType = "a"> = React.ComponentProps<T> & Record<string, any> & {
     /** The id to be applied to the root element. */
     id: string;
@@ -10641,7 +10564,7 @@ export declare const useImageLoaded: (src?: string, srcSet?: string) => string |
 
 export declare function useInstance(instance: any): void;
 
-export declare const useIsMounted: () => default_2.MutableRefObject<boolean>;
+export declare const useIsMounted: () => MutableRefObject<boolean>;
 
 export declare function useLabels<T>(defaultLabels: T, labels?: DeepPartial<T>): T;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.82.2",
+  "version": "5.82.4",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -32,10 +32,10 @@
   "dependencies": {
     "@emotion/cache": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
-    "@hitachivantara/uikit-react-icons": "^5.13.0",
-    "@hitachivantara/uikit-react-shared": "^5.3.16",
-    "@hitachivantara/uikit-react-utils": "^0.2.17",
-    "@hitachivantara/uikit-styles": "^5.40.2",
+    "@hitachivantara/uikit-react-icons": "^5.13.1",
+    "@hitachivantara/uikit-react-shared": "^5.3.17",
+    "@hitachivantara/uikit-react-utils": "^0.2.18",
+    "@hitachivantara/uikit-styles": "^5.40.3",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.40",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "f1db991219c602f6970de5b2ca3bec1b0a395694",
+  "gitHead": "6a098fbf98283ef8dc3d57e8cf167e0499af837c",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",

package/dist/cjs/Forms/FormElement/FormElement.cjs

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const useUniqueId = require("../../hooks/useUniqueId.cjs");
-const FormElementContext = require("./context/FormElementContext.cjs");
-const FormElementDescriptorsContext = require("./context/FormElementDescriptorsContext.cjs");
-const FormElementValueContext = require("./context/FormElementValueContext.cjs");
-const FormElement_styles = require("./FormElement.styles.cjs");
-const FormUtils = require("./utils/FormUtils.cjs");
-const HvFormElement = (props) => {
-  const {
-    classes: classesProp,
-    className,
-    children,
-    id,
-    name,
-    value,
-    disabled = false,
-    required = false,
-    readOnly = false,
-    status = "standBy",
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvFormElement", props);
-  const { classes, cx } = FormElement_styles.useClasses(classesProp);
-  const elementId = useUniqueId.useUniqueId(id);
-  const contextValue = React.useMemo(
-    () => ({
-      elementId,
-      elementName: name,
-      elementStatus: status,
-      elementDisabled: disabled,
-      elementRequired: required,
-      elementReadOnly: readOnly
-    }),
-    [disabled, elementId, name, readOnly, required, status]
-  );
-  const descriptors = React.useMemo(() => FormUtils.findDescriptors(children), [children]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { id, className: cx(classes.root, className), ...others, children: /* @__PURE__ */ jsxRuntime.jsx(FormElementContext.HvFormElementContextProvider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(FormElementValueContext.HvFormElementValueContextProvider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(FormElementDescriptorsContext.HvFormElementDescriptorsContextProvider, { value: descriptors, children }) }) }) });
-};
-HvFormElement.formElementType = "formelement";
-exports.formElementClasses = FormElement_styles.staticClasses;
-exports.HvFormElement = HvFormElement;

package/dist/cjs/Forms/FormElement/context/FormElementContext.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const React = require("react");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const React__default = /* @__PURE__ */ _interopDefault(React);
-const HvFormElementContext = React__default.default.createContext({});
-const HvFormElementContextProvider = HvFormElementContext.Provider;
-const HvFormElementContextConsumer = HvFormElementContext.Consumer;
-exports.HvFormElementContext = HvFormElementContext;
-exports.HvFormElementContextConsumer = HvFormElementContextConsumer;
-exports.HvFormElementContextProvider = HvFormElementContextProvider;
-exports.default = HvFormElementContext;

package/dist/cjs/Forms/FormElement/context/FormElementDescriptorsContext.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const React = require("react");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const React__default = /* @__PURE__ */ _interopDefault(React);
-const HvFormElementDescriptorsContext = React__default.default.createContext({});
-const HvFormElementDescriptorsContextProvider = HvFormElementDescriptorsContext.Provider;
-const HvFormElementDescriptorsContextConsumer = HvFormElementDescriptorsContext.Consumer;
-exports.HvFormElementDescriptorsContext = HvFormElementDescriptorsContext;
-exports.HvFormElementDescriptorsContextConsumer = HvFormElementDescriptorsContextConsumer;
-exports.HvFormElementDescriptorsContextProvider = HvFormElementDescriptorsContextProvider;
-exports.default = HvFormElementDescriptorsContext;

package/dist/cjs/Forms/FormElement/context/FormElementValueContext.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const React = require("react");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const React__default = /* @__PURE__ */ _interopDefault(React);
-const HvFormElementValueContext = React__default.default.createContext(void 0);
-const HvFormElementValueContextProvider = HvFormElementValueContext.Provider;
-const HvFormElementValueContextConsumer = HvFormElementValueContext.Consumer;
-exports.HvFormElementValueContext = HvFormElementValueContext;
-exports.HvFormElementValueContextConsumer = HvFormElementValueContextConsumer;
-exports.HvFormElementValueContextProvider = HvFormElementValueContextProvider;
-exports.default = HvFormElementValueContext;

package/dist/cjs/Forms/FormElement/validationStates.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const validationState = Object.freeze({
-  standBy: "standBy",
-  valid: "valid",
-  invalid: "invalid"
-});
-const isValid = (compareState) => compareState === validationState.valid;
-const isInvalid = (compareState) => compareState === validationState.invalid;
-exports.default = validationState;
-exports.isInvalid = isInvalid;
-exports.isValid = isValid;

package/dist/esm/Forms/Adornment/Adornment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Adornment.js","sources":["../../../../src/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { forwardRef, useContext } from \"react\";\nimport {\n  useDefaultProps,\n  type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { HvButtonBase } from \"../../ButtonBase\";\nimport { HvBaseProps } from \"../../types/generic\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  HvFormStatus,\n} from \"../FormElement\";\nimport { staticClasses, useClasses } from \"./Adornment.styles\";\n\nconst noop = () => {};\n\nexport { staticClasses as adornmentClasses };\n\nexport type HvAdornmentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvAdornmentProps\n  extends HvBaseProps<\n    HTMLDivElement | HTMLButtonElement,\n    \"onMouseDown\" | \"onKeyDown\"\n  > {\n  /** The icon to be added into the input. */\n  icon: React.ReactNode;\n  /** When the adornment should be displayed. */\n  showWhen?: HvFormStatus;\n  /** Function to be executed when this element is clicked. */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /** If this property is defined the adornment visibility will be exclusively controlled by this value. */\n  isVisible?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAdornmentClasses;\n}\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nexport const HvAdornment = forwardRef<\n  HTMLDivElement | HTMLButtonElement,\n  HvAdornmentProps\n>((props, ref) => {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    icon,\n    showWhen = undefined,\n    onClick,\n    isVisible = undefined,\n    ...others\n  } = useDefaultProps(\"HvAdornment\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementStatus = \"\", elementDisabled } =\n    useContext(HvFormElementContext);\n\n  const { input } = useContext(HvFormElementDescriptorsContext);\n\n  const displayIcon =\n    isVisible ?? (showWhen === undefined || elementStatus === showWhen);\n\n  const isClickable = !!onClick;\n\n  return isClickable ? (\n    <HvButtonBase\n      id={id}\n      focusableWhenDisabled\n      ref={ref as React.ForwardedRef<HTMLButtonElement>}\n      type=\"button\"\n      tabIndex={-1}\n      aria-controls={input?.[0]?.id}\n      className={cx(\n        classes.root,\n        classes.adornment,\n        classes.adornmentButton,\n        {\n          [classes.hideIcon]: !displayIcon,\n          [classes.disabled]: elementDisabled,\n        },\n        className,\n      )}\n      onClick={onClick}\n      onMouseDown={(event) => event.preventDefault()}\n      onKeyDown={noop}\n      disabled={elementDisabled}\n      {...others}\n    >\n      <div className={classes.icon}>{icon}</div>\n    </HvButtonBase>\n  ) : (\n    <div\n      id={id}\n      ref={ref as React.ForwardedRef<HTMLDivElement>}\n      className={cx(\n        classes.root,\n        classes.adornment,\n        classes.adornmentIcon,\n        {\n          [classes.hideIcon]: !displayIcon,\n          [classes.disabled]: elementDisabled,\n        },\n        className,\n      )}\n      role=\"presentation\"\n      {...others}\n    >\n      <div className={classes.icon}>{icon}</div>\n    </div>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;AAeA,MAAM,OAAO,MAAM;AAAC;AAkCb,MAAM,cAAc,WAGzB,CAAC,OAAO,QAAQ;AACV,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,YAAY;AAAA,IACZ,GAAG;AAAA,EAAA,IACD,gBAAgB,eAAe,KAAK;AACxC,QAAM,EAAE,SAAS,OAAO,WAAW,WAAW;AAE9C,QAAM,EAAE,gBAAgB,IAAI,gBAAgB,IAC1C,WAAW,oBAAoB;AAEjC,QAAM,EAAE,MAAA,IAAU,WAAW,+BAA+B;AAE5D,QAAM,cACJ,cAAc,aAAa,UAAa,kBAAkB;AAEtD,QAAA,cAAc,CAAC,CAAC;AAEtB,SAAO,cACL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,uBAAqB;AAAA,MACrB;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MACV,iBAAe,QAAQ,CAAC,GAAG;AAAA,MAC3B,WAAW;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,QAAQ,GAAG,CAAC;AAAA,UACrB,CAAC,QAAQ,QAAQ,GAAG;AAAA,QACtB;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACA,aAAa,CAAC,UAAU,MAAM,eAAe;AAAA,MAC7C,WAAW;AAAA,MACX,UAAU;AAAA,MACT,GAAG;AAAA,MAEJ,UAAC,oBAAA,OAAA,EAAI,WAAW,QAAQ,MAAO,UAAK,KAAA,CAAA;AAAA,IAAA;AAAA,EAAA,IAGtC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,QAAQ,GAAG,CAAC;AAAA,UACrB,CAAC,QAAQ,QAAQ,GAAG;AAAA,QACtB;AAAA,QACA;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAAC,oBAAA,OAAA,EAAI,WAAW,QAAQ,MAAO,UAAK,KAAA,CAAA;AAAA,IAAA;AAAA,EACtC;AAEJ,CAAC;"}

package/dist/esm/Forms/Adornment/Adornment.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Adornment.styles.js","sources":["../../../../src/Forms/Adornment/Adornment.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../../utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvAdornment\", {\n  root: {},\n  icon: { width: 32, height: 32 },\n  adornment: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n  },\n  adornmentIcon: { cursor: \"default\", pointerEvents: \"none\" },\n  hideIcon: { display: \"none\" },\n  adornmentButton: {\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  disabled: {\n    \"&$adornmentButton\": { cursor: \"not-allowed\" },\n    \"&$adornmentIcon\": { cursor: \"not-allowed\" },\n    \"& svg *.color0\": { fill: theme.colors.secondary_60 },\n  },\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,eAAe;AAAA,EACxE,MAAM,CAAC;AAAA,EACP,MAAM,EAAE,OAAO,IAAI,QAAQ,GAAG;AAAA,EAC9B,WAAW;AAAA,IACT,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,eAAe,EAAE,QAAQ,WAAW,eAAe,OAAO;AAAA,EAC1D,UAAU,EAAE,SAAS,OAAO;AAAA,EAC5B,iBAAiB;AAAA,IACf,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAG;AAAA,IAAA;AAAA,EAEP;AAAA,EACA,UAAU;AAAA,IACR,qBAAqB,EAAE,QAAQ,cAAc;AAAA,IAC7C,mBAAmB,EAAE,QAAQ,cAAc;AAAA,IAC3C,kBAAkB,EAAE,MAAM,MAAM,OAAO,aAAa;AAAA,EAAA;AAExD,CAAC;"}

package/dist/esm/Forms/CharCounter/CharCounter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CharCounter.js","sources":["../../../../src/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport {\n  useDefaultProps,\n  type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { HvBaseProps } from \"../../types/generic\";\nimport { HvTypography } from \"../../Typography\";\nimport { setId } from \"../../utils/setId\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { staticClasses, useClasses } from \"./CharCounter.styles\";\n\nexport { staticClasses as charCounterClasses };\n\nexport type HvCharCounterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCharCounterProps extends HvBaseProps {\n  /** The string that separates the current char quantity from the max quantity. */\n  separator?: string;\n  /** The maximum allowed length of the characters. */\n  maxCharQuantity: number;\n  /** The current char quantity to be rendered. */\n  currentCharQuantity?: number;\n  /** If `true` the counter is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCharCounterClasses;\n}\n\n/**\n * Displays the capacity and current usage of a text input box (character count by default).\n *\n * Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = (props: HvCharCounterProps) => {\n  const {\n    separator = \"/\",\n    maxCharQuantity,\n    currentCharQuantity = 0,\n    classes: classesProp,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = useDefaultProps(\"HvCharCounter\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"counter\");\n  const currentId = setId(localId, \"currentQuantity\");\n  const maxQuantityId = setId(localId, \"maxQuantity\");\n  const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n  return (\n    <div\n      id={localId}\n      className={cx(\n        classes.root,\n        {\n          [classes.counterDisabled]: !!localDisabled,\n          [classes.gutter]: !disableGutter,\n        },\n        className,\n      )}\n      aria-live=\"polite\"\n      aria-disabled={localDisabled}\n      {...others}\n    >\n      <HvTypography\n        id={currentId}\n        className={cx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: !!localDisabled,\n        })}\n        variant=\"label\"\n        component=\"label\"\n      >\n        {currentCharQuantity}\n      </HvTypography>\n      <HvTypography\n        id={maxQuantityId}\n        className={cx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: !!localDisabled,\n        })}\n        variant=\"body\"\n        component=\"label\"\n      >\n        {` ${separator} ${maxCharQuantity}`}\n      </HvTypography>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAqCa,MAAA,gBAAgB,CAAC,UAA8B;AACpD,QAAA;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA,sBAAsB;AAAA,IACtB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,GAAG;AAAA,EAAA,IACD,gBAAgB,iBAAiB,KAAK;AAE1C,QAAM,EAAE,SAAS,OAAO,WAAW,WAAW;AAE9C,QAAM,EAAE,WAAW,oBAAoB,WAAW,oBAAoB;AACtE,QAAM,gBAAgB,YAAY;AAClC,QAAM,UAAU,MAAM,MAAM,WAAW,SAAS;AAC1C,QAAA,YAAY,MAAM,SAAS,iBAAiB;AAC5C,QAAA,gBAAgB,MAAM,SAAS,aAAa;AAClD,QAAM,eAAe,sBAAsB;AAGzC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,eAAe,GAAG,CAAC,CAAC;AAAA,UAC7B,CAAC,QAAQ,MAAM,GAAG,CAAC;AAAA,QACrB;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAU;AAAA,MACV,iBAAe;AAAA,MACd,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,GAAG;AAAA,cACZ,CAAC,QAAQ,UAAU,GAAG,gBAAgB,CAAC;AAAA,cACvC,CAAC,QAAQ,eAAe,GAAG,CAAC,CAAC;AAAA,YAAA,CAC9B;AAAA,YACD,SAAQ;AAAA,YACR,WAAU;AAAA,YAET,UAAA;AAAA,UAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,YACJ,WAAW,GAAG;AAAA,cACZ,CAAC,QAAQ,UAAU,GAAG,gBAAgB,CAAC;AAAA,cACvC,CAAC,QAAQ,eAAe,GAAG,CAAC,CAAC;AAAA,YAAA,CAC9B;AAAA,YACD,SAAQ;AAAA,YACR,WAAU;AAAA,YAET,UAAA,IAAI,SAAS,IAAI,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACnC;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/esm/Forms/CharCounter/CharCounter.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CharCounter.styles.js","sources":["../../../../src/Forms/CharCounter/CharCounter.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCharCounter\", {\n  root: { display: \"inline-block\", float: \"right\" },\n  counterDisabled: { color: theme.colors.secondary_60 },\n  gutter: { paddingLeft: \"6px\" },\n  overloaded: { color: theme.colors.negative },\n});\n"],"names":[],"mappings":";;AAGO,MAAM,EAAE,eAAe,eAAe,cAAc,iBAAiB;AAAA,EAC1E,MAAM,EAAE,SAAS,gBAAgB,OAAO,QAAQ;AAAA,EAChD,iBAAiB,EAAE,OAAO,MAAM,OAAO,aAAa;AAAA,EACpD,QAAQ,EAAE,aAAa,MAAM;AAAA,EAC7B,YAAY,EAAE,OAAO,MAAM,OAAO,SAAS;AAC7C,CAAC;"}

package/dist/esm/Forms/FormElement/FormElement.js

@@ -1,45 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
-import { useUniqueId } from "../../hooks/useUniqueId.js";
-import { HvFormElementContextProvider } from "./context/FormElementContext.js";
-import { HvFormElementDescriptorsContextProvider } from "./context/FormElementDescriptorsContext.js";
-import { HvFormElementValueContextProvider } from "./context/FormElementValueContext.js";
-import { useClasses } from "./FormElement.styles.js";
-import { staticClasses } from "./FormElement.styles.js";
-import { findDescriptors } from "./utils/FormUtils.js";
-const HvFormElement = (props) => {
-  const {
-    classes: classesProp,
-    className,
-    children,
-    id,
-    name,
-    value,
-    disabled = false,
-    required = false,
-    readOnly = false,
-    status = "standBy",
-    ...others
-  } = useDefaultProps("HvFormElement", props);
-  const { classes, cx } = useClasses(classesProp);
-  const elementId = useUniqueId(id);
-  const contextValue = useMemo(
-    () => ({
-      elementId,
-      elementName: name,
-      elementStatus: status,
-      elementDisabled: disabled,
-      elementRequired: required,
-      elementReadOnly: readOnly
-    }),
-    [disabled, elementId, name, readOnly, required, status]
-  );
-  const descriptors = useMemo(() => findDescriptors(children), [children]);
-  return /* @__PURE__ */ jsx("div", { id, className: cx(classes.root, className), ...others, children: /* @__PURE__ */ jsx(HvFormElementContextProvider, { value: contextValue, children: /* @__PURE__ */ jsx(HvFormElementValueContextProvider, { value, children: /* @__PURE__ */ jsx(HvFormElementDescriptorsContextProvider, { value: descriptors, children }) }) }) });
-};
-HvFormElement.formElementType = "formelement";
-export {
-  HvFormElement,
-  staticClasses as formElementClasses
-};