@wix/form-elements 1.80.0 → 1.81.0

package/dist/component/{rich-text-rac-Cek5wjXa.js → rich-text-rac-CuT97sby.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { R as t } from "./rich-text-field-rac-Ct4KowMZ.js";
+import { R as t } from "./rich-text-field-rac-DtcQC8zU.js";
 const R = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   R as RichTextRAC

package/dist/component/{service-dropdown-rac-B3K93XxF.js → service-dropdown-rac-rk2tzikX.js}

@@ -1,14 +1,14 @@
-import t, { useRef as N, useMemo as g, useCallback as h, useEffect as T } from "react";
-import { RicosViewer as A } from "@wix/ricos/viewer";
+import t, { useRef as N, useMemo as g, useCallback as h, useEffect as P } from "react";
+import { RicosViewer as T } from "@wix/ricos/viewer";
 import m from "classnames";
-import { ae as w, as as b, F as M, ai as y, ab as U, h as V } from "./form-BmioUKtQ.js";
-import { u as x } from "./use-service-options-base-BO3Ackpl.js";
-import { D as d } from "./dropdown-field-headless-D7mOjVEJ.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 { ae as w, as as b, F as M, ai as y, ab as x, h as U } from "./form-f0tqdMye.js";
+import { u as V } from "./use-service-options-base-CRgxxz7b.js";
+import { D as d } from "./dropdown-field-headless-JJzbZvps.js";
+import { C as H } from "./chevron-down-icon-CcpVm6B-.js";
+import { E as k } from "./error-icon-hZxQ6DEy.js";
+import { H as q } from "./custom-focus-class-_483Pkwp.js";
 import { s as n } from "./field-rac.module-ColNPUt0.js";
-import { z as q, P as W, y as z, B as Q, p as Y, i as j } from "./form-element-classes-BuM-vthE.js";
+import { y as B, O as W, x as Q, A as Y, o as j, i as z } from "./form-element-classes-jC8D0LnK.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 = N(!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: _ } = x({
+  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: S, processOptions: _ } = V({
     fieldType: M.SERVICES_DROPDOWN,
     isEditor: e.isEditor,
     postProcessOptions: O
@@ -56,7 +56,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     L,
     S
   ]);
