@procore/core-react 11.25.0 → 11.25.1

package/dist/Form/Form.d.ts

@@ -7,24 +7,24 @@ export declare const FormContext: React.Context<FormContextAPI>;
 export declare function useFormContext<Values = any>(): FormikContextType<Values> & FormContextAPI;
 export declare function getPrimitiveValue(value: any, getId?: (option: any) => string | number): string | number;
 export declare function useField<Value = any>({ disabled: _disabled, error: _error, getId, required: _required, name, validate, view: _view, }?: FieldConfig): FormFieldAPI<Value>;
-declare function Form_<Values = any>({ initialValues, onSubmit: _onSubmit, disabled, enableConfirmNavigation, variant, validationSchema, view, ...props }: FormProps<Values>): JSX.Element;
-export declare function FormForm({ children, className, onKeyDown, style, ...props }: React.ComponentPropsWithoutRef<typeof FormikForm>): JSX.Element;
-export declare function FormErrorBanner({ item, i18nScope, ...rest }: FormErrorBannerProps & DivAttributes): JSX.Element | null;
+declare function Form_<Values = any>({ initialValues, onSubmit: _onSubmit, disabled, enableConfirmNavigation, variant, validationSchema, view, ...props }: FormProps<Values>): React.JSX.Element;
+export declare function FormForm({ children, className, onKeyDown, style, ...props }: React.ComponentPropsWithoutRef<typeof FormikForm>): React.JSX.Element;
+export declare function FormErrorBanner({ item, i18nScope, ...rest }: FormErrorBannerProps & DivAttributes): React.JSX.Element | null;
 export declare function isEmptyField(val: any): boolean;
 export declare function WXPField<Value, ComponentProps extends FormFieldValueComponentProps<Value>>({ as: AsComponent, children, colStart, colWidth, disabled, description, error, label, name, required, tooltip, validate, view, inlineLabel: singleCheckboxInlineLabel, inlineDescription: singleCheckboxInlineDescription, ...props }: BaseFieldProps<Value, ComponentProps> & Pick<FormCheckboxProps, 'inlineLabel' | 'inlineDescription'> & {
     getId?: OptionList<Value>['getId'];
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function TraditionalField<Value, ComponentProps extends FormFieldValueComponentProps<Value>>({ as: AsComponent, children, colWidth, disabled, error, label, name, required, tooltip, validate, view, ...props }: TraditionalBaseFieldProps<Value, ComponentProps> & {
     getId?: OptionList<Value>['getId'];
-}): JSX.Element;
-export declare function Row({ children, ...props }: Props): JSX.Element;
-export declare function BaseField<Value, ComponentProps extends FormFieldValueComponentProps<Value>>(props: BaseFieldProps<Value, ComponentProps> | TraditionalBaseFieldProps<Value, ComponentProps>): JSX.Element;
+}): React.JSX.Element;
+export declare function Row({ children, ...props }: Props): React.JSX.Element;
+export declare function BaseField<Value, ComponentProps extends FormFieldValueComponentProps<Value>>(props: BaseFieldProps<Value, ComponentProps> | TraditionalBaseFieldProps<Value, ComponentProps>): React.JSX.Element;
 export declare function makeField<Value, FieldTypeProps extends FormFieldProps<Value>, ComponentProps extends FormFieldValueComponentProps<Value>>(editComponent: ComponentWithFieldProp<Value, ComponentProps>, showComponent: ComponentWithFieldProp<Value, ComponentProps>, options?: {
     emptyState: boolean;
-}): (({ children, ...props }: FieldTypeProps) => JSX.Element) & {
-    Create: (props: ViewFieldProps<Value, FieldTypeProps, ComponentProps>) => JSX.Element | null;
-    Read: (props: ViewFieldProps<Value, FieldTypeProps, ComponentProps>) => JSX.Element | null;
-    Update: (props: ViewFieldProps<Value, FieldTypeProps, ComponentProps>) => JSX.Element | null;
+}): (({ children, ...props }: FieldTypeProps) => React.JSX.Element) & {
+    Create: (props: ViewFieldProps<Value, FieldTypeProps, ComponentProps>) => React.JSX.Element | null;
+    Read: (props: ViewFieldProps<Value, FieldTypeProps, ComponentProps>) => React.JSX.Element | null;
+    Update: (props: ViewFieldProps<Value, FieldTypeProps, ComponentProps>) => React.JSX.Element | null;
 };
 export declare function withDefaultEmptyState<Value, TProps extends FormFieldValueComponentProps>(OutputComponent: ComponentWithFieldProp<Value, TProps>): React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps> & React.RefAttributes<HTMLSpanElement>>;
 export declare const TextInput: React.ForwardRefExoticComponent<FieldTextComponentProps<string> & React.RefAttributes<HTMLInputElement>>;
