@wix/form-elements 1.82.0 → 1.83.0

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

@@ -4,14 +4,14 @@ import v from "classnames";
 import { useHover as ve, useFocusRing as xe, mergeProps as Se } from "react-aria";
 import { RadioGroup as Fe, Button as fe, TextField as Ae, Input as _e, RadioField as Pe, RadioButton as Ne } from "react-aria-components";
 import he from "signature_pad";
-import { z as 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 { 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-D0eeH0lX.js";
 import { f as T, a as F } from "./find-child-C60k4CxG.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 We, E as He } from "./field-error-headless-DAy-1oAQ.js";
+import { L as Ye } from "./field-label-headless-BWxHmO0c.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 { y as ue, O as ze, x as B, a1 as Ve, o as Ze, i as Xe } from "./form-element-classes-jC8D0LnK.js";
+import { s as z } from "./field-rac.module-D06m9T9x.js";
+import { y as ue, O as ze, x as B, a2 as Ve, o as Ze, i as Xe } from "./form-element-classes-Ct1UaxuQ.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;

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

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

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

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

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

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

package/dist/component/text-area-field-rac-Cy0Mr29Z.js

@@ -0,0 +1,73 @@
+import { RicosViewer as N } from "@wix/ricos/viewer";
+import l from "classnames";
+import r, { useCallback as O, useRef as T } from "react";
+import { TextField as y, TextArea as S } from "react-aria-components";
+import { ai as p, af as d, ak as x } from "./form-D0eeH0lX.js";
+import { f as i } from "./find-child-C60k4CxG.js";
+import { D as g, E as h } from "./field-error-headless-DAy-1oAQ.js";
+import { L as v } from "./field-label-headless-BWxHmO0c.js";
+import { E as M } from "./error-icon-hZxQ6DEy.js";
+import { s as c } from "./field-rac.module-D06m9T9x.js";
+import { y as q, O as B, o as k, i as P } from "./form-element-classes-Ct1UaxuQ.js";
+import { u as V } from "./use-text-input-class-name-8gMUWeCb.js";
+const e = ({ children: t }) => {
+  const { id: a, value: m, onChange: s, disabled: u, required: n, readOnly: o, onBlur: E, onFocus: f, FieldLayout: I, hasError: b } = p(), { labelId: F } = d(), L = O((A) => {
+    s(A);
+  }, [
+    s
+  ]), R = i(t, e.Label), D = i(t, e.Input), _ = i(t, e.Description), C = i(t, e.Error);
+  return /* @__PURE__ */ r.createElement(I, {
+    fieldId: a,
+    renderLabel: () => R,
+    renderInput: () => /* @__PURE__ */ r.createElement(y, {
+      "aria-labelledby": F,
+      value: m ?? "",
+      onChange: L,
+      isDisabled: u,
+      isReadOnly: o,
+      isRequired: n,
+      isInvalid: b,
+      onBlur: E,
+      onFocus: f
+    }, D),
+    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, C, _)
+  });
+}, w = ({ className: t }) => {
+  const { inputId: a, ariaDescribedBy: m } = d(), { id: s, placeholder: u } = p(), n = T(null);
+  return x(() => {
+    var o;
+    (o = n.current) == null || o.focus();
+  }, s), /* @__PURE__ */ r.createElement(S, {
+    ref: n,
+    id: a,
+    "aria-describedby": m,
+    placeholder: u,
+    className: t
+  });
+};
+e.Label = v;
+e.Input = w;
+e.Description = g;
+e.Error = h;
+const Q = "_input_ug5v8_1", U = {
+  input: Q
+}, $ = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(N, {
+  content: t,
+  locale: a
+}), te = () => {
+  const t = V(U.input);
+  return /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
+    className: l(q, c.label)
+  }, /* @__PURE__ */ r.createElement(e.Label.Required, {
+    className: l(B, c.requiredMark)
+  })), /* @__PURE__ */ r.createElement(e.Input, {
+    className: t
+  }), /* @__PURE__ */ r.createElement(e.Error, {
+    className: l(k, c.error)
+  }, /* @__PURE__ */ r.createElement(M, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
+    className: l(P, c.description)
+  }, $));
+};
+export {
+  te as T
+};

