@wix/form-elements 1.54.0 → 1.55.0

package/dist/component/date-time-input-field-rac-Bsq2zsYH.js

@@ -0,0 +1,422 @@
+import { RicosViewer as ne } from "@wix/ricos/viewer";
+import p from "classnames";
+import t, { useMemo as T, useState as G, useCallback as w, useRef as q, useContext as re } from "react";
+import { ag as g, ad as Q, aa as k, H as J, a0 as W, r as d, aq as O, a4 as K, K as oe, w as le, a7 as se, x as j, ai as z } from "./form-D_xuITMd.js";
+import { parseTime as ie } from "@internationalized/date";
+import { UNSAFE_PortalProvider as ce } from "react-aria";
+import { ListBoxItem as me, ListBox as de, Select as ue, TextField as X, TimeField as pe, SelectValue as Ee, Input as Z, DateInput as fe, DateSegment as U, TimeFieldStateContext as he } from "react-aria-components";
+import { f as u, a as R } from "./find-child-C60k4CxG.js";
+import { g as be } from "./helpers-HmkkXrh2.js";
+import { D as ge, E as Ie } from "./field-error-headless-31R9XKKV.js";
+import { L as _e } from "./field-label-headless-DBs3Gwiz.js";
+import { F as De } from "./fieldset-headless-CD3fds9J.js";
+import { N as ye, S as Ne } from "./non-modal-popover-DtIMXHbe.js";
+import { C as Le } from "./chevron-down-icon-CcpVm6B-.js";
+import { E as Te } from "./error-icon-hZxQ6DEy.js";
+import { H as Y } from "./custom-focus-class-_483Pkwp.js";
+import { s as E } from "./field-rac.module-DAPTqFDM.js";
+import { r as S, H as Oe, q as H, u as Fe, l as Pe, h as Ce } from "./form-element-classes-Bi-nNM8q.js";
+const l = ({ children: e, className: a }) => {
+  const { id: n, required: o, onBlur: s, onFocus: r, FieldLayout: i } = g(), { inputId: m, labelId: c, ariaDescribedBy: h } = Q(), { regionalFormat: b } = k(), D = T(() => J(b).filter(W).map((M) => M.toUpperCase()), [
+    b
+  ]), C = u(e, l.Label), v = u(e, l.Description), L = u(e, l.Error), _ = {
+    [d.MONTH]: u(e, l.Month),
+    [d.DAY]: u(e, l.Day),
+    [d.YEAR]: u(e, l.Year)
+  }, y = u(e, l.Time);
+  return /* @__PURE__ */ t.createElement(i, {
+    fieldId: n,
+    renderLabel: () => R(C, {
+      as: "div"
+    }),
+    renderInput: () => /* @__PURE__ */ t.createElement(De, {
+      id: m,
+      ariaLabelledBy: c,
+      ariaDescribedBy: h,
+      required: o,
+      onBlur: s,
+      onFocus: r,
+      className: a
+    }, _[D[0]], _[D[1]], _[D[2]], y),
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, L, v)
+  });
+}, F = ({ children: e, className: a }) => {
+  const { disabled: n, readOnly: o, showDateLabels: s, hidePlaceholder: r } = g(), { labelId: i } = N(d.MONTH), { partValue: m, partError: c, onPartChange: h } = P(d.MONTH), { t: b } = O(), [D, C] = G(!1), [v, L] = G(null), _ = r ? void 0 : b("field.date.placeholder.month"), y = w((V) => {
+    o || h(typeof V == "string" ? V : "");
+  }, [
+    h,
+    o
+  ]), M = w((V) => {
+    C(V && !o);
+  }, [
+    o
+  ]), ee = u(e, F.Label), te = u(e, F.Trigger), ae = u(e, F.Options);
+  return /* @__PURE__ */ t.createElement("div", {
+    className: a,
+    "data-date-field": !0
+  }, s ? ee : null, /* @__PURE__ */ t.createElement("div", {
+    ref: L,
+    style: {
+      display: "contents"
+    }
+  }), /* @__PURE__ */ t.createElement(ce, {
+    getContainer: () => v
+  }, /* @__PURE__ */ t.createElement(ue, {
+    "aria-labelledby": s ? i : void 0,
+    value: m || null,
+    onChange: y,
+    isDisabled: n,
+    isInvalid: c,
+    placeholder: _,
+    isOpen: D,
+    onOpenChange: M
+  }, te, ae)));
+}, Me = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
+  datePart: d.MONTH,
+  className: e
+}), Se = ({ children: e, className: a }) => {
+  const { id: n, readOnly: o } = g(), { inputId: s } = N(d.MONTH), { partError: r, isFirstPart: i } = P(d.MONTH), m = q(null);
+  return z(() => {
+    var c;
+    i && ((c = m.current) == null || c.focus());
+  }, n), /* @__PURE__ */ t.createElement(Ne, {
+    ref: m,
+    id: s,
+    className: a,
+    "data-hook": d.MONTH,
+    "data-invalid": r || void 0,
+    "data-readonly": o || void 0
+  }, /* @__PURE__ */ t.createElement(Ee, null), e);
+}, B = ({ children: e, className: a }) => {
+  const { language: n } = k(), o = T(() => be(n), [
+    n
+  ]), s = u(e, B.Option) ?? /* @__PURE__ */ t.createElement(B.Option, null);
+  return /* @__PURE__ */ t.createElement(ye, {
+    className: a,
+    containerPadding: 0,
+    offset: 0
+  }, /* @__PURE__ */ t.createElement(de, null, o.map((r, i) => R(s, {
+    key: String(i + 1),
+    value: String(i + 1),
+    label: r
+  }))));
+}, Re = ({ className: e, ...a }) => {
+  const { value: n, label: o } = a;
+  return /* @__PURE__ */ t.createElement(me, {
+    className: e,
+    id: n,
+    textValue: o
+  }, o);
+};
+F.Label = Me;
+F.Trigger = Se;
+F.Options = B;
+B.Option = Re;
+const A = ({ children: e, className: a }) => {
+  const { disabled: n, readOnly: o, showDateLabels: s } = g(), { labelId: r } = N(d.DAY), { partValue: i, partError: m, onPartChange: c } = P(d.DAY), h = u(e, A.Label), b = u(e, A.Input);
+  return /* @__PURE__ */ t.createElement("div", {
+    className: a,
+    "data-date-field": !0
+  }, s && h, /* @__PURE__ */ t.createElement(X, {
+    "aria-labelledby": s ? r : void 0,
+    value: i,
+    onChange: c,
+    isDisabled: n,
+    isReadOnly: o,
+    isInvalid: m
+  }, b));
+}, Ae = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
+  datePart: d.DAY,
+  className: e
+}), xe = ({ className: e }) => {
+  const { id: a, hidePlaceholder: n } = g(), { inputId: o } = N(d.DAY), { isFirstPart: s } = P(d.DAY), { t: r } = O(), i = q(null), m = n ? void 0 : r("field.date.placeholder.day");
+  return z(() => {
+    var c;
+    s && ((c = i.current) == null || c.focus());
+  }, a), /* @__PURE__ */ t.createElement(Z, {
+    ref: i,
+    id: o,
+    className: e,
+    placeholder: m,
+    maxLength: 2,
+    inputMode: "numeric",
+    "data-hook": d.DAY
+  });
+};
+A.Label = Ae;
+A.Input = xe;
+const x = ({ children: e, className: a }) => {
+  const { disabled: n, readOnly: o, showDateLabels: s } = g(), { labelId: r } = N(d.YEAR), { partValue: i, partError: m, onPartChange: c } = P(d.YEAR), h = u(e, x.Label), b = u(e, x.Input);
+  return /* @__PURE__ */ t.createElement("div", {
+    className: a,
+    "data-date-field": !0
+  }, s && h, /* @__PURE__ */ t.createElement(X, {
+    "aria-labelledby": s ? r : void 0,
+    value: i,
+    onChange: c,
+    isDisabled: n,
+    isReadOnly: o,
+    isInvalid: m
+  }, b));
+}, ve = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
+  datePart: d.YEAR,
+  className: e
+}), Ve = ({ className: e }) => {
+  const { id: a, hidePlaceholder: n } = g(), { inputId: o } = N(d.YEAR), { isFirstPart: s } = P(d.YEAR), { t: r } = O(), i = q(null), m = n ? void 0 : r("field.date.placeholder.year");
+  return z(() => {
+    var c;
+    s && ((c = i.current) == null || c.focus());
+  }, a), /* @__PURE__ */ t.createElement(Z, {
+    ref: i,
+    id: o,
+    className: e,
+    placeholder: m,
+    maxLength: 4,
+    inputMode: "numeric",
+    "data-hook": d.YEAR
+  });
+};
+x.Label = ve;
+x.Input = Ve;
+const I = ({ children: e, className: a }) => {
+  const { disabled: n, readOnly: o, use24HourFormat: s, showDateLabels: r } = g(), { labelId: i } = N("time"), { partValue: m, partError: c, onPartChange: h } = P("time"), b = u(e, I.Label), D = u(e, I.Input);
+  return /* @__PURE__ */ t.createElement("div", {
+    className: a,
+    "data-date-field": !0
+  }, r && b, /* @__PURE__ */ t.createElement(pe, {
+    "aria-labelledby": r ? i : void 0,
+    value: m,
+    onChange: h,
+    isDisabled: n,
+    isReadOnly: o,
+    isInvalid: c,
+    hourCycle: s ? 24 : 12
+  }, D));
+}, Ye = ({ className: e }) => {
+  const { inputId: a, labelId: n } = N("time"), { t: o } = O(), s = o("field.date.label.time");
+  return /* @__PURE__ */ t.createElement("label", {
+    id: n,
+    htmlFor: a,
+    className: e
+  }, s);
+}, He = ({ children: e, className: a }) => {
+  const n = u(e, I.Hour), o = u(e, I.Minute), s = u(e, I.Period);
+  return /* @__PURE__ */ t.createElement(fe, {
+    className: a,
+    "data-hook": "time"
+  }, (r) => {
+    switch (r.type) {
+      case "hour":
+        return R(n, {
+          segment: r
+        }) || /* @__PURE__ */ t.createElement(t.Fragment, null);
+      case "minute":
+        return R(o, {
+          segment: r
+        }) || /* @__PURE__ */ t.createElement(t.Fragment, null);
+      case "dayPeriod":
+        return R(s, {
+          segment: r
+        }) || /* @__PURE__ */ t.createElement(t.Fragment, null);
+      case "literal":
+        return /* @__PURE__ */ t.createElement(U, {
+          segment: r
+        });
+      default:
+        return /* @__PURE__ */ t.createElement(t.Fragment, null);
+    }
+  });
+}, we = ({ className: e, ...a }) => {
+  const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = n ? void 0 : s("field.date.placeholder.hour");
+  return /* @__PURE__ */ t.createElement(U, {
+    segment: o,
+    className: e,
+    ...r && {
+      placeholder: r
+    }
+  });
+}, Be = ({ className: e, ...a }) => {
+  const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = n ? void 0 : s("field.date.placeholder.minute");
+  return /* @__PURE__ */ t.createElement(U, {
+    segment: o,
+    className: e,
+    ...r && {
+      placeholder: r
+    }
+  });
+}, ke = ({ className: e, ...a }) => {
+  const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = re(he), i = n ? void 0 : s("field.date.placeholder.period"), m = () => r == null ? void 0 : r.increment("dayPeriod");
+  return /* @__PURE__ */ t.createElement(U, {
+    segment: o,
+    className: e,
+    onClick: m,
+    ...i && {
+      placeholder: i
+    }
+  });
+};
+I.Label = Ye;
+I.Input = He;
+I.Hour = we;
+I.Minute = Be;
+I.Period = ke;
+l.Label = _e;
+l.Month = F;
+l.Day = A;
+l.Year = x;
+l.Time = I;
+l.Description = ge;
+l.Error = Ie;
+function N(e) {
+  const { inputId: a } = Q();
+  return T(() => {
+    const n = e.toLowerCase();
+    return {
+      inputId: `${a}-${n}-input`,
+      labelId: `${a}-${n}-label`
+    };
+  }, [
+    a,
+    e
+  ]);
+}
+function P(e) {
+  const { value: a, onChange: n, hasError: o = !1 } = g(), { regionalFormat: s } = k(), [r, i] = T(() => K(a ?? ""), [
+    a
+  ]), m = T(() => oe(o, a ?? ""), [
+    a,
+    o
+  ]), c = T(() => le(r), [
+    r
+  ]), h = T(() => Ue(i), [
+    i
+  ]), b = w((L) => {
+    const _ = qe(L), y = j(r, _);
+    n(y);
+  }, [
+    n,
+    r
+  ]), D = w((L) => {
+    const [, _] = K(a ?? ""), y = se(L, e, c), M = j(y, _);
+    n(M);
+  }, [
+    n,
+    a,
+    c,
+    e
+  ]), C = T(() => e === "time" ? !1 : J(s).filter(W).map((y) => y.toUpperCase())[0] === e, [
+    s,
+    e
+  ]);
+  return e === "time" ? {
+    partValue: h,
+    partError: m.TIME,
+    onPartChange: b,
+    isFirstPart: !1
+  } : {
+    partValue: c[e] || "",
+    partError: m[e],
+    onPartChange: D,
+    isFirstPart: C
+  };
+}
+function $({ datePart: e, className: a }) {
+  const { inputId: n, labelId: o } = N(e), { t: s } = O(), r = `field.date.label.${e.toLowerCase()}`, i = s(r);
+  return /* @__PURE__ */ t.createElement("label", {
+    id: o,
+    htmlFor: n,
+    className: a
+  }, i);
+}
+function Ue(e) {
+  if (!e)
+    return null;
+  try {
+    return ie(e);
+  } catch {
+    return null;
+  }
+}
+function qe(e) {
+  if (!e)
+    return null;
+  const a = String(e.hour).padStart(2, "0"), n = String(e.minute).padStart(2, "0"), o = String(e.second).padStart(2, "0");
+  return [
+    a,
+    n,
+    o
+  ].join(":");
+}
+const ze = "_fields_1x5em_1", $e = "_month_1x5em_10", Ge = "_day_1x5em_11", Ke = "_year_1x5em_12", je = "_timeGroup_1x5em_13", Qe = "_mobile_1x5em_32", Je = "_dayInput_1x5em_45", We = "_yearInput_1x5em_46", Xe = "_monthTrigger_1x5em_50", Ze = "_monthOption_1x5em_70", et = "_time_1x5em_13", tt = "_hour_1x5em_89", at = "_minute_1x5em_90", nt = "_period_1x5em_91", f = {
+  fields: ze,
+  month: $e,
+  day: Ge,
+  year: Ke,
+  timeGroup: je,
+  mobile: Qe,
+  dayInput: Je,
+  yearInput: We,
+  monthTrigger: Xe,
+  monthOption: Ze,
+  time: et,
+  hour: tt,
+  minute: at,
+  period: nt
+}, rt = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement(ne, {
+  content: e,
+  locale: a
+}), Nt = () => {
+  const { isMobile: e } = k();
+  return /* @__PURE__ */ t.createElement(l, {
+    className: p(f.fields, {
+      [f.mobile]: e
+    })
+  }, /* @__PURE__ */ t.createElement(l.Label, {
+    className: p(S, E.label)
+  }, /* @__PURE__ */ t.createElement(l.Label.Required, {
+    className: p(Oe, E.requiredMark)
+  })), /* @__PURE__ */ t.createElement(l.Month, {
+    className: f.month
+  }, /* @__PURE__ */ t.createElement(l.Month.Label, {
+    className: p(S, E.label)
+  }), /* @__PURE__ */ t.createElement(l.Month.Trigger, {
+    className: p(H, E.input, f.monthTrigger)
+  }, /* @__PURE__ */ t.createElement(Le, {
+    className: E.dropdownIcon
+  })), /* @__PURE__ */ t.createElement(l.Month.Options, {
+    className: p(Fe, E.selectPopover, E.dropdownPopover)
+  }, /* @__PURE__ */ t.createElement(l.Month.Options.Option, {
+    className: p(E.selectOption, f.monthOption, Y)
+  }))), /* @__PURE__ */ t.createElement(l.Day, {
+    className: f.day
+  }, /* @__PURE__ */ t.createElement(l.Day.Label, {
+    className: p(S, E.label)
+  }), /* @__PURE__ */ t.createElement(l.Day.Input, {
+    className: p(H, E.input, f.dayInput)
+  })), /* @__PURE__ */ t.createElement(l.Year, {
+    className: f.year
+  }, /* @__PURE__ */ t.createElement(l.Year.Label, {
+    className: p(S, E.label)
+  }), /* @__PURE__ */ t.createElement(l.Year.Input, {
+    className: p(H, E.input, f.yearInput)
+  })), /* @__PURE__ */ t.createElement(l.Time, {
+    className: f.timeGroup
+  }, /* @__PURE__ */ t.createElement(l.Time.Label, {
+    className: p(S, E.label)
+  }), /* @__PURE__ */ t.createElement(l.Time.Input, {
+    className: p(H, E.input, f.time)
+  }, /* @__PURE__ */ t.createElement(l.Time.Hour, {
+    className: p(f.hour, Y)
+  }), /* @__PURE__ */ t.createElement(l.Time.Minute, {
+    className: p(f.minute, Y)
+  }), /* @__PURE__ */ t.createElement(l.Time.Period, {
+    className: p(f.period, Y)
+  }))), /* @__PURE__ */ t.createElement(l.Error, {
+    className: p(Pe, E.error)
+  }, /* @__PURE__ */ t.createElement(Te, null), /* @__PURE__ */ t.createElement(l.Error.Text, null)), /* @__PURE__ */ t.createElement(l.Description, {
+    className: p(Ce, E.description)
+  }, rt));
+};
+export {
+  Nt as D
+};

