@wix/form-elements 1.63.0 → 1.65.0

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

@@ -1,34 +1,34 @@
-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 Q, useRef as M, useLayoutEffect as w, useCallback as k } from "react";
-import { CheckboxGroup as z, TextField as J, Input as K, CheckboxField as X, CheckboxButton as Y } from "react-aria-components";
-import { ah as y, ae as Z, ar as T, ab as ee, aj as te } from "./form-DzjdnO7t.js";
-import { f, a as q } from "./find-child-C60k4CxG.js";
-import { E as x, D as B } from "./field-error-headless-DTKnr5Zx.js";
-import { L as P } from "./field-label-headless-DV4aNd5Y.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-DtugsLiL.js";
-import { r as re, H as oe, S as se, T as le, U as ie, q as ce, l as ue, h as de } from "./form-element-classes-Bi-nNM8q.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((r) => r.startsWith(`${a}: `)) || "").slice(c);
-}, he = (t) => t.map((a) => a.value ?? a.label), $ = ({ className: t, ...a }) => {
+}, 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);
 }, W = ({ className: t }) => {
-  const { value: a, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: r, disabled: u, readOnly: b, hasError: d } = y(), { t: m } = T(), o = c || m("add-other.default-other-option-label") || g, p = F(() => pe(a || [], o), [
+  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,
     o
-  ]), [n, L] = Q(p), h = M(l);
-  w(() => {
+  ]), [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(`${o}:`) && O !== o), R = E ? `${o}: ${E}` : o;
     h.current([
@@ -53,23 +53,23 @@ const g = "Other", pe = (t, a) => {
     maxLength: r,
     className: t
   }));
-}, v = ({ children: t, className: a, ...l }) => {
-  const { value: c, label: i, isOther: r, isFirstOption: u } = l, { id: b, value: d, onChange: m, options: o, disabled: p, readOnly: n, hasError: L } = y(), h = M(null);
+}, T = ({ children: t, className: a, ...l }) => {
+  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, $), E = F(() => d || [], [
+  const I = f(t, q), E = F(() => d || [], [
     d
   ]), C = F(() => r ? E.find((O) => O === i || O.startsWith(`${i}: `)) || i : c, [
     r,
     E,
     i,
     c
-  ]), R = k((O) => {
-    const G = he(o || []), 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
@@ -90,14 +90,14 @@ const g = "Other", pe = (t, a) => {
   }, /* @__PURE__ */ e.createElement(Y, {
     className: a,
     "data-hook": `tags-${r ? g : c}`
-  }, q(I, {
+  }, x(I, {
     value: c,
     label: i,
     isOther: r,
     isFirstOption: u
   })));
 }, A = ({ children: t, className: a }) => {
-  const { options: l, addOther: c, addOtherLabel: i, numberOfColumns: r = D.FREE_FLOW } = y(), { isMobile: u } = ee(), { t: b } = T(), d = u && r !== D.FREE_FLOW ? D.ONE : r, m = i || b("add-other.default-other-option-label") || g, o = f(t, v), 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(o, {
+    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: r, value: u } = y(), { t: b } = T(), 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}:`)), [
+}, 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
@@ -137,9 +137,9 @@ const g = "Other", pe = (t, a) => {
     "data-readonly": r
   }, m, p && o);
 }, s = ({ children: t }) => {
-  const { id: a, value: l, onChange: c, FieldLayout: i, required: r, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: o } = 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,
@@ -150,7 +150,7 @@ const g = "Other", pe = (t, a) => {
       required: r,
       onBlur: m,
       onFocus: o
-    }, /* @__PURE__ */ e.createElement(z, {
+    }, /* @__PURE__ */ e.createElement(Q, {
       "aria-labelledby": n,
       value: h,
       onChange: c,
@@ -162,19 +162,19 @@ const g = "Other", pe = (t, a) => {
     renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, R, C)
   });
 };
-A.Option = v;
-v.Label = $;
-s.Label = P;
-s.Control = U;
+A.Option = T;
+T.Label = q;
+s.Label = $;
+s.Control = G;
 s.Options = A;
 s.OtherInput = W;
-s.Description = B;
-s.Error = x;
-const Ee = "_control_lyoqm_1", Oe = "_options_lyoqm_7", be = "_option_lyoqm_7", N = {
+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, {
@@ -182,11 +182,11 @@ const Ee = "_control_lyoqm_1", Oe = "_options_lyoqm_7", be = "_option_lyoqm_7",
 }, /* @__PURE__ */ e.createElement(s.Label.Required, {
   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-CKiutCWe.js → tags-rac-rgsn8Os0.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as r } from "./tags-field-rac-C_VO3_69.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-Cg-vIhFe.js → text-area-field-rac-5lUQxnNM.js}

@@ -1,24 +1,24 @@
 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 { ah as E, ae as d, aj as h } from "./form-DzjdnO7t.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 x, E as M } from "./field-error-headless-DTKnr5Zx.js";
-import { L as g } from "./field-label-headless-DV4aNd5Y.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-DtugsLiL.js";
-import { r as v, H as B, q as P, l as k, h as U } from "./form-element-classes-Bi-nNM8q.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: I, FieldLayout: f, hasError: F } = E(), { labelId: L } = d(), R = O((C) => {
+  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);
   }, [
     l
   ]), _ = c(t, e.Label), b = c(t, e.Input), D = c(t, e.Description), A = c(t, e.Error);
-  return /* @__PURE__ */ r.createElement(f, {
+  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,
@@ -27,16 +27,16 @@ const e = ({ children: t }) => {
       isRequired: o,
       isInvalid: F,
       onBlur: p,
-      onFocus: I
+      onFocus: f
     }, b),
     renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, A, D)
   });
 }, V = ({ className: t }) => {
   const { inputId: a, ariaDescribedBy: m } = d(), { id: l, placeholder: u } = E(), o = T(null);
-  return h(() => {
+  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,
@@ -46,11 +46,11 @@ const e = ({ children: t }) => {
 };
 e.Label = g;
 e.Input = V;
-e.Description = x;
+e.Description = h;
 e.Error = M;
 const j = "_input_ug5v8_1", w = {
   input: j
-}, H = ({ 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 j = "_input_ug5v8_1", w = {
   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)
-}, H));
+}, z));
 export {
   re as T
 };

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

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as r } from "./text-area-field-rac-Cg-vIhFe.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-CgN_2hOD.js → text-input-field-rac-CgWadDfM.js}

@@ -1,13 +1,13 @@
 import { RicosViewer as m } from "@wix/ricos/viewer";
 import t from "classnames";
 import e from "react";
-import { T as r } from "./text-input-headless-CkhvKrFp.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-DtugsLiL.js";
-import { r as n, H as c, q as E, l as i, h as R } from "./form-element-classes-Bi-nNM8q.js";
-const _ = ({ content: l, locale: s }) => /* @__PURE__ */ e.createElement(m, {
-  content: l,
-  locale: s
+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
 }), N = () => /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
   className: t(n, a.label)
 }, /* @__PURE__ */ e.createElement(r.Label.Required, {

package/dist/component/{text-input-headless-CkhvKrFp.js → text-input-headless-fhxuPytc.js}

@@ -1,12 +1,12 @@
 import t, { useRef as L } from "react";
-import { TextField as R, Input as h } from "react-aria-components";
-import { ah as d, ae as c, aj as v } from "./form-DzjdnO7t.js";
+import { TextField as R, Input as v } from "react-aria-components";
+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 T, E as g } from "./field-error-headless-DTKnr5Zx.js";
-import { L as x } from "./field-label-headless-DV4aNd5Y.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: b, FieldLayout: f } = 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(f, {
+  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, {
     fieldId: s,
     renderLabel: () => I,
     renderInput: () => /* @__PURE__ */ t.createElement(R, {
@@ -18,16 +18,16 @@ const e = ({ children: r }) => {
       isRequired: o,
       isInvalid: p,
       onBlur: m,
-      onFocus: b
+      onFocus: f
     }, F),
     renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, D, y)
   });
 }, B = ({ className: r }) => {
   const { id: s, placeholder: i } = d(), { inputId: l, ariaDescribedBy: u } = c(), n = L(null);
-  return v(() => {
+  return T(() => {
     var o;
     (o = n.current) == null || o.focus();
-  }, s), /* @__PURE__ */ t.createElement(h, {
+  }, s), /* @__PURE__ */ t.createElement(v, {
     ref: n,
     id: l,
     "aria-describedby": u,
@@ -37,8 +37,8 @@ const e = ({ children: r }) => {
 };
 e.Label = x;
 e.Input = B;
-e.Description = T;
-e.Error = g;
+e.Description = g;
+e.Error = h;
 export {
   e as T
 };

package/dist/component/{text-input-rac-BsyBgd3b.js → text-input-rac-kgWS3UUV.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { T as e } from "./text-input-field-rac-CgN_2hOD.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-BxRVJtHE.js → time-input-rac-CuLUJcBH.js}

@@ -1,47 +1,47 @@
 import e, { useCallback as H, useRef as V, useContext as q } from "react";
-import { RicosViewer as v } from "@wix/ricos/viewer";
+import { RicosViewer as k } from "@wix/ricos/viewer";
 import c from "classnames";
-import { parseTime as x } from "@internationalized/date";
-import { TimeField as B, DateInput as U, DateSegment as h, TimeFieldStateContext as k } from "react-aria-components";
-import { ah as p, ae as j, ar as T, aj as Q } from "./form-DzjdnO7t.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 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 z, E as G } from "./field-error-headless-DTKnr5Zx.js";
-import { L as J } from "./field-label-headless-DV4aNd5Y.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-DtugsLiL.js";
-import { r as W, H as X, q as Y, l as Z, h as $ } from "./form-element-classes-Bi-nNM8q.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: s, onChange: o, disabled: i, readOnly: l, required: a, onBlur: d, onFocus: f, use24HourFormat: b, FieldLayout: I, hasError: C } = p(), { inputId: L, ariaDescribedBy: g, labelId: D } = j(), 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);
   }, [
     o
-  ]), N = m(t, r.Label), y = m(t, r.Time), P = m(t, r.Description), A = m(t, r.Error), O = ne(s);
+  ]), 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,
-    renderInput: () => /* @__PURE__ */ e.createElement(B, {
+    renderLabel: () => y,
+    renderInput: () => /* @__PURE__ */ e.createElement(x, {
       "aria-labelledby": D,
       id: L,
       "aria-describedby": g,
       value: O,
       onChange: R,
       isDisabled: i,
-      isReadOnly: l,
+      isReadOnly: s,
       isInvalid: C,
       isRequired: a,
       onBlur: d,
       onFocus: f,
       hourCycle: b ? 24 : 12
-    }, y),
+    }, N),
     renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, A, P)
   });
 }, u = ({ children: t, className: n }) => {
-  const { hasError: s } = p(), o = m(t, u.Hour), i = m(t, u.Minute), l = m(t, u.Period);
-  return /* @__PURE__ */ e.createElement(U, {
+  const { hasError: l } = p(), o = m(t, u.Hour), i = m(t, u.Minute), s = m(t, u.Period);
+  return /* @__PURE__ */ e.createElement(B, {
     className: n,
-    "data-invalid": s || void 0
+    "data-invalid": l || void 0
   }, (a) => {
     switch (a.type) {
       case "hour":
@@ -53,7 +53,7 @@ const r = ({ children: t }) => {
           segment: a
         }) || /* @__PURE__ */ e.createElement(e.Fragment, null);
       case "dayPeriod":
-        return F(l, {
+        return F(s, {
           segment: a
         }) || /* @__PURE__ */ e.createElement(e.Fragment, null);
       case "literal":
@@ -65,12 +65,12 @@ const r = ({ children: t }) => {
     }
   });
 }, ee = ({ className: t, ...n }) => {
-  const { id: s, hidePlaceholder: o } = p(), { segment: i } = n, { t: l } = T(), a = V(null);
-  Q(() => {
+  const { id: l, hidePlaceholder: o } = p(), { segment: i } = n, { t: s } = T(), a = V(null);
+  z(() => {
     var f;
     (f = a.current) == null || f.focus();
-  }, s);
-  const d = o ? void 0 : l("field.date.placeholder.hour");
+  }, l);
+  const d = o ? void 0 : s("field.date.placeholder.hour");
   return /* @__PURE__ */ e.createElement(h, {
     ref: a,
     segment: i,
@@ -80,16 +80,16 @@ const r = ({ children: t }) => {
     }
   });
 }, te = ({ className: t, ...n }) => {
-  const { hidePlaceholder: s } = p(), { segment: o } = n, { t: i } = T(), l = s ? void 0 : i("field.date.placeholder.minute");
+  const { hidePlaceholder: l } = p(), { segment: o } = n, { t: i } = T(), s = l ? void 0 : i("field.date.placeholder.minute");
   return /* @__PURE__ */ e.createElement(h, {
     segment: o,
     className: t,
-    ...l && {
-      placeholder: l
+    ...s && {
+      placeholder: s
     }
   });
 }, re = ({ className: t, ...n }) => {
-  const { hidePlaceholder: s } = p(), { segment: o } = n, { t: i } = T(), l = q(k), a = s ? void 0 : i("field.date.placeholder.period"), d = () => l == null ? void 0 : l.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,
@@ -104,13 +104,13 @@ 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)
     return null;
   try {
-    return x(t);
+    return v(t);
   } catch {
     return null;
   }
@@ -118,19 +118,19 @@ function ne(t) {
 function ae(t) {
   if (!t)
     return null;
-  const n = String(t.hour).padStart(2, "0"), s = String(t.minute).padStart(2, "0"), o = String(t.second).padStart(2, "0");
+  const n = String(t.hour).padStart(2, "0"), l = String(t.minute).padStart(2, "0"), o = String(t.second).padStart(2, "0");
   return [
     n,
-    s,
+    l,
     o
   ].join(":");
 }
-const oe = "_time_1wbmw_1", le = "_hour_1wbmw_14", se = "_minute_1wbmw_15", ie = "_period_1wbmw_16", _ = {
+const oe = "_time_1wbmw_1", se = "_hour_1wbmw_14", le = "_minute_1wbmw_15", ie = "_period_1wbmw_16", _ = {
   time: oe,
-  hour: le,
-  minute: se,
+  hour: se,
+  minute: le,
   period: ie
-}, ce = ({ content: t, locale: n }) => /* @__PURE__ */ e.createElement(v, {
+}, 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-B_1yVniS.js → url-input-field-rac-CAGHb2na.js}

@@ -1,18 +1,18 @@
-import { RicosViewer as h } from "@wix/ricos/viewer";
+import { RicosViewer as O } from "@wix/ricos/viewer";
 import l from "classnames";
-import r, { useCallback as O, useRef as N } from "react";
-import { TextField as y, Input as A } from "react-aria-components";
-import { ah as E, ae as d, aj as B } from "./form-DzjdnO7t.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 M, E as P } from "./field-error-headless-DTKnr5Zx.js";
-import { L as T } from "./field-label-headless-DV4aNd5Y.js";
-import { u as k } from "./use-invoke-callback-UH73A_J3.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 q } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-DtugsLiL.js";
-import { r as v, H as U, q as g, l as x, h as w } from "./form-element-classes-Bi-nNM8q.js";
-const H = (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 = k(f), b = u(t, e.Label), D = u(t, e.Input), _ = u(t, e.Description), C = u(t, e.Error), S = O(() => {
-    a(H(n)), p();
+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();
   }, [
     p,
     a,
@@ -21,7 +21,7 @@ const H = (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,
@@ -34,9 +34,9 @@ const H = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
     }, D),
     renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, C, _)
   });
-}, V = ({ className: t }) => {
-  const { id: o, placeholder: n } = E(), { inputId: a, ariaDescribedBy: m } = d(), i = N(null);
-  return B(() => {
+}, W = ({ className: t }) => {
+  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,11 +48,11 @@ const H = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
     placeholder: n
   });
 };
-e.Label = T;
-e.Input = V;
-e.Description = M;
-e.Error = P;
-const W = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(h, {
+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(h, {
   className: l(x, s.error)
 }, /* @__PURE__ */ r.createElement(q, 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-D8VrKYVe.js → url-input-rac-s5_SVi0h.js}

@@ -1,5 +1,5 @@
 import r from "react";
-import { U as t } from "./url-input-field-rac-B_1yVniS.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-Ci9gIluo.js → use-service-options-base-CYAEJ75H.js}

@@ -1,7 +1,7 @@
 import { useState as o, useCallback as D, useEffect as m, useMemo as b } from "react";
-import { ag as v } from "./form-DzjdnO7t.js";
-const k = (I) => {
-  const { fieldType: L, isEditor: t = !1, postProcessOptions: i, customFetchLogic: a, onInitialDataLoaded: n } = I, [O, g] = o(!1), [h, p] = o([]), [E, u] = o(!1), [c, f] = o(!1), s = v(L), r = D((e) => {
+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) => ({
       value: l.id ?? "",
       label: l.name ?? "",
@@ -31,12 +31,12 @@ const k = (I) => {
     c
   ]);
   return {
-    isLoading: O,
-    options: h,
+    isLoading: L,
+    options: g,
     isEmpty: E,
     hasInitialDataLoaded: c,
     shouldRender: y,
-    setIsLoading: g,
+    setIsLoading: O,
     setOptions: p,
     setIsEmpty: u,
     setHasInitialDataLoaded: f,

package/dist/form.d.ts

@@ -6907,11 +6907,13 @@ type FormHandle = {
     validateStep?: (stepId: string) => Promise<boolean>;
     getValues?: () => FormValues;
 };
+type ElementProps = Record<string, unknown>;
 type FormProps = {
     id?: string;
     className?: string;
     compId?: string;
     form?: FormSchema;
+    elementProps?: ElementProps;
     values: FormValues;
     onChange: (values: FormValues) => void;
     errors: ValidationError[];
@@ -6927,4 +6929,4 @@ declare const defaultProps: {};
 declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<FormHandle>>;
 
 export { Form as default, defaultProps };
-export type { FormHandle, FormProps, FormSchema, FormSubmission, FormValue, FormValues, ValidationError };
+export type { ElementProps, FormHandle, FormProps, FormSchema, FormSubmission, FormValue, FormValues, ValidationError };