@wix/form-public 0.525.0 → 0.527.0

package/dist/index.js

@@ -52075,9 +52075,10 @@ var CheckboxContainer = ({ children, className }) => {
   }, /* @__PURE__ */ React173.createElement(CheckboxButton, {
     ref,
     className
-  }, ({ isSelected, isHovered }) => /* @__PURE__ */ React173.createElement(React173.Fragment, null, applyInternalProps(inputElement, {
+  }, ({ isSelected, isHovered, isFocused }) => /* @__PURE__ */ React173.createElement(React173.Fragment, null, applyInternalProps(inputElement, {
     isSelected,
-    isHovered
+    isHovered,
+    isFocused
   }), labelElement)));
 };
 CheckboxContainer.RichTextLabel = RichTextLabel;
@@ -52265,9 +52266,10 @@ var Checkbox2 = ({ children, className, ...internal }) => {
     ref: checkboxRef,
     className,
     "data-hook": `checkbox-${label}`
-  }, ({ isSelected, isHovered }) => /* @__PURE__ */ React173.createElement(React173.Fragment, null, applyInternalProps(inputElement, {
+  }, ({ isSelected, isHovered, isFocused }) => /* @__PURE__ */ React173.createElement(React173.Fragment, null, applyInternalProps(inputElement, {
     isSelected,
-    isHovered
+    isHovered,
+    isFocused
   }), applyInternalProps(labelElement, {
     label
   }))));
@@ -55944,9 +55946,10 @@ var GuestToggle = ({ children, className, ...internal }) => {
     onFocus
   }, /* @__PURE__ */ React173.createElement(CheckboxButton, {
     className
-  }, ({ isSelected, isHovered }) => /* @__PURE__ */ React173.createElement(React173.Fragment, null, applyInternalProps(inputElement, {
+  }, ({ isSelected, isHovered, isFocused }) => /* @__PURE__ */ React173.createElement(React173.Fragment, null, applyInternalProps(inputElement, {
     isSelected,
-    isHovered
+    isHovered,
+    isFocused
   }), applyInternalProps(labelElement, {
     label
   }))));
@@ -56103,9 +56106,10 @@ var Option4 = ({ children, className, ...internal }) => {
   }, /* @__PURE__ */ React173.createElement(RadioButton, {
     ref: radioRef,
     className: radioClassName
-  }, ({ isSelected, isHovered }) => /* @__PURE__ */ React173.createElement(React173.Fragment, null, applyInternalProps(controlElement, {
+  }, ({ isSelected, isHovered, isFocused }) => /* @__PURE__ */ React173.createElement(React173.Fragment, null, applyInternalProps(controlElement, {
     isSelected,
-    isHovered
+    isHovered,
+    isFocused
   }), applyInternalProps(labelElement, {
     label
   })))), isOther && isThisOptionSelected && otherInputElement);
@@ -56446,7 +56450,7 @@ var DropZoneSubtitle = ({ className, children }) => {
     limitReached
   }));
 };
