@wix/form-elements 1.64.0 → 1.65.0

package/dist/component/{tags-field-rac-eX3d3JEH.js → tags-field-rac-7coCWj0y.js}

@@ -1,75 +1,75 @@
-import { RicosViewer as j } from "@wix/ricos/viewer";
+import { RicosViewer as H } from "@wix/ricos/viewer";
 import _ from "classnames";
-import e, { useMemo as F, useState as J, useRef as M, useLayoutEffect as Q, useCallback as k } from "react";
-import { CheckboxGroup as w, TextField as z, Input as K, CheckboxField as X, CheckboxButton as Y } from "react-aria-components";
-import { ai as y, af as Z, as as v, ab as ee, ak as te } from "./form-9yjqDnxY.js";
-import { f, a as q } from "./find-child-C60k4CxG.js";
-import { E as x, D as B } from "./field-error-headless-DrnFrGun.js";
-import { L as P } from "./field-label-headless-BIYf1BIh.js";
+import e, { useMemo as F, useState as j, useRef as k, useLayoutEffect as z, useCallback as M } from "react";
+import { CheckboxGroup as Q, TextField as J, Input as K, CheckboxField as X, CheckboxButton as Y } from "react-aria-components";
+import { ai as D, af as Z, as as v, ab as ee, ak as te } from "./form-CtWkUmxc.js";
+import { f, a as x } from "./find-child-C60k4CxG.js";
+import { E as B, D as P } from "./field-error-headless-D6iejMQP.js";
+import { L as $ } from "./field-label-headless-BWLfU3YB.js";
 import { F as ae } from "./fieldset-headless-CD3fds9J.js";
-import { N as D } from "./options-layout-constants-DEfIEJWD.js";
+import { N } from "./options-layout-constants-DEfIEJWD.js";
 import { E as ne } from "./error-icon-hZxQ6DEy.js";