@@ -61,91 +61,91 @@ export declare const GroupSelectOutput: React.ForwardRefExoticComponent<FieldGro
 export declare const TieredSelectInput: React.ForwardRefExoticComponent<FieldTieredSelectComponentProps<FieldTieredSelectValueType> & React.RefAttributes<HTMLDivElement>>;
 export declare const TieredSelectOutput: React.ForwardRefExoticComponent<FieldTieredSelectComponentProps<FieldTieredSelectValueType> & React.RefAttributes<HTMLSpanElement>>;
 export declare const Form: typeof Form_ & {
-    Checkboxes: (({ children, ...props }: FormCheckboxesProps<FieldCheckboxesValueType>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<FieldCheckboxesValueType, FormCheckboxesProps<FieldCheckboxesValueType>, FieldCheckboxesComponentProps<FieldCheckboxesValueType>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<FieldCheckboxesValueType, FormCheckboxesProps<FieldCheckboxesValueType>, FieldCheckboxesComponentProps<FieldCheckboxesValueType>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<FieldCheckboxesValueType, FormCheckboxesProps<FieldCheckboxesValueType>, FieldCheckboxesComponentProps<FieldCheckboxesValueType>>) => JSX.Element | null;
+    Checkboxes: (({ children, ...props }: FormCheckboxesProps<FieldCheckboxesValueType>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<FieldCheckboxesValueType, FormCheckboxesProps<FieldCheckboxesValueType>, FieldCheckboxesComponentProps<FieldCheckboxesValueType>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<FieldCheckboxesValueType, FormCheckboxesProps<FieldCheckboxesValueType>, FieldCheckboxesComponentProps<FieldCheckboxesValueType>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<FieldCheckboxesValueType, FormCheckboxesProps<FieldCheckboxesValueType>, FieldCheckboxesComponentProps<FieldCheckboxesValueType>>) => React.JSX.Element | null;
     };
-    Checkbox: (({ children, ...props }: FormCheckboxProps<boolean>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<boolean, FormCheckboxProps<boolean>, FieldCheckboxComponentProps<boolean>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<boolean, FormCheckboxProps<boolean>, FieldCheckboxComponentProps<boolean>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<boolean, FormCheckboxProps<boolean>, FieldCheckboxComponentProps<boolean>>) => JSX.Element | null;
+    Checkbox: (({ children, ...props }: FormCheckboxProps<boolean>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<boolean, FormCheckboxProps<boolean>, FieldCheckboxComponentProps<boolean>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<boolean, FormCheckboxProps<boolean>, FieldCheckboxComponentProps<boolean>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<boolean, FormCheckboxProps<boolean>, FieldCheckboxComponentProps<boolean>>) => React.JSX.Element | null;
     };
-    Currency: (({ children, ...props }: FormCurrencyProps<import("../NumberInput/NumberInput.types").InputValue>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<import("../NumberInput/NumberInput.types").InputValue, FormCurrencyProps<import("../NumberInput/NumberInput.types").InputValue>, FieldCurrencyComponentProps<import("../NumberInput/NumberInput.types").InputValue>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<import("../NumberInput/NumberInput.types").InputValue, FormCurrencyProps<import("../NumberInput/NumberInput.types").InputValue>, FieldCurrencyComponentProps<import("../NumberInput/NumberInput.types").InputValue>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<import("../NumberInput/NumberInput.types").InputValue, FormCurrencyProps<import("../NumberInput/NumberInput.types").InputValue>, FieldCurrencyComponentProps<import("../NumberInput/NumberInput.types").InputValue>>) => JSX.Element | null;
+    Currency: (({ children, ...props }: FormCurrencyProps<import("../NumberInput/NumberInput.types").InputValue>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<import("../NumberInput/NumberInput.types").InputValue, FormCurrencyProps<import("../NumberInput/NumberInput.types").InputValue>, FieldCurrencyComponentProps<import("../NumberInput/NumberInput.types").InputValue>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<import("../NumberInput/NumberInput.types").InputValue, FormCurrencyProps<import("../NumberInput/NumberInput.types").InputValue>, FieldCurrencyComponentProps<import("../NumberInput/NumberInput.types").InputValue>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<import("../NumberInput/NumberInput.types").InputValue, FormCurrencyProps<import("../NumberInput/NumberInput.types").InputValue>, FieldCurrencyComponentProps<import("../NumberInput/NumberInput.types").InputValue>>) => React.JSX.Element | null;
     };
-    DateSelect: (({ children, ...props }: FormDateProps<FieldDateValueType>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<FieldDateValueType, FormDateProps<FieldDateValueType>, FieldDateComponentProps<FieldDateValueType>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<FieldDateValueType, FormDateProps<FieldDateValueType>, FieldDateComponentProps<FieldDateValueType>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<FieldDateValueType, FormDateProps<FieldDateValueType>, FieldDateComponentProps<FieldDateValueType>>) => JSX.Element | null;
+    DateSelect: (({ children, ...props }: FormDateProps<FieldDateValueType>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<FieldDateValueType, FormDateProps<FieldDateValueType>, FieldDateComponentProps<FieldDateValueType>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<FieldDateValueType, FormDateProps<FieldDateValueType>, FieldDateComponentProps<FieldDateValueType>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<FieldDateValueType, FormDateProps<FieldDateValueType>, FieldDateComponentProps<FieldDateValueType>>) => React.JSX.Element | null;
     };
     ErrorBanner: typeof FormErrorBanner;
     Field: (({ children, ...props }: FormFieldProps<any> & {
         [key: string]: unknown;
-    }) => JSX.Element) & {
+    }) => React.JSX.Element) & {
         Create: (props: ViewFieldProps<any, FormFieldProps<any> & {
             [key: string]: unknown;
-        }, FormFieldValueComponentProps<any> & InputProps>) => JSX.Element | null;
+        }, FormFieldValueComponentProps<any> & InputProps>) => React.JSX.Element | null;
         Read: (props: ViewFieldProps<any, FormFieldProps<any> & {
             [key: string]: unknown;
-        }, FormFieldValueComponentProps<any> & InputProps>) => JSX.Element | null;
+        }, FormFieldValueComponentProps<any> & InputProps>) => React.JSX.Element | null;
         Update: (props: ViewFieldProps<any, FormFieldProps<any> & {
             [key: string]: unknown;
-        }, FormFieldValueComponentProps<any> & InputProps>) => JSX.Element | null;
+        }, FormFieldValueComponentProps<any> & InputProps>) => React.JSX.Element | null;
     };
     Form: typeof FormForm;