-var DropZoneButton = ({ className, children, "aria-roledescription": roleDescription, onHoverStart, onHoverEnd }) => {
+var DropZoneButton = ({ className, children, "aria-roledescription": roleDescription, onHoverStart, onHoverEnd, onFocusChange }) => {
   const { ariaDescribedBy, inputId, labelId, errorId } = useFieldAttributes();
   const { disabled, required, onFocus, hasError, errorMessage } = useFieldPropsV2();
   const { handleFileChange, accept, multiple, buttonRef, handleBlur, limitError, files } = useFileUploadContext();
@@ -56482,7 +56486,8 @@ var DropZoneButton = ({ className, children, "aria-roledescription": roleDescrip
     onFocus,
     onBlur: handleBlur,
     onHoverStart,
-    onHoverEnd
+    onHoverEnd,
+    onFocusChange
   }, children));
 };
 var DropZoneButtonText = ({ className }) => {
@@ -59896,8 +59901,11 @@ var CountryOptionsModal = ({ children, className, overlayClassName, "aria-label"
       selectedKeys: selectedCountryCode ? [
         selectedCountryCode
       ] : [],
-      onAction: (key) => {
-        handleCountryCodeChange(key);
+      onSelectionChange: (keys3) => {
+        const [key] = keys3 === "all" ? [] : keys3;
+        if (key) {
+          handleCountryCodeChange(key);
+        }
         overlayState?.close();
       }
     }
@@ -60059,9 +60067,10 @@ var Control7 = ({ children, className }) => {
   const phoneNumberElement = findChildOfType(children, PhoneInput.PhoneNumber);
   const hasCountryOptions2 = countries.length > 1;
   const isForcedOpen = useIsForcedOpenDropdown(id6) && !!popoverElement && hasCountryOptions2;
-  const controlClassName = typeof className === "function" ? ({ isHovered }) => className({
+  const controlClassName = typeof className === "function" ? ({ isHovered, isFocusWithin }) => className({
     hasCountryOptions: hasCountryOptions2,
-    isHovered
+    isHovered,
+    isFocusWithin
   }) : className;
   const pickerProps = {
     triggerRef: controlRef,
@@ -60285,7 +60294,7 @@ var ProductOption = ({ children, className, ...internal }) => {
     ref: checkboxRef,
     className,
     "data-hook": "product"
-  }, ({ isHovered }) => /* @__PURE__ */ React173.createElement(React173.Fragment, null, imageElement ? applyInternalProps(imageElement, {
+  }, ({ isHovered, isFocused }) => /* @__PURE__ */ React173.createElement(React173.Fragment, null, imageElement ? applyInternalProps(imageElement, {
     option: option2,
     imageResize
   }) : null, labelElement ? applyInternalProps(labelElement, {
@@ -60294,7 +60303,8 @@ var ProductOption = ({ children, className, ...internal }) => {
     price
   }) : null, applyInternalProps(inputElement, {
     isSelected,
-    isHovered
+    isHovered,
+    isFocused
   }))));
 };
 var OptionImage2 = ({ className, ...internal }) => {
@@ -60457,15 +60467,17 @@ var Rating = ({ className, children, ...internal }) => {
   return /* @__PURE__ */ React173.createElement(RadioField, {
     value
   }, /* @__PURE__ */ React173.createElement(RadioButton, {
-    className: ({ isHovered }) => typeof className === "function" ? className({
+    className: ({ isHovered, isFocused }) => typeof className === "function" ? className({
       isSelected,
-      isHovered
+      isHovered,
+      isFocused
     }) : className ?? "",
     "data-active": isSelected || void 0,
     onHoverChange
-  }, ({ isHovered }) => /* @__PURE__ */ React173.createElement(React173.Fragment, null, typeof children === "function" ? children({
+  }, ({ isHovered, isFocused }) => /* @__PURE__ */ React173.createElement(React173.Fragment, null, typeof children === "function" ? children({
     isSelected,
-    isHovered
+    isHovered,
+    isFocused
   }) : children, label ? /* @__PURE__ */ React173.createElement("span", {
     style: visuallyHiddenStyle
   }, label) : null)));
@@ -62211,7 +62223,7 @@ var UploadPreview = ({ className, imageAlt, ...internal }) => {
     "data-hook": "signature-image"
   }, value.displayName || imageAlt));
 };
-var UploadButton = ({ children, className, onHoverStart, onHoverEnd, ...internal }) => {
+var UploadButton = ({ children, className, onHoverStart, onHoverEnd, onFocusChange, ...internal }) => {
   const { onSelectFiles, disabled, readOnly, onBlur, onFocus } = internal;
   const { inputId, ariaDescribedBy, labelId } = useFieldAttributes();
   const textId = useId2();
@@ -62238,7 +62250,8 @@ var UploadButton = ({ children, className, onHoverStart, onHoverEnd, ...internal
     "data-hook": "signature-upload",
     className,
     onHoverStart,
-    onHoverEnd
+    onHoverEnd,
+    onFocusChange
   }, content));
 };
 var UploadButtonText = ({ children, className, ...internal }) => {