@wix/form-public 0.507.0 → 0.508.0

package/dist/index.cjs

@@ -55367,19 +55367,12 @@ var useInvokeCallback = (callback) => {
 // ../form-fields/dist/esm/ui/events-repeater/events-repeater-headless.js
 var NO_ERRORS2 = [];
 var NO_VALUES = {};
-var GuestCount = ({ children, className, groupClassName, ...internal }) => {
+var GuestCount = ({ children, ...internal }) => {
   const { guestLimit, guestCount, onGuestCountChange } = internal;
-  const { id: id6, label, disabled, readOnly, onBlur, onFocus } = useFieldPropsV2();
-  const { inputId, ariaDescribedBy } = useFieldAttributes();
+  const { label, disabled, readOnly, onBlur, onFocus } = useFieldPropsV2();
   const invokeBlur = useInvokeCallback(onBlur);
-  const ref = React172.useRef(null);
-  useFocusFieldEvent(() => {
-    ref.current?.focus();
-  }, id6);
-  const decrementElement = findChildOfType(children, GuestCount.Decrement);
-  const incrementElement = findChildOfType(children, GuestCount.Increment);
+  const controlElement = findChildOfType(children, GuestCount.Control);
   return /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.NumberField, {
-    className: groupClassName,
     "aria-label": label,
     value: guestCount,
     onChange: onGuestCountChange,
@@ -55390,13 +55383,33 @@ var GuestCount = ({ children, className, groupClassName, ...internal }) => {
     isReadOnly: readOnly,
     onBlur: invokeBlur,
     onFocus
-  }, /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.Input, {
+  }, controlElement);
+};
+var GuestCountControl = ({ children, className }) => {
+  const { disabled, readOnly } = useFieldPropsV2();
+  const inputElement = findChildOfType(children, GuestCount.Input);
+  const decrementElement = findChildOfType(children, GuestCount.Decrement);
+  const incrementElement = findChildOfType(children, GuestCount.Increment);
+  return /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.Group, {
+    className,
+    isDisabled: disabled,
+    isReadOnly: readOnly
+  }, inputElement, incrementElement, decrementElement);
+};
+var GuestCountInput = ({ className }) => {
+  const { id: id6 } = useFieldPropsV2();
+  const { inputId, ariaDescribedBy } = useFieldAttributes();
+  const ref = React172.useRef(null);
+  useFocusFieldEvent(() => {
+    ref.current?.focus();
+  }, id6);
+  return /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.Input, {
     ref,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
     className,
     inputMode: "numeric"
-  }), incrementElement, decrementElement);
+  });
 };
 var GuestCountDecrement = ({ children, className }) => {
   return /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.Button, {
@@ -55505,6 +55518,8 @@ var Guest = ({ className, ...internal }) => {
     fieldActions
   }));
 };
+GuestCount.Control = GuestCountControl;
+GuestCount.Input = GuestCountInput;
 GuestCount.Decrement = GuestCountDecrement;
 GuestCount.Increment = GuestCountIncrement;
 GuestToggle.Input = SelectionIndicator;