-    GroupSelect: (({ children, ...props }: FormGroupSelectProps<FieldGroupSelectValueType>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<FieldGroupSelectValueType, FormGroupSelectProps<FieldGroupSelectValueType>, FieldGroupSelectComponentProps<FieldGroupSelectValueType>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<FieldGroupSelectValueType, FormGroupSelectProps<FieldGroupSelectValueType>, FieldGroupSelectComponentProps<FieldGroupSelectValueType>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<FieldGroupSelectValueType, FormGroupSelectProps<FieldGroupSelectValueType>, FieldGroupSelectComponentProps<FieldGroupSelectValueType>>) => JSX.Element | null;
+    GroupSelect: (({ children, ...props }: FormGroupSelectProps<FieldGroupSelectValueType>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<FieldGroupSelectValueType, FormGroupSelectProps<FieldGroupSelectValueType>, FieldGroupSelectComponentProps<FieldGroupSelectValueType>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<FieldGroupSelectValueType, FormGroupSelectProps<FieldGroupSelectValueType>, FieldGroupSelectComponentProps<FieldGroupSelectValueType>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<FieldGroupSelectValueType, FormGroupSelectProps<FieldGroupSelectValueType>, FieldGroupSelectComponentProps<FieldGroupSelectValueType>>) => React.JSX.Element | null;
     };
-    MultiSelect: (({ children, ...props }: FormMultiSelectProps<FieldMultiSelectValueType>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<FieldMultiSelectValueType, FormMultiSelectProps<FieldMultiSelectValueType>, FieldMultiSelectComponentProps<FieldMultiSelectValueType>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<FieldMultiSelectValueType, FormMultiSelectProps<FieldMultiSelectValueType>, FieldMultiSelectComponentProps<FieldMultiSelectValueType>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<FieldMultiSelectValueType, FormMultiSelectProps<FieldMultiSelectValueType>, FieldMultiSelectComponentProps<FieldMultiSelectValueType>>) => JSX.Element | null;
+    MultiSelect: (({ children, ...props }: FormMultiSelectProps<FieldMultiSelectValueType>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<FieldMultiSelectValueType, FormMultiSelectProps<FieldMultiSelectValueType>, FieldMultiSelectComponentProps<FieldMultiSelectValueType>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<FieldMultiSelectValueType, FormMultiSelectProps<FieldMultiSelectValueType>, FieldMultiSelectComponentProps<FieldMultiSelectValueType>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<FieldMultiSelectValueType, FormMultiSelectProps<FieldMultiSelectValueType>, FieldMultiSelectComponentProps<FieldMultiSelectValueType>>) => React.JSX.Element | null;
     };
-    Number: (({ children, ...props }: FormNumberProps<import("../NumberInput/NumberInput.types").InputValue>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<import("../NumberInput/NumberInput.types").InputValue, FormNumberProps<import("../NumberInput/NumberInput.types").InputValue>, FieldNumberComponentProps<import("../NumberInput/NumberInput.types").InputValue>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<import("../NumberInput/NumberInput.types").InputValue, FormNumberProps<import("../NumberInput/NumberInput.types").InputValue>, FieldNumberComponentProps<import("../NumberInput/NumberInput.types").InputValue>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<import("../NumberInput/NumberInput.types").InputValue, FormNumberProps<import("../NumberInput/NumberInput.types").InputValue>, FieldNumberComponentProps<import("../NumberInput/NumberInput.types").InputValue>>) => JSX.Element | null;
+    Number: (({ children, ...props }: FormNumberProps<import("../NumberInput/NumberInput.types").InputValue>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<import("../NumberInput/NumberInput.types").InputValue, FormNumberProps<import("../NumberInput/NumberInput.types").InputValue>, FieldNumberComponentProps<import("../NumberInput/NumberInput.types").InputValue>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<import("../NumberInput/NumberInput.types").InputValue, FormNumberProps<import("../NumberInput/NumberInput.types").InputValue>, FieldNumberComponentProps<import("../NumberInput/NumberInput.types").InputValue>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<import("../NumberInput/NumberInput.types").InputValue, FormNumberProps<import("../NumberInput/NumberInput.types").InputValue>, FieldNumberComponentProps<import("../NumberInput/NumberInput.types").InputValue>>) => React.JSX.Element | null;
     };
-    PillSelect: (({ children, ...props }: FormPillSelectProps<any>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<any, FormPillSelectProps<any>, FieldPillSelectComponentProps<any>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<any, FormPillSelectProps<any>, FieldPillSelectComponentProps<any>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<any, FormPillSelectProps<any>, FieldPillSelectComponentProps<any>>) => JSX.Element | null;
+    PillSelect: (({ children, ...props }: FormPillSelectProps<any>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<any, FormPillSelectProps<any>, FieldPillSelectComponentProps<any>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<any, FormPillSelectProps<any>, FieldPillSelectComponentProps<any>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<any, FormPillSelectProps<any>, FieldPillSelectComponentProps<any>>) => React.JSX.Element | null;
     };
-    RadioButtons: (({ children, ...props }: FormRadioButtonsProps<any>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<any, FormRadioButtonsProps<any>, FieldRadioButtonsComponentProps<any>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<any, FormRadioButtonsProps<any>, FieldRadioButtonsComponentProps<any>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<any, FormRadioButtonsProps<any>, FieldRadioButtonsComponentProps<any>>) => JSX.Element | null;
+    RadioButtons: (({ children, ...props }: FormRadioButtonsProps<any>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<any, FormRadioButtonsProps<any>, FieldRadioButtonsComponentProps<any>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<any, FormRadioButtonsProps<any>, FieldRadioButtonsComponentProps<any>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<any, FormRadioButtonsProps<any>, FieldRadioButtonsComponentProps<any>>) => React.JSX.Element | null;
     };
-    RichText: (({ children, ...props }: FormRichTextProps<string>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<string, FormRichTextProps<string>, FieldRichTextComponentProps<string>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<string, FormRichTextProps<string>, FieldRichTextComponentProps<string>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<string, FormRichTextProps<string>, FieldRichTextComponentProps<string>>) => JSX.Element | null;
+    RichText: (({ children, ...props }: FormRichTextProps<string>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<string, FormRichTextProps<string>, FieldRichTextComponentProps<string>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<string, FormRichTextProps<string>, FieldRichTextComponentProps<string>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<string, FormRichTextProps<string>, FieldRichTextComponentProps<string>>) => React.JSX.Element | null;
     };
     Row: typeof Row;
-    Select: (({ children, ...props }: FormSelectProps<any, any, any>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<any, FormSelectProps<any, any, any>, FieldSelectComponentProps<any, any, any>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<any, FormSelectProps<any, any, any>, FieldSelectComponentProps<any, any, any>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<any, FormSelectProps<any, any, any>, FieldSelectComponentProps<any, any, any>>) => JSX.Element | null;
+    Select: (({ children, ...props }: FormSelectProps<any, any, any>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<any, FormSelectProps<any, any, any>, FieldSelectComponentProps<any, any, any>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<any, FormSelectProps<any, any, any>, FieldSelectComponentProps<any, any, any>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<any, FormSelectProps<any, any, any>, FieldSelectComponentProps<any, any, any>>) => React.JSX.Element | null;
     };
-    Text: (({ children, ...props }: FormTextProps<string>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<string, FormTextProps<string>, FieldTextComponentProps<string>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<string, FormTextProps<string>, FieldTextComponentProps<string>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<string, FormTextProps<string>, FieldTextComponentProps<string>>) => JSX.Element | null;
+    Text: (({ children, ...props }: FormTextProps<string>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<string, FormTextProps<string>, FieldTextComponentProps<string>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<string, FormTextProps<string>, FieldTextComponentProps<string>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<string, FormTextProps<string>, FieldTextComponentProps<string>>) => React.JSX.Element | null;
     };
-    TextArea: (({ children, ...props }: FormTextAreaProps<string>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<string, FormTextAreaProps<string>, FieldTextAreaComponentProps<string>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<string, FormTextAreaProps<string>, FieldTextAreaComponentProps<string>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<string, FormTextAreaProps<string>, FieldTextAreaComponentProps<string>>) => JSX.Element | null;
+    TextArea: (({ children, ...props }: FormTextAreaProps<string>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<string, FormTextAreaProps<string>, FieldTextAreaComponentProps<string>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<string, FormTextAreaProps<string>, FieldTextAreaComponentProps<string>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<string, FormTextAreaProps<string>, FieldTextAreaComponentProps<string>>) => React.JSX.Element | null;
     };
-    TieredSelect: (({ children, ...props }: FormTieredSelectProps<FieldTieredSelectValueType>) => JSX.Element) & {
-        Create: (props: ViewFieldProps<FieldTieredSelectValueType, FormTieredSelectProps<FieldTieredSelectValueType>, FieldTieredSelectComponentProps<FieldTieredSelectValueType>>) => JSX.Element | null;
-        Read: (props: ViewFieldProps<FieldTieredSelectValueType, FormTieredSelectProps<FieldTieredSelectValueType>, FieldTieredSelectComponentProps<FieldTieredSelectValueType>>) => JSX.Element | null;
-        Update: (props: ViewFieldProps<FieldTieredSelectValueType, FormTieredSelectProps<FieldTieredSelectValueType>, FieldTieredSelectComponentProps<FieldTieredSelectValueType>>) => JSX.Element | null;
+    TieredSelect: (({ children, ...props }: FormTieredSelectProps<FieldTieredSelectValueType>) => React.JSX.Element) & {
+        Create: (props: ViewFieldProps<FieldTieredSelectValueType, FormTieredSelectProps<FieldTieredSelectValueType>, FieldTieredSelectComponentProps<FieldTieredSelectValueType>>) => React.JSX.Element | null;
+        Read: (props: ViewFieldProps<FieldTieredSelectValueType, FormTieredSelectProps<FieldTieredSelectValueType>, FieldTieredSelectComponentProps<FieldTieredSelectValueType>>) => React.JSX.Element | null;
+        Update: (props: ViewFieldProps<FieldTieredSelectValueType, FormTieredSelectProps<FieldTieredSelectValueType>, FieldTieredSelectComponentProps<FieldTieredSelectValueType>>) => React.JSX.Element | null;
     };
 };
 export {};

package/dist/Form/Form.styles.js

@@ -26,7 +26,7 @@ function applyStylesOnlyToIE11(styles) {
 }
 export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormFieldMain",
-  componentId: "core-11_25_0__sc-ncj3pf-0"
+  componentId: "core-11_25_1__sc-ncj3pf-0"
 })(["-ms-grid-row:2;grid-row:2;", " ", " ", ""], function (_ref) {
   var $colStart = _ref.$colStart,
     $colEnd = _ref.$colEnd,
@@ -38,15 +38,15 @@ export var StyledFormFieldMain = /*#__PURE__*/styled.div.withConfig({
 }, applyStylesOnlyToIE11("\n      padding-left: ".concat(columnGutter, ";\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n  ")));
 export var StyledLabel = /*#__PURE__*/styled(Label).withConfig({
   displayName: "StyledLabel",
-  componentId: "core-11_25_0__sc-ncj3pf-1"
+  componentId: "core-11_25_1__sc-ncj3pf-1"
 })(["word-wrap:break-word;word-break:break-word;"]);
 export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDescription",
-  componentId: "core-11_25_0__sc-ncj3pf-2"
+  componentId: "core-11_25_1__sc-ncj3pf-2"
 })(["", " color:", ";word-wrap:break-word;word-break:break-word;"], getTypographyIntent('body'), colors.gray45);
 export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescription).withConfig({
   displayName: "StyledCheckboxInlineDescription",
-  componentId: "core-11_25_0__sc-ncj3pf-3"
+  componentId: "core-11_25_1__sc-ncj3pf-3"
 })(["margin-top:", "px;", ""], spacing.xs, function (_ref3) {
   var $read = _ref3.$read;
   if (!$read) {
@@ -55,7 +55,7 @@ export var StyledCheckboxInlineDescription = /*#__PURE__*/styled(StyledDescripti
 });
 export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withConfig({
   displayName: "StyledFormFieldHeader",
-  componentId: "core-11_25_0__sc-ncj3pf-4"
+  componentId: "core-11_25_1__sc-ncj3pf-4"
 })(["-ms-grid-row:1;grid-row:1;align-self:end;margin-bottom:", "px;", " ", " * + ", "{margin-top:", "px;}"], spacing.xs, function (_ref4) {
   var $colStart = _ref4.$colStart,
     $colEnd = _ref4.$colEnd,
@@ -64,7 +64,7 @@ export var StyledFormFieldHeader = /*#__PURE__*/styled(StyledFieldHeader).withCo
 }, applyStylesOnlyToIE11("\n    padding-left: ".concat(columnGutter, ";\n\n    &:first-child {\n      padding-left: 0;\n    }\n\n    ").concat(StyledFormFieldMain, " {\n      padding-left: ").concat(columnGutter, ";\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n    }\n  ")), StyledDescription, spacing.xs);
 export var StyledFormFieldRequiredMark = /*#__PURE__*/styled(Required).withConfig({
   displayName: "StyledFormFieldRequiredMark",
-  componentId: "core-11_25_0__sc-ncj3pf-5"
+  componentId: "core-11_25_1__sc-ncj3pf-5"
 })(["padding-left:", "px;vertical-align:top;"], spacing.xs);
 export var dataQaFieldTooltipIcon = 'form-field-tooltip-icon';
 export var StyledFormFieldTooltipIcon = /*#__PURE__*/styled(Help).attrs(function () {
@@ -73,19 +73,19 @@ export var StyledFormFieldTooltipIcon = /*#__PURE__*/styled(Help).attrs(function
   };
 }).withConfig({
   displayName: "StyledFormFieldTooltipIcon",
-  componentId: "core-11_25_0__sc-ncj3pf-6"
+  componentId: "core-11_25_1__sc-ncj3pf-6"
 })(["margin-left:", "px;color:", ";vertical-align:middle;&:focus-visible{border-radius:50%;", " outline-offset:0;}"], spacing.sm, colors.gray45, getGapOutlineFocus);
 export var StyledFormFieldErrorIcon = /*#__PURE__*/styled(Error).withConfig({
   displayName: "StyledFormFieldErrorIcon",
-  componentId: "core-11_25_0__sc-ncj3pf-7"
+  componentId: "core-11_25_1__sc-ncj3pf-7"
 })(["vertical-align:sub;"]);
 export var StyledFormFieldBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormFieldBanner",
-  componentId: "core-11_25_0__sc-ncj3pf-8"
+  componentId: "core-11_25_1__sc-ncj3pf-8"
 })(["display:flex;align-items:flex-start;min-height:22px;margin-top:", "px;margin-bottom:2px;word-break:break-word;word-wrap:break-word;color:", ";", ""], spacing.xs, colors.red50, getTypographyIntent('body'));
 export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTraditionalFormColumn",
-  componentId: "core-11_25_0__sc-ncj3pf-9"
+  componentId: "core-11_25_1__sc-ncj3pf-9"
 })(["padding:", ";align-self:center;height:100%;&:nth-child(1){-ms-grid-column:1;}&:nth-child(2){-ms-grid-column:2;}&:nth-child(3){-ms-grid-column:3;}&:nth-child(4){-ms-grid-column:4;}", " ", ""], traditionalPadding, function (_ref5) {
   var _ref5$$fullWidth = _ref5.$fullWidth,
     $fullWidth = _ref5$$fullWidth === void 0 ? false : _ref5$$fullWidth;
@@ -97,22 +97,22 @@ export var StyledTraditionalFormColumn = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledTraditionalFormLabel = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledTraditionalFormLabel",
-  componentId: "core-11_25_0__sc-ncj3pf-10"
+  componentId: "core-11_25_1__sc-ncj3pf-10"
 })(["display:inline-block;word-break:break-word;word-wrap:break-word;", ""], function (_ref7) {
   var $view = _ref7.$view;
   return ['create', 'update'].includes($view) && css(["padding-top:", "px;"], spacing.sm);
 });
 export var StyledFormOutputTextArea = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFormOutputTextArea",
-  componentId: "core-11_25_0__sc-ncj3pf-11"
+  componentId: "core-11_25_1__sc-ncj3pf-11"
 })(["white-space:pre-wrap;"]);
 export var StyledFormOutputFiledset = /*#__PURE__*/styled.fieldset.withConfig({
   displayName: "StyledFormOutputFiledset",
-  componentId: "core-11_25_0__sc-ncj3pf-12"
+  componentId: "core-11_25_1__sc-ncj3pf-12"
 })(["border:none;padding:0;margin-top:", "px;"], spacing.xs);
 export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFormRow",
-  componentId: "core-11_25_0__sc-ncj3pf-13"
+  componentId: "core-11_25_1__sc-ncj3pf-13"
 })(["", ""], function (_ref8) {
   var _ref8$$traditional = _ref8.$traditional,
     $traditional = _ref8$$traditional === void 0 ? false : _ref8$$traditional,
@@ -123,10 +123,10 @@ export var StyledFormRow = /*#__PURE__*/styled.div.withConfig({
 var formWrapper = /*#__PURE__*/css(["display:inherit;flex-direction:inherit;height:inherit;max-height:inherit;"]);
 export var StyledFormikForm = /*#__PURE__*/styled(FormikForm).withConfig({
   displayName: "StyledFormikForm",
-  componentId: "core-11_25_0__sc-ncj3pf-14"
+  componentId: "core-11_25_1__sc-ncj3pf-14"
 })(["", ""], formWrapper);
 export var StyledForm = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledForm",
-  componentId: "core-11_25_0__sc-ncj3pf-15"
+  componentId: "core-11_25_1__sc-ncj3pf-15"
 })(["", ""], formWrapper);
 //# sourceMappingURL=Form.styles.js.map

package/dist/Form/stories/util.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Form } from '../../index';
 import type { PillColor } from '../../Pill';
-export declare function FormDebugger(props?: any): JSX.Element;
+export declare function FormDebugger(props?: any): React.JSX.Element;
 interface SingleFormProps {
     component?: any;
     debug?: boolean;
@@ -15,7 +15,7 @@ interface DemoFormProps {
     view?: React.ComponentProps<typeof Form>['view'];
     enableConfirmNavigation?: React.ComponentProps<typeof Form>['enableConfirmNavigation'];
 }
-export declare const DemoForm: ({ view, enableConfirmNavigation, }: DemoFormProps) => JSX.Element;
+export declare const DemoForm: ({ view, enableConfirmNavigation, }: DemoFormProps) => React.JSX.Element;
 /** All variations for a field. views, with values, no values, text variations, etc.
  * @example
  *  <BaseCRU
@@ -25,7 +25,7 @@ export declare const DemoForm: ({ view, enableConfirmNavigation, }: DemoFormProp
  */
 export declare function BaseCRU<Element extends React.JSXElementConstructor<any>>(props: Omit<SingleFormProps, 'component'> & {
     component: Element;
-} & Omit<React.ComponentProps<Element>, 'name'>): JSX.Element;
+} & Omit<React.ComponentProps<Element>, 'name'>): React.JSX.Element;
 export declare const formGroupSelectOptions: {
     id: number;
     label: string;

package/dist/Grid/Grid.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { GridColProps, GridProps, GridRowProps } from './Grid.types';
-declare function BaseGrid({ gutterX, gutterY, colStackCap, ...props }: GridProps): JSX.Element;
+declare function BaseGrid({ gutterX, gutterY, colStackCap, ...props }: GridProps): React.JSX.Element;
 export declare const Grid: typeof BaseGrid & {
     Row: React.ForwardRefExoticComponent<GridRowProps & React.RefAttributes<HTMLDivElement>>;
     Col: React.ForwardRefExoticComponent<GridColProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Grid/Grid.styles.js

@@ -75,7 +75,7 @@ var getRowGutterVertical = function getRowGutterVertical(gutterY, breakpoint) {
 };
 export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGridRow",
-  componentId: "core-11_25_0__sc-8pinsp-0"
+  componentId: "core-11_25_1__sc-8pinsp-0"
 })(["", " display:flex;flex-wrap:wrap;"], function (_ref) {
   var $gutterX = _ref.$gutterX,
     $gutterY = _ref.$gutterY;
@@ -87,7 +87,7 @@ export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledGridCol = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGridCol",
-  componentId: "core-11_25_0__sc-8pinsp-1"
+  componentId: "core-11_25_1__sc-8pinsp-1"
 })(["flex-shrink:0;width:100%;max-width:100%;", ""], function (_ref2) {
   var $span = _ref2.$span,
     $offset = _ref2.$offset,

package/dist/GroupSelect/GroupSelect.styles.js

@@ -3,7 +3,7 @@ import { MultiSelect } from '../MultiSelect/MultiSelect';
 import { colors } from '../_styles/colors';
 export var StyledGroupSelectOption = /*#__PURE__*/styled(MultiSelect.Option).withConfig({
   displayName: "StyledGroupSelectOption",
-  componentId: "core-11_25_0__sc-u5gu8j-0"
+  componentId: "core-11_25_1__sc-u5gu8j-0"
 })(["", ""], function (_ref) {
   var disabled = _ref.disabled;
   return disabled && css(["color:", ";cursor:not-allowed;a,a:hover{color:", ";text-decoration:none;}"], colors.gray70, colors.gray70);

package/dist/Input/Input.styles.js

@@ -16,6 +16,6 @@ export function getInputStyles(_ref) {
 }
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-11_25_0__sc-12sjkxg-0"
+  componentId: "core-11_25_1__sc-12sjkxg-0"
 })(["", " padding:0 ", "px;&::-ms-clear{display:none;}&[type='number']{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}}"], getInputStyles, spacing.md);
 //# sourceMappingURL=Input.styles.js.map

package/dist/Link/Link.styles.js

@@ -17,6 +17,6 @@ function getLinkColors(_ref) {
 }
 export var StyledLink = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLink",
-  componentId: "core-11_25_0__sc-jfowrl-0"
+  componentId: "core-11_25_1__sc-jfowrl-0"
 })(["text-decoration:underline;&:hover{cursor:pointer;text-decoration:underline;}", " &.focus,&:focus{", ";}", ""], focusable, getBorderRadius('md'), getLinkColors);
 //# sourceMappingURL=Link.styles.js.map

