@wix/form-public 0.526.0 → 0.527.0

package/dist/index.cjs

@@ -52085,9 +52085,10 @@ var CheckboxContainer = ({ children, className }) => {
   }, /* @__PURE__ */ React173__default.default.createElement(reactAriaComponents.CheckboxButton, {
     ref,
     className
-  }, ({ isSelected, isHovered }) => /* @__PURE__ */ React173__default.default.createElement(React173__default.default.Fragment, null, applyInternalProps(inputElement, {
+  }, ({ isSelected, isHovered, isFocused }) => /* @__PURE__ */ React173__default.default.createElement(React173__default.default.Fragment, null, applyInternalProps(inputElement, {
     isSelected,
-    isHovered
+    isHovered,
+    isFocused
   }), labelElement)));
 };
 CheckboxContainer.RichTextLabel = RichTextLabel;
@@ -52275,9 +52276,10 @@ var Checkbox2 = ({ children, className, ...internal }) => {
     ref: checkboxRef,
     className,
     "data-hook": `checkbox-${label}`
-  }, ({ isSelected, isHovered }) => /* @__PURE__ */ React173__default.default.createElement(React173__default.default.Fragment, null, applyInternalProps(inputElement, {
+  }, ({ isSelected, isHovered, isFocused }) => /* @__PURE__ */ React173__default.default.createElement(React173__default.default.Fragment, null, applyInternalProps(inputElement, {
     isSelected,
-    isHovered
+    isHovered,
+    isFocused
   }), applyInternalProps(labelElement, {
     label
   }))));
@@ -55954,9 +55956,10 @@ var GuestToggle = ({ children, className, ...internal }) => {
     onFocus
   }, /* @__PURE__ */ React173__default.default.createElement(reactAriaComponents.CheckboxButton, {
     className
-  }, ({ isSelected, isHovered }) => /* @__PURE__ */ React173__default.default.createElement(React173__default.default.Fragment, null, applyInternalProps(inputElement, {
+  }, ({ isSelected, isHovered, isFocused }) => /* @__PURE__ */ React173__default.default.createElement(React173__default.default.Fragment, null, applyInternalProps(inputElement, {
     isSelected,
-    isHovered
+    isHovered,
+    isFocused
   }), applyInternalProps(labelElement, {
     label
   }))));
@@ -56113,9 +56116,10 @@ var Option4 = ({ children, className, ...internal }) => {
   }, /* @__PURE__ */ React173__default.default.createElement(reactAriaComponents.RadioButton, {
     ref: radioRef,
     className: radioClassName
-  }, ({ isSelected, isHovered }) => /* @__PURE__ */ React173__default.default.createElement(React173__default.default.Fragment, null, applyInternalProps(controlElement, {
+  }, ({ isSelected, isHovered, isFocused }) => /* @__PURE__ */ React173__default.default.createElement(React173__default.default.Fragment, null, applyInternalProps(controlElement, {
     isSelected,
-    isHovered
+    isHovered,
+    isFocused
   }), applyInternalProps(labelElement, {
     label
   })))), isOther && isThisOptionSelected && otherInputElement);
@@ -56456,7 +56460,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();
@@ -56492,7 +56496,8 @@ var DropZoneButton = ({ className, children, "aria-roledescription": roleDescrip
     onFocus,
     onBlur: handleBlur,
     onHoverStart,
-    onHoverEnd
+    onHoverEnd,
+    onFocusChange
   }, children));
 };
 var DropZoneButtonText = ({ className }) => {
@@ -60072,9 +60077,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,
@@ -60298,7 +60304,7 @@ var ProductOption = ({ children, className, ...internal }) => {
     ref: checkboxRef,
     className,
     "data-hook": "product"
-  }, ({ isHovered }) => /* @__PURE__ */ React173__default.default.createElement(React173__default.default.Fragment, null, imageElement ? applyInternalProps(imageElement, {
+  }, ({ isHovered, isFocused }) => /* @__PURE__ */ React173__default.default.createElement(React173__default.default.Fragment, null, imageElement ? applyInternalProps(imageElement, {
     option: option2,
     imageResize
   }) : null, labelElement ? applyInternalProps(labelElement, {
@@ -60307,7 +60313,8 @@ var ProductOption = ({ children, className, ...internal }) => {
     price
   }) : null, applyInternalProps(inputElement, {
     isSelected,
-    isHovered
+    isHovered,
+    isFocused
   }))));
 };
 var OptionImage2 = ({ className, ...internal }) => {
@@ -60470,15 +60477,17 @@ var Rating = ({ className, children, ...internal }) => {
   return /* @__PURE__ */ React173__default.default.createElement(reactAriaComponents.RadioField, {
     value
   }, /* @__PURE__ */ React173__default.default.createElement(reactAriaComponents.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__default.default.createElement(React173__default.default.Fragment, null, typeof children === "function" ? children({
+  }, ({ isHovered, isFocused }) => /* @__PURE__ */ React173__default.default.createElement(React173__default.default.Fragment, null, typeof children === "function" ? children({
     isSelected,
-    isHovered
+    isHovered,
+    isFocused
   }) : children, label ? /* @__PURE__ */ React173__default.default.createElement("span", {
     style: visuallyHiddenStyle
   }, label) : null)));
@@ -62224,7 +62233,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();
@@ -62251,7 +62260,8 @@ var UploadButton = ({ children, className, onHoverStart, onHoverEnd, ...internal
     "data-hook": "signature-upload",
     className,
     onHoverStart,
-    onHoverEnd
+    onHoverEnd,
+    onFocusChange
   }, content));
 };
 var UploadButtonText = ({ children, className, ...internal }) => {