@wix/form-public 0.494.0 → 0.496.0

package/dist/index.cjs

@@ -51620,7 +51620,7 @@ var RichTextLabel = ({ className, requiredClassName, theme, children, ...interna
     htmlAttributesPlugin
   }));
 };
-var CheckboxInput = ({ className, ...internal }) => {
+var SelectionIndicator = ({ className, ...internal }) => {
   const state = internal;
   return /* @__PURE__ */ React172__default.default.createElement("div", {
     "aria-hidden": "true",
@@ -51675,7 +51675,7 @@ var CheckboxContainer = ({ children, className }) => {
   }), labelElement)));
 };
 CheckboxContainer.RichTextLabel = RichTextLabel;
-CheckboxContainer.Input = CheckboxInput;
+CheckboxContainer.Input = SelectionIndicator;
 Checkbox.Checkbox = CheckboxContainer;
 Checkbox.Description = Description;
 Checkbox.Error = Error2;
@@ -51877,7 +51877,7 @@ var Checkbox2 = ({ children, className, ...internal }) => {
   }))));
 };
 Checkbox2.Label = OptionLabel;
-Checkbox2.Input = CheckboxInput;
+Checkbox2.Input = SelectionIndicator;
 var Option = ({ children, ...internal }) => {
   const { value, label, isFirst = false, isOther = false, fieldId } = internal;
   const props2 = useFieldPropsV2();
@@ -55403,7 +55403,7 @@ var Guest = ({ className, ...internal }) => {
 };
 GuestCount.Decrement = GuestCountDecrement;
 GuestCount.Increment = GuestCountIncrement;
-GuestToggle.Input = CheckboxInput;
+GuestToggle.Input = SelectionIndicator;
 GuestToggle.Label = GuestToggleLabel;
 Guests.Guest = Guest;
 
@@ -55491,9 +55491,12 @@ var Option4 = ({ children, className, ...internal }) => {
   }, /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.RadioButton, {
     ref: radioRef,
     className: radioClassName
-  }, controlElement, applyInternalProps(labelElement, {
+  }, ({ isSelected, isHovered }) => /* @__PURE__ */ React172__default.default.createElement(React172__default.default.Fragment, null, applyInternalProps(controlElement, {
+    isSelected,
+    isHovered
+  }), applyInternalProps(labelElement, {
     label
-  }))), isOther && isThisOptionSelected && otherInputElement);
+  })))), isOther && isThisOptionSelected && otherInputElement);
 };
 var OptionLabel2 = ({ className, ...internal }) => {
   const { label } = internal;
@@ -55504,12 +55507,6 @@ var OptionLabel2 = ({ className, ...internal }) => {
 var OptionInput = (_props) => {
   return null;
 };
-var OptionControl = ({ className }) => {
-  return /* @__PURE__ */ React172__default.default.createElement("div", {
-    "aria-hidden": "true",
-    className
-  });
-};
 var OptionOtherInput = ({ className }) => {
   const { value: fieldValue, onChange, addOtherLabel, addOtherPlaceholder, otherInputCharacterLimit, disabled, readOnly, options } = useFieldPropsV2();
   const { t } = useTranslation2();
@@ -55553,7 +55550,7 @@ var OptionOtherInput = ({ className }) => {
 };
 Option4.Label = OptionLabel2;
 Option4.Input = OptionInput;
-Option4.Control = OptionControl;
+Option4.Control = SelectionIndicator;
 Option4.OtherInput = OptionOtherInput;
 RadioGroup.Label = Label;
 RadioGroup.Options = Options4;
@@ -59655,7 +59652,7 @@ var OptionQuantity = ({ className, ...internal }) => {
 ProductOption.Image = OptionImage2;
 ProductOption.Label = OptionLabel4;
 ProductOption.Price = OptionPrice;
-ProductOption.Input = CheckboxInput;
+ProductOption.Input = SelectionIndicator;
 ProductOption.Quantity = OptionQuantity;
 Options11.Option = ProductOption;
 ProductList.Label = Label;
@@ -59733,20 +59730,21 @@ var visuallyHiddenStyle = {
 };
 var Rating = ({ className, children, ...internal }) => {
   const { value, isSelected, onHoverChange, label } = internal;
-  const resolvedClassName = typeof className === "function" ? className({
-    isSelected
-  }) : className;
   return /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.RadioField, {
     value
   }, /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.RadioButton, {
-    className: resolvedClassName,
+    className: ({ isHovered }) => typeof className === "function" ? className({
+      isSelected,
+      isHovered
+    }) : className ?? "",
     "data-active": isSelected || void 0,
     onHoverChange
-  }, typeof children === "function" ? children({
-    isSelected
+  }, ({ isHovered }) => /* @__PURE__ */ React172__default.default.createElement(React172__default.default.Fragment, null, typeof children === "function" ? children({
+    isSelected,
+    isHovered
   }) : children, label ? /* @__PURE__ */ React172__default.default.createElement("span", {
     style: visuallyHiddenStyle
-  }, label) : null));
+  }, label) : null)));
 };
 Ratings.Rating = Rating;
 RatingInput.Label = Label;