package/dist/ListPage/ListPage.styles.js

@@ -3,19 +3,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledListPageMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageMain",
-  componentId: "core-11_25_0__sc-1eq7fzi-0"
+  componentId: "core-11_25_1__sc-1eq7fzi-0"
 })(["display:flex;flex:1 0 auto;flex-direction:column;min-width:0;padding:", "px ", "px;width:100%;"], spacing.lg, spacing.xl);
 export var StyledListPageBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBanner",
-  componentId: "core-11_25_0__sc-1eq7fzi-1"
+  componentId: "core-11_25_1__sc-1eq7fzi-1"
 })(["flex:0 0 auto;"]);
 export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageToolHeader",
-  componentId: "core-11_25_0__sc-1eq7fzi-2"
+  componentId: "core-11_25_1__sc-1eq7fzi-2"
 })(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
 export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageControl",
-  componentId: "core-11_25_0__sc-1eq7fzi-3"
+  componentId: "core-11_25_1__sc-1eq7fzi-3"
 })(["flex:", ";", " ", ""], function (_ref) {
   var $block = _ref.$block;
   return $block ? '1 0 auto' : '0 0 auto';
@@ -32,18 +32,18 @@ export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledListPageContentControls = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageContentControls",
-  componentId: "core-11_25_0__sc-1eq7fzi-4"
+  componentId: "core-11_25_1__sc-1eq7fzi-4"
 })(["align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding:", "px 0;", " + ", "{margin-left:", "px;}"], spacing.md, StyledListPageControl, StyledListPageControl, spacing.lg);
 export var StyledListPageBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBody",
