@wix/form-public 0.124.0 → 0.126.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { initReactI18next } from 'react-i18next';
 import i18next from 'i18next';
-import * as React44 from 'react';
-import React44__default, { createContext, useMemo, useRef, useCallback, useState, useEffect, Children, isValidElement, cloneElement, useContext, useImperativeHandle, useLayoutEffect } from 'react';
+import * as React45 from 'react';
+import React45__default, { createContext, useMemo, useRef, useCallback, useState, useEffect, Children, isValidElement, cloneElement, useContext, useImperativeHandle, useLayoutEffect } from 'react';
 import camelCase from 'lodash.camelcase';
 import mapKeys from 'lodash.mapkeys';
 import { jsx } from 'react/jsx-runtime';
@@ -2044,7 +2044,7 @@ var init_wix_rich_content_common = __esm({
 var RicosViewerContext;
 var init_ViewerContext = __esm({
   "../../node_modules/@wix/ricos/dist/es/ricos-context/viewer/ViewerContext.js"() {
-    RicosViewerContext = React44__default.createContext(null);
+    RicosViewerContext = React45__default.createContext(null);
   }
 });
 
@@ -2057,7 +2057,7 @@ var init_viewer = __esm({
 var AddSmall, AddSmall_default;
 var init_AddSmall = __esm({
   "../../node_modules/@wix/wix-ui-icons-common/dist/esm/default/general/dist/components/AddSmall.js"() {
-    AddSmall = ({ size, ...props }) => /* @__PURE__ */ React44.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React44.createElement("path", { d: "M10 9 10 5 9 5 9 9 5 9 5 10 9 10 9 14 10 14 10 10 14 10 14 9z" }));
+    AddSmall = ({ size, ...props }) => /* @__PURE__ */ React45.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React45.createElement("path", { d: "M10 9 10 5 9 5 9 9 5 9 5 10 9 10 9 14 10 14 10 10 14 10 14 9z" }));
     AddSmall.displayName = "AddSmall";
     AddSmall_default = AddSmall;
   }
@@ -2065,7 +2065,7 @@ var init_AddSmall = __esm({
 var DeleteSmall, DeleteSmall_default;
 var init_DeleteSmall = __esm({
   "../../node_modules/@wix/wix-ui-icons-common/dist/esm/default/general/dist/components/DeleteSmall.js"() {
-    DeleteSmall = ({ size, ...props }) => /* @__PURE__ */ React44.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React44.createElement("path", { d: "M13,6 L13,13 C13,14.1045695 12.1045695,15 11,15 L7,15 C5.8954305,15 5,14.1045695 5,13 L5,6 L4,6 L4,5 L7,5 L7,4 C7,3.44771525 7.44771525,3 8,3 L10,3 C10.5522847,3 11,3.44771525 11,4 L11,5 L14,5 L14,6 L13,6 Z M6,6 L6,13 C6,13.5522847 6.44771525,14 7,14 L11,14 C11.5522847,14 12,13.5522847 12,13 L12,6 L6,6 Z M8,4 L8,5 L10,5 L10,4 L8,4 Z" }));
+    DeleteSmall = ({ size, ...props }) => /* @__PURE__ */ React45.createElement("svg", { viewBox: "0 0 18 18", fill: "currentColor", width: size || "18", height: size || "18", ...props }, /* @__PURE__ */ React45.createElement("path", { d: "M13,6 L13,13 C13,14.1045695 12.1045695,15 11,15 L7,15 C5.8954305,15 5,14.1045695 5,13 L5,6 L4,6 L4,5 L7,5 L7,4 C7,3.44771525 7.44771525,3 8,3 L10,3 C10.5522847,3 11,3.44771525 11,4 L11,5 L14,5 L14,6 L13,6 Z M6,6 L6,13 C6,13.5522847 6.44771525,14 7,14 L11,14 C11.5522847,14 12,13.5522847 12,13 L12,6 L6,6 Z M8,4 L8,5 L10,5 L10,4 L8,4 Z" }));
     DeleteSmall.displayName = "DeleteSmall";
     DeleteSmall_default = DeleteSmall;
   }
@@ -2073,7 +2073,7 @@ var init_DeleteSmall = __esm({
 var Globe, Globe_default;
 var init_Globe = __esm({
   "../../node_modules/@wix/wix-ui-icons-common/dist/esm/default/general/dist/components/Globe.js"() {
-    Globe = ({ size, ...props }) => /* @__PURE__ */ React44.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React44.createElement("path", { d: "M4.427 15h2.77C7.07 14.21 7 13.37 7 12.5c0-.87.07-1.71.198-2.5H4.427A7.488 7.488 0 0 0 4 12.5c0 .877.15 1.718.427 2.5Zm.438 1a7.524 7.524 0 0 0 4.14 3.575c-.698-.88-1.258-2.118-1.607-3.575H4.865Zm13.708-1A7.487 7.487 0 0 0 19 12.5a7.47 7.47 0 0 0-.427-2.5h-2.77c.128.79.197 1.63.197 2.5 0 .87-.07 1.71-.198 2.5h2.771Zm-.438 1h-2.533c-.349 1.457-.91 2.695-1.607 3.575A7.525 7.525 0 0 0 18.135 16Zm-9.923-1h6.576c.136-.778.212-1.619.212-2.5s-.076-1.722-.212-2.5H8.212A14.535 14.535 0 0 0 8 12.5c0 .881.076 1.722.212 2.5Zm.217 1c.624 2.4 1.842 4 3.071 4 1.23 0 2.447-1.6 3.071-4H8.43ZM4.865 9h2.533c.349-1.457.91-2.695 1.607-3.575A7.524 7.524 0 0 0 4.865 9Zm13.27 0a7.525 7.525 0 0 0-4.14-3.575c.698.88 1.258 2.118 1.607 3.575h2.533ZM8.429 9h6.142c-.624-2.4-1.842-4-3.071-4-1.23 0-2.447 1.6-3.071 4ZM11.5 21a8.5 8.5 0 1 1 0-17 8.5 8.5 0 0 1 0 17Z" }));
+    Globe = ({ size, ...props }) => /* @__PURE__ */ React45.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React45.createElement("path", { d: "M4.427 15h2.77C7.07 14.21 7 13.37 7 12.5c0-.87.07-1.71.198-2.5H4.427A7.488 7.488 0 0 0 4 12.5c0 .877.15 1.718.427 2.5Zm.438 1a7.524 7.524 0 0 0 4.14 3.575c-.698-.88-1.258-2.118-1.607-3.575H4.865Zm13.708-1A7.487 7.487 0 0 0 19 12.5a7.47 7.47 0 0 0-.427-2.5h-2.77c.128.79.197 1.63.197 2.5 0 .87-.07 1.71-.198 2.5h2.771Zm-.438 1h-2.533c-.349 1.457-.91 2.695-1.607 3.575A7.525 7.525 0 0 0 18.135 16Zm-9.923-1h6.576c.136-.778.212-1.619.212-2.5s-.076-1.722-.212-2.5H8.212A14.535 14.535 0 0 0 8 12.5c0 .881.076 1.722.212 2.5Zm.217 1c.624 2.4 1.842 4 3.071 4 1.23 0 2.447-1.6 3.071-4H8.43ZM4.865 9h2.533c.349-1.457.91-2.695 1.607-3.575A7.524 7.524 0 0 0 4.865 9Zm13.27 0a7.525 7.525 0 0 0-4.14-3.575c.698.88 1.258 2.118 1.607 3.575h2.533ZM8.429 9h6.142c-.624-2.4-1.842-4-3.071-4-1.23 0-2.447 1.6-3.071 4ZM11.5 21a8.5 8.5 0 1 1 0-17 8.5 8.5 0 0 1 0 17Z" }));
     Globe.displayName = "Globe";
     Globe_default = Globe;
   }
@@ -2081,7 +2081,7 @@ var init_Globe = __esm({
 var StatusAlert, StatusAlert_default;
 var init_StatusAlert = __esm({
   "../../node_modules/@wix/wix-ui-icons-common/dist/esm/default/general/dist/components/StatusAlert.js"() {
-    StatusAlert = ({ size, ...props }) => /* @__PURE__ */ React44.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React44.createElement("path", { d: "M12,21 C7.02943725,21 3,16.9705627 3,12 C3,7.02943725 7.02943725,3 12,3 C16.9705627,3 21,7.02943725 21,12 C21,16.9705627 16.9705627,21 12,21 Z M12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 Z M12.7287834,7.27532214 C12.9203342,7.46687299 13.0199347,7.73174979 13.0020527,8.00205275 L13.0020527,12.0020527 C13.0199347,12.2723557 12.9203342,12.5372325 12.7287834,12.7287834 C12.5372325,12.9203342 12.2723557,13.0199347 12.0020527,13.0020527 C11.7317498,13.0199347 11.466873,12.9203342 11.2753221,12.7287834 C11.0837713,12.5372325 10.9841708,12.2723557 11.0020527,12.0020527 L11.0020527,8.00205275 C10.9841708,7.73174979 11.0837713,7.46687299 11.2753221,7.27532214 C11.466873,7.08377129 11.7317498,6.98417081 12.0020527,7.00205275 C12.2723557,6.98417081 12.5372325,7.08377129 12.7287834,7.27532214 Z M12.7287834,15.2753221 C12.9203342,15.466873 13.0199347,15.7317498 13.0020527,16.0020527 C13.0199347,16.2723557 12.9203342,16.5372325 12.7287834,16.7287834 C12.5372325,16.9203342 12.2723557,17.0199347 12.0020527,17.0020527 C11.7317498,17.0199347 11.466873,16.9203342 11.2753221,16.7287834 C11.0837713,16.5372325 10.9841708,16.2723557 11.0020527,16.0020527 C10.9841708,15.7317498 11.0837713,15.466873 11.2753221,15.2753221 C11.466873,15.0837713 11.7317498,14.9841708 12.0020527,15.0020527 C12.2723557,14.9841708 12.5372325,15.0837713 12.7287834,15.2753221 Z" }));
+    StatusAlert = ({ size, ...props }) => /* @__PURE__ */ React45.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React45.createElement("path", { d: "M12,21 C7.02943725,21 3,16.9705627 3,12 C3,7.02943725 7.02943725,3 12,3 C16.9705627,3 21,7.02943725 21,12 C21,16.9705627 16.9705627,21 12,21 Z M12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 Z M12.7287834,7.27532214 C12.9203342,7.46687299 13.0199347,7.73174979 13.0020527,8.00205275 L13.0020527,12.0020527 C13.0199347,12.2723557 12.9203342,12.5372325 12.7287834,12.7287834 C12.5372325,12.9203342 12.2723557,13.0199347 12.0020527,13.0020527 C11.7317498,13.0199347 11.466873,12.9203342 11.2753221,12.7287834 C11.0837713,12.5372325 10.9841708,12.2723557 11.0020527,12.0020527 L11.0020527,8.00205275 C10.9841708,7.73174979 11.0837713,7.46687299 11.2753221,7.27532214 C11.466873,7.08377129 11.7317498,6.98417081 12.0020527,7.00205275 C12.2723557,6.98417081 12.5372325,7.08377129 12.7287834,7.27532214 Z M12.7287834,15.2753221 C12.9203342,15.466873 13.0199347,15.7317498 13.0020527,16.0020527 C13.0199347,16.2723557 12.9203342,16.5372325 12.7287834,16.7287834 C12.5372325,16.9203342 12.2723557,17.0199347 12.0020527,17.0020527 C11.7317498,17.0199347 11.466873,16.9203342 11.2753221,16.7287834 C11.0837713,16.5372325 10.9841708,16.2723557 11.0020527,16.0020527 C10.9841708,15.7317498 11.0837713,15.466873 11.2753221,15.2753221 C11.466873,15.0837713 11.7317498,14.9841708 12.0020527,15.0020527 C12.2723557,14.9841708 12.5372325,15.0837713 12.7287834,15.2753221 Z" }));
     StatusAlert.displayName = "StatusAlert";
     StatusAlert_default = StatusAlert;
   }
@@ -25876,7 +25876,7 @@ var FormStatusProvider = (_ref) => {
       setFormStatus
     };
   }, [currentFormStatus, setFormStatus]);
-  return /* @__PURE__ */ React44__default.createElement(FormStatusContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(FormStatusContext.Provider, {
     value: contextValue
   }, children);
 };
@@ -25961,7 +25961,7 @@ var link_viewer_default = {
 // ../../node_modules/@wix/ricos/dist/es/plugin-link/nodeViewDecorators/anchor.js
 var decorator = (anchorDecoration, element) => {
   const { anchor } = anchorDecoration.anchorData;
-  return /* @__PURE__ */ React44__default.createElement(
+  return /* @__PURE__ */ React45__default.createElement(
     "a",
     {
       key: `anchor-${element?.key}`,
@@ -26014,7 +26014,7 @@ var decorator2 = (element, linkDecoration, contextualData, node) => {
     type: Node_Type.TEXT,
     textData: node.textData
   });
-  return /* @__PURE__ */ React44__default.createElement(
+  return /* @__PURE__ */ React45__default.createElement(
     "a",
     {
       key: `link=${element.key}`,
@@ -26073,7 +26073,7 @@ var htmlAttributesPlugin = (_) => ({
   type: "",
   nodeViewDecorators: [htmlAttributesDecorator],
   nodeViewRenderers: {
-    [Node_Type.EXTERNAL]: (__) => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null)
+    [Node_Type.EXTERNAL]: (__) => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null)
   }
 });
 var htmlAttributesDecorator = {
@@ -26084,13 +26084,13 @@ var htmlAttributesDecorator = {
       node
     } = _ref;
     if (((_node$textData = node.textData) == null ? void 0 : _node$textData.text) == null) {
-      return /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null);
+      return /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null);
     }
     const props = Object.fromEntries(Object.entries(((_node$externalData = node.externalData) == null ? void 0 : _node$externalData.fields) ?? []).map((_ref2) => {
       let [k, v] = _ref2;
       return [k, v.stringValue];
     }));
-    return /* @__PURE__ */ React44__default.createElement("span", props, (_node$textData2 = node.textData) == null ? void 0 : _node$textData2.text);
+    return /* @__PURE__ */ React45__default.createElement("span", props, (_node$textData2 = node.textData) == null ? void 0 : _node$textData2.text);
   }
 };
 
@@ -26109,10 +26109,10 @@ var RicosViewer = (_ref) => {
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className: (0, import_classnames3.default)(ricos_viewer_module_default.container, className),
     "data-hook": dataHook
-  }, /* @__PURE__ */ React44__default.createElement(WixRicosViewer, {
+  }, /* @__PURE__ */ React45__default.createElement(WixRicosViewer, {
     biSettings: {
       consumer: "Forms",
       platform: "Livesite",
@@ -26126,7 +26126,7 @@ var RicosViewer = (_ref) => {
     locale
   }));
 };
-var ricos_viewer_default = /* @__PURE__ */ React44__default.memo(RicosViewer);
+var ricos_viewer_default = /* @__PURE__ */ React45__default.memo(RicosViewer);
 var UniqueFieldSuffixContext = /* @__PURE__ */ createContext(void 0);
 var UniqueFieldSuffixContextProvider = (_ref) => {
   let {
@@ -26137,7 +26137,7 @@ var UniqueFieldSuffixContextProvider = (_ref) => {
     compId = "comp"
   } = useConfig();
   const uniqueId = `${compId}-${parentId.split("-").at(0)}`;
-  return /* @__PURE__ */ React44__default.createElement(UniqueFieldSuffixContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(UniqueFieldSuffixContext.Provider, {
     value: uniqueId
   }, children);
 };
@@ -26153,14 +26153,14 @@ var FocusedFieldProvider = (_ref) => {
   let {
     children
   } = _ref;
-  const [focusedFieldId, setFocusedFieldId] = React44__default.useState(void 0);
+  const [focusedFieldId, setFocusedFieldId] = React45__default.useState(void 0);
   const contextValue = useMemo(() => {
     return {
       focusedFieldId,
       setFocusedFieldId
     };
   }, [focusedFieldId, setFocusedFieldId]);
-  return /* @__PURE__ */ React44__default.createElement(FocusedFieldContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(FocusedFieldContext.Provider, {
     value: contextValue
   }, children);
 };
@@ -26188,7 +26188,7 @@ var EventsProvider = (_ref) => {
       setSubmittedValues(values || {});
     }
   }), [submitSuccessCounter, submittedValues]);
-  return /* @__PURE__ */ React44__default.createElement(EventsContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(EventsContext.Provider, {
     value
   }, children);
 };
@@ -26268,9 +26268,9 @@ var ScrollProvider = (_ref) => {
       }
     }
   }), []);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     ref: scrollViewRef
-  }, /* @__PURE__ */ React44__default.createElement(ScrollContext.Provider, {
+  }, /* @__PURE__ */ React45__default.createElement(ScrollContext.Provider, {
     value
   }, children));
 };
@@ -26471,7 +26471,7 @@ var ExternalDataProvider = (_ref) => {
     children,
     externalData
   } = _ref;
-  return /* @__PURE__ */ React44__default.createElement(ExternalDataContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(ExternalDataContext.Provider, {
     value: externalData ?? FALLBACK
   }, children);
 };
@@ -27320,9 +27320,9 @@ var InputField = (_ref) => {
   if (!FieldComponent) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement(FieldAttributesContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(FieldAttributesContext.Provider, {
     value: fieldAttributes
-  }, /* @__PURE__ */ React44__default.createElement(FieldPropsContext.Provider, {
+  }, /* @__PURE__ */ React45__default.createElement(FieldPropsContext.Provider, {
     value: {
       ...propsMapper({
         ...field.properties,
@@ -27344,7 +27344,7 @@ var InputField = (_ref) => {
       errorMessage,
       v2: fieldProps
     }
-  }, /* @__PURE__ */ React44__default.createElement(FieldComponent, fieldProps)));
+  }, /* @__PURE__ */ React45__default.createElement(FieldComponent, fieldProps)));
 };
 var ReadOnlyField = (_ref) => {
   let {
@@ -27372,7 +27372,7 @@ var ReadOnlyField = (_ref) => {
     requiredIndicatorType: requiredIndicator,
     requiredIndicatorPlacement
   };
-  return /* @__PURE__ */ React44__default.createElement(FieldPropsContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(FieldPropsContext.Provider, {
     value: {
       ...propsMapper({
         ...field.properties,
@@ -27384,7 +27384,7 @@ var ReadOnlyField = (_ref) => {
       }),
       v2: fieldProps
     }
-  }, /* @__PURE__ */ React44__default.createElement(FieldComponent, fieldProps));
+  }, /* @__PURE__ */ React45__default.createElement(FieldComponent, fieldProps));
 };
 
 // ../form-fields/dist/esm/ui/form/components/form/nested-form-field.js
@@ -27434,7 +27434,7 @@ var NestedFormField = (_ref) => {
     requiredIndicatorType: requiredIndicator,
     requiredIndicatorPlacement
   };
-  return /* @__PURE__ */ React44__default.createElement(FieldPropsContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(FieldPropsContext.Provider, {
     value: {
       ...propsMapper({
         ...field.properties,
@@ -27452,7 +27452,7 @@ var NestedFormField = (_ref) => {
       onChange: handleChange,
       v2: fieldProps
     }
-  }, /* @__PURE__ */ React44__default.createElement(FieldComponent, fieldProps));
+  }, /* @__PURE__ */ React45__default.createElement(FieldComponent, fieldProps));
 };
 var FieldActionsContext = /* @__PURE__ */ createContext({});
 function useFieldActions() {
@@ -27580,7 +27580,7 @@ var SubmitButtonField = (_ref) => {
     onPreviousClick: () => actions == null ? void 0 : actions.setPreviousStep(),
     onNextClick: () => actions == null ? void 0 : actions.setNextStep()
   };
-  return /* @__PURE__ */ React44__default.createElement(FieldPropsContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(FieldPropsContext.Provider, {
     value: {
       ...propsMapper({
         ...field.properties,
@@ -27602,7 +27602,7 @@ var SubmitButtonField = (_ref) => {
       }),
       v2: fieldProps
     }
-  }, /* @__PURE__ */ React44__default.createElement(FieldComponent, fieldProps));
+  }, /* @__PURE__ */ React45__default.createElement(FieldComponent, fieldProps));
 };
 
 // ../form-fields/dist/esm/services/multiline-address.js
@@ -27619,24 +27619,24 @@ var FormField = (_ref) => {
     ...rest
   } = _ref;
   if (!isMultilineAddressField(field) && isNestedFormField(field)) {
-    return /* @__PURE__ */ React44__default.createElement(NestedFormField, _extends({}, rest, {
+    return /* @__PURE__ */ React45__default.createElement(NestedFormField, _extends({}, rest, {
       field,
       FieldLayout
     }));
   }
   if (isInputField(field)) {
-    return /* @__PURE__ */ React44__default.createElement(InputField, _extends({}, rest, {
+    return /* @__PURE__ */ React45__default.createElement(InputField, _extends({}, rest, {
       field,
       FieldLayout
     }));
   }
   if (field.fieldType === "SUBMIT_BUTTON") {
-    return /* @__PURE__ */ React44__default.createElement(SubmitButtonField, _extends({}, rest, {
+    return /* @__PURE__ */ React45__default.createElement(SubmitButtonField, _extends({}, rest, {
       field,
       FieldLayout
     }));
   }
-  return /* @__PURE__ */ React44__default.createElement(ReadOnlyField, _extends({}, rest, {
+  return /* @__PURE__ */ React45__default.createElement(ReadOnlyField, _extends({}, rest, {
     field,
     FieldLayout
   }));
@@ -27669,19 +27669,19 @@ var createFormFields = (_ref) => {
     fieldActions
   } = _ref;
   return form.fields.map((formField) => {
-    const component = /* @__PURE__ */ React44__default.createElement(FormContext.Provider, {
+    const component = /* @__PURE__ */ React45__default.createElement(FormContext.Provider, {
       value: formSchema
-    }, /* @__PURE__ */ React44__default.createElement(FormFieldsContext.Provider, {
+    }, /* @__PURE__ */ React45__default.createElement(FormFieldsContext.Provider, {
       value: fields
-    }, /* @__PURE__ */ React44__default.createElement(FieldActionsContext.Provider, {
+    }, /* @__PURE__ */ React45__default.createElement(FieldActionsContext.Provider, {
       value: fieldActions
-    }, /* @__PURE__ */ React44__default.createElement(FieldValidationContext.Provider, {
+    }, /* @__PURE__ */ React45__default.createElement(FieldValidationContext.Provider, {
       value: {
         validateFields: validateFields2
       }
-    }, /* @__PURE__ */ React44__default.createElement(FormViewContext.Provider, {
+    }, /* @__PURE__ */ React45__default.createElement(FormViewContext.Provider, {
       value: form
-    }, /* @__PURE__ */ React44__default.createElement(FormField, {
+    }, /* @__PURE__ */ React45__default.createElement(FormField, {
       key: formField.id,
       field: formField,
       values,
@@ -27730,7 +27730,7 @@ var Focusable = (_ref) => {
       scrollTo(viewRef.current);
     }
   }, [scrollTo, fieldId, focusedFieldId]);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     ref: viewRef
   }, children);
 };
@@ -27753,16 +27753,16 @@ var Grid = (_ref) => {
     enableAnimations
   } = useConfig();
   const reactElementsByRow = getReactElementsByRow(items);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className: grid_module_default.container,
     dir: isRTL ? "rtl" : ""
   }, reactElementsByRow.map((rowData, index) => {
     const fieldId = rowData.firstFieldId;
     const key = isMobile2 && fieldId || index;
-    return /* @__PURE__ */ React44__default.createElement(Focusable, {
+    return /* @__PURE__ */ React45__default.createElement(Focusable, {
       key: fieldId,
       fieldId
-    }, /* @__PURE__ */ React44__default.createElement("div", {
+    }, /* @__PURE__ */ React45__default.createElement("div", {
       key,
       style: getGridStyle({
         layout
@@ -27776,7 +27776,7 @@ var Grid = (_ref) => {
 function getReactElementsByRow(items) {
   const reactElementsByRow = items.reduce((result2, item) => {
     const row = item.layout.row;
-    const element = /* @__PURE__ */ React44__default.cloneElement(item.component, {
+    const element = /* @__PURE__ */ React45__default.cloneElement(item.component, {
       key: item.id
     });
     if (result2[row]) {
@@ -27842,7 +27842,7 @@ var DefaultFieldLayout = (_ref) => {
     layout
   });
   if ("children" in rest) {
-    return /* @__PURE__ */ React44__default.createElement("div", _extends({
+    return /* @__PURE__ */ React45__default.createElement("div", _extends({
       style: gridStyles.container
     }, dataAttributes), rest.children);
   }
@@ -27851,9 +27851,9 @@ var DefaultFieldLayout = (_ref) => {
     renderInput,
     renderDescription
   } = rest;
-  return /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, /* @__PURE__ */ React45__default.createElement("div", {
     style: gridStyles.label
-  }, renderLabel()), /* @__PURE__ */ React44__default.createElement("div", _extends({
+  }, renderLabel()), /* @__PURE__ */ React45__default.createElement("div", _extends({
     style: gridStyles.input
   }, dataAttributes), renderInput(), renderDescription()));
 };
@@ -27884,18 +27884,18 @@ var FormRoot = (_ref) => {
     fields,
     fieldActions
   });
-  return /* @__PURE__ */ React44__default.createElement(Grid, {
+  return /* @__PURE__ */ React45__default.createElement(Grid, {
     isRTL,
     items: formFields,
     layout: form.grid
   });
 };
 var Form = (props) => {
-  return /* @__PURE__ */ React44__default.createElement(FormViewContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(FormViewContext.Provider, {
     value: props.form
-  }, /* @__PURE__ */ React44__default.createElement(UniqueFieldSuffixContextProvider, {
+  }, /* @__PURE__ */ React45__default.createElement(UniqueFieldSuffixContextProvider, {
     parentId: props.form.parentId
-  }, /* @__PURE__ */ React44__default.createElement(FormRoot, props)));
+  }, /* @__PURE__ */ React45__default.createElement(FormRoot, props)));
 };
 
 // ../form-fields/dist/esm/services/get-image-url.js
@@ -30943,19 +30943,19 @@ var useValidation = ({ form, errorsRef, setErrors, validationMode }) => {
   }, [form, setErrors, handleFieldValidation]);
   return { validateFields: validateFields2, validateStep, handleFieldValidation };
 };
-var Delete = ({ size, ...props }) => /* @__PURE__ */ React44.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React44.createElement("path", { fillRule: "evenodd", d: "M13.5,3 C14.327,3 15,3.673 15,4.5 L15,4.5 L15,5 L19,5 L19,6 L18,6 L18,17.5 C18,18.879 16.878,20 15.5,20 L15.5,20 L7.5,20 C6.122,20 5,18.879 5,17.5 L5,17.5 L5,6 L4,6 L4,5 L8,5 L8,4.5 C8,3.673 8.673,3 9.5,3 L9.5,3 Z M17,6 L6,6 L6,17.5 C6,18.327 6.673,19 7.5,19 L7.5,19 L15.5,19 C16.327,19 17,18.327 17,17.5 L17,17.5 L17,6 Z M10,9 L10,16 L9,16 L9,9 L10,9 Z M14,9 L14,16 L13,16 L13,9 L14,9 Z M13.5,4 L9.5,4 C9.224,4 9,4.225 9,4.5 L9,4.5 L9,5 L14,5 L14,4.5 C14,4.225 13.776,4 13.5,4 L13.5,4 Z" }));
+var Delete = ({ size, ...props }) => /* @__PURE__ */ React45.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React45.createElement("path", { fillRule: "evenodd", d: "M13.5,3 C14.327,3 15,3.673 15,4.5 L15,4.5 L15,5 L19,5 L19,6 L18,6 L18,17.5 C18,18.879 16.878,20 15.5,20 L15.5,20 L7.5,20 C6.122,20 5,18.879 5,17.5 L5,17.5 L5,6 L4,6 L4,5 L8,5 L8,4.5 C8,3.673 8.673,3 9.5,3 L9.5,3 Z M17,6 L6,6 L6,17.5 C6,18.327 6.673,19 7.5,19 L7.5,19 L15.5,19 C16.327,19 17,18.327 17,17.5 L17,17.5 L17,6 Z M10,9 L10,16 L9,16 L9,9 L10,9 Z M14,9 L14,16 L13,16 L13,9 L14,9 Z M13.5,4 L9.5,4 C9.224,4 9,4.225 9,4.5 L9,4.5 L9,5 L14,5 L14,4.5 C14,4.225 13.776,4 13.5,4 L13.5,4 Z" }));
 Delete.displayName = "Delete";
 var Delete_default = Delete;
-var Download = ({ size, ...props }) => /* @__PURE__ */ React44.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React44.createElement("path", { fillRule: "evenodd", d: "M4.9937,15.9971 L4.9937,18.4971 C4.9937,18.7721 5.2177,18.9971 5.4937,18.9971 L5.4937,18.9971 L17.4937,18.9971 C17.7697,18.9971 17.9937,18.7721 17.9937,18.4971 L17.9937,18.4971 L17.9937,15.9971 L18.9937,15.9971 L18.9937,18.4971 C18.9937,19.3241 18.3207,19.9971 17.4937,19.9971 L17.4937,19.9971 L5.4937,19.9971 C4.6657,19.9971 3.9937,19.3241 3.9937,18.4971 L3.9937,18.4971 L3.9937,15.9971 L4.9937,15.9971 Z M11.9933,4 L11.9933,14.078 L15.0293,11.043 L15.7363,11.75 L11.4933,15.992 L7.2513,11.75 L7.9583,11.043 L10.9933,14.078 L10.9933,4 L11.9933,4 Z" }));
+var Download = ({ size, ...props }) => /* @__PURE__ */ React45.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React45.createElement("path", { fillRule: "evenodd", d: "M4.9937,15.9971 L4.9937,18.4971 C4.9937,18.7721 5.2177,18.9971 5.4937,18.9971 L5.4937,18.9971 L17.4937,18.9971 C17.7697,18.9971 17.9937,18.7721 17.9937,18.4971 L17.9937,18.4971 L17.9937,15.9971 L18.9937,15.9971 L18.9937,18.4971 C18.9937,19.3241 18.3207,19.9971 17.4937,19.9971 L17.4937,19.9971 L5.4937,19.9971 C4.6657,19.9971 3.9937,19.3241 3.9937,18.4971 L3.9937,18.4971 L3.9937,15.9971 L4.9937,15.9971 Z M11.9933,4 L11.9933,14.078 L15.0293,11.043 L15.7363,11.75 L11.4933,15.992 L7.2513,11.75 L7.9583,11.043 L10.9933,14.078 L10.9933,4 L11.9933,4 Z" }));
 Download.displayName = "Download";
 var Download_default = Download;
-var Edit = ({ size, ...props }) => /* @__PURE__ */ React44.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React44.createElement("path", { fillRule: "evenodd", d: "M18.8525,7.543 L17.7515,8.644 L15.3565,6.248 L16.4575,5.147 C16.5555,5.05 16.6835,5.001 16.8105,5.001 C16.9385,5.001 17.0665,5.05 17.1645,5.147 L18.8525,6.835 C19.0475,7.03 19.0475,7.348 18.8525,7.543 L18.8525,7.543 Z M8.1895,18.206 C8.1185,18.276 8.0275,18.324 7.9295,18.344 L5.1275,18.873 L5.6575,16.07 C5.6755,15.972 5.7225,15.882 5.7945,15.811 L14.6495,6.955 L17.0445,9.351 L8.1895,18.206 Z M19.5595,6.128 L17.8715,4.44 C17.2865,3.856 16.3355,3.856 15.7505,4.44 L5.0875,15.103 C4.8735,15.317 4.7295,15.588 4.6745,15.886 L4.0085,19.407 C3.9775,19.569 4.0295,19.736 4.1465,19.854 C4.2415,19.948 4.3685,20 4.4995,20 C4.5305,20 4.5615,19.997 4.5925,19.991 L8.1165,19.326 C8.4145,19.269 8.6855,19.125 8.8965,18.912 L19.5595,8.25 C20.1445,7.665 20.1445,6.713 19.5595,6.128 L19.5595,6.128 Z" }));
+var Edit = ({ size, ...props }) => /* @__PURE__ */ React45.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React45.createElement("path", { fillRule: "evenodd", d: "M18.8525,7.543 L17.7515,8.644 L15.3565,6.248 L16.4575,5.147 C16.5555,5.05 16.6835,5.001 16.8105,5.001 C16.9385,5.001 17.0665,5.05 17.1645,5.147 L18.8525,6.835 C19.0475,7.03 19.0475,7.348 18.8525,7.543 L18.8525,7.543 Z M8.1895,18.206 C8.1185,18.276 8.0275,18.324 7.9295,18.344 L5.1275,18.873 L5.6575,16.07 C5.6755,15.972 5.7225,15.882 5.7945,15.811 L14.6495,6.955 L17.0445,9.351 L8.1895,18.206 Z M19.5595,6.128 L17.8715,4.44 C17.2865,3.856 16.3355,3.856 15.7505,4.44 L5.0875,15.103 C4.8735,15.317 4.7295,15.588 4.6745,15.886 L4.0085,19.407 C3.9775,19.569 4.0295,19.736 4.1465,19.854 C4.2415,19.948 4.3685,20 4.4995,20 C4.5305,20 4.5615,19.997 4.5925,19.991 L8.1165,19.326 C8.4145,19.269 8.6855,19.125 8.8965,18.912 L19.5595,8.25 C20.1445,7.665 20.1445,6.713 19.5595,6.128 L19.5595,6.128 Z" }));
 Edit.displayName = "Edit";
 var Edit_default = Edit;
-var ErrorSmall = ({ size, ...props }) => /* @__PURE__ */ React44.createElement("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: size || "20", height: size || "20", ...props }, /* @__PURE__ */ React44.createElement("path", { fillRule: "evenodd", d: "M9.5,3 C13.084,3 16,5.916 16,9.5 C16,13.084 13.084,16 9.5,16 C5.916,16 3,13.084 3,9.5 C3,5.916 5.916,3 9.5,3 Z M9.5,4 C6.467,4 4,6.467 4,9.5 C4,12.533 6.467,15 9.5,15 C12.533,15 15,12.533 15,9.5 C15,6.467 12.533,4 9.5,4 Z M10,11 L10,12 L9,12 L9,11 L10,11 Z M10,7 L10,10 L9,10 L9,7 L10,7 Z" }));
+var ErrorSmall = ({ size, ...props }) => /* @__PURE__ */ React45.createElement("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: size || "20", height: size || "20", ...props }, /* @__PURE__ */ React45.createElement("path", { fillRule: "evenodd", d: "M9.5,3 C13.084,3 16,5.916 16,9.5 C16,13.084 13.084,16 9.5,16 C5.916,16 3,13.084 3,9.5 C3,5.916 5.916,3 9.5,3 Z M9.5,4 C6.467,4 4,6.467 4,9.5 C4,12.533 6.467,15 9.5,15 C12.533,15 15,12.533 15,9.5 C15,6.467 12.533,4 9.5,4 Z M10,11 L10,12 L9,12 L9,11 L10,11 Z M10,7 L10,10 L9,10 L9,7 L10,7 Z" }));
 ErrorSmall.displayName = "ErrorSmall";
 var ErrorSmall_default = ErrorSmall;
-var TextStyleSmall = ({ size, ...props }) => /* @__PURE__ */ React44.createElement("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: size || "20", height: size || "20", ...props }, /* @__PURE__ */ React44.createElement("path", { fillRule: "evenodd", d: "M12,4 L12,5 L8,5 L8,16 L7,16 L7,5 L3,5 L3,4 L12,4 Z M18,8 L18,9 L15,9 L15,16 L14,16 L14,9 L11,9 L11,8 L18,8 Z" }));
+var TextStyleSmall = ({ size, ...props }) => /* @__PURE__ */ React45.createElement("svg", { viewBox: "0 0 20 20", fill: "currentColor", width: size || "20", height: size || "20", ...props }, /* @__PURE__ */ React45.createElement("path", { fillRule: "evenodd", d: "M12,4 L12,5 L8,5 L8,16 L7,16 L7,5 L3,5 L3,4 L12,4 Z M18,8 L18,9 L15,9 L15,16 L14,16 L14,9 L11,9 L11,8 L18,8 Z" }));
 TextStyleSmall.displayName = "TextStyleSmall";
 var TextStyleSmall_default = TextStyleSmall;
 var SubmitStatusContext = createContext(void 0);
@@ -30971,7 +30971,7 @@ var SubmitStatusProvider = ({ children }) => {
     setSubmitFailureCode,
     setSubmitFailureMessage
   }), [submitSuccessMessage, submitFailureCode, submitFailureMessage]);
-  return React44__default.createElement(SubmitStatusContext.Provider, { value }, children);
+  return React45__default.createElement(SubmitStatusContext.Provider, { value }, children);
 };
 var useSubmitStatus = () => {
   const context = useContext(SubmitStatusContext);
@@ -32830,6 +32830,10 @@ var useFormBi = (form, bi, biFormFillSessionId) => {
     formEditSessionId
   ]);
 };
+var HostContext = React45__default.createContext(void 0);
+React45__default.memo(({ children, host }) => {
+  return React45__default.createElement(HostContext.Provider, { value: host }, children);
+});
 
 // ../form-viewer/dist/esm/components/root/form-viewer-provider.js
 var FormViewerProvider = ({ i18n, bi, biFormFillSessionId, form, isMobile: isMobile2, isEditor, isComposer, isRTL, compId, locale, regionalFormat, externalData, forcedState, instance, children, httpClient, panorama, experiments, translationNamespace, currency, userData, WixRicosViewer, addressTemplates, atlasBaseUrl, fieldInitialData, enableAnimations }) => {
@@ -32838,6 +32842,7 @@ var FormViewerProvider = ({ i18n, bi, biFormFillSessionId, form, isMobile: isMob
     i18n
   }), [locale, i18n, translationNamespace]);
   const formBi = useFormBi(form, bi, biFormFillSessionId);
+  const host = useContext(HostContext) ?? {};
   const config = useMemo(() => ({
     locale,
     regionalFormat,
@@ -32850,7 +32855,8 @@ var FormViewerProvider = ({ i18n, bi, biFormFillSessionId, form, isMobile: isMob
     isEditor,
     isComposer,
     isRTL,
-    enableAnimations
+    enableAnimations,
+    style: host?.style
   }), [
     locale,
     regionalFormat,
@@ -32863,58 +32869,59 @@ var FormViewerProvider = ({ i18n, bi, biFormFillSessionId, form, isMobile: isMob
     isEditor,
     isComposer,
     isRTL,
-    enableAnimations
+    enableAnimations,
+    host?.style
   ]);
   const forcedViewState = useMemo(() => forcedState ?? [], [forcedState]);
-  return React44__default.createElement(
+  return React45__default.createElement(
     HttpClientContext.Provider,
     { value: { httpClient } },
-    React44__default.createElement(
+    React45__default.createElement(
       PanoramaContext.Provider,
       { value: { panorama } },
-      React44__default.createElement(
+      React45__default.createElement(
         TranslationContext.Provider,
         { value: translations },
-        React44__default.createElement(
+        React45__default.createElement(
           ScrollProvider,
           null,
-          React44__default.createElement(
+          React45__default.createElement(
             FocusedFieldProvider,
             null,
-            React44__default.createElement(
+            React45__default.createElement(
               FieldInitialDataContext.Provider,
               { value: fieldInitialData },
-              React44__default.createElement(
+              React45__default.createElement(
                 BiContext.Provider,
                 { value: formBi },
-                React44__default.createElement(
+                React45__default.createElement(
                   ExternalDataProvider,
                   { externalData },
-                  React44__default.createElement(
+                  React45__default.createElement(
                     ConfigContext.Provider,
                     { value: config },
-                    React44__default.createElement(
+                    React45__default.createElement(
                       ForcedStateContext.Provider,
                       { value: forcedViewState },
-                      React44__default.createElement(
+                      React45__default.createElement(
                         FormContext.Provider,
                         { value: form },
-                        React44__default.createElement(
+                        React45__default.createElement(
                           AddressFormsContext.Provider,
                           { value: {
                             getCountryAddressForm: (country) => getAddressForm(addressTemplates, country),
                             addressTemplates
                           } },
-                          React44__default.createElement(
+                          React45__default.createElement(
                             ExperimentsContext.Provider,
                             { value: experiments },
-                            React44__default.createElement(
+                            React45__default.createElement(
                               EventsProvider,
                               null,
-                              React44__default.createElement(
+                              React45__default.createElement(
                                 WixRicosViewerContext.Provider,
                                 { value: WixRicosViewer },
-                                React44__default.createElement(SubmitStatusProvider, null, children)
+                                React45__default.createElement(SubmitStatusProvider, null, children)
                               )
                             )
                           )
@@ -33116,7 +33123,7 @@ var useForm3 = ({
       if (!fieldsByRow.has(row)) {
         fieldsByRow.set(row, []);
       }
-      fieldsByRow.get(row).push(React44__default.cloneElement(component, { key: field.id }));
+      fieldsByRow.get(row).push(React45__default.cloneElement(component, { key: field.id }));
     });
     return Array.from(fieldsByRow.entries()).sort(([rowA], [rowB]) => rowA - rowB).map(([_, elements]) => elements);
   }, [formFields, currentView.fields]);
@@ -33267,10 +33274,10 @@ var Description = (_ref) => {
   if (!description) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className,
     id: descriptionId
-  }, /* @__PURE__ */ React44__default.createElement(ricos_viewer_default, {
+  }, /* @__PURE__ */ React45__default.createElement(ricos_viewer_default, {
     content: description
   }));
 };
@@ -33289,11 +33296,11 @@ var Error2 = (_ref) => {
   if (!hasError) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     id: errorId,
     "data-hook": getErrorDataHook(target),
     className
-  }, /* @__PURE__ */ React44__default.createElement(ErrorSmall_default, {
+  }, /* @__PURE__ */ React45__default.createElement(ErrorSmall_default, {
     "aria-hidden": true
   }), errorMessage ?? "");
 };
@@ -33375,7 +33382,7 @@ var RichLabel = (_ref) => {
     const indicatorNode = createIndicatorNode(requiredIndicatorType, t, requiredClassName);
     return injectRequiredIndicator(label, requiredIndicatorPlacement, indicatorNode);
   }, [required, requiredIndicatorHidden, label, requiredIndicatorType, requiredIndicatorPlacement, t, requiredClassName]);
-  return /* @__PURE__ */ React44__default.createElement(ricos_viewer_default, {
+  return /* @__PURE__ */ React45__default.createElement(ricos_viewer_default, {
     content: labelWithIndicator,
     className
   });
@@ -33391,12 +33398,12 @@ var Required = (_ref2) => {
     requiredIndicatorType
   } = useFieldPropsV2();
   if (requiredIndicatorType === RequiredIndicator.TEXT) {
-    return /* @__PURE__ */ React44__default.createElement("span", {
+    return /* @__PURE__ */ React45__default.createElement("span", {
       className,
       "aria-hidden": "true"
     }, t("settings.required-indicator-text"));
   }
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     className,
     "aria-hidden": "true"
   }, "*");
@@ -33415,11 +33422,11 @@ var Checkbox = (_ref) => {
   const checkboxElement = findChildOfType(children, Checkbox.Checkbox);
   const descriptionElement = findChildOfType(children, Checkbox.Description);
   const errorElement = findChildOfType(children, Checkbox.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => null,
     renderInput: () => checkboxElement,
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var CheckboxContainer = (_ref2) => {
@@ -33450,7 +33457,7 @@ var CheckboxContainer = (_ref2) => {
   const handleChange = useCallback((isSelected) => {
     onChange(isSelected);
   }, [onChange]);
-  return /* @__PURE__ */ React44__default.createElement(Checkbox$1, {
+  return /* @__PURE__ */ React45__default.createElement(Checkbox$1, {
     ref,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
@@ -33461,13 +33468,13 @@ var CheckboxContainer = (_ref2) => {
     onBlur,
     onFocus,
     className
-  }, () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, inputElement, labelElement));
+  }, () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, inputElement, labelElement));
 };
 var Input = (_ref3) => {
   let {
     className
   } = _ref3;
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     "aria-hidden": "true",
     className
   });
@@ -33515,12 +33522,12 @@ var Label = (_ref) => {
   const labelAfterRequiredIndicator = requiredIndicatorType === RequiredIndicator.ASTERISK && requiredIndicatorPlacement === RequiredIndicatorPlacement.BEFORE_FIELD_TITLE;
   const label = internalLabel ?? propsLabel;
   const labelContent = label || ZERO_WIDTH_SPACE;
-  return /* @__PURE__ */ React44__default.createElement(Tag5, {
+  return /* @__PURE__ */ React45__default.createElement(Tag5, {
     id: labelId,
     htmlFor: as === "label" ? inputId : void 0,
     className,
     style: hideLabel ? HIDDEN_LABEL_STYLE : void 0
-  }, labelAfterRequiredIndicator ? /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, requiredElement, labelContent) : /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, labelContent, requiredElement));
+  }, labelAfterRequiredIndicator ? /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, requiredElement, labelContent) : /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, labelContent, requiredElement));
 };
 var Required2 = (_ref2) => {
   let {
@@ -33533,12 +33540,12 @@ var Required2 = (_ref2) => {
     requiredIndicatorType
   } = useFieldPropsV2();
   if (requiredIndicatorType === RequiredIndicator.TEXT) {
-    return /* @__PURE__ */ React44__default.createElement("span", {
+    return /* @__PURE__ */ React45__default.createElement("span", {
       className,
       "aria-hidden": "true"
     }, t("settings.required-indicator-text"));
   }
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     className,
     "aria-hidden": "true"
   }, "*");
@@ -33605,7 +33612,7 @@ var FieldsetHeadless = (_ref) => {
     onBlur,
     onFocus
   });
-  return /* @__PURE__ */ React44__default.createElement("fieldset", {
+  return /* @__PURE__ */ React45__default.createElement("fieldset", {
     ref: containerRef,
     id,
     "aria-labelledby": ariaLabelledBy,
@@ -33700,24 +33707,24 @@ var CheckboxGroup = (_ref) => {
   const handleChange = useCallback((newValue) => {
     onChange == null || onChange(newValue);
   }, [onChange]);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(FieldsetHeadless, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(FieldsetHeadless, {
       id: inputId,
       ariaLabelledBy: labelId,
       ariaDescribedBy,
       required,
       onBlur,
       onFocus
-    }, /* @__PURE__ */ React44__default.createElement(CheckboxGroup$1, {
+    }, /* @__PURE__ */ React45__default.createElement(CheckboxGroup$1, {
       value: _value,
       onChange: handleChange,
       isDisabled: disabled,
       isRequired: required,
       isInvalid: hasError
     }, optionsElement)),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Options = (_ref2) => {
@@ -33730,15 +33737,17 @@ var Options = (_ref2) => {
     id,
     options,
     addOther,
-    addOtherLabel
+    addOtherLabel,
+    numberOfColumns
   } = props;
   const {
     t
   } = useTranslation();
   const optionElement = findChildOfType(children, Options.Option);
   const otherLabel = getOtherLabel(addOtherLabel, t);
-  return /* @__PURE__ */ React44__default.createElement("div", {
-    className
+  return /* @__PURE__ */ React45__default.createElement("div", {
+    className,
+    "data-columns": numberOfColumns
   }, options == null ? void 0 : options.map((option, index) => {
     const checkboxValue = option.value ?? option.label;
     return applyInternalProps(optionElement, {
@@ -33759,7 +33768,7 @@ var OptionInput = (_ref3) => {
   let {
     className
   } = _ref3;
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     "aria-hidden": "true",
     className
   });
@@ -33772,7 +33781,7 @@ var OptionLabel = (_ref4) => {
   const {
     label
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     className
   }, label);
 };
@@ -33825,7 +33834,7 @@ var Checkbox2 = (_ref5) => {
     const newValue = isSelected ? [...removedOther, label] : removedOther;
     onChange == null || onChange(newValue);
   }, [isOther, label, onChange, options, _value]);
-  return /* @__PURE__ */ React44__default.createElement(Checkbox$1, {
+  return /* @__PURE__ */ React45__default.createElement(Checkbox$1, {
     ref: checkboxRef,
     value: actualValue,
     onChange: isOther ? handleOtherCheckboxChange : void 0,
@@ -33872,7 +33881,7 @@ var Option = (_ref6) => {
     const optionsValues = getOptionsValues(options || []);
     return getIsOtherOptionSelected(_value, optionsValues);
   }, [isOther, _value, options]);
-  return /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, applyInternalProps(checkboxElement, {
+  return /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, applyInternalProps(checkboxElement, {
     value,
     label,
     isFirst,
@@ -33931,13 +33940,13 @@ var OtherInput = (_ref7) => {
     setOtherValue(input);
     debouncedHandleChange(input);
   }, [debouncedHandleChange]);
-  return /* @__PURE__ */ React44__default.createElement(TextField, {
+  return /* @__PURE__ */ React45__default.createElement(TextField, {
     value: otherValue,
     onChange: handleInputChange,
     isDisabled: disabled,
     isInvalid: hasError,
     className
-  }, /* @__PURE__ */ React44__default.createElement(Input$1, {
+  }, /* @__PURE__ */ React45__default.createElement(Input$1, {
     placeholder,
     maxLength,
     "aria-label": ariaLabel
@@ -33991,12 +34000,12 @@ var DateInput = (_ref) => {
     [SupportedDateParts.DAY]: findChildOfType(children, DateInput.Day),
     [SupportedDateParts.YEAR]: findChildOfType(children, DateInput.Year)
   };
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => applyInternalProps(labelElement, {
       as: "div"
     }),
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(FieldsetHeadless, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(FieldsetHeadless, {
       id: inputId,
       ariaLabelledBy: labelId,
       ariaDescribedBy,
@@ -34004,7 +34013,7 @@ var DateInput = (_ref) => {
       onBlur,
       onFocus
     }, dateElementsByPart[dateFormat[0]], dateElementsByPart[dateFormat[1]], dateElementsByPart[dateFormat[2]]),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Month = (_ref2) => {
@@ -34038,25 +34047,25 @@ var Month = (_ref2) => {
   }, id);
   const labelElement = findChildOfType(children, Month.Label);
   const optionsElement = findChildOfType(children, Month.Options);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className,
     "data-date-field": true
-  }, showDateLabels ? labelElement : null, /* @__PURE__ */ React44__default.createElement(Select, {
+  }, showDateLabels ? labelElement : null, /* @__PURE__ */ React45__default.createElement(Select, {
     value: partValue || null,
     onChange: handleMonthChange,
     isDisabled: disabled,
     isInvalid: partError
-  }, /* @__PURE__ */ React44__default.createElement(Button, {
+  }, /* @__PURE__ */ React45__default.createElement(Button, {
     ref: buttonRef,
     id: inputId,
     "data-hook": SupportedDateParts.MONTH
-  }, /* @__PURE__ */ React44__default.createElement(SelectValue, null)), optionsElement));
+  }, /* @__PURE__ */ React45__default.createElement(SelectValue, null)), optionsElement));
 };
 var MonthLabel = (_ref3) => {
   let {
     className
   } = _ref3;
-  return /* @__PURE__ */ React44__default.createElement(DateLabel, {
+  return /* @__PURE__ */ React45__default.createElement(DateLabel, {
     datePart: SupportedDateParts.MONTH,
     className
   });
@@ -34070,10 +34079,10 @@ var MonthOptions = (_ref4) => {
     locale
   } = useConfig();
   const months = useMemo(() => getMonthList(locale), [locale]);
-  const optionElement = findChildOfType(children, MonthOptions.Option) ?? /* @__PURE__ */ React44__default.createElement(MonthOptions.Option, null);
-  return /* @__PURE__ */ React44__default.createElement(Popover, {
+  const optionElement = findChildOfType(children, MonthOptions.Option) ?? /* @__PURE__ */ React45__default.createElement(MonthOptions.Option, null);
+  return /* @__PURE__ */ React45__default.createElement(Popover, {
     className
-  }, /* @__PURE__ */ React44__default.createElement(ListBox, null, months.map((month, index) => applyInternalProps(optionElement, {
+  }, /* @__PURE__ */ React45__default.createElement(ListBox, null, months.map((month, index) => applyInternalProps(optionElement, {
     key: String(index + 1),
     value: String(index + 1),
     label: month
@@ -34088,7 +34097,7 @@ var MonthOption = (_ref5) => {
     value,
     label
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement(ListBoxItem, {
+  return /* @__PURE__ */ React45__default.createElement(ListBoxItem, {
     className,
     id: value,
     textValue: label
@@ -34113,10 +34122,10 @@ var Day = (_ref6) => {
   } = useDatePart(SupportedDateParts.DAY);
   const labelElement = findChildOfType(children, Day.Label);
   const inputElement = findChildOfType(children, Day.Input);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className,
     "data-date-field": true
-  }, showDateLabels && labelElement, /* @__PURE__ */ React44__default.createElement(TextField, {
+  }, showDateLabels && labelElement, /* @__PURE__ */ React45__default.createElement(TextField, {
     value: partValue,
     onChange: onPartChange,
     isDisabled: disabled,
@@ -34127,7 +34136,7 @@ var DayLabel = (_ref7) => {
   let {
     className
   } = _ref7;
-  return /* @__PURE__ */ React44__default.createElement(DateLabel, {
+  return /* @__PURE__ */ React45__default.createElement(DateLabel, {
     datePart: SupportedDateParts.DAY,
     className
   });
@@ -34157,7 +34166,7 @@ var DayInput = (_ref8) => {
       (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
     }
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     id: inputId,
     className,
@@ -34185,10 +34194,10 @@ var Year = (_ref9) => {
   } = useDatePart(SupportedDateParts.YEAR);
   const labelElement = findChildOfType(children, Year.Label);
   const inputElement = findChildOfType(children, Year.Input);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className,
     "data-date-field": true
-  }, showDateLabels && labelElement, /* @__PURE__ */ React44__default.createElement(TextField, {
+  }, showDateLabels && labelElement, /* @__PURE__ */ React45__default.createElement(TextField, {
     value: partValue,
     onChange: onPartChange,
     isDisabled: disabled,
@@ -34199,7 +34208,7 @@ var YearLabel = (_ref0) => {
   let {
     className
   } = _ref0;
-  return /* @__PURE__ */ React44__default.createElement(DateLabel, {
+  return /* @__PURE__ */ React45__default.createElement(DateLabel, {
     datePart: SupportedDateParts.YEAR,
     className
   });
@@ -34229,7 +34238,7 @@ var YearInput = (_ref1) => {
       (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.focus();
     }
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     id: inputId,
     className,
@@ -34301,7 +34310,7 @@ function DateLabel(_ref10) {
   } = useTranslation();
   const translationKey = `field.date.label.${datePart.toLowerCase()}`;
   const label = t(translationKey);
-  return /* @__PURE__ */ React44__default.createElement("label", {
+  return /* @__PURE__ */ React45__default.createElement("label", {
     id: labelId,
     htmlFor: inputId,
     className
@@ -35032,10 +35041,10 @@ var DatePicker = (_ref) => {
   const descriptionElement = findChildOfType(children, DatePicker.Description);
   const errorElement = findChildOfType(children, DatePicker.Error);
   const dateValue = stringToDateValue(value);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(DatePicker$1, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(DatePicker$1, {
       value: dateValue,
       onChange: handleChange,
       isDisabled: disabled,
@@ -35043,7 +35052,7 @@ var DatePicker = (_ref) => {
       onBlur,
       onFocus
     }, controlElement, calendarElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Control = (_ref2) => {
@@ -35055,7 +35064,7 @@ var Control = (_ref2) => {
     inputId,
     ariaDescribedBy
   } = useFieldAttributes2();
-  return /* @__PURE__ */ React44__default.createElement(Group, {
+  return /* @__PURE__ */ React45__default.createElement(Group, {
     id: inputId,
     "aria-describedby": ariaDescribedBy,
     className
@@ -35074,9 +35083,9 @@ var Input2 = (_ref3) => {
     var _firstSegmentRef$curr;
     (_firstSegmentRef$curr = firstSegmentRef.current) == null || _firstSegmentRef$curr.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(DateInput$1, {
+  return /* @__PURE__ */ React45__default.createElement(DateInput$1, {
     className
-  }, (segment) => /* @__PURE__ */ React44__default.createElement(DateSegment, {
+  }, (segment) => /* @__PURE__ */ React45__default.createElement(DateSegment, {
     segment,
     ref: (node) => {
       if (!node && hasAssignedRef.current) {
@@ -35096,7 +35105,7 @@ var Trigger = (_ref4) => {
   let {
     className
   } = _ref4;
-  return /* @__PURE__ */ React44__default.createElement(Button, {
+  return /* @__PURE__ */ React45__default.createElement(Button, {
     className
   });
 };
@@ -35108,16 +35117,16 @@ var Calendar = (_ref5) => {
   const {
     firstDayOfWeek
   } = useFieldPropsV2();
-  const dayElement = findChildOfType(children, Calendar.Day) ?? /* @__PURE__ */ React44__default.createElement(Calendar.Day, null);
-  return /* @__PURE__ */ React44__default.createElement(Popover, {
+  const dayElement = findChildOfType(children, Calendar.Day) ?? /* @__PURE__ */ React45__default.createElement(Calendar.Day, null);
+  return /* @__PURE__ */ React45__default.createElement(Popover, {
     className
-  }, /* @__PURE__ */ React44__default.createElement(Dialog, null, /* @__PURE__ */ React44__default.createElement(Calendar$1, {
+  }, /* @__PURE__ */ React45__default.createElement(Dialog, null, /* @__PURE__ */ React45__default.createElement(Calendar$1, {
     firstDayOfWeek: convertFirstDayOfWeek(firstDayOfWeek)
-  }, /* @__PURE__ */ React44__default.createElement("header", null, /* @__PURE__ */ React44__default.createElement(Button, {
+  }, /* @__PURE__ */ React45__default.createElement("header", null, /* @__PURE__ */ React45__default.createElement(Button, {
     slot: "previous"
-  }, "\u2039"), /* @__PURE__ */ React44__default.createElement(Heading, null), /* @__PURE__ */ React44__default.createElement(Button, {
+  }, "\u2039"), /* @__PURE__ */ React45__default.createElement(Heading, null), /* @__PURE__ */ React45__default.createElement(Button, {
     slot: "next"
-  }, "\u203A")), /* @__PURE__ */ React44__default.createElement(CalendarGrid, null, (date) => applyInternalProps(dayElement, {
+  }, "\u203A")), /* @__PURE__ */ React45__default.createElement(CalendarGrid, null, (date) => applyInternalProps(dayElement, {
     date
   })))));
 };
@@ -35129,7 +35138,7 @@ var Day2 = (_ref6) => {
   const {
     date
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement(CalendarCell, {
+  return /* @__PURE__ */ React45__default.createElement(CalendarCell, {
     className,
     date
   });
@@ -35199,12 +35208,12 @@ var DateTimeInput = (_ref) => {
     [SupportedDateParts.YEAR]: findChildOfType(children, DateTimeInput.Year)
   };
   const timeElement = findChildOfType(children, DateTimeInput.Time);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => applyInternalProps(labelElement, {
       as: "div"
     }),
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(FieldsetHeadless, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(FieldsetHeadless, {
       id: inputId,
       ariaLabelledBy: labelId,
       ariaDescribedBy,
@@ -35212,7 +35221,7 @@ var DateTimeInput = (_ref) => {
       onBlur,
       onFocus
     }, dateElementsByPart[dateFormat[0]], dateElementsByPart[dateFormat[1]], dateElementsByPart[dateFormat[2]], timeElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Month2 = (_ref2) => {
@@ -35246,25 +35255,25 @@ var Month2 = (_ref2) => {
   }, id);
   const labelElement = findChildOfType(children, Month2.Label);
   const optionsElement = findChildOfType(children, Month2.Options);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className,
     "data-date-field": true
-  }, showDateLabels ? labelElement : null, /* @__PURE__ */ React44__default.createElement(Select, {
+  }, showDateLabels ? labelElement : null, /* @__PURE__ */ React45__default.createElement(Select, {
     value: partValue || null,
     onChange: handleMonthChange,
     isDisabled: disabled,
     isInvalid: partError
-  }, /* @__PURE__ */ React44__default.createElement(Button, {
+  }, /* @__PURE__ */ React45__default.createElement(Button, {
     ref: buttonRef,
     id: inputId,
     "data-hook": SupportedDateParts.MONTH
-  }, /* @__PURE__ */ React44__default.createElement(SelectValue, null)), optionsElement));
+  }, /* @__PURE__ */ React45__default.createElement(SelectValue, null)), optionsElement));
 };
 var MonthLabel2 = (_ref3) => {
   let {
     className
   } = _ref3;
-  return /* @__PURE__ */ React44__default.createElement(DateTimeLabel, {
+  return /* @__PURE__ */ React45__default.createElement(DateTimeLabel, {
     datePart: SupportedDateParts.MONTH,
     className
   });
@@ -35278,10 +35287,10 @@ var MonthOptions2 = (_ref4) => {
     locale
   } = useConfig();
   const months = useMemo(() => getMonthList(locale), [locale]);
-  const optionElement = findChildOfType(children, MonthOptions2.Option) ?? /* @__PURE__ */ React44__default.createElement(MonthOptions2.Option, null);
-  return /* @__PURE__ */ React44__default.createElement(Popover, {
+  const optionElement = findChildOfType(children, MonthOptions2.Option) ?? /* @__PURE__ */ React45__default.createElement(MonthOptions2.Option, null);
+  return /* @__PURE__ */ React45__default.createElement(Popover, {
     className
-  }, /* @__PURE__ */ React44__default.createElement(ListBox, null, months.map((month, index) => applyInternalProps(optionElement, {
+  }, /* @__PURE__ */ React45__default.createElement(ListBox, null, months.map((month, index) => applyInternalProps(optionElement, {
     key: String(index + 1),
     value: String(index + 1),
     label: month
@@ -35296,7 +35305,7 @@ var MonthOption2 = (_ref5) => {
     value,
     label
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement(ListBoxItem, {
+  return /* @__PURE__ */ React45__default.createElement(ListBoxItem, {
     className,
     id: value,
     textValue: label
@@ -35321,10 +35330,10 @@ var Day3 = (_ref6) => {
   } = useFieldPart(SupportedDateParts.DAY);
   const labelElement = findChildOfType(children, Day3.Label);
   const inputElement = findChildOfType(children, Day3.Input);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className,
     "data-date-field": true
-  }, showDateLabels && labelElement, /* @__PURE__ */ React44__default.createElement(TextField, {
+  }, showDateLabels && labelElement, /* @__PURE__ */ React45__default.createElement(TextField, {
     value: partValue,
     onChange: onPartChange,
     isDisabled: disabled,
@@ -35335,7 +35344,7 @@ var DayLabel2 = (_ref7) => {
   let {
     className
   } = _ref7;
-  return /* @__PURE__ */ React44__default.createElement(DateTimeLabel, {
+  return /* @__PURE__ */ React45__default.createElement(DateTimeLabel, {
     datePart: SupportedDateParts.DAY,
     className
   });
@@ -35365,7 +35374,7 @@ var DayInput2 = (_ref8) => {
       (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
     }
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     id: inputId,
     className,
@@ -35393,10 +35402,10 @@ var Year2 = (_ref9) => {
   } = useFieldPart(SupportedDateParts.YEAR);
   const labelElement = findChildOfType(children, Year2.Label);
   const inputElement = findChildOfType(children, Year2.Input);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className,
     "data-date-field": true
-  }, showDateLabels && labelElement, /* @__PURE__ */ React44__default.createElement(TextField, {
+  }, showDateLabels && labelElement, /* @__PURE__ */ React45__default.createElement(TextField, {
     value: partValue,
     onChange: onPartChange,
     isDisabled: disabled,
@@ -35407,7 +35416,7 @@ var YearLabel2 = (_ref0) => {
   let {
     className
   } = _ref0;
-  return /* @__PURE__ */ React44__default.createElement(DateTimeLabel, {
+  return /* @__PURE__ */ React45__default.createElement(DateTimeLabel, {
     datePart: SupportedDateParts.YEAR,
     className
   });
@@ -35437,7 +35446,7 @@ var YearInput2 = (_ref1) => {
       (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.focus();
     }
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     id: inputId,
     className,
@@ -35466,10 +35475,10 @@ var Time = (_ref10) => {
   } = useFieldPart("time");
   const labelElement = findChildOfType(children, Time.Label);
   const inputElement = findChildOfType(children, Time.Input);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className,
     "data-date-field": true
-  }, showDateLabels && labelElement, /* @__PURE__ */ React44__default.createElement(TimeField, {
+  }, showDateLabels && labelElement, /* @__PURE__ */ React45__default.createElement(TimeField, {
     value: partValue,
     onChange: onPartChange,
     isDisabled: disabled,
@@ -35489,7 +35498,7 @@ var TimeLabel = (_ref11) => {
     t
   } = useTranslation();
   const label = t("field.date.label.time");
-  return /* @__PURE__ */ React44__default.createElement("label", {
+  return /* @__PURE__ */ React45__default.createElement("label", {
     id: labelId,
     htmlFor: inputId,
     className
@@ -35503,28 +35512,28 @@ var TimeInput = (_ref12) => {
   const hourElement = findChildOfType(children, Time.Hour);
   const minuteElement = findChildOfType(children, Time.Minute);
   const periodElement = findChildOfType(children, Time.Period);
-  return /* @__PURE__ */ React44__default.createElement(DateInput$1, {
+  return /* @__PURE__ */ React45__default.createElement(DateInput$1, {
     className
   }, (segment) => {
     switch (segment.type) {
       case "hour":
         return applyInternalProps(hourElement, {
           segment
-        }) || /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null);
+        }) || /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null);
       case "minute":
         return applyInternalProps(minuteElement, {
           segment
-        }) || /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null);
+        }) || /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null);
       case "dayPeriod":
         return applyInternalProps(periodElement, {
           segment
-        }) || /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null);
+        }) || /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null);
       case "literal":
-        return /* @__PURE__ */ React44__default.createElement(DateSegment, {
+        return /* @__PURE__ */ React45__default.createElement(DateSegment, {
           segment
         });
       default:
-        return /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null);
+        return /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null);
     }
   });
 };
@@ -35543,7 +35552,7 @@ var Hour = (_ref13) => {
     t
   } = useTranslation();
   const placeholder = hidePlaceholder ? void 0 : t("field.date.placeholder.hour");
-  return /* @__PURE__ */ React44__default.createElement(DateSegment, _extends({
+  return /* @__PURE__ */ React45__default.createElement(DateSegment, _extends({
     segment,
     className
   }, placeholder && {
@@ -35565,7 +35574,7 @@ var Minute = (_ref14) => {
     t
   } = useTranslation();
   const placeholder = hidePlaceholder ? void 0 : t("field.date.placeholder.minute");
-  return /* @__PURE__ */ React44__default.createElement(DateSegment, _extends({
+  return /* @__PURE__ */ React45__default.createElement(DateSegment, _extends({
     segment,
     className
   }, placeholder && {
@@ -35587,7 +35596,7 @@ var Period = (_ref15) => {
     t
   } = useTranslation();
   const placeholder = hidePlaceholder ? void 0 : t("field.date.placeholder.period");
-  return /* @__PURE__ */ React44__default.createElement(DateSegment, _extends({
+  return /* @__PURE__ */ React45__default.createElement(DateSegment, _extends({
     segment,
     className
   }, placeholder && {
@@ -35680,7 +35689,7 @@ function DateTimeLabel(_ref16) {
   } = useTranslation();
   const translationKey = `field.date.label.${datePart.toLowerCase()}`;
   const label = t(translationKey);
-  return /* @__PURE__ */ React44__default.createElement("label", {
+  return /* @__PURE__ */ React45__default.createElement("label", {
     id: labelId,
     htmlFor: inputId,
     className
@@ -35728,10 +35737,10 @@ var Dropdown = (_ref) => {
   const optionsElement = findChildOfType(children, Dropdown.Options);
   const descriptionElement = findChildOfType(children, Dropdown.Description);
   const errorElement = findChildOfType(children, Dropdown.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(Select, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(Select, {
       value: value ?? null,
       onChange: handleChange,
       isDisabled: disabled,
@@ -35740,7 +35749,7 @@ var Dropdown = (_ref) => {
       onBlur,
       onFocus
     }, triggerElement, optionsElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Trigger2 = (_ref2) => {
@@ -35759,12 +35768,12 @@ var Trigger2 = (_ref2) => {
     var _ref$current;
     (_ref$current = ref.current) == null || _ref$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Button, {
+  return /* @__PURE__ */ React45__default.createElement(Button, {
     ref,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
     className
-  }, /* @__PURE__ */ React44__default.createElement(SelectValue, null));
+  }, /* @__PURE__ */ React45__default.createElement(SelectValue, null));
 };
 var Options2 = (_ref3) => {
   let {
@@ -35775,9 +35784,9 @@ var Options2 = (_ref3) => {
     options
   } = useFieldPropsV2();
   const optionElement = findChildOfType(children, Options2.Option);
-  return /* @__PURE__ */ React44__default.createElement(Popover, {
+  return /* @__PURE__ */ React45__default.createElement(Popover, {
     className
-  }, /* @__PURE__ */ React44__default.createElement(ListBox, null, options.map((option) => applyInternalProps(optionElement, {
+  }, /* @__PURE__ */ React45__default.createElement(ListBox, null, options.map((option) => applyInternalProps(optionElement, {
     key: option.value,
     value: option.value,
     label: option.label
@@ -35792,7 +35801,7 @@ var Option2 = (_ref4) => {
     value,
     label
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement(ListBoxItem, {
+  return /* @__PURE__ */ React45__default.createElement(ListBoxItem, {
     className,
     id: value,
     textValue: label
@@ -35833,7 +35842,7 @@ var DropZone = (_ref) => {
   const titleElement = findChildOfType(children, DropZone.Title);
   const subtitleElement = findChildOfType(children, DropZone.Subtitle);
   const buttonElement = findChildOfType(children, DropZone.Button);
-  return /* @__PURE__ */ React44__default.createElement(DropZone$1, {
+  return /* @__PURE__ */ React45__default.createElement(DropZone$1, {
     "aria-describedby": ariaDescribedBy,
     className,
     isDisabled: disabled,
@@ -35853,7 +35862,7 @@ var DropZone = (_ref) => {
         handleFileChange(dataTransfer.files);
       }
     }
-  }, /* @__PURE__ */ React44__default.createElement(Text, {
+  }, /* @__PURE__ */ React45__default.createElement(Text, {
     slot: "label"
   }, titleElement, subtitleElement), !limitReached && buttonElement);
 };
@@ -35868,7 +35877,7 @@ var DropZoneTitle = (_ref2) => {
     limitReached
   } = useFileUploadContext();
   const title = useMemo(() => limitReached ? t("file-upload.dropzone.limit-reached.title") : t("file-upload.dropzone.title"), [t, limitReached]);
-  return /* @__PURE__ */ React44__default.createElement("p", {
+  return /* @__PURE__ */ React45__default.createElement("p", {
     className
   }, title);
 };
@@ -35883,7 +35892,7 @@ var DropZoneSubtitle = (_ref3) => {
     limitReached
   } = useFileUploadContext();
   const subtitle = useMemo(() => limitReached ? t("file-upload.dropzone.limit-reached.subtitle") : t("file-upload.dropzone.subtitle"), [t, limitReached]);
-  return /* @__PURE__ */ React44__default.createElement("p", {
+  return /* @__PURE__ */ React45__default.createElement("p", {
     className
   }, subtitle);
 };
@@ -35919,7 +35928,7 @@ var DropZoneButton = (_ref4) => {
   } = useFileUploadContext();
   const hasFileErrors = (files == null ? void 0 : files.some((file) => file.errorMessage)) ?? false;
   const hasAnyError = Boolean(hasError || errorMessage || _error || hasFileErrors);
-  return /* @__PURE__ */ React44__default.createElement(FileTrigger, {
+  return /* @__PURE__ */ React45__default.createElement(FileTrigger, {
     acceptedFileTypes: accept ? accept.split(",") : void 0,
     allowsMultiple: multiple,
     onSelect: (fileList) => {
@@ -35930,7 +35939,7 @@ var DropZoneButton = (_ref4) => {
         handleFileChange(dataTransfer.files);
       }
     }
-  }, /* @__PURE__ */ React44__default.createElement(Button, {
+  }, /* @__PURE__ */ React45__default.createElement(Button, {
     ref: buttonRef,
     id: inputId,
     "aria-labelledby": labelId,
@@ -35942,7 +35951,7 @@ var DropZoneButton = (_ref4) => {
     className,
     onFocus,
     onBlur: handleBlur
-  }, /* @__PURE__ */ React44__default.createElement(AddSmall_default, {
+  }, /* @__PURE__ */ React45__default.createElement(AddSmall_default, {
     "aria-hidden": "true"
   }), buttonText));
 };
@@ -35958,23 +35967,23 @@ init_extends();
 function ProgressCircle(props) {
   const strokeWidth = 4;
   const radius = `calc(50% - ${strokeWidth / 2}px)`;
-  return /* @__PURE__ */ React44__default.createElement(ProgressBar, _extends({}, props, {
+  return /* @__PURE__ */ React45__default.createElement(ProgressBar, _extends({}, props, {
     isIndeterminate: true
   }), (_ref) => {
     let {
       percentage,
       isIndeterminate
     } = _ref;
-    return /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, /* @__PURE__ */ React44__default.createElement("svg", {
+    return /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, /* @__PURE__ */ React45__default.createElement("svg", {
       fill: "none",
       width: "100%",
       height: "100%",
       viewBox: "0 0 32 32"
-    }, /* @__PURE__ */ React44__default.createElement("circle", {
+    }, /* @__PURE__ */ React45__default.createElement("circle", {
       cx: "50%",
       cy: "50%",
       r: radius
-    }), /* @__PURE__ */ React44__default.createElement("circle", {
+    }), /* @__PURE__ */ React45__default.createElement("circle", {
       cx: "50%",
       cy: "50%",
       r: radius,
@@ -35986,7 +35995,7 @@ function ProgressCircle(props) {
         rotate: "-90deg",
         transformOrigin: "center center"
       }
-    }, isIndeterminate && /* @__PURE__ */ React44__default.createElement("animateTransform", {
+    }, isIndeterminate && /* @__PURE__ */ React45__default.createElement("animateTransform", {
       attributeName: "transform",
       type: "rotate",
       dur: "0.75s",
@@ -36013,7 +36022,7 @@ var File2 = (_ref) => {
   const removeElement = findChildOfType(children, File2.Remove);
   const spinnerElement = findChildOfType(children, File2.Spinner);
   const errorElement = findChildOfType(children, File2.Error);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
   }, applyInternalProps(nameElement, {
     fileName
@@ -36033,7 +36042,7 @@ var FileName = (_ref2) => {
   const {
     fileName
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     className
   }, fileName);
 };
@@ -36077,7 +36086,7 @@ var FileRemove = (_ref3) => {
   const handleClick = () => {
     handleDelete(index);
   };
-  return /* @__PURE__ */ React44__default.createElement(Button, {
+  return /* @__PURE__ */ React45__default.createElement(Button, {
     ref: buttonRef,
     "aria-disabled": disabled,
     "aria-label": t("file-upload.delete-file.aria-label"),
@@ -36085,7 +36094,7 @@ var FileRemove = (_ref3) => {
     onClick: handleClick,
     className,
     isDisabled: disabled
-  }, /* @__PURE__ */ React44__default.createElement(DeleteSmall_default, null));
+  }, /* @__PURE__ */ React45__default.createElement(DeleteSmall_default, null));
 };
 var FileError = (_ref4) => {
   let {
@@ -36098,10 +36107,10 @@ var FileError = (_ref4) => {
   if (!errorMessage) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className,
     role: "alert"
-  }, /* @__PURE__ */ React44__default.createElement(StatusAlert_default, {
+  }, /* @__PURE__ */ React45__default.createElement(StatusAlert_default, {
     "aria-hidden": "true"
   }), errorMessage);
 };
@@ -36112,7 +36121,7 @@ var FileSpinner = (_ref5) => {
   const {
     t
   } = useTranslation();
-  return /* @__PURE__ */ React44__default.createElement(ProgressCircle, {
+  return /* @__PURE__ */ React45__default.createElement(ProgressCircle, {
     "aria-label": t("file-upload.file.uploading-spinner.aria-label"),
     className
   });
@@ -36135,7 +36144,7 @@ var Files = (_ref) => {
   if (!files || files.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
   }, files.map((fileUploadFile, index) => applyInternalProps(fileElement, {
     key: fileUploadFile.file.name || index,
@@ -36430,13 +36439,13 @@ var FileUpload = (_ref) => {
     var _buttonRef$current2;
     (_buttonRef$current2 = buttonRef.current) == null || _buttonRef$current2.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(FileUploadContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(FileUploadContext.Provider, {
     value: contextValue
-  }, /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  }, /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
     renderInput: () => dropZoneElement,
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, errorElement, descriptionElement, explanationElement, filesElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, errorElement, descriptionElement, explanationElement, filesElement)
   }));
 };
 var Explanation = (_ref2) => {
@@ -36450,7 +36459,7 @@ var Explanation = (_ref2) => {
   if (!displayText) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement("p", {
+  return /* @__PURE__ */ React45__default.createElement("p", {
     className
   }, displayText);
 };
@@ -36524,7 +36533,7 @@ var AddressAutofillProvider = (_ref) => {
     onAddressSelect,
     autocompleteEnabled
   }), [onAddressSelect, autocompleteEnabled]);
-  return /* @__PURE__ */ React44__default.createElement(AddressAutofillContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(AddressAutofillContext.Provider, {
     value
   }, children);
 };
@@ -36540,7 +36549,7 @@ var CountryCodeProvider = (_ref) => {
   const value = useMemo(() => ({
     countryCode
   }), [countryCode]);
-  return /* @__PURE__ */ React44__default.createElement(CountryCodeContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(CountryCodeContext.Provider, {
     value
   }, children);
 };
@@ -36642,7 +36651,7 @@ var AddressFieldsProvider = (_ref) => {
   const value = useMemo(() => ({
     fields
   }), [fields]);
-  return /* @__PURE__ */ React44__default.createElement(AddressFieldsContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(AddressFieldsContext.Provider, {
     value
   }, children);
 };
@@ -36730,12 +36739,12 @@ var Country = (_ref) => {
   const optionsElement = findChildOfType(children, Country.Options);
   const descriptionElement = findChildOfType(children, Country.Description);
   const errorElement = findChildOfType(children, Country.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => applyInternalProps(labelElement, {
       label: countryLabel
     }),
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(ComboBox, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(ComboBox, {
       selectedKey: value ?? null,
       inputValue: inputValue || selectedLabel,
       onSelectionChange: handleSelectionChange,
@@ -36749,7 +36758,7 @@ var Country = (_ref) => {
     }, controlElement, applyInternalProps(optionsElement, {
       options: countryOptions
     })),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Control2 = (_ref2) => {
@@ -36763,7 +36772,7 @@ var Control2 = (_ref2) => {
   } = useFieldPropsV2();
   const inputElement = findChildOfType(children, Control2.Input);
   const triggerElement = findChildOfType(children, Control2.Trigger);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className,
     "data-disabled": disabled || void 0,
     "data-invalid": hasError || void 0
@@ -36785,7 +36794,7 @@ var Input3 = (_ref3) => {
     var _inputRef$current;
     (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
@@ -36796,7 +36805,7 @@ var Trigger3 = (_ref4) => {
   let {
     className
   } = _ref4;
-  return /* @__PURE__ */ React44__default.createElement(Button, {
+  return /* @__PURE__ */ React45__default.createElement(Button, {
     className
   });
 };
@@ -36812,9 +36821,9 @@ var Options3 = (_ref5) => {
     options
   } = internal;
   const optionElement = findChildOfType(children, Options3.Option);
-  return /* @__PURE__ */ React44__default.createElement(Popover, {
+  return /* @__PURE__ */ React45__default.createElement(Popover, {
     className
-  }, /* @__PURE__ */ React44__default.createElement(ListBox, null, options.map((option) => applyInternalProps(optionElement, {
+  }, /* @__PURE__ */ React45__default.createElement(ListBox, null, options.map((option) => applyInternalProps(optionElement, {
     key: option.value,
     value: option.value,
     label: option.label
@@ -36829,7 +36838,7 @@ var Option3 = (_ref6) => {
     value,
     label
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement(ListBoxItem, {
+  return /* @__PURE__ */ React45__default.createElement(ListBoxItem, {
     className,
     id: value,
     textValue: label
@@ -36882,12 +36891,12 @@ var Subdivision = (_ref) => {
   const optionsElement = findChildOfType(children, Subdivision.Options);
   const descriptionElement = findChildOfType(children, Subdivision.Description);
   const errorElement = findChildOfType(children, Subdivision.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => applyInternalProps(labelElement, {
       label: subdivisionLabel
     }),
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(Select, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(Select, {
       value: value ?? null,
       onChange: handleChange,
       isDisabled: disabled,
@@ -36897,7 +36906,7 @@ var Subdivision = (_ref) => {
     }, triggerElement, applyInternalProps(optionsElement, {
       options: subdivisionOptions
     })),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Trigger4 = (_ref2) => {
@@ -36916,12 +36925,12 @@ var Trigger4 = (_ref2) => {
     var _ref$current;
     (_ref$current = ref.current) == null || _ref$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Button, {
+  return /* @__PURE__ */ React45__default.createElement(Button, {
     ref,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
     className
-  }, /* @__PURE__ */ React44__default.createElement(SelectValue, null));
+  }, /* @__PURE__ */ React45__default.createElement(SelectValue, null));
 };
 var Options4 = (_ref3) => {
   let {
@@ -36933,9 +36942,9 @@ var Options4 = (_ref3) => {
     options
   } = internal;
   const optionElement = findChildOfType(children, Options4.Option);
-  return /* @__PURE__ */ React44__default.createElement(Popover, {
+  return /* @__PURE__ */ React45__default.createElement(Popover, {
     className
-  }, /* @__PURE__ */ React44__default.createElement(ListBox, null, options.map((option) => applyInternalProps(optionElement, {
+  }, /* @__PURE__ */ React45__default.createElement(ListBox, null, options.map((option) => applyInternalProps(optionElement, {
     key: option.value,
     value: option.value,
     label: option.label
@@ -36950,7 +36959,7 @@ var Option4 = (_ref4) => {
     value,
     label
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement(ListBoxItem, {
+  return /* @__PURE__ */ React45__default.createElement(ListBoxItem, {
     className,
     id: value,
     textValue: label
@@ -36982,12 +36991,12 @@ var City = (_ref) => {
   const inputElement = findChildOfType(children, City.Input);
   const descriptionElement = findChildOfType(children, City.Description);
   const errorElement = findChildOfType(children, City.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => applyInternalProps(labelElement, {
       label: cityLabel
     }),
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(TextField, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(TextField, {
       value: value ?? "",
       onChange,
       isDisabled: disabled,
@@ -36996,7 +37005,7 @@ var City = (_ref) => {
       onBlur,
       onFocus
     }, inputElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Input4 = (_ref2) => {
@@ -37015,7 +37024,7 @@ var Input4 = (_ref2) => {
     var _inputRef$current;
     (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
@@ -38102,12 +38111,12 @@ var AddressLine = (_ref) => {
   const descriptionElement = findChildOfType(children, AddressLine.Description);
   const errorElement = findChildOfType(children, AddressLine.Error);
   if (isAutocomplete) {
-    return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+    return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
       fieldId: id,
       renderLabel: () => applyInternalProps(labelElement, {
         label: addressLineLabel
       }),
-      renderInput: () => /* @__PURE__ */ React44__default.createElement(AddressLineAutocomplete, {
+      renderInput: () => /* @__PURE__ */ React45__default.createElement(AddressLineAutocomplete, {
         value,
         onChange,
         disabled,
@@ -38116,15 +38125,15 @@ var AddressLine = (_ref) => {
         onBlur,
         onFocus
       }, inputElement, optionsElement),
-      renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+      renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
     });
   }
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => applyInternalProps(labelElement, {
       label: addressLineLabel
     }),
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(TextField, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(TextField, {
       value: value ?? "",
       onChange,
       isDisabled: disabled,
@@ -38133,7 +38142,7 @@ var AddressLine = (_ref) => {
       onBlur,
       onFocus
     }, inputElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var AddressLineAutocomplete = (_ref2) => {
@@ -38193,7 +38202,7 @@ var AddressLineAutocomplete = (_ref2) => {
   }, [onFocus]);
   const inputElement = findChildOfType(children, AddressLine.Input);
   const optionsElement = findChildOfType(children, AddressLine.Options);
-  return /* @__PURE__ */ React44__default.createElement(ComboBox, {
+  return /* @__PURE__ */ React45__default.createElement(ComboBox, {
     inputValue: value ?? "",
     onInputChange: handleInputChange,
     selectedKey: null,
@@ -38232,7 +38241,7 @@ var Input5 = (_ref3) => {
     var _inputRef$current;
     (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
@@ -38246,9 +38255,9 @@ var Options5 = (_ref4) => {
     className
   } = _ref4;
   const optionElement = findChildOfType(children, Options5.Option);
-  return /* @__PURE__ */ React44__default.createElement(Popover, {
+  return /* @__PURE__ */ React45__default.createElement(Popover, {
     className
-  }, /* @__PURE__ */ React44__default.createElement(ListBox, {
+  }, /* @__PURE__ */ React45__default.createElement(ListBox, {
     renderEmptyState: () => null
   }, (item) => applyInternalProps(optionElement, {
     id: item.id,
@@ -38264,7 +38273,7 @@ var Option5 = (_ref5) => {
     id,
     label
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement(ListBoxItem, {
+  return /* @__PURE__ */ React45__default.createElement(ListBoxItem, {
     className,
     id,
     textValue: label
@@ -38296,12 +38305,12 @@ var AddressLine2 = (_ref) => {
   const inputElement = findChildOfType(children, AddressLine2.Input);
   const descriptionElement = findChildOfType(children, AddressLine2.Description);
   const errorElement = findChildOfType(children, AddressLine2.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => applyInternalProps(labelElement, {
       label: addressLine2Label
     }),
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(TextField, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(TextField, {
       value: value ?? "",
       onChange,
       isDisabled: disabled,
@@ -38310,7 +38319,7 @@ var AddressLine2 = (_ref) => {
       onBlur,
       onFocus
     }, inputElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Input6 = (_ref2) => {
@@ -38329,7 +38338,7 @@ var Input6 = (_ref2) => {
     var _inputRef$current;
     (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
@@ -38469,12 +38478,12 @@ var PostalCode = (_ref) => {
   const descriptionElement = findChildOfType(children, PostalCode.Description);
   const errorElement = findChildOfType(children, PostalCode.Error);
   if (isAutocomplete) {
-    return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+    return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
       fieldId: id,
       renderLabel: () => applyInternalProps(labelElement, {
         label: postalCodeLabel
       }),
-      renderInput: () => /* @__PURE__ */ React44__default.createElement(PostalCodeAutocomplete, {
+      renderInput: () => /* @__PURE__ */ React45__default.createElement(PostalCodeAutocomplete, {
         value,
         onChange,
         disabled,
@@ -38483,15 +38492,15 @@ var PostalCode = (_ref) => {
         onBlur,
         onFocus
       }, inputElement, optionsElement),
-      renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+      renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
     });
   }
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => applyInternalProps(labelElement, {
       label: postalCodeLabel
     }),
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(TextField, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(TextField, {
       value: value ?? "",
       onChange,
       isDisabled: disabled,
@@ -38500,7 +38509,7 @@ var PostalCode = (_ref) => {
       onBlur,
       onFocus
     }, inputElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var PostalCodeAutocomplete = (_ref2) => {
@@ -38552,7 +38561,7 @@ var PostalCodeAutocomplete = (_ref2) => {
   }, [onFocus]);
   const inputElement = findChildOfType(children, PostalCode.Input);
   const optionsElement = findChildOfType(children, PostalCode.Options);
-  return /* @__PURE__ */ React44__default.createElement(ComboBox, {
+  return /* @__PURE__ */ React45__default.createElement(ComboBox, {
     inputValue: value ?? "",
     onInputChange: handleInputChange,
     selectedKey: null,
@@ -38592,7 +38601,7 @@ var Input7 = (_ref3) => {
     var _inputRef$current;
     (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
@@ -38607,9 +38616,9 @@ var Options6 = (_ref4) => {
     className
   } = _ref4;
   const optionElement = findChildOfType(children, Options6.Option);
-  return /* @__PURE__ */ React44__default.createElement(Popover, {
+  return /* @__PURE__ */ React45__default.createElement(Popover, {
     className
-  }, /* @__PURE__ */ React44__default.createElement(ListBox, {
+  }, /* @__PURE__ */ React45__default.createElement(ListBox, {
     renderEmptyState: () => null
   }, (item) => applyInternalProps(optionElement, {
     id: item.id,
@@ -38625,7 +38634,7 @@ var Option6 = (_ref5) => {
     id,
     label
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement(ListBoxItem, {
+  return /* @__PURE__ */ React45__default.createElement(ListBoxItem, {
     className,
     id,
     textValue: label
@@ -38664,12 +38673,12 @@ var StreetName = (_ref) => {
   const descriptionElement = findChildOfType(children, StreetName.Description);
   const errorElement = findChildOfType(children, StreetName.Error);
   if (isAutocomplete) {
-    return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+    return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
       fieldId: id,
       renderLabel: () => applyInternalProps(labelElement, {
         label: streetNameLabel
       }),
-      renderInput: () => /* @__PURE__ */ React44__default.createElement(StreetNameAutocomplete, {
+      renderInput: () => /* @__PURE__ */ React45__default.createElement(StreetNameAutocomplete, {
         value,
         onChange,
         disabled,
@@ -38678,15 +38687,15 @@ var StreetName = (_ref) => {
         onBlur,
         onFocus
       }, inputElement, optionsElement),
-      renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+      renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
     });
   }
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => applyInternalProps(labelElement, {
       label: streetNameLabel
     }),
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(TextField, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(TextField, {
       value: value ?? "",
       onChange,
       isDisabled: disabled,
@@ -38695,7 +38704,7 @@ var StreetName = (_ref) => {
       onBlur,
       onFocus
     }, inputElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var StreetNameAutocomplete = (_ref2) => {
@@ -38760,7 +38769,7 @@ var StreetNameAutocomplete = (_ref2) => {
     setSessionToken(generateUUID());
     onFocus == null || onFocus();
   }, [onFocus]);
-  return /* @__PURE__ */ React44__default.createElement(ComboBox, {
+  return /* @__PURE__ */ React45__default.createElement(ComboBox, {
     inputValue: value ?? "",
     onInputChange: handleInputChange,
     selectedKey: null,
@@ -38799,7 +38808,7 @@ var Input8 = (_ref3) => {
     var _inputRef$current;
     (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
@@ -38813,9 +38822,9 @@ var Options7 = (_ref4) => {
     className
   } = _ref4;
   const optionElement = findChildOfType(children, Options7.Option);
-  return /* @__PURE__ */ React44__default.createElement(Popover, {
+  return /* @__PURE__ */ React45__default.createElement(Popover, {
     className
-  }, /* @__PURE__ */ React44__default.createElement(ListBox, {
+  }, /* @__PURE__ */ React45__default.createElement(ListBox, {
     renderEmptyState: () => null
   }, (item) => applyInternalProps(optionElement, {
     value: item.id,
@@ -38831,7 +38840,7 @@ var Option7 = (_ref5) => {
     value,
     label
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement(ListBoxItem, {
+  return /* @__PURE__ */ React45__default.createElement(ListBoxItem, {
     className,
     id: value,
     textValue: label
@@ -38863,12 +38872,12 @@ var StreetNumber = (_ref) => {
   const inputElement = findChildOfType(children, StreetNumber.Input);
   const descriptionElement = findChildOfType(children, StreetNumber.Description);
   const errorElement = findChildOfType(children, StreetNumber.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => applyInternalProps(labelElement, {
       label: streetNumberLabel
     }),
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(TextField, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(TextField, {
       value: value ?? "",
       onChange,
       isDisabled: disabled,
@@ -38877,7 +38886,7 @@ var StreetNumber = (_ref) => {
       onBlur,
       onFocus
     }, inputElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Input9 = (_ref2) => {
@@ -38896,7 +38905,7 @@ var Input9 = (_ref2) => {
     var _inputRef$current;
     (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
@@ -39053,23 +39062,23 @@ var MultilineAddress = (_ref) => {
   if (!form) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id
-  }, /* @__PURE__ */ React44__default.createElement(CountryCodeProvider, {
+  }, /* @__PURE__ */ React45__default.createElement(CountryCodeProvider, {
     countryCode: value == null ? void 0 : value.country
-  }, /* @__PURE__ */ React44__default.createElement(AddressAutofillProvider, {
+  }, /* @__PURE__ */ React45__default.createElement(AddressAutofillProvider, {
     autocompleteEnabled,
     onAddressSelect: handleAddressSelect
-  }, /* @__PURE__ */ React44__default.createElement(AddressFieldsProvider, {
+  }, /* @__PURE__ */ React45__default.createElement(AddressFieldsProvider, {
     fields: addressFields
-  }, /* @__PURE__ */ React44__default.createElement("fieldset", {
+  }, /* @__PURE__ */ React45__default.createElement("fieldset", {
     style: {
       border: "none",
       padding: 0,
       margin: 0,
       minWidth: 0
     }
-  }, /* @__PURE__ */ React44__default.createElement("legend", {
+  }, /* @__PURE__ */ React45__default.createElement("legend", {
     style: {
       position: "absolute",
       width: "1px",
@@ -39081,7 +39090,7 @@ var MultilineAddress = (_ref) => {
       whiteSpace: "nowrap",
       border: 0
     }
-  }, label), /* @__PURE__ */ React44__default.createElement(Form, {
+  }, label), /* @__PURE__ */ React45__default.createElement(Form, {
     formSchema,
     form,
     values: value ?? NO_VALUES,
@@ -39120,10 +39129,10 @@ var NumberInput = (_ref) => {
   const descriptionElement = findChildOfType(children, NumberInput.Description);
   const errorElement = findChildOfType(children, NumberInput.Error);
   const numberValue = valueToNumber(value);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(NumberField, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(NumberField, {
       value: numberValue,
       onChange,
       isDisabled: disabled,
@@ -39132,7 +39141,7 @@ var NumberInput = (_ref) => {
       onBlur,
       onFocus
     }, inputElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Input10 = (_ref2) => {
@@ -39152,7 +39161,7 @@ var Input10 = (_ref2) => {
     var _ref$current;
     (_ref$current = ref.current) == null || _ref$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
@@ -39322,7 +39331,7 @@ var Flag = (_ref) => {
   }
   const flag1x = getFlagUrl(longCountryCode, "1x");
   const flag2x = getFlagUrl(longCountryCode, "2x");
-  return /* @__PURE__ */ React44__default.createElement("img", {
+  return /* @__PURE__ */ React45__default.createElement("img", {
     src: flag1x,
     srcSet: `${flag1x} 1x, ${flag2x} 2x`,
     alt: "",
@@ -39375,13 +39384,13 @@ var PhoneInput = (_ref2) => {
     countryCodes,
     countries
   };
-  return /* @__PURE__ */ React44__default.createElement(PhoneInputContext.Provider, {
+  return /* @__PURE__ */ React45__default.createElement(PhoneInputContext.Provider, {
     value: contextValue
-  }, /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  }, /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
     renderInput: () => controlElement,
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   }));
 };
 var CountryButton = (_ref3) => {
@@ -39413,7 +39422,7 @@ var CountryButton = (_ref3) => {
   const dialingCode = selectedCountry ? getCallingCode2(selectedCountry.longCountryCode) || "" : "";
   const countryCodeLabel = t("field.phone.country-code.aria-label");
   const ariaLabel = selectedCountry ? `${countryCodeLabel}, ${selectedCountry.countryName}, ${dialingCode}` : countryCodeLabel;
-  return /* @__PURE__ */ React44__default.createElement(Button, {
+  return /* @__PURE__ */ React45__default.createElement(Button, {
     ref,
     id: buttonId,
     "aria-label": ariaLabel,
@@ -39433,7 +39442,7 @@ var CountryButtonFlag = (_ref4) => {
   if (!selectedCountry) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement(Flag, {
+  return /* @__PURE__ */ React45__default.createElement(Flag, {
     className,
     longCountryCode: selectedCountry.longCountryCode
   });
@@ -39448,7 +39457,7 @@ var CountryButtonEmptyState = (_ref5) => {
   if (selectedCountryCode) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement(Globe_default, {
+  return /* @__PURE__ */ React45__default.createElement(Globe_default, {
     className,
     width: 22,
     height: 22
@@ -39465,9 +39474,9 @@ var CountryOptions = (_ref6) => {
     countries
   } = usePhoneInputContext();
   const optionElement = findChildOfType(children, CountryOptions.Option);
-  return /* @__PURE__ */ React44__default.createElement(Popover, {
+  return /* @__PURE__ */ React45__default.createElement(Popover, {
     className
-  }, /* @__PURE__ */ React44__default.createElement(ListBox, null, countries.map((country) => {
+  }, /* @__PURE__ */ React45__default.createElement(ListBox, null, countries.map((country) => {
     const dialingCode = getCallingCode2(country.longCountryCode) || "";
     return applyInternalProps(optionElement, {
       key: country.shortCountryCode,
@@ -39496,12 +39505,12 @@ var Option8 = (_ref7) => {
     countryName,
     longCountryCode
   };
-  const content = children || /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, /* @__PURE__ */ React44__default.createElement(OptionFlag, null), /* @__PURE__ */ React44__default.createElement(OptionName, null), /* @__PURE__ */ React44__default.createElement(OptionCode, null));
-  return /* @__PURE__ */ React44__default.createElement(ListBoxItem, {
+  const content = children || /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, /* @__PURE__ */ React45__default.createElement(OptionFlag, null), /* @__PURE__ */ React45__default.createElement(OptionName, null), /* @__PURE__ */ React45__default.createElement(OptionCode, null));
+  return /* @__PURE__ */ React45__default.createElement(ListBoxItem, {
     className,
     id: countryCode,
     textValue: `${countryName} ${dialingCode}`
-  }, /* @__PURE__ */ React44__default.createElement(OptionDataContext.Provider, {
+  }, /* @__PURE__ */ React45__default.createElement(OptionDataContext.Provider, {
     value: optionData
   }, content));
 };
@@ -39512,7 +39521,7 @@ var OptionFlag = (_ref8) => {
   const {
     longCountryCode
   } = useOptionDataContext();
-  return /* @__PURE__ */ React44__default.createElement(Flag, {
+  return /* @__PURE__ */ React45__default.createElement(Flag, {
     className,
     longCountryCode
   });
@@ -39524,7 +39533,7 @@ var OptionName = (_ref9) => {
   const {
     countryName
   } = useOptionDataContext();
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     className
   }, countryName);
 };
@@ -39535,7 +39544,7 @@ var OptionCode = (_ref0) => {
   const {
     dialingCode
   } = useOptionDataContext();
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     className
   }, dialingCode);
 };
@@ -39573,7 +39582,7 @@ var PhoneNumber2 = (_ref1) => {
     var _ref$current2;
     (_ref$current2 = ref.current) == null || _ref$current2.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref,
     id: inputId,
     type: "tel",
@@ -39606,9 +39615,9 @@ var Control3 = (_ref10) => {
   const countryButtonElement = findChildOfType(children, PhoneInput.CountryButton);
   const countryOptionsElement = findChildOfType(children, PhoneInput.CountryOptions);
   const phoneNumberElement = findChildOfType(children, PhoneInput.PhoneNumber);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
-  }, /* @__PURE__ */ React44__default.createElement(Select, {
+  }, /* @__PURE__ */ React45__default.createElement(Select, {
     value: selectedCountryCode ?? null,
     onChange: (key) => handleCountryCodeChange(key),
     isDisabled: disabled,
@@ -39658,12 +39667,12 @@ var RadioGroup = (_ref) => {
   const optionsElement = findChildOfType(children, RadioGroup.Options);
   const descriptionElement = findChildOfType(children, RadioGroup.Description);
   const errorElement = findChildOfType(children, RadioGroup.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => applyInternalProps(labelElement, {
       as: "div"
     }),
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(RadioGroup$1, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(RadioGroup$1, {
       id: inputId,
       "aria-labelledby": labelId,
       "aria-describedby": ariaDescribedBy,
@@ -39674,7 +39683,7 @@ var RadioGroup = (_ref) => {
       onBlur,
       onFocus
     }, optionsElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Options8 = (_ref2) => {
@@ -39686,7 +39695,8 @@ var Options8 = (_ref2) => {
     options,
     addOther,
     addOtherLabel,
-    id
+    id,
+    numberOfColumns
   } = useFieldPropsV2();
   const {
     t
@@ -39698,8 +39708,9 @@ var Options8 = (_ref2) => {
     var _firstRadioRef$curren;
     (_firstRadioRef$curren = firstRadioRef.current) == null || _firstRadioRef$curren.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement("div", {
-    className
+  return /* @__PURE__ */ React45__default.createElement("div", {
+    className,
+    "data-columns": numberOfColumns
   }, options.map((option, index) => applyInternalProps(optionElement, {
     key: option.value ?? option.label,
     value: option.value ?? option.label,
@@ -39734,9 +39745,9 @@ var Option9 = (_ref3) => {
   const otherInputElement = findChildOfType(children, Option9.OtherInput);
   const isThisOptionSelected = selectedValue === value;
   const radioClassName = inputElement == null || (_inputElement$props = inputElement.props) == null ? void 0 : _inputElement$props.className;
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
-  }, /* @__PURE__ */ React44__default.createElement(Radio, {
+  }, /* @__PURE__ */ React45__default.createElement(Radio, {
     value,
     ref: radioRef,
     className: radioClassName
@@ -39752,7 +39763,7 @@ var OptionLabel2 = (_ref4) => {
   const {
     label
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     className
   }, label);
 };
@@ -39795,11 +39806,11 @@ var OptionOtherInput = (_ref5) => {
     onChange(_otherValue);
     setOtherValue(input);
   }, [onChange, addOtherLabel, otherLabel]);
-  return /* @__PURE__ */ React44__default.createElement(TextField, {
+  return /* @__PURE__ */ React45__default.createElement(TextField, {
     value: otherValue,
     onChange: handleOtherChange,
     isDisabled: disabled
-  }, /* @__PURE__ */ React44__default.createElement(Input$1, {
+  }, /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     className,
     placeholder: addOtherPlaceholder,
@@ -39835,10 +39846,10 @@ var RatingInput = (_ref) => {
   const starsElement = findChildOfType(children, RatingInput.Stars);
   const descriptionElement = findChildOfType(children, RatingInput.Description);
   const errorElement = findChildOfType(children, RatingInput.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(RadioGroup$1, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(RadioGroup$1, {
       value: value ? String(value) : void 0,
       onChange: handleChange,
       isDisabled: disabled,
@@ -39848,7 +39859,7 @@ var RatingInput = (_ref) => {
       onFocus,
       orientation: "horizontal"
     }, starsElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Stars = (_ref2) => {
@@ -39868,7 +39879,7 @@ var Stars = (_ref2) => {
   const starElement = findChildOfType(children, Stars.Star);
   const starValues = ["1", "2", "3", "4", "5"];
   const isFilled = (starValue) => hovered ? hovered >= starValue : !!value && value >= Number(starValue);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     ref: containerRef,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
@@ -39890,7 +39901,7 @@ var Star = (_ref3) => {
     isFilled,
     onHoverChange
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement(Radio, {
+  return /* @__PURE__ */ React45__default.createElement(Radio, {
     value,
     className,
     "data-filled": isFilled || void 0,
@@ -39922,7 +39933,7 @@ var OptionLabel3 = (_ref) => {
   const {
     label
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     className
   }, label);
 };
@@ -39955,11 +39966,11 @@ var OtherInput2 = (_ref2) => {
     const formattedOtherValue = newValue ? `${otherLabel}: ${newValue}` : otherLabel;
     onChangeRef.current([...regularOptions, formattedOtherValue]);
   }, [fieldValue, otherLabel]);
-  return /* @__PURE__ */ React44__default.createElement(TextField, {
+  return /* @__PURE__ */ React45__default.createElement(TextField, {
     value: inputValue,
     onChange: handleInputChange,
     "aria-label": otherLabel
-  }, /* @__PURE__ */ React44__default.createElement(Input$1, {
+  }, /* @__PURE__ */ React45__default.createElement(Input$1, {
     placeholder: addOtherPlaceholder,
     maxLength: otherInputCharacterLimit,
     className
@@ -39988,7 +39999,7 @@ var Option10 = (_ref3) => {
     }
   }, id);
   const labelElement = findChildOfType(children, OptionLabel3);
-  return /* @__PURE__ */ React44__default.createElement(Tag$1, {
+  return /* @__PURE__ */ React45__default.createElement(Tag$1, {
     ref,
     id: value,
     textValue: label,
@@ -40029,7 +40040,7 @@ var Options9 = (_ref4) => {
     }
     return regularOptions;
   }, [options, addOther, otherLabel]);
-  return /* @__PURE__ */ React44__default.createElement(TagList, {
+  return /* @__PURE__ */ React45__default.createElement(TagList, {
     "aria-describedby": ariaDescribedBy,
     className
   }, allOptions.map((option, index) => {
@@ -40065,7 +40076,7 @@ var Control4 = (_ref5) => {
     }
     return fieldValue.some((val) => val === otherLabel || val.startsWith(`${otherLabel}:`));
   }, [addOther, fieldValue, otherLabel]);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
   }, optionsElement, isOtherSelected && otherInputElement);
 };
@@ -40111,15 +40122,15 @@ var Tags = (_ref6) => {
   const controlElement = findChildOfType(children, Control4);
   const descriptionElement = findChildOfType(children, Description);
   const errorElement = findChildOfType(children, Error2);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(TagGroup, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(TagGroup, {
       selectionMode: "multiple",
       selectedKeys,
       onSelectionChange: handleSelectionChange
     }, controlElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 Options9.Option = Option10;
@@ -40151,10 +40162,10 @@ var TextArea = (_ref) => {
   const inputElement = findChildOfType(children, TextArea.Input);
   const descriptionElement = findChildOfType(children, TextArea.Description);
   const errorElement = findChildOfType(children, TextArea.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(TextField, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(TextField, {
       value: value ?? "",
       onChange: handleChange,
       isDisabled: disabled,
@@ -40162,7 +40173,7 @@ var TextArea = (_ref) => {
       onBlur,
       onFocus
     }, inputElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Input11 = (_ref2) => {
@@ -40182,7 +40193,7 @@ var Input11 = (_ref2) => {
     var _ref$current;
     (_ref$current = ref.current) == null || _ref$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(TextArea$1, {
+  return /* @__PURE__ */ React45__default.createElement(TextArea$1, {
     ref,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
@@ -40213,10 +40224,10 @@ var TextInput = (_ref) => {
   const inputElement = findChildOfType(children, TextInput.Input);
   const descriptionElement = findChildOfType(children, TextInput.Description);
   const errorElement = findChildOfType(children, TextInput.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(TextField, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(TextField, {
       value: value ?? "",
       onChange,
       isDisabled: disabled,
@@ -40225,7 +40236,7 @@ var TextInput = (_ref) => {
       onBlur,
       onFocus
     }, inputElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Input12 = (_ref2) => {
@@ -40245,7 +40256,7 @@ var Input12 = (_ref2) => {
     var _inputRef$current;
     (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
@@ -40288,10 +40299,10 @@ var TimeInput2 = (_ref) => {
   const descriptionElement = findChildOfType(children, TimeInput2.Description);
   const errorElement = findChildOfType(children, TimeInput2.Error);
   const timeValue = stringToTimeValue2(value);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(TimeField, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(TimeField, {
       id: inputId,
       "aria-describedby": ariaDescribedBy,
       value: timeValue,
@@ -40302,7 +40313,7 @@ var TimeInput2 = (_ref) => {
       onFocus,
       hourCycle: use24HourFormat ? 24 : 12
     }, timeElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Time2 = (_ref2) => {
@@ -40313,28 +40324,28 @@ var Time2 = (_ref2) => {
   const hourElement = findChildOfType(children, Time2.Hour);
   const minuteElement = findChildOfType(children, Time2.Minute);
   const periodElement = findChildOfType(children, Time2.Period);
-  return /* @__PURE__ */ React44__default.createElement(DateInput$1, {
+  return /* @__PURE__ */ React45__default.createElement(DateInput$1, {
     className
   }, (segment) => {
     switch (segment.type) {
       case "hour":
         return applyInternalProps(hourElement, {
           segment
-        }) || /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null);
+        }) || /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null);
       case "minute":
         return applyInternalProps(minuteElement, {
           segment
-        }) || /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null);
+        }) || /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null);
       case "dayPeriod":
         return applyInternalProps(periodElement, {
           segment
-        }) || /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null);
+        }) || /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null);
       case "literal":
-        return /* @__PURE__ */ React44__default.createElement(DateSegment, {
+        return /* @__PURE__ */ React45__default.createElement(DateSegment, {
           segment
         });
       default:
-        return /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null);
+        return /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null);
     }
   });
 };
@@ -40359,7 +40370,7 @@ var Hour2 = (_ref3) => {
     (_ref$current = ref.current) == null || _ref$current.focus();
   }, id);
   const placeholder = hidePlaceholder ? void 0 : t("field.date.placeholder.hour");
-  return /* @__PURE__ */ React44__default.createElement(DateSegment, _extends({
+  return /* @__PURE__ */ React45__default.createElement(DateSegment, _extends({
     ref,
     segment,
     className
@@ -40382,7 +40393,7 @@ var Minute2 = (_ref4) => {
     t
   } = useTranslation();
   const placeholder = hidePlaceholder ? void 0 : t("field.date.placeholder.minute");
-  return /* @__PURE__ */ React44__default.createElement(DateSegment, _extends({
+  return /* @__PURE__ */ React45__default.createElement(DateSegment, _extends({
     segment,
     className
   }, placeholder && {
@@ -40404,7 +40415,7 @@ var Period2 = (_ref5) => {
     t
   } = useTranslation();
   const placeholder = hidePlaceholder ? void 0 : t("field.date.placeholder.period");
-  return /* @__PURE__ */ React44__default.createElement(DateSegment, _extends({
+  return /* @__PURE__ */ React45__default.createElement(DateSegment, _extends({
     segment,
     className
   }, placeholder && {
@@ -40445,10 +40456,10 @@ var LoginBar = (_ref) => {
     id,
     FieldLayout
   } = useFieldPropsV2();
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => null,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, children),
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, children),
     renderDescription: () => null
   });
 };
@@ -40465,9 +40476,9 @@ var LoginBarInner = (_ref2) => {
   const labelWithButton = !userData ? applyInternalProps(labelElement, {
     buttonElement
   }) : labelElement;
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
-  }, userData ? /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, labelElement, buttonElement) : labelWithButton);
+  }, userData ? /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, labelElement, buttonElement) : labelWithButton);
 };
 var LoginBarText = (_ref3) => {
   let {
@@ -40486,7 +40497,7 @@ var LoginBarText = (_ref3) => {
   const labelText = userData ? t("form.login-bar.title.logged-in-state", {
     user: userData == null ? void 0 : userData.email
   }) : t("form.login-bar.title.logged-out-state");
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
   }, labelText, !userData && buttonElement);
 };
@@ -40512,7 +40523,7 @@ var LoginBarButton = (_ref4) => {
       actions == null || actions.requestLogin == null || actions.requestLogin(locale);
     }
   };
-  return /* @__PURE__ */ React44__default.createElement(Button, {
+  return /* @__PURE__ */ React45__default.createElement(Button, {
     className,
     onPress: handleClick
   }, buttonText);
@@ -40526,23 +40537,23 @@ init_extends();
 function ProgressCircle2(props) {
   const strokeWidth = 4;
   const radius = `calc(50% - ${strokeWidth / 2}px)`;
-  return /* @__PURE__ */ React44__default.createElement(ProgressBar, _extends({}, props, {
+  return /* @__PURE__ */ React45__default.createElement(ProgressBar, _extends({}, props, {
     isIndeterminate: true
   }), (_ref) => {
     let {
       percentage,
       isIndeterminate
     } = _ref;
-    return /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, /* @__PURE__ */ React44__default.createElement("svg", {
+    return /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, /* @__PURE__ */ React45__default.createElement("svg", {
       fill: "none",
       width: "100%",
       height: "100%",
       viewBox: "0 0 32 32"
-    }, /* @__PURE__ */ React44__default.createElement("circle", {
+    }, /* @__PURE__ */ React45__default.createElement("circle", {
       cx: "50%",
       cy: "50%",
       r: radius
-    }), /* @__PURE__ */ React44__default.createElement("circle", {
+    }), /* @__PURE__ */ React45__default.createElement("circle", {
       cx: "50%",
       cy: "50%",
       r: radius,
@@ -40550,7 +40561,7 @@ function ProgressCircle2(props) {
       strokeDasharray: "100 200",
       strokeDashoffset: 100 - (isIndeterminate || percentage == null ? 25 : percentage),
       strokeLinecap: "round"
-    }, isIndeterminate && /* @__PURE__ */ React44__default.createElement("animateTransform", {
+    }, isIndeterminate && /* @__PURE__ */ React45__default.createElement("animateTransform", {
       attributeName: "transform",
       type: "rotate",
       dur: "0.75s",
@@ -40570,10 +40581,10 @@ var SubmitButton = (_ref) => {
     FieldLayout
   } = useFieldPropsV2();
   const buttonsContainerElement = findChildOfType(children, SubmitButton.SubmitButton);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => null,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, buttonsContainerElement),
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, buttonsContainerElement),
     renderDescription: () => null
   });
 };
@@ -40585,7 +40596,7 @@ var ButtonsContainer = (_ref2) => {
   const previousButtonElement = findChildOfType(children, PreviousButton);
   const nextButtonElement = findChildOfType(children, NextButton);
   const submitButtonElement = findChildOfType(children, SubmitButtonComponent);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
   }, previousButtonElement, nextButtonElement, submitButtonElement);
 };
@@ -40601,7 +40612,7 @@ var PreviousButton = (_ref3) => {
   if (!showPreviousButton) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement(Button, {
+  return /* @__PURE__ */ React45__default.createElement(Button, {
     className,
     onPress: onPreviousClick
   }, previousText);
@@ -40618,7 +40629,7 @@ var NextButton = (_ref4) => {
   if (!showNextButton) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement(Button, {
+  return /* @__PURE__ */ React45__default.createElement(Button, {
     className,
     onPress: onNextClick
   }, nextText);
@@ -40639,7 +40650,7 @@ var SubmitButtonComponent = (_ref5) => {
     return null;
   }
   const loaderElement = findChildOfType(children, SubmitButtonComponent.Loader);
-  return /* @__PURE__ */ React44__default.createElement(Button, {
+  return /* @__PURE__ */ React45__default.createElement(Button, {
     className,
     onPress: onSubmitClick,
     isDisabled: isDisabled || isInProgress,
@@ -40650,9 +40661,9 @@ var Loader = (_ref6) => {
   let {
     className
   } = _ref6;
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     className
-  }, /* @__PURE__ */ React44__default.createElement(ProgressCircle2, null));
+  }, /* @__PURE__ */ React45__default.createElement(ProgressCircle2, null));
 };
 SubmitButtonComponent.Loader = Loader;
 ButtonsContainer.PreviousButton = PreviousButton;
@@ -40682,7 +40693,7 @@ var FixedPayment = (_ref) => {
   const amountElement = findChildOfType(children, FixedPayment.Amount);
   const descriptionElement = findChildOfType(children, FixedPayment.Description);
   const errorElement = findChildOfType(children, FixedPayment.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
     renderInput: () => applyInternalProps(amountElement, {
@@ -40690,7 +40701,7 @@ var FixedPayment = (_ref) => {
       currencyCode: currency == null ? void 0 : currency.code,
       locale: regionalFormat
     }),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Amount = (_ref2) => {
@@ -40712,7 +40723,7 @@ var Amount = (_ref2) => {
     currency: currencyCode,
     locale
   });
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     id: inputId,
     "aria-describedby": ariaDescribedBy,
     className,
@@ -40723,7 +40734,7 @@ var FixedPaymentLabel = (_ref3) => {
   let {
     className
   } = _ref3;
-  return /* @__PURE__ */ React44__default.createElement(Label, {
+  return /* @__PURE__ */ React45__default.createElement(Label, {
     className
   }, null);
 };
@@ -40808,10 +40819,10 @@ var ProductList = (_ref) => {
     const newProductValues = isChecked ? [...restProductValues, productValue] : restProductValues;
     onChange == null || onChange(newProductValues);
   }, [_value, onChange]);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(FieldsetHeadless, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(FieldsetHeadless, {
       id: inputId,
       ariaLabelledBy: labelId,
       ariaDescribedBy,
@@ -40825,7 +40836,7 @@ var ProductList = (_ref) => {
       disabled,
       hasError
     }) : null),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, errorElement, descriptionElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, errorElement, descriptionElement)
   });
 };
 var Options10 = (_ref2) => {
@@ -40861,7 +40872,7 @@ var Options10 = (_ref2) => {
       preventScroll: true
     });
   }, id);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
   }, options == null ? void 0 : options.map((option, index) => {
     var _validation$predefine2;
@@ -40925,7 +40936,7 @@ var ProductOption = (_ref3) => {
   }, [onProductChange, option.value, price]);
   const ariaLabel = `${option.label} ${currencyAriaLabel} ${price}`;
   if (allowMany) {
-    return /* @__PURE__ */ React44__default.createElement("div", {
+    return /* @__PURE__ */ React45__default.createElement("div", {
       className,
       "data-hook": "product"
     }, imageElement ? applyInternalProps(imageElement, {
@@ -40943,7 +40954,7 @@ var ProductOption = (_ref3) => {
       ariaLabel
     }) : null);
   }
-  return /* @__PURE__ */ React44__default.createElement(Checkbox$1, {
+  return /* @__PURE__ */ React45__default.createElement(Checkbox$1, {
     ref: checkboxRef,
     isSelected,
     onChange: handleCheckboxChange,
@@ -40978,7 +40989,7 @@ var OptionImage = (_ref4) => {
     return null;
   }
   const imageAlt = option.media.image.altText || option.label || "";
-  return /* @__PURE__ */ React44__default.createElement("img", {
+  return /* @__PURE__ */ React45__default.createElement("img", {
     className,
     src: imageURL,
     alt: imageAlt,
@@ -40993,7 +41004,7 @@ var OptionLabel4 = (_ref5) => {
   const {
     label
   } = internal;
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     className,
     "data-hook": "product-label"
   }, label || "");
@@ -41015,7 +41026,7 @@ var OptionPrice = (_ref6) => {
     currency: currency == null ? void 0 : currency.code,
     locale: regionalFormat
   });
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     className,
     "data-hook": "product-price"
   }, formattedPrice);
@@ -41024,7 +41035,7 @@ var OptionInput3 = (_ref7) => {
   let {
     className
   } = _ref7;
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     "aria-hidden": "true",
     className
   });
@@ -41050,7 +41061,7 @@ var OptionQuantity = (_ref8) => {
       handleChange(0);
     }
   }, [handleChange]);
-  return /* @__PURE__ */ React44__default.createElement(NumberField, {
+  return /* @__PURE__ */ React45__default.createElement(NumberField, {
     value: quantity,
     onChange: handleChange,
     minValue: 0,
@@ -41060,11 +41071,11 @@ var OptionQuantity = (_ref8) => {
     "aria-label": ariaLabel,
     className,
     "data-hook": "product-quantity"
-  }, /* @__PURE__ */ React44__default.createElement(Group, {
+  }, /* @__PURE__ */ React45__default.createElement(Group, {
     onKeyDown
-  }, /* @__PURE__ */ React44__default.createElement(Button, {
+  }, /* @__PURE__ */ React45__default.createElement(Button, {
     slot: "decrement"
-  }, "-"), /* @__PURE__ */ React44__default.createElement(Input$1, null), /* @__PURE__ */ React44__default.createElement(Button, {
+  }, "-"), /* @__PURE__ */ React45__default.createElement(Input$1, null), /* @__PURE__ */ React45__default.createElement(Button, {
     slot: "increment"
   }, "+")));
 };
@@ -41149,10 +41160,10 @@ var Donation = (_ref) => {
   const controlElement = findChildOfType(children, Donation.Control);
   const descriptionElement = findChildOfType(children, Donation.Description);
   const errorElement = findChildOfType(children, Donation.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(RadioGroup$1, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(RadioGroup$1, {
       value: selectedValue,
       onChange: handleRadioChange,
       isDisabled: disabled,
@@ -41170,7 +41181,7 @@ var Donation = (_ref) => {
       customAmountProductId: customAmountProduct == null ? void 0 : customAmountProduct.id,
       onFocusCustomInput: handleFocusCustomInput
     }) : null),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Control5 = (_ref2) => {
@@ -41192,7 +41203,7 @@ var Control5 = (_ref2) => {
   } = internal;
   const optionsElement = findChildOfType(children, Donation.Options);
   const otherInputElement = findChildOfType(children, Donation.OtherInput);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
   }, optionsElement ? applyInternalProps(optionsElement, {
     productsById,
@@ -41225,7 +41236,7 @@ var Options11 = (_ref3) => {
     options
   } = useFieldPropsV2();
   const optionElement = findChildOfType(children, Options11.Option);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
   }, options.map((option) => {
     var _product$fixedPriceOp;
@@ -41236,7 +41247,7 @@ var Options11 = (_ref3) => {
       value: option.value,
       price: price || "0"
     });
-  }), addOther && customAmountProductId && /* @__PURE__ */ React44__default.createElement(Radio, {
+  }), addOther && customAmountProductId && /* @__PURE__ */ React45__default.createElement(Radio, {
     value: customAmountProductId,
     style: {
       position: "absolute",
@@ -41272,11 +41283,11 @@ var Option11 = (_ref4) => {
     var _ref$current;
     (_ref$current = ref.current) == null || (_ref$current = _ref$current.querySelector("input")) == null || _ref$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Radio, {
+  return /* @__PURE__ */ React45__default.createElement(Radio, {
     value,
     className,
     ref
-  }, /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, valueElement ? applyInternalProps(valueElement, {
+  }, /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, valueElement ? applyInternalProps(valueElement, {
     price
   }) : null, currencyElement));
 };
@@ -41295,7 +41306,7 @@ var OptionValue = (_ref5) => {
     amount: price,
     locale: regionalFormat
   });
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     className
   }, formattedPrice);
 };
@@ -41306,7 +41317,7 @@ var OptionCurrency = (_ref6) => {
   const {
     currency
   } = useConfig();
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     className
   }, (currency == null ? void 0 : currency.sign) || (currency == null ? void 0 : currency.code) || "");
 };
@@ -41344,7 +41355,7 @@ var OtherInput3 = (_ref7) => {
     onFocusCustomInput();
   }, [onFocusCustomInput]);
   const hasValue = customAmount && customAmount.trim() !== "";
-  return /* @__PURE__ */ React44__default.createElement(TextField, {
+  return /* @__PURE__ */ React45__default.createElement(TextField, {
     value: customAmount,
     onChange: handleChange,
     onFocus: handleFocus,
@@ -41371,7 +41382,7 @@ var OtherInputCurrency = (_ref8) => {
   const {
     prefixId
   } = useFieldAttributes2();
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     id: prefixId,
     "aria-hidden": false,
     "aria-label": getCurrencyAriaLabel(t, currency),
@@ -41392,7 +41403,7 @@ var OtherInputValue = (_ref9) => {
     labelId,
     prefixId
   } = useFieldAttributes2();
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     id: customAmountProductId,
     "aria-labelledby": `${labelId} ${prefixId}`,
     "aria-describedby": ariaDescribedBy,
@@ -41452,10 +41463,10 @@ var PaymentInput = (_ref) => {
   const inputElement = findChildOfType(children, PaymentInput.Input);
   const descriptionElement = findChildOfType(children, PaymentInput.Description);
   const errorElement = findChildOfType(children, PaymentInput.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
-    renderInput: () => /* @__PURE__ */ React44__default.createElement(TextField, {
+    renderInput: () => /* @__PURE__ */ React45__default.createElement(TextField, {
       value: value ? paymentValue : "",
       onChange: handleOnChange,
       isDisabled: disabled,
@@ -41464,7 +41475,7 @@ var PaymentInput = (_ref) => {
       onBlur: handleOnBlur,
       onFocus
     }, inputElement),
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, descriptionElement, errorElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, descriptionElement, errorElement)
   });
 };
 var Input13 = (_ref2) => {
@@ -41478,7 +41489,7 @@ var Input13 = (_ref2) => {
   } = useFieldAttributes2();
   const currencyElement = findChildOfType(children, Input13.Currency);
   const valueElement = findChildOfType(children, Input13.Value);
-  return /* @__PURE__ */ React44__default.createElement(Group, {
+  return /* @__PURE__ */ React45__default.createElement(Group, {
     id: inputId,
     "aria-describedby": ariaDescribedBy,
     className
@@ -41500,7 +41511,7 @@ var Currency = (_ref3) => {
   if (!currency) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement("span", {
+  return /* @__PURE__ */ React45__default.createElement("span", {
     id: prefixId,
     "aria-hidden": false,
     "aria-label": getCurrencyAriaLabel(t, currency),
@@ -41525,7 +41536,7 @@ var Value = (_ref4) => {
     var _inputRef$current;
     (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
   }, id);
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     ref: inputRef,
     className,
     placeholder,
@@ -42845,11 +42856,11 @@ var Signature = (_ref) => {
   const inputElement = findChildOfType(children, Signature.Input);
   const descriptionElement = findChildOfType(children, Signature.Description);
   const errorElement = findChildOfType(children, Signature.Error);
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
     renderInput: () => inputElement,
-    renderDescription: () => /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, errorElement, descriptionElement)
+    renderDescription: () => /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, errorElement, descriptionElement)
   });
 };
 var Input14 = (_ref2) => {
@@ -42877,7 +42888,7 @@ var Input14 = (_ref2) => {
   });
   const headerElement = findChildOfType(children, Input14.Header);
   const valueElement = findChildOfType(children, Input14.Value);
-  return /* @__PURE__ */ React44__default.createElement(React44__default.Fragment, null, applyInternalProps(headerElement, {
+  return /* @__PURE__ */ React45__default.createElement(React45__default.Fragment, null, applyInternalProps(headerElement, {
     signatureMode,
     setSignatureMode,
     handleClear,
@@ -42929,9 +42940,9 @@ var Header = (_ref3) => {
         return "";
     }
   }, [signatureMode, t]);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
-  }, /* @__PURE__ */ React44__default.createElement("div", {
+  }, /* @__PURE__ */ React45__default.createElement("div", {
     role: "status",
     "aria-live": "polite",
     style: {
@@ -42974,7 +42985,7 @@ var Tabs = (_ref4) => {
     return allModes;
   }, [uploadEnabled]);
   const tabElement = findChildOfType(children, Tabs.Tab);
-  return /* @__PURE__ */ React44__default.createElement(RadioGroup$1, {
+  return /* @__PURE__ */ React45__default.createElement(RadioGroup$1, {
     value: signatureMode,
     onChange: handleChange,
     "aria-labelledby": labelId,
@@ -43009,7 +43020,7 @@ var Tab = (_ref5) => {
         return "";
     }
   }, [mode, t]);
-  return /* @__PURE__ */ React44__default.createElement(Radio, {
+  return /* @__PURE__ */ React45__default.createElement(Radio, {
     value: mode,
     "aria-label": ariaLabel,
     className
@@ -43040,7 +43051,7 @@ var TabIcon = (_ref6) => {
   if (!IconComponent) {
     return null;
   }
-  return /* @__PURE__ */ React44__default.createElement(IconComponent, {
+  return /* @__PURE__ */ React45__default.createElement(IconComponent, {
     className,
     size: "24",
     "aria-hidden": "true"
@@ -43060,12 +43071,12 @@ var Clear = (_ref7) => {
   const {
     inputId
   } = useFieldAttributes2();
-  return /* @__PURE__ */ React44__default.createElement(Button, {
+  return /* @__PURE__ */ React45__default.createElement(Button, {
     onPress: handleClear,
     "aria-label": t("field.signature.clear-button.label"),
     "aria-controls": inputId,
     className
-  }, /* @__PURE__ */ React44__default.createElement(Delete_default, {
+  }, /* @__PURE__ */ React45__default.createElement(Delete_default, {
     size: "24",
     "aria-hidden": "true"
   }));
@@ -43093,7 +43104,7 @@ var Value2 = (_ref8) => {
   const canvasElement = findChildOfType(children, Value2.Canvas);
   const typeElement = findChildOfType(children, Value2.Type);
   const uploadElement = findChildOfType(children, Value2.Upload);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className,
     role: "region",
     "aria-label": t("field.signature.input-area") || "Signature input area"
@@ -43220,9 +43231,9 @@ var Canvas = (_ref9) => {
       pad.current.on();
     }
   }, [readOnly]);
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
-  }, /* @__PURE__ */ React44__default.createElement("canvas", {
+  }, /* @__PURE__ */ React45__default.createElement("canvas", {
     ref: mountCanvas,
     id: inputId,
     "data-input-id": inputId,
@@ -43293,7 +43304,7 @@ var Type6 = (_ref0) => {
     }
   }, [onBeforeChange, onChange]);
   const valueElement = findChildOfType(children, Type6.Value);
-  return /* @__PURE__ */ React44__default.createElement(TextField, {
+  return /* @__PURE__ */ React45__default.createElement(TextField, {
     value: signatureText,
     onChange: handleChange,
     isReadOnly: readOnly,
@@ -43317,7 +43328,7 @@ var TypeValue = (_ref1) => {
   const {
     label
   } = useFieldPropsV2();
-  return /* @__PURE__ */ React44__default.createElement(Input$1, {
+  return /* @__PURE__ */ React45__default.createElement(Input$1, {
     id: inputId,
     "aria-describedby": ariaDescribedBy,
     "aria-label": label,
@@ -43355,9 +43366,9 @@ var Upload = (_ref10) => {
   const {
     t
   } = useTranslation();
-  return /* @__PURE__ */ React44__default.createElement("div", {
+  return /* @__PURE__ */ React45__default.createElement("div", {
     className
-  }, /* @__PURE__ */ React44__default.createElement("input", {
+  }, /* @__PURE__ */ React45__default.createElement("input", {
     ref: fileInputRef,
     type: "file",
     accept: "image/*",
@@ -43370,7 +43381,7 @@ var Upload = (_ref10) => {
   }), !hasUploadedImage && applyInternalProps(buttonElement, {
     fileInputRef,
     readOnly
-  }), hasUploadedImage && value.url && /* @__PURE__ */ React44__default.createElement("img", {
+  }), hasUploadedImage && value.url && /* @__PURE__ */ React45__default.createElement("img", {
     src: value.url,
     alt: t("field.signature.uploaded-image.alt") || "Uploaded signature image",
     style: {
@@ -43400,7 +43411,7 @@ var UploadButton = (_ref11) => {
     var _fileInputRef$current;
     (_fileInputRef$current = fileInputRef.current) == null || _fileInputRef$current.click();
   }, [fileInputRef]);
-  return /* @__PURE__ */ React44__default.createElement(Button, {
+  return /* @__PURE__ */ React45__default.createElement(Button, {
     id: inputId,
     onPress: handlePress,
     isDisabled: readOnly,
@@ -43442,7 +43453,7 @@ var RichText = (_ref) => {
   const {
     locale
   } = useConfig();
-  return /* @__PURE__ */ React44__default.createElement(FieldLayout, {
+  return /* @__PURE__ */ React45__default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => null,
     renderInput: () => children({