@wix/form-elements 1.75.0 → 1.77.0

package/dist/component/{service-dropdown-rac-C82l5y0C.js → service-dropdown-rac-Dy6-OpVR.js}

@@ -1,14 +1,14 @@
 import t, { useRef as P, useMemo as g, useCallback as h, useEffect as T } from "react";
 import { RicosViewer as A } from "@wix/ricos/viewer";
 import m from "classnames";
-import { ae as w, as as b, F as M, ai as y, ab as x, h as U } from "./form-DCmjj8mZ.js";
-import { u as V } from "./use-service-options-base-CgT1IKB3.js";
-import { D as d } from "./dropdown-field-headless-CQfZ3zPD.js";
+import { ae as w, as as b, F as M, ai as y, ab as U, h as V } from "./form-BpHElSwH.js";
+import { u as x } from "./use-service-options-base-EFrxTpGm.js";
+import { D as d } from "./dropdown-field-headless-BGfJ1FyZ.js";
 import { C as B } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as H } from "./error-icon-hZxQ6DEy.js";
 import { H as k } from "./custom-focus-class-_483Pkwp.js";
 import { s as n } from "./field-rac.module-DjmaTYkc.js";
-import { y as q, Q, x as W, B as Y, p as j, i as z } from "./form-element-classes-Dn33C01k.js";
+import { z as q, Q, y as W, B as z, p as Y, i as j } from "./form-element-classes-BXNs5k3q.js";
 const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
   const { actions: r } = w(), { t: C } = b(), { addOther: i, addOtherLabel: p } = e, c = p || C("add-other.default-other-option-label"), a = P(!0), E = g(() => {
     var s;
@@ -25,7 +25,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
   ] : s, [
     i,
     c
-  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: S, processOptions: _ } = V({
+  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: S, processOptions: _ } = x({
     fieldType: M.SERVICES_DROPDOWN,
     isEditor: e.isEditor,
     postProcessOptions: O
@@ -90,7 +90,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     shouldRender: I
   };
 }, o = ({ children: e }) => {
-  const r = y(), { addOther: C } = r, i = x(), p = r.isEditor || i.isEditor || i.isComposer, { isLoading: c, options: a, isEmpty: E, onFocus: O, onChange: f, shouldRender: l } = J({
+  const r = y(), { addOther: C } = r, i = U(), p = r.isEditor || i.isEditor || i.isComposer, { isLoading: c, options: a, isEmpty: E, onFocus: O, onChange: f, shouldRender: l } = J({
     ...r,
     isEditor: p
   }), D = g(() => ({
@@ -106,7 +106,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     O,
     f
   ]);
-  return !p && E && !C || !l ? null : /* @__PURE__ */ t.createElement(U.Provider, {
+  return !p && E && !C || !l ? null : /* @__PURE__ */ t.createElement(V.Provider, {
     value: {
       v2: D
     }
@@ -129,13 +129,13 @@ const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(A, {
 }, /* @__PURE__ */ t.createElement(B, {
   className: n.dropdownIcon
 })), /* @__PURE__ */ t.createElement(o.Options, {
-  className: m(Y, n.selectPopover, n.dropdownPopover)
+  className: m(z, n.selectPopover, n.dropdownPopover)
 }, /* @__PURE__ */ t.createElement(o.Options.Option, {
   className: m(n.selectOption, k)
 })), /* @__PURE__ */ t.createElement(o.Error, {
-  className: m(j, n.error)
+  className: m(Y, n.error)
 }, /* @__PURE__ */ t.createElement(H, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
-  className: m(z, n.description)
+  className: m(j, n.description)
 }, K)), le = () => /* @__PURE__ */ t.createElement(X, null);
 export {
   le as ServiceDropdownRAC

package/dist/component/{services-multi-choice-rac-BAHBSgAT.js → services-multi-choice-rac-BKW9MP_b.js}

@@ -1,46 +1,47 @@
 import e, { useEffect as _, useMemo as I } from "react";
 import { RicosViewer as L } from "@wix/ricos/viewer";
 import r from "classnames";
-import { F as R, ai as d, h as D } from "./form-DCmjj8mZ.js";
-import { u as F } from "./use-service-options-base-CgT1IKB3.js";
-import { C as a } from "./checkbox-group-field-headless-BItyo_iD.js";
+import { F as R, ai as d, h as D } from "./form-BpHElSwH.js";
+import { u as F } from "./use-service-options-base-EFrxTpGm.js";
+import { C as a } from "./checkbox-group-field-headless-DN2aNw9g.js";
 import { E as f } from "./error-icon-hZxQ6DEy.js";
-import { u as N, C as h } from "./use-element-state-class-name-Bnw7sY9P.js";
+import { C as N } from "./checkbox-indicator-module-classes-BcScu147.js";
 import { s as i } from "./field-rac.module-DjmaTYkc.js";
-import { y as M, Q as b, U as A, W as v, x, p as T, i as y, V as P } from "./form-element-classes-Dn33C01k.js";
+import { z as h, Q as M, U as b, W as A, y as v, p as T, i as x, V as y } from "./form-element-classes-BXNs5k3q.js";
 import { o as O } from "./options-rac.module-KM-VT_KY.js";
+import { u as P } from "./use-element-state-class-name-CC65g9mT.js";
 const k = (s) => {
   var C;
-  const { isLoading: o, options: n, isEmpty: c, shouldRender: E, setOptions: l, setIsEmpty: m, setHasInitialDataLoaded: p } = F({
+  const { isLoading: o, options: n, isEmpty: c, shouldRender: m, setOptions: l, setIsEmpty: E, setHasInitialDataLoaded: p } = F({
     fieldType: R.SERVICES_MULTI_CHOICE,
     isEditor: s.isEditor
   }), u = (C = s.options) == null ? void 0 : C.every((S) => S.label && S.id);
   return _(() => {
     if (u && s.options) {
-      l(s.options), m(s.options.length === 0), p(!0);
+      l(s.options), E(s.options.length === 0), p(!0);
       return;
     }
   }, [
     u,
     s.options,
     l,
-    m,
+    E,
     p
   ]), {
     isLoading: o,
     options: n,
     isEmpty: c,
-    shouldRender: E
+    shouldRender: m
   };
 }, t = ({ children: s }) => {
-  const o = d(), { options: n, isEmpty: c, shouldRender: E } = k(o), l = I(() => ({
+  const o = d(), { options: n, isEmpty: c, shouldRender: m } = k(o), l = I(() => ({
     ...o,
     options: n
   }), [
     o,
     n
   ]);
-  return !o.isEditor && c || !E ? null : /* @__PURE__ */ e.createElement(D.Provider, {
+  return !o.isEditor && c || !m ? null : /* @__PURE__ */ e.createElement(D.Provider, {
     value: {
       v2: l
     }
@@ -54,28 +55,28 @@ const V = ({ content: s, locale: o }) => /* @__PURE__ */ e.createElement(L, {
   content: s,
   locale: o
 }), U = () => {
-  const s = N({
-    globalClasses: P,
-    moduleClasses: h
+  const s = P({
+    globalClasses: y,
+    moduleClasses: N
   });
   return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-    className: r(M, i.label)
+    className: r(h, i.label)
   }, /* @__PURE__ */ e.createElement(t.Label.Required, {
-    className: r(b, i.requiredMark)
+    className: r(M, i.requiredMark)
   })), /* @__PURE__ */ e.createElement(t.Options, {
-    className: r(A, O.options)
+    className: r(b, O.options)
   }, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
     className: i.checkbox
   }, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
     className: s
   }), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
-    className: r(v, O.optionLabel)
+    className: r(A, O.optionLabel)
   })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
-    inputClassName: r(x, i.input)
+    inputClassName: r(v, i.input)
   }))), /* @__PURE__ */ e.createElement(t.Error, {
     className: r(T, i.error)
   }, /* @__PURE__ */ e.createElement(f, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-    className: r(y, i.description)
+    className: r(x, i.description)
   }, V));
 }, j = () => /* @__PURE__ */ e.createElement(U, null);
 export {

package/dist/component/{signature-rac-CIkm3SCW.js → signature-rac-Cxgixp4o.js}

@@ -4,14 +4,14 @@ import v from "classnames";
 import { useHover as ve, useFocusRing as xe, mergeProps as Se } from "react-aria";
 import { RadioGroup as Fe, Button as fe, TextField as Ae, Input as _e, RadioField as Pe, RadioButton as Ne } from "react-aria-components";
 import he from "signature_pad";
-import { z as Ue, ae as Oe, ab as Be, aq as ge, E as ce, e as G, ai as A, af as H, ak as Ee, as as Me } from "./form-DCmjj8mZ.js";
+import { z as Ue, ae as Oe, ab as Be, aq as ge, E as ce, e as G, ai as A, af as H, ak as Ee, as as Me } from "./form-BpHElSwH.js";
 import { f as T, a as F } from "./find-child-C60k4CxG.js";
-import { D as We, E as He } from "./field-error-headless-uQOcm2Ak.js";
-import { L as Ye } from "./field-label-headless-Bzh7f2Ji.js";
+import { D as We, E as He } from "./field-error-headless-C5ZsFUKv.js";
+import { L as Ye } from "./field-label-headless-CS5OYsiI.js";
 import { D as ke } from "./data-hooks-Dkw1pbRj.js";
 import { E as $e } from "./error-icon-hZxQ6DEy.js";
 import { s as z } from "./field-rac.module-DjmaTYkc.js";
-import { y as ue, Q as ze, x as B, a2 as Ve, p as Ze, i as Xe } from "./form-element-classes-Dn33C01k.js";
+import { z as ue, Q as ze, y as B, a4 as Ve, p as Ze, i as Xe } from "./form-element-classes-BXNs5k3q.js";
 const Ge = typeof s.useId == "function" ? s.useId : () => W(Ue()).current;
 var w = /* @__PURE__ */ (function(e) {
   return e.TEXT = "text/plain", e.POINTS = "points/json", e;

package/dist/component/{submit-button-rac-Bz-X9Tbo.js → submit-button-rac-BqPJ7WPI.js}

@@ -1,9 +1,9 @@
 import t from "react";
 import l from "classnames";
-import { ai as c } from "./form-DCmjj8mZ.js";
+import { ai as c } from "./form-BpHElSwH.js";
 import { ProgressBar as g, Button as b } from "react-aria-components";
 import { f as i } from "./find-child-C60k4CxG.js";
-import { a4 as v, a3 as N, a6 as f } from "./form-element-classes-Dn33C01k.js";
+import { a6 as v, a5 as N, a8 as f } from "./form-element-classes-BXNs5k3q.js";
 function C(e) {
   const s = "calc(50% - 2px)";
   return /* @__PURE__ */ t.createElement(g, {

package/dist/component/{tags-field-rac-Dn8VyPzT.js → tags-field-rac-wwqpztG7.js}

@@ -1,16 +1,16 @@
-import { RicosViewer as H } from "@wix/ricos/viewer";
+import { RicosViewer as Q } from "@wix/ricos/viewer";
 import _ from "classnames";
-import e, { useMemo as F, useState as Q, useRef as V, useLayoutEffect as K, useCallback as k } from "react";
-import { ai as g, af as Y, as as v, ab as j, ak as z, ac as J } from "./form-DCmjj8mZ.js";
+import e, { useMemo as F, useState as z, useRef as V, useLayoutEffect as K, useCallback as k } from "react";
+import { ai as y, af as Y, as as T, ab as j, ak as w, ac as J } from "./form-BpHElSwH.js";
 import { CheckboxGroup as X, TextField as Z, Input as ee, CheckboxField as te, CheckboxButton as ae } from "react-aria-components";
 import { f, a as x } from "./find-child-C60k4CxG.js";
-import { E as B, D as P } from "./field-error-headless-uQOcm2Ak.js";
-import { L as $ } from "./field-label-headless-Bzh7f2Ji.js";
+import { E as B, D as P } from "./field-error-headless-C5ZsFUKv.js";
+import { L as $ } from "./field-label-headless-CS5OYsiI.js";
 import { F as ne } from "./fieldset-headless-CD3fds9J.js";
-import { N as D } from "./options-layout-constants-DEfIEJWD.js";
+import { N as g } from "./options-layout-constants-DEfIEJWD.js";
 import { E as se } from "./error-icon-hZxQ6DEy.js";
 import { s as S } from "./field-rac.module-DjmaTYkc.js";
-import { y as oe, Q as re, $ as le, a0 as ie, a1 as ce, x as ue, p as de, i as me, F as pe } from "./form-element-classes-Dn33C01k.js";
+import { z as oe, Q as re, a0 as le, a1 as ie, a2 as ce, y as ue, p as de, i as me, F as pe } from "./form-element-classes-BXNs5k3q.js";
 import { o as Ee } from "./options-rac.module-KM-VT_KY.js";
 const N = "Other", he = (a, t) => {
   const c = t.length + 2;
@@ -21,10 +21,10 @@ const N = "Other", he = (a, t) => {
     className: a
   }, l);
 }, q = ({ className: a }) => {
-  const { value: t, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: s, disabled: u, readOnly: b, hasError: d } = g(), { t: m } = v(), o = c || m("add-other.default-other-option-label") || N, p = F(() => he(t || [], o), [
+  const { value: t, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: s, disabled: u, readOnly: b, hasError: d } = y(), { t: m } = T(), o = c || m("add-other.default-other-option-label") || N, p = F(() => he(t || [], o), [
     t,
     o
-  ]), [n, L] = Q(p), E = V(l);
+  ]), [n, L] = z(p), E = V(l);
   K(() => {
     E.current = l;
   });
@@ -53,9 +53,9 @@ const N = "Other", he = (a, t) => {
     maxLength: s,
     className: a
   }));
-}, T = ({ children: a, className: t, ...l }) => {
-  const { value: c, label: i, isOther: s, isFirstOption: u } = l, { id: b, value: d, onChange: m, options: o, disabled: p, readOnly: n, hasError: L } = g(), E = V(null);
-  z(() => {
+}, v = ({ children: a, className: t, ...l }) => {
+  const { value: c, label: i, isOther: s, isFirstOption: u } = l, { id: b, value: d, onChange: m, options: o, disabled: p, readOnly: n, hasError: L } = y(), E = V(null);
+  w(() => {
     var O;
     u && ((O = E.current) == null || O.focus({
       preventScroll: !0
@@ -69,7 +69,7 @@ const N = "Other", he = (a, t) => {
     i,
     c
   ]), R = k((O) => {
-    const U = Oe(o || []), M = h.filter((w) => U.includes(w));
+    const U = Oe(o || []), M = h.filter((H) => U.includes(H));
     m(O ? [
       ...M,
       i
@@ -97,7 +97,7 @@ const N = "Other", he = (a, t) => {
     isFirstOption: u
   })));
 }, A = ({ children: a, className: t }) => {
-  const { options: l, addOther: c, addOtherLabel: i, numberOfColumns: s = D.FREE_FLOW } = g(), { isMobile: u } = j(), { t: b } = v(), d = u && s !== D.FREE_FLOW ? D.ONE : s, m = i || b("add-other.default-other-option-label") || N, o = f(a, T), p = F(() => {
+  const { options: l, addOther: c, addOtherLabel: i, numberOfColumns: s = g.FREE_FLOW } = y(), { isMobile: u } = j(), { t: b } = T(), d = u && s !== g.FREE_FLOW ? g.ONE : s, m = i || b("add-other.default-other-option-label") || N, o = f(a, v), p = F(() => {
     const n = l || [];
     return c ? [
       ...n,
@@ -126,7 +126,7 @@ const N = "Other", he = (a, t) => {
     });
   }));
 }, G = ({ children: a, className: t }) => {
-  const { addOther: l, addOtherLabel: c, hasError: i, readOnly: s, value: u } = g(), { t: b } = v(), d = c || b("add-other.default-other-option-label") || N, m = f(a, A), o = f(a, q), p = F(() => !l || !u ? !1 : u.some((n) => n === d || n.startsWith(`${d}:`)), [
+  const { addOther: l, addOtherLabel: c, hasError: i, readOnly: s, value: u } = y(), { t: b } = T(), d = c || b("add-other.default-other-option-label") || N, m = f(a, A), o = f(a, q), p = F(() => !l || !u ? !1 : u.some((n) => n === d || n.startsWith(`${d}:`)), [
     l,
     u,
     d
@@ -137,7 +137,7 @@ const N = "Other", he = (a, t) => {
     "data-readonly": s
   }, m, p && o);
 }, r = ({ children: a }) => {
-  const { id: t, value: l, onChange: c, FieldLayout: i, required: s, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: o } = g(), { inputId: p, labelId: n, ariaDescribedBy: L } = Y(), E = F(() => l || [], [
+  const { id: t, value: l, onChange: c, FieldLayout: i, required: s, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: o } = y(), { inputId: p, labelId: n, ariaDescribedBy: L } = Y(), E = F(() => l || [], [
     l
   ]), I = f(a, $), h = f(a, G), C = f(a, P), R = f(a, B);
   return /* @__PURE__ */ e.createElement(i, {
@@ -162,19 +162,19 @@ const N = "Other", he = (a, t) => {
     renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, R, C)
   });
 };
-A.Option = T;
-T.Label = W;
+A.Option = v;
+v.Label = W;
 r.Label = $;
 r.Control = G;
 r.Options = A;
 r.OtherInput = q;
 r.Description = P;
 r.Error = B;
-const be = "_control_1kvnw_1", fe = "_options_1kvnw_7", Le = "_option_1kvnw_7", y = {
+const be = "_control_1t32y_1", fe = "_options_1t32y_7", Le = "_option_1t32y_7", D = {
   control: be,
   options: fe,
   option: Le
-}, _e = ({ content: a, locale: t }) => /* @__PURE__ */ e.createElement(H, {
+}, _e = ({ content: a, locale: t }) => /* @__PURE__ */ e.createElement(Q, {
   content: a,
   locale: t
 }), ke = () => {
@@ -184,11 +184,11 @@ const be = "_control_1kvnw_1", fe = "_options_1kvnw_7", Le = "_option_1kvnw_7",
   }, /* @__PURE__ */ e.createElement(r.Label.Required, {
     className: _(re, S.requiredMark)
   })), /* @__PURE__ */ e.createElement(r.Control, {
-    className: y.control
+    className: D.control
   }, /* @__PURE__ */ e.createElement(r.Options, {
-    className: _(le, y.options)
+    className: _(le, D.options)
   }, /* @__PURE__ */ e.createElement(r.Options.Option, {
-    className: ({ isSelected: t }) => _(ie, y.option, a, {
+    className: ({ isSelected: t }) => _(ie, D.option, a, {
       [ce]: t
     })
   }, /* @__PURE__ */ e.createElement(r.Options.Option.Label, {

package/dist/component/{tags-rac-BJpVdunR.js → tags-rac-DUxITYxU.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as r } from "./tags-field-rac-Dn8VyPzT.js";
+import { T as r } from "./tags-field-rac-wwqpztG7.js";
 const a = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   a as TagsRAC

package/dist/component/{text-area-field-rac-Pp9HnCS5.js → text-area-field-rac-Cen6O33S.js}

@@ -2,13 +2,13 @@ import { RicosViewer as S } from "@wix/ricos/viewer";
 import n from "classnames";
 import r, { useCallback as O, useRef as T } from "react";
 import { TextField as y, TextArea as N } from "react-aria-components";
-import { ai as p, af as E, ak as x } from "./form-DCmjj8mZ.js";
+import { ai as p, af as E, ak as x } from "./form-BpHElSwH.js";
 import { f as c } from "./find-child-C60k4CxG.js";
-import { D as h, E as M } from "./field-error-headless-uQOcm2Ak.js";
-import { L as g } from "./field-label-headless-Bzh7f2Ji.js";
+import { D as h, E as M } from "./field-error-headless-C5ZsFUKv.js";
+import { L as g } from "./field-label-headless-CS5OYsiI.js";
 import { E as v } from "./error-icon-hZxQ6DEy.js";
 import { s } from "./field-rac.module-DjmaTYkc.js";
-import { y as q, Q as B, x as k, p as P, i as Q } from "./form-element-classes-Dn33C01k.js";
+import { z as q, Q as B, y as k, p as P, i as Q } from "./form-element-classes-BXNs5k3q.js";
 const e = ({ children: t }) => {
   const { id: a, value: m, onChange: l, disabled: u, required: o, readOnly: i, onBlur: d, onFocus: f, FieldLayout: I, hasError: F } = p(), { labelId: L } = E(), R = O((C) => {
     l(C);
@@ -50,7 +50,7 @@ e.Description = h;
 e.Error = M;
 const V = "_input_ug5v8_1", w = {
   input: V
-}, $ = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(S, {
+}, z = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(S, {
   content: t,
   locale: a
 }), re = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
@@ -63,7 +63,7 @@ const V = "_input_ug5v8_1", w = {
   className: n(P, s.error)
 }, /* @__PURE__ */ r.createElement(v, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
   className: n(Q, s.description)
-}, $));
+}, z));
 export {
   re as T
 };

package/dist/component/{text-area-rac-DbwAFdel.js → text-area-rac-CRlO56GA.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as r } from "./text-area-field-rac-Pp9HnCS5.js";
+import { T as r } from "./text-area-field-rac-Cen6O33S.js";
 const a = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   a as TextAreaRAC

package/dist/component/{text-input-field-rac-x4ByKmBv.js → text-input-field-rac-CbnKn03g.js}

@@ -1,10 +1,10 @@
 import { RicosViewer as m } from "@wix/ricos/viewer";
 import t from "classnames";
 import e from "react";
-import { T as r } from "./text-input-headless-fbiKci5q.js";
+import { T as r } from "./text-input-headless-C_NTJmLe.js";
 import { E as o } from "./error-icon-hZxQ6DEy.js";
 import { s as a } from "./field-rac.module-DjmaTYkc.js";
-import { y as n, Q as c, x as E, p as i, i as p } from "./form-element-classes-Dn33C01k.js";
+import { z as n, Q as c, y as E, p as i, i as p } from "./form-element-classes-BXNs5k3q.js";
 const R = ({ content: s, locale: l }) => /* @__PURE__ */ e.createElement(m, {
   content: s,
   locale: l

package/dist/component/{text-input-headless-fbiKci5q.js → text-input-headless-C_NTJmLe.js}

@@ -1,9 +1,9 @@
 import t, { useRef as L } from "react";
 import { TextField as R, Input as v } from "react-aria-components";
-import { ai as d, af as c, ak as T } from "./form-DCmjj8mZ.js";
+import { ai as d, af as c, ak as T } from "./form-BpHElSwH.js";
 import { f as a } from "./find-child-C60k4CxG.js";
-import { D as g, E as h } from "./field-error-headless-uQOcm2Ak.js";
-import { L as x } from "./field-label-headless-Bzh7f2Ji.js";
+import { D as g, E as h } from "./field-error-headless-C5ZsFUKv.js";
+import { L as x } from "./field-label-headless-CS5OYsiI.js";
 const e = ({ children: r }) => {
   const { id: s, value: i, onChange: l, disabled: u, readOnly: n, required: o, hasError: p, onBlur: m, onFocus: f, FieldLayout: b } = d(), { labelId: E } = c(), I = a(r, e.Label), F = a(r, e.Input), y = a(r, e.Description), D = a(r, e.Error);
   return /* @__PURE__ */ t.createElement(b, {

package/dist/component/{text-input-rac-jyCKxyCt.js → text-input-rac-DvwV7Igm.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { T as e } from "./text-input-field-rac-x4ByKmBv.js";
+import { T as e } from "./text-input-field-rac-CbnKn03g.js";
 const o = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   o as TextInputRAC

package/dist/component/{time-input-rac-C5Cvmxtt.js → time-input-rac-TSEXiODs.js}

@@ -1,16 +1,16 @@
-import e, { useCallback as H, useRef as V, useContext as x } from "react";
-import { RicosViewer as k } from "@wix/ricos/viewer";
+import e, { useCallback as H, useRef as V, useContext as k } from "react";
+import { RicosViewer as q } from "@wix/ricos/viewer";
 import c from "classnames";
-import { parseTime as q } from "@internationalized/date";
-import { TimeField as v, DateInput as B, DateSegment as h, TimeFieldStateContext as U } from "react-aria-components";
-import { ai as p, af as Q, as as T, ak as j } from "./form-DCmjj8mZ.js";
+import { parseTime as v } from "@internationalized/date";
+import { TimeField as x, DateInput as B, DateSegment as h, TimeFieldStateContext as U } from "react-aria-components";
+import { ai as p, af as Q, as as T, ak as j } from "./form-BpHElSwH.js";
 import { f as m, a as F } from "./find-child-C60k4CxG.js";
-import { D as z, E as G } from "./field-error-headless-uQOcm2Ak.js";
-import { L as J } from "./field-label-headless-Bzh7f2Ji.js";
+import { D as z, E as G } from "./field-error-headless-C5ZsFUKv.js";
+import { L as J } from "./field-label-headless-CS5OYsiI.js";
 import { E as K } from "./error-icon-hZxQ6DEy.js";
 import { H as S } from "./custom-focus-class-_483Pkwp.js";
 import { s as E } from "./field-rac.module-DjmaTYkc.js";
-import { y as W, Q as X, x as Y, p as Z, i as $ } from "./form-element-classes-Dn33C01k.js";
+import { z as W, Q as X, y as Y, p as Z, i as $ } from "./form-element-classes-BXNs5k3q.js";
 const r = ({ children: t }) => {
   const { id: n, value: l, onChange: o, disabled: i, readOnly: s, required: a, onBlur: d, onFocus: f, use24HourFormat: b, FieldLayout: I, hasError: C } = p(), { inputId: L, ariaDescribedBy: g, labelId: D } = Q(), R = H((M) => {
     const w = ae(M);
@@ -21,7 +21,7 @@ const r = ({ children: t }) => {
   return /* @__PURE__ */ e.createElement(I, {
     fieldId: n,
     renderLabel: () => y,
-    renderInput: () => /* @__PURE__ */ e.createElement(v, {
+    renderInput: () => /* @__PURE__ */ e.createElement(x, {
       "aria-labelledby": D,
       id: L,
       "aria-describedby": g,
@@ -89,7 +89,7 @@ const r = ({ children: t }) => {
     }
   });
 }, re = ({ className: t, ...n }) => {
-  const { hidePlaceholder: l } = p(), { segment: o } = n, { t: i } = T(), s = x(U), a = l ? void 0 : i("field.date.placeholder.period"), d = () => s == null ? void 0 : s.increment("dayPeriod");
+  const { hidePlaceholder: l } = p(), { segment: o } = n, { t: i } = T(), s = k(U), a = l ? void 0 : i("field.date.placeholder.period"), d = () => s == null ? void 0 : s.increment("dayPeriod");
   return /* @__PURE__ */ e.createElement(h, {
     segment: o,
     className: t,
@@ -110,7 +110,7 @@ function ne(t) {
   if (!t)
     return null;
   try {
-    return q(t);
+    return v(t);
   } catch {
     return null;
   }
@@ -130,7 +130,7 @@ const oe = "_time_1wbmw_1", se = "_hour_1wbmw_14", le = "_minute_1wbmw_15", ie =
   hour: se,
   minute: le,
   period: ie
-}, ce = ({ content: t, locale: n }) => /* @__PURE__ */ e.createElement(k, {
+}, ce = ({ content: t, locale: n }) => /* @__PURE__ */ e.createElement(q, {
   content: t,
   locale: n
 }), me = () => /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {

package/dist/component/{url-input-field-rac-CGpCEn2A.js → url-input-field-rac-Cxgh9T8s.js}

@@ -2,14 +2,14 @@ import { RicosViewer as O } from "@wix/ricos/viewer";
 import l from "classnames";
 import r, { useCallback as h, useRef as y } from "react";
 import { TextField as N, Input as A } from "react-aria-components";
-import { ai as E, af as d, ak as k } from "./form-DCmjj8mZ.js";
+import { ai as E, af as d, ak as k } from "./form-BpHElSwH.js";
 import { f as u } from "./find-child-C60k4CxG.js";
-import { D as B, E as M } from "./field-error-headless-uQOcm2Ak.js";
-import { L as P } from "./field-label-headless-Bzh7f2Ji.js";
+import { D as B, E as M } from "./field-error-headless-C5ZsFUKv.js";
+import { L as P } from "./field-label-headless-CS5OYsiI.js";
 import { u as T } from "./use-invoke-callback-UH73A_J3.js";
 import { E as v } from "./error-icon-hZxQ6DEy.js";
 import { s } from "./field-rac.module-DjmaTYkc.js";
-import { y as U, Q as g, x as q, p as x, i as w } from "./form-element-classes-Dn33C01k.js";
+import { z as U, Q as g, y as q, p as x, i as w } from "./form-element-classes-BXNs5k3q.js";
 const Q = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e = ({ children: t }) => {
   const { id: o, value: n, onChange: a, disabled: m, readOnly: i, required: c, hasError: I, onBlur: f, onFocus: F, FieldLayout: L } = E(), { labelId: R } = d(), p = T(f), b = u(t, e.Label), D = u(t, e.Input), _ = u(t, e.Description), C = u(t, e.Error), S = h(() => {
     a(Q(n)), p();

package/dist/component/{url-input-rac-DhFL8fGq.js → url-input-rac-DNw-Jg1U.js}

@@ -1,5 +1,5 @@
 import r from "react";
-import { U as t } from "./url-input-field-rac-CGpCEn2A.js";
+import { U as t } from "./url-input-field-rac-Cxgh9T8s.js";
 const n = () => /* @__PURE__ */ r.createElement(t, null);
 export {
   n as UrlInputRAC

package/dist/component/use-element-state-class-name-CC65g9mT.js

@@ -0,0 +1,15 @@
+import d from "classnames";
+import { ac as s } from "./form-BpHElSwH.js";
+const E = ({ globalClasses: e, moduleClasses: t }) => {
+  var c;
+  const r = ((c = s(e.key)) == null ? void 0 : c.split(/\s+/)) ?? [], m = r.includes(e.selected), o = r.includes(e.hover);
+  return ({ isSelected: n, isHovered: i }) => d(e.base, t.base, r, {
+    [e.selected]: n,
+    [e.hover]: i,
+    [t.selected]: n || m,
+    [t.hover]: i || o
+  });
+};
+export {
+  E as u
+};

package/dist/component/{use-service-options-base-CgT1IKB3.js → use-service-options-base-EFrxTpGm.js}

@@ -1,5 +1,5 @@
 import { useState as o, useCallback as D, useEffect as m, useMemo as b } from "react";
-import { ah as v } from "./form-DCmjj8mZ.js";
+import { ah as v } from "./form-BpHElSwH.js";
 const k = (h) => {
   const { fieldType: I, isEditor: t = !1, postProcessOptions: i, customFetchLogic: a, onInitialDataLoaded: n } = h, [L, O] = o(!1), [g, p] = o([]), [E, u] = o(!1), [c, f] = o(!1), s = v(I), r = D((e) => {
     let d = e.map((l) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/form-elements",
-  "version": "1.75.0",
+  "version": "1.77.0",
   "description": "The Wix Forms rendering element for Builder apps, loaded at runtime as @wix/form-elements/Form",
   "license": "MIT",
   "files": [
@@ -151,5 +151,5 @@
       ]
     }
   },
-  "falconPackageHash": "e289d046abbbaf6510a3b4a08ef51a2b4dc1fa87a961f543da6a5a91"
+  "falconPackageHash": "b51f49b3f3b3028c3d441d6248803741aa0107f860ff7f7ac9a30082"
 }