-  componentId: "core-11_25_0__sc-1eq7fzi-5"
+  componentId: "core-11_25_1__sc-1eq7fzi-5"
 })(["display:flex;flex:1 0 auto;padding-top:", "px;"], spacing.md);
 export var StyledListPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBodyContent",
-  componentId: "core-11_25_0__sc-1eq7fzi-6"
+  componentId: "core-11_25_1__sc-1eq7fzi-6"
 })(["flex:1 1 auto;"]);
 export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPage",
-  componentId: "core-11_25_0__sc-1eq7fzi-7"
+  componentId: "core-11_25_1__sc-1eq7fzi-7"
 })(["display:flex;flex-direction:row;height:100%;width:100%;", " + ", "{padding-top:", "px;}", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", ",", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", "{padding-top:0;}"], StyledListPageBanner, StyledListPageToolHeader, spacing.lg, StyledListPageContentControls, StyledListPageContentControls, colors.gray85, StyledListPageToolHeader, StyledListPageContentControls, StyledListPageToolHeader, StyledListPageBody, colors.gray85, StyledListPageContentControls, StyledListPageBody);
 //# sourceMappingURL=ListPage.styles.js.map

package/dist/Loader/Loader.styles.js

@@ -7,11 +7,11 @@ export var loaderTransitionDuration = 250;
 var movingStripes = /*#__PURE__*/keyframes(["from{background-position:", "px 0;}100%{background-position:0 ", "px;}"], backgroundSize, backgroundSize);
 export var StyledLoader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLoader",