package/dist/component/{text-area-rac-CDLF-_56.js → text-area-rac-C3Mjmgpa.js}

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

package/dist/component/text-input-field-rac-D1TB9B_M.js

@@ -0,0 +1,28 @@
+import { RicosViewer as l } from "@wix/ricos/viewer";
+import t from "classnames";
+import e from "react";
+import { T as r } from "./text-input-headless-BUa59Rgn.js";
+import { E as o } from "./error-icon-hZxQ6DEy.js";
+import { s as a } from "./field-rac.module-D06m9T9x.js";
+import { y as n, O as c, o as E, i } from "./form-element-classes-Ct1UaxuQ.js";
+import { u as p } from "./use-text-input-class-name-8gMUWeCb.js";
+const I = ({ content: s, locale: m }) => /* @__PURE__ */ e.createElement(l, {
+  content: s,
+  locale: m
+}), C = () => {
+  const s = p();
+  return /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
+    className: t(n, a.label)
+  }, /* @__PURE__ */ e.createElement(r.Label.Required, {
+    className: t(c, a.requiredMark)
+  })), /* @__PURE__ */ e.createElement(r.Input, {
+    className: s
+  }), /* @__PURE__ */ e.createElement(r.Error, {
+    className: t(E, a.error)
+  }, /* @__PURE__ */ e.createElement(o, null), /* @__PURE__ */ e.createElement(r.Error.Text, null)), /* @__PURE__ */ e.createElement(r.Description, {
+    className: t(i, a.description)
+  }, I));
+};
+export {
+  C as T
+};

