@wix/form-elements 1.77.0 → 1.79.0

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

@@ -1,17 +1,17 @@
-import s, { useRef as W, useCallback as I, useState as Q, useEffect as K, useMemo as De, isValidElement as we } from "react";
+import s, { useRef as W, useCallback as I, useState as K, useEffect as Q, useMemo as De, isValidElement as we } from "react";
 import { RicosViewer as Re } from "@wix/ricos/viewer";
 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 { RadioGroup as Fe, Button as fe, TextField as Ae, Input as Pe, RadioField as _e, 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-BpHElSwH.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-1k13yOes.js";
 import { f as T, a as F } from "./find-child-C60k4CxG.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 We, E as He } from "./field-error-headless-Lb5aaoR3.js";
+import { L as Ye } from "./field-label-headless-C1VDQVhB.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 { z as ue, Q as ze, y as B, a4 as Ve, p as Ze, i as Xe } from "./form-element-classes-BXNs5k3q.js";
+import { s as z } from "./field-rac.module-ColNPUt0.js";
+import { z as ue, P as ze, y as B, a3 as Ve, p as Ze, i as Xe } from "./form-element-classes-BuM-vthE.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;
@@ -54,14 +54,14 @@ const Je = (e, t) => {
     const o = (r * t.width + n) * 4;
     return t.data[o] * 65536 + t.data[o + 1] * 256 + t.data[o + 2] === a;
   };
-}, Qe = (e) => (t, a) => {
+}, Ke = (e) => (t, a) => {
   const n = (a * e.width + t) * 4;
   return e.data[n + 3] === 0;
 };
 function J(e, t) {
   const a = e.getContext("2d", {
     willReadFrequently: !0
-  }), n = e.width, r = e.height, o = a.getImageData(0, 0, n, r), i = t ? Je(t, o) : Qe(o);
+  }), n = e.width, r = e.height, o = a.getImageData(0, 0, n, r), i = t ? Je(t, o) : Ke(o);
   let l = n + 1, c = -1, d = r + 1, u = -1, f = 0, m = 0;
   for (m = 0; m < r; m++)
     for (f = 0; f < n; f++)
@@ -82,7 +82,7 @@ function V(e, t, a) {
   }
   return n;
 }