-  componentId: "core-11_25_0__sc-wgvjj9-0"
+  componentId: "core-11_25_1__sc-wgvjj9-0"
 })(["display:block;height:100%;left:0;min-width:12px;position:absolute;transition:width ", "ms ease-out;top:0;"], loaderTransitionDuration);
 export var StyledGradient = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGradient",
-  componentId: "core-11_25_0__sc-wgvjj9-1"
+  componentId: "core-11_25_1__sc-wgvjj9-1"
 })(["height:100%;", ""], function (_ref) {
   var $animated = _ref.$animated;
   return $animated ? css(["animation:", " 0.5s linear infinite;background-image:linear-gradient( 45deg,", " 26%,", " 25%,", " 51%,", " 50%,", " 76%,", " 75%,", " );background-size:", "px ", "px;"], movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(["background-color:", ";"], colors.blue50);

package/dist/Menu/Menu.d.ts

@@ -19,10 +19,10 @@ export declare function useMenuHookContext(): MenuHook;
  */
 export declare const Menu_: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Group: React.ForwardRefExoticComponent<DivAttributes & MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Item: React.ForwardRefExoticComponent<Pick<DivAttributes & MenuItemProps, "color" | "children" | "className" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "selected" | "item" | "suggested" | "index"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Item: React.ForwardRefExoticComponent<Omit<DivAttributes & MenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const Options: React.ForwardRefExoticComponent<MenuOptionsProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Search: {
-    ({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): JSX.Element;
+    ({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): React.JSX.Element;
     displayName: string;
 };
 export declare const Header: React.ForwardRefExoticComponent<DivAttributes & MenuHeaderProps & React.RefAttributes<HTMLDivElement>>;
@@ -31,10 +31,10 @@ export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.Ref
     Footer: React.ForwardRefExoticComponent<DivAttributes & MenuFooterProps & React.RefAttributes<HTMLDivElement>>;
     Group: React.ForwardRefExoticComponent<DivAttributes & MenuGroupProps & React.RefAttributes<HTMLDivElement>>;
     Header: React.ForwardRefExoticComponent<DivAttributes & MenuHeaderProps & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Pick<DivAttributes & MenuItemProps, "color" | "children" | "className" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "selected" | "item" | "suggested" | "index"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<DivAttributes & MenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Options: React.ForwardRefExoticComponent<MenuOptionsProps & React.RefAttributes<HTMLDivElement>>;
     Search: {
-        ({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): JSX.Element;
+        ({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): React.JSX.Element;
         displayName: string;
     };
 };

package/dist/MenuImperative/MenuImperative.d.ts

@@ -30,7 +30,7 @@ interface ControlNavigationReturn {
  */
 export declare const useMenuImperativeControlNavigation: (ref: React.RefObject<MenuRef>, enable?: boolean, options?: ControlNavigationProps) => ControlNavigationReturn;
 export declare const Group: React.ForwardRefExoticComponent<DivAttributes & GroupProps & React.RefAttributes<HTMLDivElement>>;
-export declare function Droppable({ id, children }: DroppableProps): JSX.Element;
+export declare function Droppable({ id, children }: DroppableProps): React.JSX.Element;
 export declare namespace Droppable {
     var displayName: string;
 }
@@ -38,7 +38,7 @@ export declare const Item: PolymorphicAs.ComponentWithForwardedRef<MenuItemProps
 export declare const CheckboxItem: React.ForwardRefExoticComponent<(DivAttributes & (ItemProps | ItemWithDraggingProps) & Omit<CheckboxProps, "checked">) & React.RefAttributes<HTMLDivElement>>;
 export declare const Options: React.ForwardRefExoticComponent<OptionsProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Search: {
-    ({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): JSX.Element;
+    ({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): React.JSX.Element;
     displayName: string;
 };
 export declare const Header: React.ForwardRefExoticComponent<DivAttributes & HeaderProps & React.RefAttributes<HTMLDivElement>>;
@@ -52,7 +52,7 @@ export declare const MenuImperative: React.ForwardRefExoticComponent<MenuProps &
     Item: PolymorphicAs.ComponentWithForwardedRef<MenuItemProps, "div">;
     Options: React.ForwardRefExoticComponent<OptionsProps & React.RefAttributes<HTMLDivElement>>;
     Search: {
-        ({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): JSX.Element;
+        ({ className, i18nScope, placeholder, onChange: _onChange, ...props }: MenuSearchProps): React.JSX.Element;
         displayName: string;
     };
 };