package/dist/component/{text-input-headless-BwVLU9cp.js → text-input-headless-BUa59Rgn.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-f0tqdMye.js";
+import { ai as d, af as c, ak as T } from "./form-D0eeH0lX.js";
 import { f as a } from "./find-child-C60k4CxG.js";
-import { D as g, E as h } from "./field-error-headless-BErhh9GG.js";
-import { L as x } from "./field-label-headless-BGyK-5xW.js";
+import { D as g, E as h } from "./field-error-headless-DAy-1oAQ.js";
+import { L as x } from "./field-label-headless-BWxHmO0c.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-CoGTzfo1.js → text-input-rac-BQ3Z9ws4.js}

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

package/dist/component/{time-input-rac-DQDupKTA.js → time-input-rac-Wi0oD5YF.js}

@@ -3,14 +3,14 @@ import { RicosViewer as k } from "@wix/ricos/viewer";
 import c from "classnames";
 import { parseTime as q } from "@internationalized/date";
 import { TimeField as v, DateInput as B, DateSegment as h, TimeFieldStateContext as U } from "react-aria-components";
-import { ai as p, af as j, as as T, ak as Q } from "./form-f0tqdMye.js";
+import { ai as p, af as j, as as T, ak as Q } from "./form-D0eeH0lX.js";
 import { f as m, a as F } from "./find-child-C60k4CxG.js";
-import { D as z, E as G } from "./field-error-headless-BErhh9GG.js";
-import { L as J } from "./field-label-headless-BGyK-5xW.js";
+import { D as z, E as G } from "./field-error-headless-DAy-1oAQ.js";
+import { L as J } from "./field-label-headless-BWxHmO0c.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-ColNPUt0.js";
-import { y as W, O as X, x as Y, o as Z, i as $ } from "./form-element-classes-jC8D0LnK.js";
+import { s as E } from "./field-rac.module-D06m9T9x.js";
+import { y as W, O as X, x as Y, o as Z, i as $ } from "./form-element-classes-Ct1UaxuQ.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);

package/dist/component/url-input-field-rac-DINXfZdf.js

@@ -0,0 +1,75 @@
+import { RicosViewer as O } from "@wix/ricos/viewer";
+import i from "classnames";
+import r, { useCallback as S, useRef as h } from "react";
+import { TextField as y, Input as A } from "react-aria-components";
+import { ai as d, af as E, ak as k } from "./form-D0eeH0lX.js";
+import { f as c } from "./find-child-C60k4CxG.js";
+import { D as B, E as T } from "./field-error-headless-DAy-1oAQ.js";
+import { L as g } from "./field-label-headless-BWxHmO0c.js";
+import { u as v } from "./use-invoke-callback-UH73A_J3.js";
+import { E as M } from "./error-icon-hZxQ6DEy.js";
+import { s as u } from "./field-rac.module-D06m9T9x.js";
+import { y as P, O as q, o as x, i as U } from "./form-element-classes-Ct1UaxuQ.js";
+import { u as w } from "./use-text-input-class-name-8gMUWeCb.js";
+const V = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e = ({ children: t }) => {
+  const { id: o, value: a, onChange: s, disabled: m, readOnly: n, required: l, hasError: I, onBlur: f, onFocus: b, FieldLayout: R } = d(), { labelId: F } = E(), p = v(f), L = c(t, e.Label), D = c(t, e.Input), C = c(t, e.Description), _ = c(t, e.Error), N = S(() => {
+    s(V(a)), p();
+  }, [
+    p,
+    s,
+    a
+  ]);
+  return /* @__PURE__ */ r.createElement(R, {
+    fieldId: o,
+    renderLabel: () => L,
+    renderInput: () => /* @__PURE__ */ r.createElement(y, {
+      "aria-labelledby": F,
+      value: a ?? "",
+      onChange: s,
+      isDisabled: m,
+      isReadOnly: n,
+      isRequired: l,
+      isInvalid: I,
+      onBlur: N,
+      onFocus: b
+    }, D),
+    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, _, C)
+  });
+}, W = ({ className: t }) => {
+  const { id: o, placeholder: a } = d(), { inputId: s, ariaDescribedBy: m } = E(), n = h(null);
+  return k(() => {
+    var l;
+    (l = n.current) == null || l.focus();
+  }, o), /* @__PURE__ */ r.createElement(A, {
+    ref: n,
+    id: s,
+    type: "url",
+    "aria-describedby": m,
+    className: t,
+    placeholder: a
+  });
+};
+e.Label = g;
+e.Input = W;
+e.Description = B;
+e.Error = T;
+const $ = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(O, {
+  content: t,
+  locale: o
+}), oe = () => {
+  const t = w();
+  return /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
+    className: i(P, u.label)
+  }, /* @__PURE__ */ r.createElement(e.Label.Required, {
+    className: i(q, u.requiredMark)
+  })), /* @__PURE__ */ r.createElement(e.Input, {
+    className: t
+  }), /* @__PURE__ */ r.createElement(e.Error, {
+    className: i(x, u.error)
+  }, /* @__PURE__ */ r.createElement(M, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
+    className: i(U, u.description)
+  }, $));
+};
+export {
+  oe as U
+};

package/dist/component/{url-input-rac-_d6XRdKX.js → url-input-rac-Ch9eTIF_.js}

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

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

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