-  T(() => {
+  P(() => {
     if (!e.isEditor && l.length > 0) {
       const s = i ? l.length - 1 : l.length;
       S(s === 0);
@@ -72,7 +72,7 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
   }, [
     R,
     e.onFocus
-  ]), P = h(
+  ]), A = h(
     (s) => {
       e.onChange && e.onChange(s), a.current = !0;
     },
@@ -86,11 +86,11 @@ const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
     options: l,
     isEmpty: D,
     onFocus: v,
-    onChange: P,
+    onChange: A,
     shouldRender: I
   };
 }, o = ({ children: e }) => {
-  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({
+  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({
     ...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(V.Provider, {
+  return !p && E && !C || !l ? null : /* @__PURE__ */ t.createElement(U.Provider, {
     value: {
       v2: D
     }
@@ -117,25 +117,25 @@ o.Trigger = d.Trigger;
 o.Options = d.Options;
 o.Description = d.Description;
 o.Error = d.Error;
-const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(A, {
+const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(T, {
   content: e,
   locale: r
 }), X = () => /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement(o.Label, {
-  className: m(q, n.label)
+  className: m(B, n.label)
 }, /* @__PURE__ */ t.createElement(o.Label.Required, {
   className: m(W, n.requiredMark)
 })), /* @__PURE__ */ t.createElement(o.Trigger, {
-  className: m(z, n.input, n.dropdownTrigger)
-}, /* @__PURE__ */ t.createElement(B, {
+  className: m(Q, n.input, n.dropdownTrigger)
+}, /* @__PURE__ */ t.createElement(H, {
   className: n.dropdownIcon
 })), /* @__PURE__ */ t.createElement(o.Options, {
-  className: m(Q, n.selectPopover, n.dropdownPopover)
+  className: m(Y, n.selectPopover, n.dropdownPopover)
 }, /* @__PURE__ */ t.createElement(o.Options.Option, {
-  className: m(n.selectOption, k)
+  className: m(n.selectOption, q)
 })), /* @__PURE__ */ t.createElement(o.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(j, n.description)
+  className: m(j, n.error)
+}, /* @__PURE__ */ t.createElement(k, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
+  className: m(z, n.description)
 }, K)), le = () => /* @__PURE__ */ t.createElement(X, null);
 export {
   le as ServiceDropdownRAC

package/dist/component/{services-multi-choice-rac-2RTQqyG6.js → services-multi-choice-rac-BMQyF_xs.js}

@@ -1,15 +1,15 @@
 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-BmioUKtQ.js";
-import { u as F } from "./use-service-options-base-BO3Ackpl.js";
-import { C as a } from "./checkbox-group-field-headless-DryeaW7l.js";
+import { F as R, ai as d, h as D } from "./form-f0tqdMye.js";
+import { u as F } from "./use-service-options-base-CRgxxz7b.js";
+import { C as a } from "./checkbox-group-field-headless-Bx5Y-RMP.js";
 import { E as f } from "./error-icon-hZxQ6DEy.js";
 import { C as N } from "./checkbox-indicator-module-classes-DqzGZQRQ.js";
 import { s as i } from "./field-rac.module-ColNPUt0.js";
-import { z as h, P as M, T as b, V as A, y as T, p as v, i as x, U as P } from "./form-element-classes-BuM-vthE.js";
+import { y as h, O as M, S as b, U as A, x as T, o as v, i as x, T as y } from "./form-element-classes-jC8D0LnK.js";
 import { o as O } from "./options-rac.module-KM-VT_KY.js";
-import { u as y } from "./use-element-state-class-name-nCwOVSGM.js";
+import { u as P } from "./use-element-state-class-name-BqmaTba3.js";
 const k = (s) => {
   var C;
   const { isLoading: o, options: n, isEmpty: c, shouldRender: m, setOptions: l, setIsEmpty: E, setHasInitialDataLoaded: p } = F({
@@ -55,8 +55,8 @@ const V = ({ content: s, locale: o }) => /* @__PURE__ */ e.createElement(L, {
   content: s,
   locale: o
 }), U = () => {
-  const s = y({
-    globalClasses: P,
+  const s = P({
+    globalClasses: y,
     moduleClasses: N
   });
   return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {

package/dist/component/{signature-rac-BIbRkW1j.js → signature-rac-DeV9C6ta.js}

@@ -2,17 +2,17 @@ import s, { useRef as W, useCallback as I, useState as K, useEffect as Q, useMem
 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 Pe, RadioField as _e, RadioButton as Ne } from "react-aria-components";
+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-BmioUKtQ.js";
+import { z as Oe, ae as Ue, 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-f0tqdMye.js";
 import { f as T, a as F } from "./find-child-C60k4CxG.js";
-import { D as We, E as He } from "./field-error-headless-C7IUibkK.js";
-import { L as Ye } from "./field-label-headless-BQFy2iAr.js";
+import { D as We, E as He } from "./field-error-headless-BErhh9GG.js";
+import { L as Ye } from "./field-label-headless-BGyK-5xW.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-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;
+import { y as ue, O as ze, x as B, a1 as Ve, o as Ze, i as Xe } from "./form-element-classes-jC8D0LnK.js";
+const Ge = typeof s.useId == "function" ? s.useId : () => W(Oe()).current;
 var w = /* @__PURE__ */ (function(e) {
   return e.TEXT = "text/plain", e.POINTS = "points/json", e;
 })({}), b = /* @__PURE__ */ (function(e) {
@@ -21,7 +21,7 @@ var w = /* @__PURE__ */ (function(e) {
   return e.DRAW = "draw", e.TYPE = "type", e.IMAGE = "image", e.UPLOAD = "upload", e;
 })({});
 const qe = (e) => {
-  const { actions: t, formId: a } = Oe(), n = t == null ? void 0 : t.uploadFile;
+  const { actions: t, formId: a } = Ue(), n = t == null ? void 0 : t.uploadFile;
   return I(async (r) => {
     if (!n)
       throw new Error("No uploadFile action");
@@ -375,15 +375,15 @@ const dt = (e) => {
   }), o && F(d, {
     handleClear: i
   }));
-}, P = ({ children: e, className: t, ...a }) => {
+}, _ = ({ 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, P.Draw),
-    [b.TYPE]: T(e, P.Type),
-    [b.UPLOAD]: o ? T(e, P.Upload) : null
+    [b.DRAW]: T(e, _.Draw),
+    [b.TYPE]: T(e, _.Type),
+    [b.UPLOAD]: o ? T(e, _.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(_e, {
+}, mt = (e) => /* @__PURE__ */ we(e), ne = ({ mode: e, children: t, className: a, "aria-label": n }) => /* @__PURE__ */ s.createElement(Pe, {
   value: e,
   "aria-label": n
 }, /* @__PURE__ */ s.createElement(Ne, {
@@ -429,8 +429,8 @@ const dt = (e) => {
     "data-hook": `clear-${i}`,
     className: t
   }, e);
-}, _ = ({ 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);
+}, 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);
   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] = K(!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, [O, Y] = K(!1);
   Ee(() => {
     var D;
     (D = L.current) == null || D.focus();
@@ -475,14 +475,14 @@ const dt = (e) => {
     maxWidth: 3,
     velocityFilterWeight: 0.2
   }), []), oe = I(() => {
-    var O, k, $;
-    if ((O = p.current) != null && O.isEmpty())
+    var U, k, $;
+    if ((U = p.current) != null && U.isEmpty())
       return "";
     const D = (k = p.current) == null ? void 0 : k.toData();
     return D ? et(D) : (($ = p.current) == null ? void 0 : $.toDataURL()) ?? "";
   }, []), q = I(() => {
-    var O;
-    const D = (O = p.current) == null ? void 0 : O.isEmpty();
+    var U;
+    const D = (U = p.current) == null ? void 0 : U.isEmpty();
     Y(!D), o(ee(oe()));
   }, [
     oe,
@@ -530,7 +530,7 @@ const dt = (e) => {
     onFocus: u,
     onBlur: d,
     role: "img",
-    "aria-label": U ? a : t,
+    "aria-label": O ? a : t,
     "aria-describedby": h
   }));
 }, ae = ({ children: e, className: t, ...a }) => {
@@ -551,7 +551,7 @@ const dt = (e) => {
     n,
     h
   ]);
-  const U = I((R) => {
+  const O = I((R) => {
     o == null || o(), R.trim() ? r(ee(Ce({
       data: R,
       mimeType: w.TEXT
@@ -563,7 +563,7 @@ const dt = (e) => {
   return /* @__PURE__ */ s.createElement(Ae, {
     "aria-labelledby": p,
     value: x,
-    onChange: U,
+    onChange: O,
     onBlur: c,
     onFocus: d,
     isDisabled: i,
@@ -580,7 +580,7 @@ const dt = (e) => {
   })));
 }, Lt = ({ className: e, placeholder: t, ...a }) => {
   const { inputId: n, ariaDescribedBy: r } = a;
-  return /* @__PURE__ */ s.createElement(Pe, {
+  return /* @__PURE__ */ s.createElement(_e, {
     id: n,
     "data-hook": "signature-text",
     "aria-describedby": r,
@@ -596,10 +596,10 @@ const dt = (e) => {
       o(null);
       return;
     }
-    const x = y[0], U = new FileReader();
-    U.onload = function() {
+    const x = y[0], O = new FileReader();
+    O.onload = function() {
       o(ee(this.result, x.name));
-    }, U.readAsDataURL(x);
+    }, O.readAsDataURL(x);
   }, [
     o
   ]), p = r && dt(r);
@@ -657,15 +657,15 @@ g.Input = Z;
 g.Description = We;
 g.Error = He;
 Z.Header = X;
-Z.Value = _;
-X.Tabs = P;
+Z.Value = P;
+X.Tabs = _;
 X.Clear = gt;
-P.Draw = pt;
-P.Type = ft;
-P.Upload = ht;
-_.Canvas = Et;
-_.Type = ae;
-_.Upload = re;
+_.Draw = pt;
+_.Type = ft;
+_.Upload = ht;
+P.Canvas = Et;
+P.Type = ae;
+P.Upload = re;
 ae.Value = Lt;
 re.Button = yt;
 const Tt = () => {
@@ -724,20 +724,20 @@ 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", Pt = "_box_15ti0_118", _t = "_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", _t = "_box_15ti0_118", Pt = "_uploadBox_15ti0_119", Nt = "_typeInput_15ti0_230", C = {
   header: Rt,
   tabs: vt,
   tab: xt,
   tabIcon: St,
   clear: Ft,
   value: At,
-  box: Pt,
-  uploadBox: _t,
+  box: _t,
+  uploadBox: Pt,
   typeInput: Nt
-}, Ut = ({ content: e, locale: t }) => /* @__PURE__ */ s.createElement(Re, {
+}, Ot = ({ content: e, locale: t }) => /* @__PURE__ */ s.createElement(Re, {
   content: e,
   locale: t
-}), Ot = () => {
+}), Ut = () => {
   const e = Tt();
   return /* @__PURE__ */ s.createElement(g, null, /* @__PURE__ */ s.createElement(g.Label, {
     className: v(ue, z.label)
@@ -788,8 +788,8 @@ const Tt = () => {
     className: v(Ze, z.error)
   }, /* @__PURE__ */ s.createElement($e, null), /* @__PURE__ */ s.createElement(g.Error.Text, null)), /* @__PURE__ */ s.createElement(g.Description, {
     className: v(Xe, z.description)
-  }, Ut));
-}, Jt = () => /* @__PURE__ */ s.createElement(Ot, null);
+  }, Ot));
+}, Jt = () => /* @__PURE__ */ s.createElement(Ut, null);
 export {
   Jt as SignatureRAC
 };

package/dist/component/{submit-button-rac-DofUaqHk.js → submit-button-rac-BpN-FYtM.js}

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

package/dist/component/tags-field-rac-ByC9DnyH.js

@@ -0,0 +1,217 @@
+import { RicosViewer as Q } from "@wix/ricos/viewer";
+import L from "classnames";
+import e, { useMemo as C, useState as j, 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 { ai as D, af as Z, as as v, ab as ee, ak as te } from "./form-f0tqdMye.js";
+import { f, a as x } from "./find-child-C60k4CxG.js";
+import { E as B, D as $ } from "./field-error-headless-BErhh9GG.js";
+import { L as P } from "./field-label-headless-BGyK-5xW.js";
+import { F as oe } from "./fieldset-headless-CD3fds9J.js";
+import { N as y } from "./options-layout-constants-DEfIEJWD.js";
+import { E as ne } from "./error-icon-hZxQ6DEy.js";
+import { s as R } from "./field-rac.module-ColNPUt0.js";
+import { y as ae, O as se, _ as re, x as le, o as ie, i as ce, $ as ue } from "./form-element-classes-jC8D0LnK.js";
+import { o as de } from "./options-rac.module-KM-VT_KY.js";
+import { u as me } from "./use-element-state-class-name-BqmaTba3.js";
+const N = "Other", pe = (o, t) => {
+  const c = t.length + 2;
+  return (o.find((s) => s.startsWith(`${t}: `)) || "").slice(c);
+}, he = (o) => o.map((t) => t.value ?? t.label), H = ({ className: o, ...t }) => {
+  const { label: a } = t;
+  return /* @__PURE__ */ e.createElement("span", {
+    className: o
+  }, a);
+}, W = ({ className: o }) => {
+  const { value: t, onChange: a, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: s, disabled: u, readOnly: b, hasError: d } = D(), { t: m } = v(), r = c || m("add-other.default-other-option-label") || N, p = C(() => pe(t || [], r), [
+    t,
+    r
+  ]), [n, _] = j(p), h = M(a);
+  w(() => {
+    h.current = a;
+  });
+  const I = k((E) => {
+    _(E);
+    const F = (t || []).filter((O) => !O.startsWith(`${r}:`) && O !== r), S = E ? `${r}: ${E}` : r;
+    h.current([
+      ...F,
+      S
+    ]);
+  }, [
+    t,
+    r
+  ]);
+  return /* @__PURE__ */ e.createElement(J, {
+    value: n,
+    onChange: I,
+    isDisabled: u,
+    isReadOnly: b,
+    isInvalid: d,
+    "aria-label": r
+  }, /* @__PURE__ */ e.createElement(K, {
+    "data-hook": "tags-other-input",
+    "data-filled": n ? !0 : void 0,
+    placeholder: i,
+    maxLength: s,
+    className: o
+  }));
+}, T = ({ children: o, className: t, ...a }) => {
+  const { value: c, label: i, isOther: s, isFirstOption: u } = a, { id: b, value: d, onChange: m, options: r, disabled: p, readOnly: n, hasError: _ } = D(), h = M(null);
+  te(() => {
+    var O;
+    u && ((O = h.current) == null || O.focus({
+      preventScroll: !0
+    }));
+  }, b);
+  const I = f(o, H), E = C(() => d || [], [
+    d
+  ]), F = C(() => s ? E.find((O) => O === i || O.startsWith(`${i}: `)) || i : c, [
+    s,
+    E,
+    i,
+    c
+  ]), S = k((O) => {
+    const U = he(r || []), V = E.filter((G) => U.includes(G));
+    m(O ? [
+      ...V,
+      i
+    ] : V);
+  }, [
+    i,
+    m,
+    r,
+    E
+  ]);
+  return /* @__PURE__ */ e.createElement(X, {
+    inputRef: h,
+    value: F,
+    onChange: s ? S : void 0,
+    isDisabled: p,
+    isReadOnly: n,
+    isInvalid: _
+  }, /* @__PURE__ */ e.createElement(Y, {
+    className: t,
+    "data-hook": `tags-${s ? N : c}`
+  }, x(I, {
+    value: c,
+    label: i,
+    isOther: s,
+    isFirstOption: u
+  })));
+}, A = ({ children: o, className: t }) => {
+  const { options: a, addOther: c, addOtherLabel: i, numberOfColumns: s = y.FREE_FLOW } = D(), { isMobile: u } = ee(), { t: b } = v(), d = u && s !== y.FREE_FLOW ? y.ONE : s, m = i || b("add-other.default-other-option-label") || N, r = f(o, T), p = C(() => {
+    const n = a || [];
+    return c ? [
+      ...n,
+      {
+        label: m,
+        value: m,
+        isOther: !0
+      }
+    ] : n;
+  }, [
+    a,
+    c,
+    m
+  ]);
+  return p.length === 0 ? null : /* @__PURE__ */ e.createElement("div", {
+    className: t,
+    "data-columns": d
+  }, p.map((n, _) => {
+    const h = n.value ?? n.label;
+    return x(r, {
+      key: n.isOther ? N : h,
+      value: h,
+      label: n.label,
+      isOther: n.isOther,
+      isFirstOption: _ === 0
+    });
+  }));
+}, q = ({ children: o, className: t }) => {
+  const { addOther: a, addOtherLabel: c, hasError: i, readOnly: s, value: u } = D(), { t: b } = v(), d = c || b("add-other.default-other-option-label") || N, m = f(o, A), r = f(o, W), p = C(() => !a || !u ? !1 : u.some((n) => n === d || n.startsWith(`${d}:`)), [
+    a,
+    u,
+    d
+  ]);
+  return /* @__PURE__ */ e.createElement("div", {
+    className: t,
+    "data-invalid": i,
+    "data-readonly": s
+  }, m, p && r);
+}, l = ({ children: o }) => {
+  const { id: t, value: a, onChange: c, FieldLayout: i, required: s, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: r } = D(), { inputId: p, labelId: n, ariaDescribedBy: _ } = Z(), h = C(() => a || [], [
+    a
+  ]), I = f(o, P), E = f(o, q), F = f(o, $), S = f(o, B);
+  return /* @__PURE__ */ e.createElement(i, {
+    fieldId: t,
+    renderLabel: () => I,
+    renderInput: () => /* @__PURE__ */ e.createElement(oe, {
+      id: p,
+      ariaLabelledBy: n,
+      ariaDescribedBy: _,
+      required: s,
+      onBlur: m,
+      onFocus: r
+    }, /* @__PURE__ */ e.createElement(z, {
+      "aria-labelledby": n,
+      value: h,
+      onChange: c,
+      isDisabled: u,
+      isReadOnly: b,
+      isRequired: s,
+      isInvalid: d
+    }, E)),
+    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, S, F)
+  });
+};
+A.Option = T;
+T.Label = H;
+l.Label = P;
+l.Control = q;
+l.Options = A;
+l.OtherInput = W;
+l.Description = $;
+l.Error = B;
+const Ee = "_control_7oh59_1", Oe = "_options_7oh59_7", be = "_option_7oh59_7", fe = "_optionHover_7oh59_72", _e = "_optionSelected_7oh59_72", g = {
+  control: Ee,
+  options: Oe,
+  option: be,
+  optionHover: fe,
+  optionSelected: _e
+}, Le = ({ content: o, locale: t }) => /* @__PURE__ */ e.createElement(Q, {
+  content: o,
+  locale: t
+}), Ce = {
+  base: g.option,
+  selected: g.optionSelected,
+  hover: g.optionHover
+}, Be = () => {
+  const o = me({
+    globalClasses: ue,
+    moduleClasses: Ce
+  });
+  return /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement(l.Label, {
+    className: L(ae, R.label)
+  }, /* @__PURE__ */ e.createElement(l.Label.Required, {
+    className: L(se, R.requiredMark)
+  })), /* @__PURE__ */ e.createElement(l.Control, {
+    className: g.control
+  }, /* @__PURE__ */ e.createElement(l.Options, {
+    className: L(re, g.options)
+  }, /* @__PURE__ */ e.createElement(l.Options.Option, {
+    className: ({ isSelected: t, isHovered: a }) => o({
+      isSelected: t,
+      isHovered: a
+    })
+  }, /* @__PURE__ */ e.createElement(l.Options.Option.Label, {
+    className: de.optionLabel
+  }))), /* @__PURE__ */ e.createElement(l.OtherInput, {
+    className: L(le, R.input)
+  })), /* @__PURE__ */ e.createElement(l.Error, {
+    className: L(ie, R.error)
+  }, /* @__PURE__ */ e.createElement(ne, null), /* @__PURE__ */ e.createElement(l.Error.Text, null)), /* @__PURE__ */ e.createElement(l.Description, {
+    className: L(ce, R.description)
+  }, Le));
+};
+export {
+  Be as T
+};

package/dist/component/{tags-rac-DuMX91gd.js → tags-rac-Dabz4jHd.js}

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

package/dist/component/{text-area-field-rac-BbHdTAJP.js → text-area-field-rac-CtSa8XW_.js}

@@ -1,16 +1,16 @@
-import { RicosViewer as S } from "@wix/ricos/viewer";
+import { RicosViewer as O } from "@wix/ricos/viewer";
 import n from "classnames";
-import r, { useCallback as O, useRef as T } from "react";
+import r, { useCallback as S, 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-BmioUKtQ.js";
+import { ai as E, af as d, ak as x } from "./form-f0tqdMye.js";
 import { f as c } from "./find-child-C60k4CxG.js";
-import { D as h, E as M } from "./field-error-headless-C7IUibkK.js";
-import { L as g } from "./field-label-headless-BQFy2iAr.js";
+import { D as h, E as M } from "./field-error-headless-BErhh9GG.js";
+import { L as g } from "./field-label-headless-BGyK-5xW.js";
 import { E as v } from "./error-icon-hZxQ6DEy.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";
+import { y as q, O as B, x as k, o as P, i as U } from "./form-element-classes-jC8D0LnK.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) => {
+  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 = S((C) => {
     l(C);
   }, [
     l
@@ -26,13 +26,13 @@ const e = ({ children: t }) => {
       isReadOnly: i,
       isRequired: o,
       isInvalid: F,
-      onBlur: d,
+      onBlur: p,
       onFocus: f
     }, b),
     renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, A, D)
   });
 }, V = ({ className: t }) => {
-  const { inputId: a, ariaDescribedBy: m } = E(), { id: l, placeholder: u } = p(), o = T(null);
+  const { inputId: a, ariaDescribedBy: m } = d(), { id: l, placeholder: u } = E(), o = T(null);
   return x(() => {
     var i;
     (i = o.current) == null || i.focus();
@@ -48,9 +48,9 @@ e.Label = g;
 e.Input = V;
 e.Description = h;
 e.Error = M;
-const w = "_input_ug5v8_1", z = {
+const w = "_input_ug5v8_1", Q = {
   input: w
-}, Q = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(S, {
+}, $ = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(O, {
   content: t,
   locale: a
 }), re = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
@@ -58,12 +58,12 @@ const w = "_input_ug5v8_1", z = {
 }, /* @__PURE__ */ r.createElement(e.Label.Required, {
   className: n(B, s.requiredMark)
 })), /* @__PURE__ */ r.createElement(e.Input, {
-  className: n(P, s.input, z.input)
+  className: n(k, s.input, Q.input)
 }), /* @__PURE__ */ r.createElement(e.Error, {
-  className: n(k, s.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(U, s.description)
-}, Q));
+}, $));
 export {
   re as T
 };