-import { s as S } from "./field-rac.module-CWkwwhq4.js";
-import { t as oe, J as re, U as se, V as le, W as ie, s as ce, n as ue, j as de } from "./form-element-classes-KRzHUNLu.js";
+import { s as S } from "./field-rac.module-DnUIb9Oh.js";
+import { z as re, P as oe, _ as se, $ as le, a0 as ie, y as ce, q as ue, j as de } from "./form-element-classes-BSMjWijd.js";
 import { o as me } from "./options-rac.module-KM-VT_KY.js";
 const g = "Other", pe = (t, a) => {
   const c = a.length + 2;
-  return (t.find((o) => o.startsWith(`${a}: `)) || "").slice(c);
-}, he = (t) => t.map((a) => a.value ?? a.label), W = ({ className: t, ...a }) => {
+  return (t.find((r) => r.startsWith(`${a}: `)) || "").slice(c);
+}, he = (t) => t.map((a) => a.value ?? a.label), q = ({ className: t, ...a }) => {
   const { label: l } = a;
   return /* @__PURE__ */ e.createElement("span", {
     className: t
   }, l);
-}, $ = ({ className: t }) => {
-  const { value: a, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: o, disabled: u, readOnly: b, hasError: d } = y(), { t: m } = v(), r = c || m("add-other.default-other-option-label") || g, p = F(() => pe(a || [], r), [
+}, W = ({ className: t }) => {
+  const { value: a, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: r, disabled: u, readOnly: b, hasError: d } = D(), { t: m } = v(), o = c || m("add-other.default-other-option-label") || g, p = F(() => pe(a || [], o), [
     a,
-    r
-  ]), [n, L] = J(p), h = M(l);
-  Q(() => {
+    o
+  ]), [n, L] = j(p), h = k(l);
+  z(() => {
     h.current = l;
   });
-  const I = k((E) => {
+  const I = M((E) => {
     L(E);
-    const C = (a || []).filter((O) => !O.startsWith(`${r}:`) && O !== r), R = E ? `${r}: ${E}` : r;
+    const C = (a || []).filter((O) => !O.startsWith(`${o}:`) && O !== o), R = E ? `${o}: ${E}` : o;
     h.current([
       ...C,
       R
     ]);
   }, [
     a,
-    r
+    o
   ]);
-  return /* @__PURE__ */ e.createElement(z, {
+  return /* @__PURE__ */ e.createElement(J, {
     value: n,
     onChange: I,
     isDisabled: u,
     isReadOnly: b,
     isInvalid: d,
-    "aria-label": r
+    "aria-label": o
   }, /* @__PURE__ */ e.createElement(K, {
     "data-hook": "tags-other-input",
     "data-filled": n ? !0 : void 0,
     placeholder: i,
-    maxLength: o,
+    maxLength: r,
     className: t
   }));
 }, T = ({ children: t, className: a, ...l }) => {
-  const { value: c, label: i, isOther: o, isFirstOption: u } = l, { id: b, value: d, onChange: m, options: r, disabled: p, readOnly: n, hasError: L } = y(), h = M(null);
+  const { value: c, label: i, isOther: r, isFirstOption: u } = l, { id: b, value: d, onChange: m, options: o, disabled: p, readOnly: n, hasError: L } = D(), h = k(null);
   te(() => {
     var O;
     u && ((O = h.current) == null || O.focus({
       preventScroll: !0
     }));
   }, b);
-  const I = f(t, W), E = F(() => d || [], [
+  const I = f(t, q), E = F(() => d || [], [
     d
-  ]), C = F(() => o ? E.find((O) => O === i || O.startsWith(`${i}: `)) || i : c, [
-    o,
+  ]), C = F(() => r ? E.find((O) => O === i || O.startsWith(`${i}: `)) || i : c, [
+    r,
     E,
     i,
     c
-  ]), R = k((O) => {
-    const G = he(r || []), V = E.filter((H) => G.includes(H));
+  ]), R = M((O) => {
+    const U = he(o || []), V = E.filter((w) => U.includes(w));
     m(O ? [
       ...V,
       i
@@ -77,27 +77,27 @@ const g = "Other", pe = (t, a) => {
   }, [
     i,
     m,
-    r,
+    o,
     E
   ]);
   return /* @__PURE__ */ e.createElement(X, {
     inputRef: h,
     value: C,
-    onChange: o ? R : void 0,
+    onChange: r ? R : void 0,
     isDisabled: p,
     isReadOnly: n,
     isInvalid: L
   }, /* @__PURE__ */ e.createElement(Y, {
     className: a,
-    "data-hook": `tags-${o ? g : c}`
-  }, q(I, {
+    "data-hook": `tags-${r ? g : c}`
+  }, x(I, {
     value: c,
     label: i,
-    isOther: o,
+    isOther: r,
     isFirstOption: u
   })));
 }, A = ({ children: t, className: a }) => {
-  const { options: l, addOther: c, addOtherLabel: i, numberOfColumns: o = D.FREE_FLOW } = y(), { isMobile: u } = ee(), { t: b } = v(), d = u && o !== D.FREE_FLOW ? D.ONE : o, m = i || b("add-other.default-other-option-label") || g, r = f(t, T), p = F(() => {
+  const { options: l, addOther: c, addOtherLabel: i, numberOfColumns: r = N.FREE_FLOW } = D(), { isMobile: u } = ee(), { t: b } = v(), d = u && r !== N.FREE_FLOW ? N.ONE : r, m = i || b("add-other.default-other-option-label") || g, o = f(t, T), p = F(() => {
     const n = l || [];
     return c ? [
       ...n,
@@ -117,7 +117,7 @@ const g = "Other", pe = (t, a) => {
     "data-columns": d
   }, p.map((n, L) => {
     const h = n.value ?? n.label;
-    return q(r, {
+    return x(o, {
       key: n.isOther ? g : h,
       value: h,
       label: n.label,
@@ -125,8 +125,8 @@ const g = "Other", pe = (t, a) => {
       isFirstOption: L === 0
     });
   }));
-}, U = ({ children: t, className: a }) => {
-  const { addOther: l, addOtherLabel: c, hasError: i, readOnly: o, value: u } = y(), { t: b } = v(), d = c || b("add-other.default-other-option-label") || g, m = f(t, A), r = f(t, $), p = F(() => !l || !u ? !1 : u.some((n) => n === d || n.startsWith(`${d}:`)), [
+}, G = ({ children: t, className: a }) => {
+  const { addOther: l, addOtherLabel: c, hasError: i, readOnly: r, value: u } = D(), { t: b } = v(), d = c || b("add-other.default-other-option-label") || g, m = f(t, A), o = f(t, W), p = F(() => !l || !u ? !1 : u.some((n) => n === d || n.startsWith(`${d}:`)), [
     l,
     u,
     d
@@ -134,12 +134,12 @@ const g = "Other", pe = (t, a) => {
   return /* @__PURE__ */ e.createElement("div", {
     className: a,
     "data-invalid": i,
-    "data-readonly": o
-  }, m, p && r);
+    "data-readonly": r
+  }, m, p && o);
 }, s = ({ children: t }) => {
-  const { id: a, value: l, onChange: c, FieldLayout: i, required: o, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: r } = y(), { inputId: p, labelId: n, ariaDescribedBy: L } = Z(), h = F(() => l || [], [
+  const { id: a, value: l, onChange: c, FieldLayout: i, required: r, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: o } = D(), { inputId: p, labelId: n, ariaDescribedBy: L } = Z(), h = F(() => l || [], [
     l
-  ]), I = f(t, P), E = f(t, U), C = f(t, B), R = f(t, x);
+  ]), I = f(t, $), E = f(t, G), C = f(t, P), R = f(t, B);
   return /* @__PURE__ */ e.createElement(i, {
     fieldId: a,
     renderLabel: () => I,
@@ -147,46 +147,46 @@ const g = "Other", pe = (t, a) => {
       id: p,
       ariaLabelledBy: n,
       ariaDescribedBy: L,
-      required: o,
+      required: r,
       onBlur: m,
-      onFocus: r
-    }, /* @__PURE__ */ e.createElement(w, {
+      onFocus: o
+    }, /* @__PURE__ */ e.createElement(Q, {
       "aria-labelledby": n,
       value: h,
       onChange: c,
       isDisabled: u,
       isReadOnly: b,
-      isRequired: o,
+      isRequired: r,
       isInvalid: d
     }, E)),
     renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, R, C)
   });
 };
 A.Option = T;
-T.Label = W;
-s.Label = P;
-s.Control = U;
+T.Label = q;
+s.Label = $;
+s.Control = G;
 s.Options = A;
-s.OtherInput = $;
-s.Description = B;
-s.Error = x;
-const Ee = "_control_lyoqm_1", Oe = "_options_lyoqm_7", be = "_option_lyoqm_7", N = {
+s.OtherInput = W;
+s.Description = P;
+s.Error = B;
+const Ee = "_control_1kvnw_1", Oe = "_options_1kvnw_7", be = "_option_1kvnw_7", y = {
   control: Ee,
   options: Oe,
   option: be
-}, fe = ({ content: t, locale: a }) => /* @__PURE__ */ e.createElement(j, {
+}, fe = ({ content: t, locale: a }) => /* @__PURE__ */ e.createElement(H, {
   content: t,
   locale: a
 }), Ve = () => /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement(s.Label, {
-  className: _(oe, S.label)
+  className: _(re, S.label)
 }, /* @__PURE__ */ e.createElement(s.Label.Required, {
-  className: _(re, S.requiredMark)
+  className: _(oe, S.requiredMark)
 })), /* @__PURE__ */ e.createElement(s.Control, {
-  className: N.control
+  className: y.control
 }, /* @__PURE__ */ e.createElement(s.Options, {
-  className: _(se, N.options)
+  className: _(se, y.options)
 }, /* @__PURE__ */ e.createElement(s.Options.Option, {
-  className: ({ isSelected: t }) => _(le, t && ie, N.option)
+  className: ({ isSelected: t }) => _(le, t && ie, y.option)
 }, /* @__PURE__ */ e.createElement(s.Options.Option.Label, {
   className: me.optionLabel
 }))), /* @__PURE__ */ e.createElement(s.OtherInput, {

package/dist/component/{tags-rac-CdIB_48Z.js → tags-rac-rgsn8Os0.js}

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

package/dist/component/{text-area-field-rac-Bir5Q7gz.js → text-area-field-rac-5lUQxnNM.js}

@@ -1,14 +1,14 @@
 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 N, TextArea as y } from "react-aria-components";
-import { ai as E, af as d, ak as x } from "./form-9yjqDnxY.js";
+import { TextField as y, TextArea as N } from "react-aria-components";
+import { ai as E, af as d, ak as x } from "./form-CtWkUmxc.js";
 import { f as c } from "./find-child-C60k4CxG.js";
-import { D as h, E as M } from "./field-error-headless-DrnFrGun.js";
-import { L as g } from "./field-label-headless-BIYf1BIh.js";
-import { E as v } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-CWkwwhq4.js";
-import { t as q, J as B, s as k, n as P, j as U } from "./form-element-classes-KRzHUNLu.js";
+import { D as h, E as M } from "./field-error-headless-D6iejMQP.js";
+import { L as g } from "./field-label-headless-BWLfU3YB.js";
+import { E as q } from "./error-icon-hZxQ6DEy.js";
+import { s } from "./field-rac.module-DnUIb9Oh.js";
+import { z as v, P as B, y as P, q as k, j as U } from "./form-element-classes-BSMjWijd.js";
 const e = ({ children: t }) => {
   const { id: a, value: m, onChange: l, disabled: u, required: o, readOnly: i, onBlur: p, onFocus: f, FieldLayout: I, hasError: F } = E(), { labelId: L } = d(), R = O((C) => {
     l(C);
@@ -18,7 +18,7 @@ const e = ({ children: t }) => {
   return /* @__PURE__ */ r.createElement(I, {
     fieldId: a,
     renderLabel: () => _,
-    renderInput: () => /* @__PURE__ */ r.createElement(N, {
+    renderInput: () => /* @__PURE__ */ r.createElement(y, {
       "aria-labelledby": L,
       value: m ?? "",
       onChange: R,
@@ -36,7 +36,7 @@ const e = ({ children: t }) => {
   return x(() => {
     var i;
     (i = o.current) == null || i.focus();
-  }, l), /* @__PURE__ */ r.createElement(y, {
+  }, l), /* @__PURE__ */ r.createElement(N, {
     ref: o,
     id: a,
     "aria-describedby": m,
@@ -50,20 +50,20 @@ e.Description = h;
 e.Error = M;
 const j = "_input_ug5v8_1", w = {
   input: j
-}, J = ({ 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, {
-  className: n(q, s.label)
+  className: n(v, s.label)
 }, /* @__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, w.input)
 }), /* @__PURE__ */ r.createElement(e.Error, {
-  className: n(P, s.error)
-}, /* @__PURE__ */ r.createElement(v, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
+  className: n(k, s.error)
+}, /* @__PURE__ */ r.createElement(q, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
   className: n(U, s.description)
-}, J));
+}, z));
 export {
   re as T
 };

package/dist/component/{text-area-rac-Ct1UNU04.js → text-area-rac-DpGOBzN3.js}

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

package/dist/component/{text-input-field-rac-onGUXC9J.js → text-input-field-rac-CgWadDfM.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-Bs9m7QFg.js";
+import { T as r } from "./text-input-headless-fhxuPytc.js";
 import { E as o } from "./error-icon-hZxQ6DEy.js";
-import { s as a } from "./field-rac.module-CWkwwhq4.js";
-import { t as n, J as c, s as E, n as i, j as R } from "./form-element-classes-KRzHUNLu.js";
+import { s as a } from "./field-rac.module-DnUIb9Oh.js";
+import { z as n, P as c, y as E, q as i, j as R } from "./form-element-classes-BSMjWijd.js";
 const _ = ({ content: s, locale: l }) => /* @__PURE__ */ e.createElement(m, {
   content: s,
   locale: l

package/dist/component/{text-input-headless-Bs9m7QFg.js → text-input-headless-fhxuPytc.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-9yjqDnxY.js";
+import { ai as d, af as c, ak as T } from "./form-CtWkUmxc.js";
 import { f as a } from "./find-child-C60k4CxG.js";
-import { D as g, E as h } from "./field-error-headless-DrnFrGun.js";
-import { L as x } from "./field-label-headless-BIYf1BIh.js";
+import { D as g, E as h } from "./field-error-headless-D6iejMQP.js";
+import { L as x } from "./field-label-headless-BWLfU3YB.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-DK4nEw4D.js → text-input-rac-kgWS3UUV.js}

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

package/dist/component/{time-input-rac-BCG9ktFa.js → time-input-rac-CuLUJcBH.js}

@@ -1,26 +1,26 @@
-import e, { useCallback as H, useRef as V, useContext as k } from "react";
-import { RicosViewer as q } from "@wix/ricos/viewer";
+import e, { useCallback as H, useRef as V, useContext as q } from "react";
+import { RicosViewer as k } 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 j, as as T, ak as J } from "./form-9yjqDnxY.js";
+import { ai as p, af as j, as as T, ak as z } from "./form-CtWkUmxc.js";
 import { f as m, a as F } from "./find-child-C60k4CxG.js";
-import { D as Q, E as z } from "./field-error-headless-DrnFrGun.js";
-import { L as G } from "./field-label-headless-BIYf1BIh.js";
+import { D as Q, E as G } from "./field-error-headless-D6iejMQP.js";
+import { L as J } from "./field-label-headless-BWLfU3YB.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-CWkwwhq4.js";
-import { t as W, J as X, s as Y, n as Z, j as $ } from "./form-element-classes-KRzHUNLu.js";
+import { s as E } from "./field-rac.module-DnUIb9Oh.js";
+import { z as W, P as X, y as Y, q as Z, j as $ } from "./form-element-classes-BSMjWijd.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 } = j(), R = H((M) => {
     const w = ae(M);
     o(w);
   }, [
     o
-  ]), N = m(t, r.Label), y = m(t, r.Time), P = m(t, r.Description), A = m(t, r.Error), O = ne(l);
+  ]), y = m(t, r.Label), N = m(t, r.Time), P = m(t, r.Description), A = m(t, r.Error), O = ne(l);
   return /* @__PURE__ */ e.createElement(I, {
     fieldId: n,
-    renderLabel: () => N,
+    renderLabel: () => y,
     renderInput: () => /* @__PURE__ */ e.createElement(x, {
       "aria-labelledby": D,
       id: L,
@@ -34,7 +34,7 @@ const r = ({ children: t }) => {
       onBlur: d,
       onFocus: f,
       hourCycle: b ? 24 : 12
-    }, y),
+    }, N),
     renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, A, P)
   });
 }, u = ({ children: t, className: n }) => {
@@ -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);
@@ -89,7 +89,7 @@ const r = ({ children: t }) => {
     }
   });
 }, re = ({ className: t, ...n }) => {
-  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");
+  const { hidePlaceholder: l } = p(), { segment: o } = n, { t: i } = T(), s = q(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,
@@ -102,10 +102,10 @@ const r = ({ children: t }) => {
 u.Hour = ee;
 u.Minute = te;
 u.Period = re;
-r.Label = G;
+r.Label = J;
 r.Time = u;
 r.Description = Q;
-r.Error = z;
+r.Error = G;
 function ne(t) {
   if (!t)
     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(q, {
+}, ce = ({ content: t, locale: n }) => /* @__PURE__ */ e.createElement(k, {
   content: t,
   locale: n
 }), me = () => /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {

package/dist/component/{url-input-field-rac-mUkrVTcL.js → url-input-field-rac-CAGHb2na.js}

@@ -1,15 +1,15 @@
 import { RicosViewer as O } from "@wix/ricos/viewer";
 import l from "classnames";
-import r, { useCallback as h, useRef as N } from "react";
-import { TextField as y, Input as A } from "react-aria-components";
-import { ai as E, af as d, ak as k } from "./form-9yjqDnxY.js";
+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 P } from "./form-CtWkUmxc.js";
 import { f as u } from "./find-child-C60k4CxG.js";
-import { D as B, E as M } from "./field-error-headless-DrnFrGun.js";
-import { L as P } from "./field-label-headless-BIYf1BIh.js";
+import { D as k, E as B } from "./field-error-headless-D6iejMQP.js";
+import { L as M } from "./field-label-headless-BWLfU3YB.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-CWkwwhq4.js";
-import { t as U, J as g, s as q, n as x, j as w } from "./form-element-classes-KRzHUNLu.js";
+import { E as q } from "./error-icon-hZxQ6DEy.js";
+import { s } from "./field-rac.module-DnUIb9Oh.js";
+import { z as v, P as U, y as g, q as x, j as w } from "./form-element-classes-BSMjWijd.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(V(n)), p();
@@ -21,7 +21,7 @@ const V = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
   return /* @__PURE__ */ r.createElement(L, {
     fieldId: o,
     renderLabel: () => b,
-    renderInput: () => /* @__PURE__ */ r.createElement(y, {
+    renderInput: () => /* @__PURE__ */ r.createElement(N, {
       "aria-labelledby": R,
       value: n ?? "",
       onChange: a,
@@ -35,8 +35,8 @@ const V = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
     renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, C, _)
   });
 }, W = ({ className: t }) => {
-  const { id: o, placeholder: n } = E(), { inputId: a, ariaDescribedBy: m } = d(), i = N(null);
-  return k(() => {
+  const { id: o, placeholder: n } = E(), { inputId: a, ariaDescribedBy: m } = d(), i = y(null);
+  return P(() => {
     var c;
     (c = i.current) == null || c.focus();
   }, o), /* @__PURE__ */ r.createElement(A, {
@@ -48,22 +48,22 @@ const V = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
     placeholder: n
   });
 };
-e.Label = P;
+e.Label = M;
 e.Input = W;
-e.Description = B;
-e.Error = M;
+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, {
-  className: l(U, s.label)
+  className: l(v, s.label)
 }, /* @__PURE__ */ r.createElement(e.Label.Required, {
-  className: l(g, s.requiredMark)
+  className: l(U, s.requiredMark)
 })), /* @__PURE__ */ r.createElement(e.Input, {
-  className: l(q, s.input)
+  className: l(g, s.input)
 }), /* @__PURE__ */ r.createElement(e.Error, {
   className: l(x, s.error)
-}, /* @__PURE__ */ r.createElement(v, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
+}, /* @__PURE__ */ r.createElement(q, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
   className: l(w, s.description)
 }, $));
 export {

package/dist/component/{url-input-rac-Cl7LFYlr.js → url-input-rac-s5_SVi0h.js}

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

package/dist/component/{use-service-options-base-BYVuKRj2.js → use-service-options-base-CYAEJ75H.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-9yjqDnxY.js";
+import { ah as v } from "./form-CtWkUmxc.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.64.0",
+  "version": "1.65.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": "098a9a84be69ae07ff11774bc84010816990bb2013beab3e8ba5018d"
+  "falconPackageHash": "5dd02e9327f855cfffcfcc5bf111aff3a56a31f8be69e2f99476d77d"
 }

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

@@ -1,13 +0,0 @@
-import C from "react";
-import { C as S } from "./checkbox-field-rac-CYADRY54.js";
-import { R as _, S as e, Q as o } from "./form-element-classes-KRzHUNLu.js";
-const R = () => /* @__PURE__ */ C.createElement(S, {
-  classes: {
-    container: o,
-    label: e,
-    control: _
-  }
-});
-export {
-  R as ContactsSubscribeRAC
-};