package/dist/component/{use-service-options-base-CRgxxz7b.js → use-service-options-base-BJZhzDyO.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-f0tqdMye.js";
+import { ah as v } from "./form-D0eeH0lX.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/dist/component/use-text-input-class-name-8gMUWeCb.js

@@ -0,0 +1,24 @@
+import { ai as l } from "./form-D0eeH0lX.js";
+import { s } from "./field-rac.module-D06m9T9x.js";
+import { a0 as i } from "./form-element-classes-Ct1UaxuQ.js";
+import { u as m } from "./use-element-state-class-name-j8W1zbdG.js";
+const c = (...e) => {
+  const { disabled: a, readOnly: t } = l(), o = m({
+    globalClasses: i,
+    moduleClasses: {
+      base: [
+        s.input,
+        ...e
+      ].join(" "),
+      hover: s.inputHover
+    }
+  });
+  return ({ isHovered: r }) => o({
+    isSelected: !1,
+    isHovered: r,
+    isInteractive: !a && !t
+  });
+};
+export {
+  c as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/form-elements",
-  "version": "1.82.0",
+  "version": "1.83.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": "db40d7d28b6f8133fa23c3e988f9d61d091dd06ed55cb7ead11bf3a5"
+  "falconPackageHash": "8fedacaee7ad7b436b17b3900bbe971ea77e116c86c3ea714571e0ce"
 }

package/dist/component/checkbox-group-field-rac-CZW28rj5.js

@@ -1,41 +0,0 @@
-import { RicosViewer as n } from "@wix/ricos/viewer";
-import a from "classnames";
-import e from "react";
-import { C as t } from "./checkbox-group-field-headless-Bx5Y-RMP.js";
-import { E as m } from "./error-icon-hZxQ6DEy.js";
-import { C as c } from "./checkbox-indicator-module-classes-DqzGZQRQ.js";
-import { s } from "./field-rac.module-ColNPUt0.js";
-import { y as i, O as E, c as O, e as p, x as C, o as _, i as L, d as R } from "./form-element-classes-jC8D0LnK.js";
-import { o as r } from "./options-rac.module-KM-VT_KY.js";
-import { u as I } from "./use-element-state-class-name-BqmaTba3.js";
-const S = ({ content: o, locale: l }) => /* @__PURE__ */ e.createElement(n, {
-  content: o,
-  locale: l
-}), h = () => {
-  const o = I({
-    globalClasses: R,
-    moduleClasses: c
-  });
-  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-    className: a(i, s.label)
-  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
-    className: a(E, s.requiredMark)
-  })), /* @__PURE__ */ e.createElement(t.Options, {
-    className: a(O, r.options)
-  }, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
-    className: s.checkbox
-  }, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
-    className: o
-  }), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
-    className: a(p, r.optionLabel)
-  })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
-    inputClassName: a(C, s.input)
-  }))), /* @__PURE__ */ e.createElement(t.Error, {
-    className: a(_, s.error)
-  }, /* @__PURE__ */ e.createElement(m, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-    className: a(L, s.description)
-  }, S));
-};
-export {
-  h as C
-};

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

@@ -1,23 +0,0 @@
-const o = "_label_yhtg3_1", t = "_requiredMark_yhtg3_11", e = "_input_yhtg3_16", n = "_inputGroup_yhtg3_17", c = "_innerInput_yhtg3_129", _ = "_dropdownTrigger_yhtg3_177", r = "_dropdownIcon_yhtg3_187", p = "_dropdownPopover_yhtg3_206", s = "_selectPopover_yhtg3_210", u = "_selectOption_yhtg3_237", h = "_selectOptionWithoutFocusRing_yhtg3_261", i = "_description_yhtg3_267", d = "_error_yhtg3_283", g = "_checkbox_yhtg3_302", l = "_checkboxInput_yhtg3_325", y = "_checkboxInputSelected_yhtg3_364", b = "_checkboxInputHover_yhtg3_368", k = "_uploadButton_yhtg3_415", I = {
-  label: o,
-  requiredMark: t,
-  input: e,
-  inputGroup: n,
-  innerInput: c,
-  dropdownTrigger: _,
-  dropdownIcon: r,
-  dropdownPopover: p,
-  selectPopover: s,
-  selectOption: u,
-  selectOptionWithoutFocusRing: h,
-  description: i,
-  error: d,
-  checkbox: g,
-  checkboxInput: l,
-  checkboxInputSelected: y,
-  checkboxInputHover: b,
-  uploadButton: k
-};
-export {
-  I as s
-};