@wix/form-public 0.494.0 → 0.496.0

package/dist/index.js

@@ -51610,7 +51610,7 @@ var RichTextLabel = ({ className, requiredClassName, theme, children, ...interna
     htmlAttributesPlugin
   }));
 };
-var CheckboxInput = ({ className, ...internal }) => {
+var SelectionIndicator = ({ className, ...internal }) => {
   const state = internal;
   return /* @__PURE__ */ React172.createElement("div", {
     "aria-hidden": "true",
@@ -51665,7 +51665,7 @@ var CheckboxContainer = ({ children, className }) => {
   }), labelElement)));
 };
 CheckboxContainer.RichTextLabel = RichTextLabel;
-CheckboxContainer.Input = CheckboxInput;
+CheckboxContainer.Input = SelectionIndicator;
 Checkbox.Checkbox = CheckboxContainer;
 Checkbox.Description = Description;
 Checkbox.Error = Error2;
@@ -51867,7 +51867,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();
@@ -55393,7 +55393,7 @@ var Guest = ({ className, ...internal }) => {
 };
 GuestCount.Decrement = GuestCountDecrement;
 GuestCount.Increment = GuestCountIncrement;
-GuestToggle.Input = CheckboxInput;
+GuestToggle.Input = SelectionIndicator;
 GuestToggle.Label = GuestToggleLabel;
 Guests.Guest = Guest;
 
@@ -55481,9 +55481,12 @@ var Option4 = ({ children, className, ...internal }) => {
   }, /* @__PURE__ */ React172.createElement(RadioButton, {
     ref: radioRef,
     className: radioClassName
-  }, controlElement, applyInternalProps(labelElement, {
+  }, ({ isSelected, isHovered }) => /* @__PURE__ */ React172.createElement(React172.Fragment, null, applyInternalProps(controlElement, {
+    isSelected,
+    isHovered
+  }), applyInternalProps(labelElement, {
     label
-  }))), isOther && isThisOptionSelected && otherInputElement);
+  })))), isOther && isThisOptionSelected && otherInputElement);
 };
 var OptionLabel2 = ({ className, ...internal }) => {
   const { label } = internal;
@@ -55494,12 +55497,6 @@ var OptionLabel2 = ({ className, ...internal }) => {
 var OptionInput = (_props) => {
   return null;
 };
-var OptionControl = ({ className }) => {
-  return /* @__PURE__ */ React172.createElement("div", {
-    "aria-hidden": "true",
-    className
-  });
-};
 var OptionOtherInput = ({ className }) => {
   const { value: fieldValue, onChange, addOtherLabel, addOtherPlaceholder, otherInputCharacterLimit, disabled, readOnly, options } = useFieldPropsV2();
   const { t } = useTranslation2();
@@ -55543,7 +55540,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;
@@ -59645,7 +59642,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;
@@ -59723,20 +59720,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.createElement(RadioField, {
     value
   }, /* @__PURE__ */ React172.createElement(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.createElement(React172.Fragment, null, typeof children === "function" ? children({
+    isSelected,
+    isHovered
   }) : children, label ? /* @__PURE__ */ React172.createElement("span", {
     style: visuallyHiddenStyle
-  }, label) : null));
+  }, label) : null)));
 };
 Ratings.Rating = Rating;
 RatingInput.Label = Label;