package/dist/component/{date-time-input-rac-BxbWyK23.js → date-time-input-rac-m8B_lgV4.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { D as t } from "./date-time-input-field-rac-DnOkBj7w.js";
+import { D as t } from "./date-time-input-field-rac-Bsq2zsYH.js";
 const n = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   n as DateTimeInputRAC

package/dist/component/{dext-checkbox-group-rac-DnifcsEZ.js → dext-checkbox-group-rac-BkVowgvt.js}

@@ -1,6 +1,6 @@
 import o from "react";
-import { ag as e, h as t } from "./form-DaOKiR16.js";
-import { C as p } from "./checkbox-group-field-rac-B1tFZT3o.js";
+import { ag as e, h as t } from "./form-D_xuITMd.js";
+import { C as p } from "./checkbox-group-field-rac-BVkCphC-.js";
 import { D as s } from "./default-limits-D7qVv_Hv.js";
 const C = () => {
   const r = {

package/dist/component/{dext-checkbox-rac-D45Ok0J4.js → dext-checkbox-rac-DaHhUKnS.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { C as t } from "./checkbox-field-rac-CaloY2Hs.js";
+import { C as t } from "./checkbox-field-rac-D6eL7Hla.js";
 const c = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   c as DextCheckboxRAC

package/dist/component/{dext-date-picker-rac-Cs47jywn.js → dext-date-picker-rac-BwexXquv.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { D as t } from "./date-picker-field-rac-BAFKYE1B.js";
+import { D as t } from "./date-picker-field-rac-DDcW0nIL.js";
 const a = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   a as DextDatePickerRAC

package/dist/component/{dext-date-time-input-rac-UPwXpk2g.js → dext-date-time-input-rac-Cd6RKAgP.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { D as t } from "./date-time-input-field-rac-DnOkBj7w.js";
+import { D as t } from "./date-time-input-field-rac-Bsq2zsYH.js";
 const n = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   n as DextDateTimeInputRAC

package/dist/component/{dext-dropdown-rac-D18mhUDU.js → dext-dropdown-rac-BH8T_z95.js}

@@ -1,5 +1,5 @@
 import o from "react";
-import { D as r } from "./dropdown-field-rac-rMMPzKxL.js";
+import { D as r } from "./dropdown-field-rac-mbCaIlrI.js";
 const n = () => /* @__PURE__ */ o.createElement(r, null);
 export {
   n as DextDropdownRAC

package/dist/component/{dext-email-rac-B4frwTvA.js → dext-email-rac-BIhIzklL.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { E as e } from "./email-input-field-rac-C7Wn2XVU.js";
+import { E as e } from "./email-input-field-rac-BEju3_Wf.js";
 const l = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   l as DextEmailRAC

package/dist/component/{dext-number-input-rac-CoS-Fk59.js → dext-number-input-rac-DE4n6pBo.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { N as t } from "./number-input-field-rac-BOeiugCV.js";
+import { N as t } from "./number-input-field-rac-Cv5FMx5t.js";
 const n = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   n as DextNumberInputRAC

package/dist/component/{dext-phone-rac-DwR0JLia.js → dext-phone-rac-DkH0asto.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { P as t } from "./phone-input-field-rac-Cd7RFaoD.js";
+import { P as t } from "./phone-input-field-rac-DP7hTDTZ.js";
 const r = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   r as DextPhoneRAC

package/dist/component/{dext-radio-group-rac-DogWvoUg.js → dext-radio-group-rac-JRD2gH9f.js}

@@ -1,6 +1,6 @@
 import r from "react";
-import { ag as e, h as t } from "./form-DaOKiR16.js";
-import { R as p } from "./radio-group-field-rac-DE2mnUHD.js";
+import { ag as e, h as t } from "./form-D_xuITMd.js";
+import { R as p } from "./radio-group-field-rac-DU7SaFWp.js";
 import { a } from "./default-limits-D7qVv_Hv.js";
 const l = () => {
   const o = {

package/dist/component/{dext-rating-input-rac-C4NxeIto.js → dext-rating-input-rac-DpHo2Kmb.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { R as e } from "./rating-input-field-rac-BzAAMipp.js";
+import { R as e } from "./rating-input-field-rac--4Gj1m7I.js";
 const o = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   o as DextRatingInputRAC

package/dist/component/{dext-tags-rac-DsEenrft.js → dext-tags-rac-BAPquPx5.js}

@@ -1,6 +1,6 @@
 import r from "react";
-import { ag as e, h as o } from "./form-DaOKiR16.js";
-import { T as s } from "./tags-field-rac-B6Hg2XOI.js";
+import { ag as e, h as o } from "./form-D_xuITMd.js";
+import { T as s } from "./tags-field-rac-BcAUZftK.js";
 import { b as a } from "./default-limits-D7qVv_Hv.js";
 const l = () => {
   const t = {

package/dist/component/{dext-text-area-rac-Du-FqTqW.js → dext-text-area-rac-dKvQA33d.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as t } from "./text-area-field-rac-Bsd1V2Q3.js";
+import { T as t } from "./text-area-field-rac-C-JFkhlU.js";
 const a = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   a as DextTextAreaRAC

package/dist/component/{dext-text-input-rac-DUE8JE9b.js → dext-text-input-rac-CIA_iu-r.js}

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

package/dist/component/{dext-url-input-rac-Cn55pV9m.js → dext-url-input-rac-CA-mjuqh.js}

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

package/dist/component/{donation-rac-Cjk_hFm1.js → donation-rac-Jh_nNwme.js}

@@ -3,11 +3,11 @@ import { RicosViewer as se } from "@wix/ricos/viewer";
 import _ from "classnames";
 import { RadioGroup as le, RadioField as Q, RadioButton as W, TextField as ce, Input as ie } from "react-aria-components";
 import { debounce as ue } from "ts-debounce";
-import { P as j, ag as P, ad as V, aq as me, aa as M, ai as pe } from "./form-DaOKiR16.js";
+import { P as j, ag as P, ad as V, aq as me, aa as M, ai as pe } from "./form-D_xuITMd.js";
 import { f as h, a as g } from "./find-child-C60k4CxG.js";
 import { a as J } from "./format-currency-BwShJ9vM.js";
-import { D as de, E as Ie } from "./field-error-headless-Dm5UCOBb.js";
-import { L as Ce } from "./field-label-headless-C7mDzdLq.js";
+import { D as de, E as Ie } from "./field-error-headless-31R9XKKV.js";
+import { L as Ce } from "./field-label-headless-DBs3Gwiz.js";
 import { N as Ee } from "./options-layout-constants-DEfIEJWD.js";
 import { a as fe, b as he } from "./numeric-input-utils-CuBMi4-a.js";
 import { g as Oe } from "./payment-field-utils-DobiK5Xh.js";

package/dist/component/{dropdown-field-headless-Dcy46MWj.js → dropdown-field-headless-cGvkxCIz.js}

@@ -1,10 +1,10 @@
 import e, { useState as E, useCallback as g, useRef as q } from "react";
 import { UNSAFE_PortalProvider as A } from "react-aria";
 import { Select as w, SelectValue as M, ListBox as U, ListBoxItem as _ } from "react-aria-components";
-import { ag as p, ad as b, ai as j } from "./form-DaOKiR16.js";
+import { ag as p, ad as b, ai as j } from "./form-D_xuITMd.js";
 import { f as d, a as z } from "./find-child-C60k4CxG.js";
-import { D as G, E as H } from "./field-error-headless-Dm5UCOBb.js";
-import { L as J } from "./field-label-headless-C7mDzdLq.js";
+import { D as G, E as H } from "./field-error-headless-31R9XKKV.js";
+import { L as J } from "./field-label-headless-DBs3Gwiz.js";
 import { S as K, N as Q } from "./non-modal-popover-DtIMXHbe.js";
 const n = ({ children: t }) => {
   const { id: o, value: r, defaultValue: l, options: a = [], readOnly: s, onChange: u, placeholder: m, disabled: i, required: v, onBlur: O, onFocus: y, FieldLayout: F, hasError: C } = p(), [D, L] = E(!1), [h, I] = E(null), B = r && a.some((c) => (c.value ?? c.label) === r) ? r : l || null, { labelId: N } = b(), P = g((c) => {

package/dist/component/{dropdown-field-rac-rMMPzKxL.js → dropdown-field-rac-mbCaIlrI.js}

@@ -1,7 +1,7 @@
 import { RicosViewer as l } from "@wix/ricos/viewer";
 import t from "classnames";
 import e from "react";
-import { D as o } from "./dropdown-field-headless-Dcy46MWj.js";
+import { D as o } from "./dropdown-field-headless-cGvkxCIz.js";
 import { C as m } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as n } from "./error-icon-hZxQ6DEy.js";
 import { H as c } from "./custom-focus-class-_483Pkwp.js";

package/dist/component/{dropdown-rac-C6B8C8Yc.js → dropdown-rac-C7Be3hME.js}

@@ -1,5 +1,5 @@
 import o from "react";
-import { D as r } from "./dropdown-field-rac-rMMPzKxL.js";
+import { D as r } from "./dropdown-field-rac-mbCaIlrI.js";
 const n = () => /* @__PURE__ */ o.createElement(r, null);
 export {
   n as DropdownRAC

package/dist/component/{ecom-address-rac-1wNixzip.js → ecom-address-rac-BKhZvf1-.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { M as r } from "./multiline-address-field-rac-CwLOzNF6.js";
+import { M as r } from "./multiline-address-field-rac-D9YRBAkl.js";
 const l = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   l as EcomAddressRAC

package/dist/component/{ecom-subscription-checkbox-rac-C5z68KHa.js → ecom-subscription-checkbox-rac-DISu-Ufh.js}

@@ -1,6 +1,6 @@
 import o, { useMemo as a } from "react";
-import { ag as n, aq as c, h as i } from "./form-DaOKiR16.js";
-import { C } from "./checkbox-field-rac-CaloY2Hs.js";
+import { ag as n, aq as c, h as i } from "./form-D_xuITMd.js";
+import { C } from "./checkbox-field-rac-D6eL7Hla.js";
 import { j as l, k as p, i as m } from "./form-element-classes-Bi-nNM8q.js";
 const _ = (e) => ({
   nodes: [

package/dist/component/{email-input-field-rac-C7Wn2XVU.js → email-input-field-rac-BEju3_Wf.js}

@@ -2,7 +2,7 @@ import { RicosViewer as ie } from "@wix/ricos/viewer";
 import x from "classnames";
 import u, { createContext as z, useContext as Z, createElement as H, isValidElement as U, cloneElement as R, useState as le, useCallback as me, useEffect as ue } from "react";
 import { TextField as pe } from "react-aria-components";
-import { ad as fe, aq as ge, ab as ve, c as ye, ag as Ee, ak as de, ae as be, f as Se } from "./form-DaOKiR16.js";
+import { ad as fe, aq as ge, ab as ve, c as ye, ag as Ee, ak as de, ae as be, f as Se } from "./form-D_xuITMd.js";
 import { f as L } from "./find-child-C60k4CxG.js";
 import ee from "@babel/runtime/helpers/objectWithoutProperties";
 import M from "@babel/runtime/helpers/typeof";
@@ -10,7 +10,7 @@ import Oe from "@babel/runtime/helpers/defineProperty";
 import he from "html-parse-stringify";
 import Ie from "@babel/runtime/helpers/classCallCheck";
 import Ne from "@babel/runtime/helpers/createClass";
-import { T as B } from "./text-input-headless-Dlao2R8f.js";
+import { T as B } from "./text-input-headless-C-y42fCc.js";
 import { E as Ae } from "./error-icon-hZxQ6DEy.js";
 import { s as C } from "./field-rac.module-DAPTqFDM.js";
 import { r as Fe, H as ke, q as Te, l as De, h as xe, R as je } from "./form-element-classes-Bi-nNM8q.js";

package/dist/component/{events-repeater-rac-DTv4JD79.js → events-repeater-rac-jq7T62xZ.js}

@@ -1,9 +1,9 @@
 import t, { useState as q, useMemo as B, useCallback as V, useRef as M } from "react";
 import v from "classnames";
 import { NumberField as z, Input as J, CheckboxField as Q, CheckboxButton as W, Button as w } from "react-aria-components";
-import { am as P, an as U, ac as H, ah as K, t as Y, ag as D, ad as X, ai as j, j as Z } from "./form-DaOKiR16.js";
+import { am as P, an as U, ac as H, ah as K, t as Y, ag as D, ad as X, ai as j, j as Z } from "./form-D_xuITMd.js";
 import { f as F, a as R } from "./find-child-C60k4CxG.js";
-import { L as ee } from "./field-label-headless-C7mDzdLq.js";
+import { L as ee } from "./field-label-headless-DBs3Gwiz.js";
 import { u as te } from "./use-invoke-callback-UH73A_J3.js";
 import { C as x } from "./chevron-down-icon-CcpVm6B-.js";
 import { s as L } from "./field-rac.module-DAPTqFDM.js";

package/dist/component/{events-rsvp-rac-cS7Mb04F.js → events-rsvp-rac-vunHhzu_.js}

@@ -1,7 +1,7 @@
 import t from "react";
 import { RicosViewer as c } from "@wix/ricos/viewer";
 import r from "classnames";
-import { R as a, s as o } from "./radio-group-field-rac.module-DEP9BCiX.js";
+import { R as a, s as o } from "./radio-group-field-rac.module-GLJdPErb.js";
 import { E as m } from "./error-icon-hZxQ6DEy.js";
 import { s } from "./field-rac.module-DAPTqFDM.js";
 import { r as i, H as E, I as p, K as R, J as _, l as L, h as O } from "./form-element-classes-Bi-nNM8q.js";