-function Ke(e, t) {
+function Qe(e, t) {
   return new Promise((a, n) => {
     const r = new Image();
     r.onload = () => {
@@ -205,7 +205,7 @@ async function ot(e, t) {
     return c ? de(c, void 0, M, "white").toDataURL("image/jpeg", 0.7) : null;
   }
   if (n != null && n.startsWith("image/")) {
-    const r = await Ke(e), o = J(r);
+    const r = await Qe(e), o = J(r);
     return o ? de(o, void 0, M).toDataURL("image/jpeg", 0.7) : null;
   }
   return e;
@@ -216,8 +216,8 @@ async function st(e, t) {
     return rt(a, "signature");
 }
 const it = ({ value: e, onChange: t, target: a }) => {
-  const [n, r] = Q(e), { isRTL: o } = Be(), i = qe(a), { setFormStatus: l } = ge(), c = W();
-  K(() => {
+  const [n, r] = K(e), { isRTL: o } = Be(), i = qe(a), { setFormStatus: l } = ge(), c = W();
+  Q(() => {
     e === ce && r(ce);
   }, [
     e
@@ -271,7 +271,7 @@ const it = ({ value: e, onChange: t, target: a }) => {
     value: t,
     onChange: a,
     target: e
-  }), [l, c] = Q(() => {
+  }), [l, c] = K(() => {
     if (o == null)
       return b.DRAW;
     switch (i == null ? void 0 : i.mimeType) {
@@ -375,15 +375,15 @@ const dt = (e) => {
   }), o && F(d, {
     handleClear: i
   }));
-}, _ = ({ children: e, className: t, ...a }) => {
+}, P = ({ children: e, className: t, ...a }) => {
   const { signatureMode: n, setSignatureMode: r, uploadEnabled: o } = a, { disabled: i } = A(), { labelId: l, inputId: c } = H(), d = I((h) => {
     r(h);
   }, [
     r
   ]), u = {
-    [b.DRAW]: T(e, _.Draw),
-    [b.TYPE]: T(e, _.Type),
-    [b.UPLOAD]: o ? T(e, _.Upload) : null
+    [b.DRAW]: T(e, P.Draw),
+    [b.TYPE]: T(e, P.Type),
+    [b.UPLOAD]: o ? T(e, P.Upload) : null
   }, f = u[n], m = mt(f) ? f.props.description : void 0;
   return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("div", {
     role: "status",
@@ -404,7 +404,7 @@ const dt = (e) => {
     "data-hook": ke.SIGNATURE_FIELD_MODE_SELECT,
     className: t
   }, u[b.DRAW], u[b.TYPE], u[b.UPLOAD]));
-}, mt = (e) => /* @__PURE__ */ we(e), ne = ({ mode: e, children: t, className: a, "aria-label": n }) => /* @__PURE__ */ s.createElement(Pe, {
+}, mt = (e) => /* @__PURE__ */ we(e), ne = ({ mode: e, children: t, className: a, "aria-label": n }) => /* @__PURE__ */ s.createElement(_e, {
   value: e,
   "aria-label": n
 }, /* @__PURE__ */ s.createElement(Ne, {
@@ -429,8 +429,8 @@ const dt = (e) => {
     "data-hook": `clear-${i}`,
     className: t
   }, e);
-}, P = ({ children: e, className: t, ...a }) => {
-  const { signatureView: n, signatureValueForView: r, handleChange: o, handleBeforeChange: i } = a, { disabled: l, readOnly: c, onBlur: d, onFocus: u, hasError: f } = A(), m = T(e, P.Canvas), h = T(e, P.Type), E = T(e, P.Upload);
+}, _ = ({ children: e, className: t, ...a }) => {
+  const { signatureView: n, signatureValueForView: r, handleChange: o, handleBeforeChange: i } = a, { disabled: l, readOnly: c, onBlur: d, onFocus: u, hasError: f } = A(), m = T(e, _.Canvas), h = T(e, _.Type), E = T(e, _.Upload);
   return /* @__PURE__ */ s.createElement("div", {
     className: t,
     "data-hook": "signature-input",
@@ -463,7 +463,7 @@ const dt = (e) => {
     onFocus: u
   }));
 }, Et = ({ className: e, emptyLabel: t, signedLabel: a, ...n }) => {
-  const { value: r, onChange: o, onBeforeChange: i, disabled: l, readOnly: c, onBlur: d, onFocus: u } = n, { id: f } = A(), { inputId: m, ariaDescribedBy: h } = H(), E = te(), p = W(), L = W(), y = W(null), x = r == null ? void 0 : r.url, [U, Y] = Q(!1);
+  const { value: r, onChange: o, onBeforeChange: i, disabled: l, readOnly: c, onBlur: d, onFocus: u } = n, { id: f } = A(), { inputId: m, ariaDescribedBy: h } = H(), E = te(), p = W(), L = W(), y = W(null), x = r == null ? void 0 : r.url, [U, Y] = K(!1);
   Ee(() => {
     var D;
     (D = L.current) == null || D.focus();
@@ -513,7 +513,7 @@ const dt = (e) => {
     j,
     q
   ]);
-  return K(() => {
+  return Q(() => {
     p.current && (c || l ? p.current.off() : p.current.on());
   }, [
     l,
@@ -542,7 +542,7 @@ const dt = (e) => {
     R == null || R.focus({
       preventScroll: !0
     });
-  }, u), K(() => {
+  }, u), Q(() => {
     if (!n) {
       const R = document.getElementById(h);
       R && (R.value = "");
@@ -580,7 +580,7 @@ const dt = (e) => {
   })));
 }, Lt = ({ className: e, placeholder: t, ...a }) => {
   const { inputId: n, ariaDescribedBy: r } = a;
-  return /* @__PURE__ */ s.createElement(_e, {
+  return /* @__PURE__ */ s.createElement(Pe, {
     id: n,
     "data-hook": "signature-text",
     "aria-describedby": r,
@@ -657,15 +657,15 @@ g.Input = Z;
 g.Description = We;
 g.Error = He;
 Z.Header = X;
-Z.Value = P;
-X.Tabs = _;
+Z.Value = _;
+X.Tabs = P;
 X.Clear = gt;
-_.Draw = pt;
-_.Type = ft;
-_.Upload = ht;
-P.Canvas = Et;
-P.Type = ae;
-P.Upload = re;
+P.Draw = pt;
+P.Type = ft;
+P.Upload = ht;
+_.Canvas = Et;
+_.Type = ae;
+_.Upload = re;
 ae.Value = Lt;
 re.Button = yt;
 const Tt = () => {
@@ -724,15 +724,15 @@ const Tt = () => {
 }, /* @__PURE__ */ s.createElement("path", {
   fillRule: "evenodd",
   d: "M12,4 L12,5 L8,5 L8,16 L7,16 L7,5 L3,5 L3,4 L12,4 Z M18,8 L18,9 L15,9 L15,16 L14,16 L14,9 L11,9 L11,8 L18,8 Z"
-})), Rt = "_header_15ti0_1", vt = "_tabs_15ti0_8", xt = "_tab_15ti0_8", St = "_tabIcon_15ti0_74", Ft = "_clear_15ti0_81", At = "_value_15ti0_113", _t = "_box_15ti0_118", Pt = "_uploadBox_15ti0_119", Nt = "_typeInput_15ti0_230", C = {
+})), Rt = "_header_15ti0_1", vt = "_tabs_15ti0_8", xt = "_tab_15ti0_8", St = "_tabIcon_15ti0_74", Ft = "_clear_15ti0_81", At = "_value_15ti0_113", Pt = "_box_15ti0_118", _t = "_uploadBox_15ti0_119", Nt = "_typeInput_15ti0_230", C = {
   header: Rt,
   tabs: vt,
   tab: xt,
   tabIcon: St,
   clear: Ft,
   value: At,
-  box: _t,
-  uploadBox: Pt,
+  box: Pt,
+  uploadBox: _t,
   typeInput: Nt
 }, Ut = ({ content: e, locale: t }) => /* @__PURE__ */ s.createElement(Re, {
   content: e,

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

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

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

@@ -1,16 +1,16 @@
-import { RicosViewer as Q } from "@wix/ricos/viewer";
+import { RicosViewer as z } from "@wix/ricos/viewer";
 import _ from "classnames";
-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 e, { useMemo as F, useState as K, useRef as V, useLayoutEffect as Q, 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-1k13yOes.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-C5ZsFUKv.js";
-import { L as $ } from "./field-label-headless-CS5OYsiI.js";
+import { f, a as P } from "./find-child-C60k4CxG.js";
+import { E as x, D as B } from "./field-error-headless-Lb5aaoR3.js";
+import { L as $ } from "./field-label-headless-C1VDQVhB.js";
 import { F as ne } from "./fieldset-headless-CD3fds9J.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 { 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 { s as S } from "./field-rac.module-ColNPUt0.js";
+import { z as oe, P as re, $ as le, a0 as ie, a1 as ce, y as ue, p as de, i as me, F as pe } from "./form-element-classes-BuM-vthE.js";
 import { o as Ee } from "./options-rac.module-KM-VT_KY.js";
 const N = "Other", he = (a, t) => {
   const c = t.length + 2;
@@ -24,8 +24,8 @@ const N = "Other", he = (a, t) => {
   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] = z(p), E = V(l);
-  K(() => {
+  ]), [n, L] = K(p), E = V(l);
+  Q(() => {
     E.current = l;
   });
   const I = k((h) => {
@@ -90,7 +90,7 @@ const N = "Other", he = (a, t) => {
   }, /* @__PURE__ */ e.createElement(ae, {
     className: t,
     "data-hook": `tags-${s ? N : c}`
-  }, x(I, {
+  }, P(I, {
     value: c,
     label: i,
     isOther: s,
@@ -117,7 +117,7 @@ const N = "Other", he = (a, t) => {
     "data-columns": d
   }, p.map((n, L) => {
     const E = n.value ?? n.label;
-    return x(o, {
+    return P(o, {
       key: n.isOther ? N : E,
       value: E,
       label: n.label,
@@ -139,7 +139,7 @@ const N = "Other", he = (a, t) => {
 }, r = ({ children: a }) => {
   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);
+  ]), I = f(a, $), h = f(a, G), C = f(a, B), R = f(a, x);
   return /* @__PURE__ */ e.createElement(i, {
     fieldId: t,
     renderLabel: () => I,
@@ -168,13 +168,13 @@ r.Label = $;
 r.Control = G;
 r.Options = A;
 r.OtherInput = q;
-r.Description = P;
-r.Error = B;
+r.Description = B;
+r.Error = x;
 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(Q, {
+}, _e = ({ content: a, locale: t }) => /* @__PURE__ */ e.createElement(z, {
   content: a,
   locale: t
 }), ke = () => {

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

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

package/dist/component/{text-area-field-rac-Cen6O33S.js → text-area-field-rac-C4ytlqwT.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-BpHElSwH.js";
+import { ai as p, af as E, ak as x } from "./form-1k13yOes.js";
 import { f as c } from "./find-child-C60k4CxG.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 { D as h, E as M } from "./field-error-headless-Lb5aaoR3.js";
+import { L as g } from "./field-label-headless-C1VDQVhB.js";
 import { E as v } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-DjmaTYkc.js";
-import { z as q, Q as B, y as k, p as P, i as Q } from "./form-element-classes-BXNs5k3q.js";
+import { s } from "./field-rac.module-ColNPUt0.js";
+import { z as q, P as B, y as P, p as k, i as U } from "./form-element-classes-BuM-vthE.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);
@@ -31,7 +31,7 @@ const e = ({ children: t }) => {
     }, b),
     renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, A, D)
   });
-}, U = ({ className: t }) => {
+}, V = ({ className: t }) => {
   const { inputId: a, ariaDescribedBy: m } = E(), { id: l, placeholder: u } = p(), o = T(null);
   return x(() => {
     var i;
@@ -45,12 +45,12 @@ const e = ({ children: t }) => {
   });
 };
 e.Label = g;
-e.Input = U;
+e.Input = V;
 e.Description = h;
 e.Error = M;
-const V = "_input_ug5v8_1", w = {
-  input: V
-}, z = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(S, {
+const w = "_input_ug5v8_1", z = {
+  input: w
+}, Q = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(S, {
   content: t,
   locale: a
 }), re = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
@@ -58,12 +58,12 @@ const V = "_input_ug5v8_1", w = {
 }, /* @__PURE__ */ r.createElement(e.Label.Required, {
   className: n(B, s.requiredMark)
 })), /* @__PURE__ */ r.createElement(e.Input, {
-  className: n(k, s.input, w.input)
+  className: n(P, s.input, z.input)
 }), /* @__PURE__ */ r.createElement(e.Error, {
-  className: n(P, s.error)
+  className: n(k, 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));
+  className: n(U, s.description)
+}, Q));
 export {
   re as T
 };

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

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

package/dist/component/{text-input-field-rac-CbnKn03g.js → text-input-field-rac-TSY90sCu.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-C_NTJmLe.js";
+import { T as r } from "./text-input-headless-D3b0XErK.js";
 import { E as o } from "./error-icon-hZxQ6DEy.js";
-import { s as a } from "./field-rac.module-DjmaTYkc.js";
-import { z as n, Q as c, y as E, p as i, i as p } from "./form-element-classes-BXNs5k3q.js";
+import { s as a } from "./field-rac.module-ColNPUt0.js";
+import { z as n, P as c, y as E, p as i, i as p } from "./form-element-classes-BuM-vthE.js";
 const R = ({ content: s, locale: l }) => /* @__PURE__ */ e.createElement(m, {
   content: s,
   locale: l

package/dist/component/{text-input-headless-C_NTJmLe.js → text-input-headless-D3b0XErK.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-BpHElSwH.js";
+import { ai as d, af as c, ak as T } from "./form-1k13yOes.js";
 import { f as a } from "./find-child-C60k4CxG.js";
-import { D as g, E as h } from "./field-error-headless-C5ZsFUKv.js";
-import { L as x } from "./field-label-headless-CS5OYsiI.js";
+import { D as g, E as h } from "./field-error-headless-Lb5aaoR3.js";
+import { L as x } from "./field-label-headless-C1VDQVhB.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-DvwV7Igm.js → text-input-rac-CKiScYKV.js}

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

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

@@ -3,16 +3,16 @@ import { RicosViewer as q } from "@wix/ricos/viewer";
 import c from "classnames";
 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 { ai as p, af as j, as as T, ak as z } from "./form-1k13yOes.js";
 import { f as m, a as F } from "./find-child-C60k4CxG.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 { D as Q, E as G } from "./field-error-headless-Lb5aaoR3.js";
+import { L as J } from "./field-label-headless-C1VDQVhB.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 { z as W, Q as X, y as Y, p as Z, i as $ } from "./form-element-classes-BXNs5k3q.js";
+import { s as E } from "./field-rac.module-ColNPUt0.js";
+import { z as W, P as X, y as Y, p as Z, i as $ } from "./form-element-classes-BuM-vthE.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 { 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 } = j(), R = H((M) => {
     const w = ae(M);
     o(w);
   }, [
@@ -66,7 +66,7 @@ const r = ({ children: t }) => {
   });
 }, ee = ({ className: t, ...n }) => {
   const { id: l, hidePlaceholder: o } = p(), { segment: i } = n, { t: s } = T(), a = V(null);
-  j(() => {
+  z(() => {
     var f;
     (f = a.current) == null || f.focus();
   }, l);
@@ -104,7 +104,7 @@ u.Minute = te;
 u.Period = re;
 r.Label = J;
 r.Time = u;
-r.Description = z;
+r.Description = Q;
 r.Error = G;
 function ne(t) {
   if (!t)

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

@@ -2,17 +2,17 @@ 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-BpHElSwH.js";
+import { ai as E, af as d, ak as P } from "./form-1k13yOes.js";
 import { f as u } from "./find-child-C60k4CxG.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 { D as k, E as B } from "./field-error-headless-Lb5aaoR3.js";
+import { L as M } from "./field-label-headless-C1VDQVhB.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 { 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 }) => {
+import { s } from "./field-rac.module-ColNPUt0.js";
+import { z as U, P as g, y as q, p as x, i as w } from "./form-element-classes-BuM-vthE.js";
+const V = (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();
+    a(V(n)), p();
   }, [
     p,
     a,
@@ -34,9 +34,9 @@ const Q = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
     }, D),
     renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, C, _)
   });
-}, V = ({ className: t }) => {
+}, W = ({ className: t }) => {
   const { id: o, placeholder: n } = E(), { inputId: a, ariaDescribedBy: m } = d(), i = y(null);
-  return k(() => {
+  return P(() => {
     var c;
     (c = i.current) == null || c.focus();
   }, o), /* @__PURE__ */ r.createElement(A, {
@@ -48,11 +48,11 @@ const Q = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
     placeholder: n
   });
 };
-e.Label = P;
-e.Input = V;
-e.Description = B;
-e.Error = M;
-const W = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(O, {
+e.Label = M;
+e.Input = W;
+e.Description = k;
+e.Error = B;
+const $ = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(O, {
   content: t,
   locale: o
 }), te = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
@@ -65,7 +65,7 @@ const W = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(O, {
   className: l(x, s.error)
 }, /* @__PURE__ */ r.createElement(v, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
   className: l(w, s.description)
-}, W));
+}, $));
 export {
   te as U
 };

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

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

package/dist/component/{use-element-state-class-name-CC65g9mT.js → use-element-state-class-name-DkaI8J4Y.js}

@@ -1,5 +1,5 @@
 import d from "classnames";
-import { ac as s } from "./form-BpHElSwH.js";
+import { ac as s } from "./form-1k13yOes.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);

package/dist/component/{use-service-options-base-EFrxTpGm.js → use-service-options-base-cL2N21mJ.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-BpHElSwH.js";
+import { ah as v } from "./form-1k13yOes.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.77.0",
+  "version": "1.79.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": "b51f49b3f3b3028c3d441d6248803741aa0107f860ff7f7ac9a30082"
+  "falconPackageHash": "b31c650f4d62d89278bcd21ec99b907b103ee3eda9264f109c181444"
 }

package/dist/component/checkbox-indicator-module-classes-BcScu147.js

@@ -1,17 +0,0 @@
-import r from "react";
-import { s as t } from "./field-rac.module-DjmaTYkc.js";
-const a = ({ className: e, ...o }) => {
-  const c = o;
-  return /* @__PURE__ */ r.createElement("div", {
-    "aria-hidden": "true",
-    className: typeof e == "function" ? e(c) : e
-  });
-}, p = {
-  base: t.checkboxInput,
-  selected: t.checkboxInputSelected,
-  hover: t.checkboxInputHover
-};
-export {
-  p as C,
-  a
-};

package/dist/component/contacts-subscribe-rac-CAbBbFxZ.js

@@ -1,13 +0,0 @@
-import C from "react";
-import { C as _ } from "./checkbox-field-rac-4zG3Sf1c.js";
-import { Z as e, _ as r, Y as t } from "./form-element-classes-BXNs5k3q.js";
-const S = () => /* @__PURE__ */ C.createElement(_, {
-  classes: {
-    container: t,
-    label: r,
-    indicator: e
-  }
-});
-export {
-  S as ContactsSubscribeRAC
-};

package/dist/component/events-rsvp-rac-008H5Ska.js

@@ -1,38 +0,0 @@
-import t from "react";
-import { RicosViewer as c } from "@wix/ricos/viewer";
-import r from "classnames";
-import { R as a, s as o } from "./radio-group-field-rac.module-emin6sSc.js";
-import { E as m } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-DjmaTYkc.js";
-import { z as i, Q as E, R as p, T as R, S as _, p as L, i as O } from "./form-element-classes-BXNs5k3q.js";
-const e = ({ children: n }) => /* @__PURE__ */ t.createElement(a, null, n);
-e.Label = a.Label;
-e.Options = a.Options;
-e.Option = a.Option;
-e.Description = a.Description;
-e.Error = a.Error;
-const S = ({ content: n, locale: l }) => /* @__PURE__ */ t.createElement(c, {
-  content: n,
-  locale: l
-}), I = () => /* @__PURE__ */ t.createElement(e, null, /* @__PURE__ */ t.createElement(e.Label, {
-  className: r(i, s.label)
-}, /* @__PURE__ */ t.createElement(e.Label.Required, {
-  className: r(E, s.requiredMark)
-})), /* @__PURE__ */ t.createElement(e.Options, {
-  className: r(p, o.options)
-}, /* @__PURE__ */ t.createElement(e.Option, {
-  className: o.option
-}, /* @__PURE__ */ t.createElement(e.Option.Input, {
-  className: o.optionInput
-}), /* @__PURE__ */ t.createElement(e.Option.Control, {
-  className: r(R, o.optionControl)
-}), /* @__PURE__ */ t.createElement(e.Option.Label, {
-  className: r(_, o.optionLabel)
-}))), /* @__PURE__ */ t.createElement(e.Error, {
-  className: r(L, s.error)
-}, /* @__PURE__ */ t.createElement(m, null), /* @__PURE__ */ t.createElement(e.Error.Text, null)), /* @__PURE__ */ t.createElement(e.Description, {
-  className: r(O, s.description)
-}, S)), M = () => /* @__PURE__ */ t.createElement(I, null);
-export {
-  M as EventsRsvpRAC
-};

package/dist/component/field-rac.module-DjmaTYkc.js

@@ -1,23 +0,0 @@
-const o = "_label_10aij_1", e = "_requiredMark_10aij_11", t = "_input_10aij_16", n = "_inputGroup_10aij_17", c = "_innerInput_10aij_129", _ = "_dropdownTrigger_10aij_177", r = "_dropdownIcon_10aij_187", i = "_dropdownPopover_10aij_206", p = "_selectPopover_10aij_210", s = "_selectOption_10aij_237", u = "_selectOptionWithoutFocusRing_10aij_261", d = "_description_10aij_267", a = "_error_10aij_283", l = "_checkbox_10aij_302", j = "_checkboxInput_10aij_325", h = "_checkboxInputSelected_10aij_364", b = "_checkboxInputHover_10aij_368", k = "_uploadButton_10aij_418", I = {
-  label: o,
-  requiredMark: e,
-  input: t,
-  inputGroup: n,
-  innerInput: c,
-  dropdownTrigger: _,
-  dropdownIcon: r,
-  dropdownPopover: i,
-  selectPopover: p,
-  selectOption: s,
-  selectOptionWithoutFocusRing: u,
-  description: d,
-  error: a,
-  checkbox: l,
-  checkboxInput: j,
-  checkboxInputSelected: h,
-  checkboxInputHover: b,
-  uploadButton: k
-};
-export {
-  I as s
-};