@wix/form-elements 1.73.0 → 1.75.0

package/dist/component/checkbox-group-field-headless-BItyo_iD.js

@@ -0,0 +1,205 @@
+import i, { useMemo as k, useCallback as _, useRef as P, useState as w, useEffect as U } from "react";
+import { CheckboxGroup as W, CheckboxField as A, CheckboxButton as j, TextField as z, Input as J } from "react-aria-components";
+import { debounce as K } from "ts-debounce";
+import { ai as N, af as Q, as as X, ab as Y, ak as Z } from "./form-DCmjj8mZ.js";
+import { f as L, a as x } from "./find-child-C60k4CxG.js";
+import { D as ee, E as te } from "./field-error-headless-uQOcm2Ak.js";
+import { L as ae } from "./field-label-headless-Bzh7f2Ji.js";
+import { F as se } from "./fieldset-headless-CD3fds9J.js";
+import { N as ne } from "./options-layout-constants-DEfIEJWD.js";
+import { a as le } from "./use-element-state-class-name-Bnw7sY9P.js";
+const R = "Other", oe = (e, t) => e.some((o) => !t.includes(o)), B = (e, t) => e.length > 0 && oe(e, t), re = (e, t) => {
+  const o = t == null ? void 0 : t("add-other.default-other-option-label");
+  return e || o || R;
+}, T = (e, t) => {
+  const s = t ? t.length + 2 : 0;
+  return (e.find((r) => r.startsWith(`${t}: `)) || "").slice(s);
+}, D = (e) => e.map((t) => t.value ?? t.label), C = ({ children: e }) => {
+  const t = N(), { id: o, value: s, onChange: a, disabled: r, required: u, onBlur: I, onFocus: b, hasError: p, FieldLayout: c } = t, { inputId: f, labelId: d, ariaDescribedBy: l } = Q(), O = L(e, C.Label), h = L(e, C.Options), g = L(e, C.Description), v = L(e, C.Error), n = k(() => s || [], [
+    s
+  ]), E = _((V) => {
+    a == null || a(V);
+  }, [
+    a
+  ]);
+  return /* @__PURE__ */ i.createElement(c, {
+    fieldId: o,
+    renderLabel: () => O,
+    renderInput: () => /* @__PURE__ */ i.createElement(se, {
+      id: f,
+      ariaLabelledBy: d,
+      ariaDescribedBy: l,
+      required: u,
+      onBlur: I,
+      onFocus: b
+    }, /* @__PURE__ */ i.createElement(W, {
+      "aria-labelledby": d,
+      value: n,
+      onChange: E,
+      isDisabled: r,
+      isRequired: u,
+      isInvalid: p
+    }, h)),
+    renderDescription: () => /* @__PURE__ */ i.createElement(i.Fragment, null, v, g)
+  });
+}, $ = ({ children: e, className: t }) => {
+  const o = N(), { id: s, options: a, addOther: r, addOtherLabel: u, numberOfColumns: I } = o, { t: b } = X(), { isMobile: p } = Y(), c = L(e, $.Option), f = re(u, b), d = p ? ne.ONE : I;
+  return /* @__PURE__ */ i.createElement("div", {
+    className: t,
+    "data-columns": d
+  }, a == null ? void 0 : a.map((l, O) => {
+    const h = l.value ?? l.label;
+    return x(c, {
+      key: l.id || l.label,
+      value: h,
+      label: l.label,
+      isFirst: O === 0,
+      fieldId: s
+    });
+  }), r && x(c, {
+    key: R,
+    value: R,
+    label: f,
+    isOther: !0
+  }));
+}, ce = ({ className: e, ...t }) => {
+  const { label: o } = t;
+  return /* @__PURE__ */ i.createElement("span", {
+    className: e
+  }, o);
+}, F = ({ children: e, className: t, ...o }) => {
+  const { value: s, label: a, isFirst: r = !1, isOther: u = !1, fieldId: I } = o, b = N(), { value: p, onChange: c, disabled: f, readOnly: d, hasError: l, options: O } = b, h = P(null);
+  Z(() => {
+    var m;
+    r && ((m = h.current) == null || m.focus({
+      preventScroll: !0
+    }));
+  }, I);
+  const g = L(e, F.Label), v = L(e, F.Input), n = k(() => p || [], [
+    p
+  ]), E = k(() => u ? n.find((m) => m === a || m.startsWith(`${a}: `)) || a : s, [
+    u,
+    n,
+    a,
+    s
+  ]), V = _((m) => {
+    if (!u)
+      return;
+    const y = D(O || []), S = n.filter((H) => y.includes(H)), G = m ? [
+      ...S,
+      a
+    ] : S;
+    c == null || c(G);
+  }, [
+    u,
+    a,
+    c,
+    O,
+    n
+  ]);
+  return /* @__PURE__ */ i.createElement(A, {
+    value: E,
+    onChange: u ? V : void 0,
+    isDisabled: f,
+    isReadOnly: d,
+    isInvalid: l
+  }, /* @__PURE__ */ i.createElement(j, {
+    ref: h,
+    className: t,
+    "data-hook": `checkbox-${a}`
+  }, ({ isSelected: m, isHovered: y }) => /* @__PURE__ */ i.createElement(i.Fragment, null, x(v, {
+    isSelected: m,
+    isHovered: y
+  }), x(g, {
+    label: a
+  }))));
+};
+F.Label = ce;
+F.Input = le;
+const M = ({ children: e, ...t }) => {
+  const { value: o, label: s, isFirst: a = !1, isOther: r = !1, fieldId: u } = t, I = N(), { value: b, onChange: p, options: c, addOtherPlaceholder: f, otherInputCharacterLimit: d, disabled: l, readOnly: O, hasError: h } = I, g = L(e, F), v = L(e, q), n = k(() => b || [], [
+    b
+  ]), E = k(() => {
+    if (!r)
+      return !1;
+    const V = D(c || []);
+    return B(n, V);
+  }, [
+    r,
+    n,
+    c
+  ]);
+  return /* @__PURE__ */ i.createElement(i.Fragment, null, x(g, {
+    value: o,
+    label: s,
+    isFirst: a,
+    isOther: r,
+    fieldId: u
+  }), r && E && x(v, {
+    fieldValue: n,
+    onChange: p,
+    label: s,
+    placeholder: f,
+    maxLength: d,
+    disabled: l,
+    readOnly: O,
+    hasError: h,
+    ariaLabel: s,
+    addOtherLabel: s,
+    options: c
+  }));
+}, q = ({ className: e, inputClassName: t, ...o }) => {
+  const { fieldValue: s, onChange: a, label: r, placeholder: u, maxLength: I, disabled: b, readOnly: p, hasError: c, ariaLabel: f, addOtherLabel: d, options: l } = o, [O, h] = w(() => {
+    const n = D(l || []);
+    return B(s, n) ? T(s, d) : "";
+  });
+  U(() => {
+    const n = D(l || []), E = B(s, n);
+    h(E ? T(s, d) : "");
+  }, [
+    s,
+    l,
+    d
+  ]);
+  const g = k(() => K((n) => {
+    const E = D(l || []), V = s.filter((S) => E.includes(S)), m = n ? `${d}: ${n}` : r, y = [
+      ...V,
+      m
+    ];
+    a(y);
+  }, 500), [
+    a,
+    l,
+    s,
+    d,
+    r
+  ]), v = _((n) => {
+    h(n), g(n);
+  }, [
+    g
+  ]);
+  return /* @__PURE__ */ i.createElement(z, {
+    "aria-label": f,
+    value: O,
+    onChange: v,
+    isDisabled: b,
+    isReadOnly: p,
+    isInvalid: c,
+    className: e
+  }, /* @__PURE__ */ i.createElement(J, {
+    className: t,
+    placeholder: u,
+    maxLength: I,
+    "aria-label": f
+  }));
+};
+C.Label = ae;
+C.Options = $;
+$.Option = M;
+M.Checkbox = F;
+M.OtherInput = q;
+C.Description = ee;
+C.Error = te;
+export {
+  C
+};

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

@@ -0,0 +1,40 @@
+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-BItyo_iD.js";
+import { E as m } from "./error-icon-hZxQ6DEy.js";
+import { u as c, C as E } from "./use-element-state-class-name-Bnw7sY9P.js";
+import { s } from "./field-rac.module-DjmaTYkc.js";
+import { y as i, Q as O, b as p, d as C, x as _, p as L, i as R, c as I } from "./form-element-classes-Dn33C01k.js";
+import { o as r } from "./options-rac.module-KM-VT_KY.js";
+const S = ({ content: o, locale: l }) => /* @__PURE__ */ e.createElement(n, {
+  content: o,
+  locale: l
+}), x = () => {
+  const o = c({
+    globalClasses: I,
+    moduleClasses: E
+  });
+  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
+    className: a(i, s.label)
+  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
+    className: a(O, s.requiredMark)
+  })), /* @__PURE__ */ e.createElement(t.Options, {
+    className: a(p, 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(C, r.optionLabel)
+  })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
+    inputClassName: a(_, s.input)
+  }))), /* @__PURE__ */ e.createElement(t.Error, {
+    className: a(L, s.error)
+  }, /* @__PURE__ */ e.createElement(m, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
+    className: a(R, s.description)
+  }, S));
+};
+export {
+  x as C
+};

package/dist/component/{checkbox-group-rac-CgW0DnhX.js → checkbox-group-rac-Fit-qssk.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { C as o } from "./checkbox-group-field-rac-Cj7Erubs.js";
+import { C as o } from "./checkbox-group-field-rac-Bov3yFC6.js";
 const c = () => /* @__PURE__ */ e.createElement(o, null);
 export {
   c as CheckboxGroupRAC

package/dist/component/{checkbox-rac-DOAYMMsi.js → checkbox-rac-CSsY83Nx.js}

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

package/dist/component/{contacts-address-rac-DXJa4J_k.js → contacts-address-rac-iJuzUQe4.js}

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

package/dist/component/{contacts-birthdate-rac-CVsuRq3B.js → contacts-birthdate-rac-0g2e8cQP.js}

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

package/dist/component/{contacts-company-rac-b2bwHSNC.js → contacts-company-rac-BC0tK4WQ.js}

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

package/dist/component/{contacts-email-rac-DMPcpQ1c.js → contacts-email-rac-dkuclkiH.js}

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

package/dist/component/{contacts-first-name-rac-CL2BsHuJ.js → contacts-first-name-rac-BSUkCuht.js}

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

package/dist/component/{contacts-last-name-rac-hdBsWaqb.js → contacts-last-name-rac-08bjVdN2.js}

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

package/dist/component/{contacts-phone-rac-DQF6aV9B.js → contacts-phone-rac-DVb0Z_0M.js}

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

package/dist/component/{contacts-position-rac-CVX-WCfx.js → contacts-position-rac-AGUDkv7U.js}

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

package/dist/component/contacts-subscribe-rac-6jAQHibT.js

@@ -0,0 +1,13 @@
+import C from "react";
+import { C as e } from "./checkbox-field-rac-BLihwz3C.js";
+import { Y as r, Z as t, X as _ } from "./form-element-classes-Dn33C01k.js";
+const S = () => /* @__PURE__ */ C.createElement(e, {
+  classes: {
+    container: _,
+    label: t,
+    indicator: r
+  }
+});
+export {
+  S as ContactsSubscribeRAC
+};

package/dist/component/{contacts-tax-id-rac-0KTXvF81.js → contacts-tax-id-rac-C7moEz5b.js}

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

package/dist/component/{date-availability-DBljhBgO.js → date-availability-DagbE0C8.js}

@@ -1,4 +1,4 @@
-import { D as r } from "./form-C6WwBcGP.js";
+import { D as r } from "./form-DCmjj8mZ.js";
 const o = {
   0: r.SUNDAY,
   1: r.MONDAY,

package/dist/component/{date-input-field-rac-CfflD2Ar.js → date-input-field-rac-BWHKsJGy.js}

@@ -1,22 +1,22 @@
 import { RicosViewer as X } from "@wix/ricos/viewer";
 import E from "classnames";
-import t, { useMemo as g, useState as x, useCallback as B, useRef as H } from "react";
-import { ai as D, af as k, ab as A, J as U, a1 as q, r as i, as as P, x as Z, K as ee, a8 as te, ak as V } from "./form-C6WwBcGP.js";
+import t, { useMemo as g, useState as x, useCallback as H, useRef as V } from "react";
+import { ai as D, af as k, ab as A, J as U, a1 as $, r as i, as as P, x as Z, K as ee, a8 as te, ak as j } from "./form-DCmjj8mZ.js";
 import { UNSAFE_PortalProvider as ae } from "react-aria";
-import { ListBoxItem as ne, ListBox as re, Select as oe, TextField as $, SelectValue as se, Input as z } from "react-aria-components";
+import { ListBoxItem as ne, ListBox as re, Select as oe, TextField as q, SelectValue as se, Input as z } from "react-aria-components";
 import { f as p, a as K } from "./find-child-C60k4CxG.js";
 import { g as le } from "./helpers-HmkkXrh2.js";
-import { D as ce, E as ie } from "./field-error-headless-DQZ5XAdn.js";
-import { L as me } from "./field-label-headless-DoxfHHaj.js";
+import { D as ce, E as ie } from "./field-error-headless-uQOcm2Ak.js";
+import { L as me } from "./field-label-headless-Bzh7f2Ji.js";
 import { F as de } from "./fieldset-headless-CD3fds9J.js";
 import { N as ue, S as pe } from "./non-modal-popover-DtIMXHbe.js";
 import { C as Ee } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as be } from "./error-icon-hZxQ6DEy.js";
 import { H as fe } from "./custom-focus-class-_483Pkwp.js";
-import { s as u } from "./field-rac.module-Cac83bU5.js";
-import { z as R, R as he, y as j, C as Ie, q as De, j as ye } from "./form-element-classes-DDKCTFQj.js";
+import { s as u } from "./field-rac.module-DjmaTYkc.js";
+import { y as R, Q as he, x as B, B as Ie, p as De, i as ye } from "./form-element-classes-Dn33C01k.js";
 const n = ({ children: e, className: a }) => {
-  const { id: r, required: o, onBlur: s, onFocus: c, FieldLayout: l } = D(), { inputId: d, labelId: m, ariaDescribedBy: f } = k(), { regionalFormat: b } = A(), I = g(() => U(b).filter(q).map((v) => v.toUpperCase()), [
+  const { id: r, required: o, onBlur: s, onFocus: c, FieldLayout: l } = D(), { inputId: d, labelId: m, ariaDescribedBy: f } = k(), { regionalFormat: b } = A(), I = g(() => U(b).filter($).map((v) => v.toUpperCase()), [
     b
   ]), O = p(e, n.Label), T = p(e, n.Description), Y = p(e, n.Error), N = {
     [i.MONTH]: p(e, n.Month),
@@ -40,20 +40,20 @@ const n = ({ children: e, className: a }) => {
     renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, Y, T)
   });
 }, y = ({ children: e, className: a }) => {
-  const { disabled: r, readOnly: o, showDateLabels: s, hidePlaceholder: c } = D(), { labelId: l } = _(i.MONTH), { partValue: d, partError: m, onPartChange: f } = L(i.MONTH), { t: b } = P(), [I, O] = x(!1), [T, Y] = x(null), N = c ? void 0 : b("field.date.placeholder.month"), v = B((M) => {
+  const { disabled: r, readOnly: o, showDateLabels: s, hidePlaceholder: c } = D(), { labelId: l } = _(i.MONTH), { partValue: d, partError: m, onPartChange: f } = L(i.MONTH), { t: b } = P(), [I, O] = x(!1), [T, Y] = x(null), N = c ? void 0 : b("field.date.placeholder.month"), v = H((M) => {
     o || f(typeof M == "string" ? M : "");
   }, [
     f,
     o
-  ]), J = B((M) => {
+  ]), Q = H((M) => {
     O(M && !o);
   }, [
     o
-  ]), Q = p(e, y.Label), G = p(e, y.Trigger), W = p(e, y.Options);
+  ]), J = p(e, y.Label), G = p(e, y.Trigger), W = p(e, y.Options);
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
-  }, s ? Q : null, /* @__PURE__ */ t.createElement("div", {
+  }, s ? J : null, /* @__PURE__ */ t.createElement("div", {
     ref: Y,
     style: {
       display: "contents"
@@ -68,14 +68,14 @@ const n = ({ children: e, className: a }) => {
     isInvalid: m,
     placeholder: N,
     isOpen: I,
-    onOpenChange: J
+    onOpenChange: Q
   }, G, W)));
 }, _e = ({ className: e }) => /* @__PURE__ */ t.createElement(w, {
   datePart: i.MONTH,
   className: e
 }), ge = ({ children: e, className: a }) => {
-  const { id: r, readOnly: o } = D(), { inputId: s } = _(i.MONTH), { partError: c, isFirstPart: l } = L(i.MONTH), d = H(null);
-  return V(() => {
+  const { id: r, readOnly: o } = D(), { inputId: s } = _(i.MONTH), { partError: c, isFirstPart: l } = L(i.MONTH), d = V(null);
+  return j(() => {
     var m;
     l && ((m = d.current) == null || m.focus());
   }, r), /* @__PURE__ */ t.createElement(pe, {
@@ -116,7 +116,7 @@ const F = ({ children: e, className: a }) => {
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
-  }, s && f, /* @__PURE__ */ t.createElement($, {
+  }, s && f, /* @__PURE__ */ t.createElement(q, {
     "aria-labelledby": s ? c : void 0,
     value: l,
     onChange: m,
@@ -128,8 +128,8 @@ const F = ({ children: e, className: a }) => {
   datePart: i.DAY,
   className: e
 }), Ne = ({ className: e }) => {
-  const { id: a, hidePlaceholder: r } = D(), { inputId: o } = _(i.DAY), { isFirstPart: s } = L(i.DAY), { t: c } = P(), l = H(null), d = r ? void 0 : c("field.date.placeholder.day");
-  return V(() => {
+  const { id: a, hidePlaceholder: r } = D(), { inputId: o } = _(i.DAY), { isFirstPart: s } = L(i.DAY), { t: c } = P(), l = V(null), d = r ? void 0 : c("field.date.placeholder.day");
+  return j(() => {
     var m;
     s && ((m = l.current) == null || m.focus());
   }, a), /* @__PURE__ */ t.createElement(z, {
@@ -149,7 +149,7 @@ const C = ({ children: e, className: a }) => {
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
-  }, s && f, /* @__PURE__ */ t.createElement($, {
+  }, s && f, /* @__PURE__ */ t.createElement(q, {
     "aria-labelledby": s ? c : void 0,
     value: l,
     onChange: m,
@@ -161,8 +161,8 @@ const C = ({ children: e, className: a }) => {
   datePart: i.YEAR,
   className: e
 }), Ce = ({ className: e }) => {
-  const { id: a, hidePlaceholder: r } = D(), { inputId: o } = _(i.YEAR), { isFirstPart: s } = L(i.YEAR), { t: c } = P(), l = H(null), d = r ? void 0 : c("field.date.placeholder.year");
-  return V(() => {
+  const { id: a, hidePlaceholder: r } = D(), { inputId: o } = _(i.YEAR), { isFirstPart: s } = L(i.YEAR), { t: c } = P(), l = V(null), d = r ? void 0 : c("field.date.placeholder.year");
+  return j(() => {
     var m;
     s && ((m = l.current) == null || m.focus());
   }, a), /* @__PURE__ */ t.createElement(z, {
@@ -202,14 +202,14 @@ function L(e) {
   ]), l = g(() => ee(o, a ?? ""), [
     a,
     o
-  ]), d = c[e] || "", m = B((b) => {
+  ]), d = c[e] || "", m = H((b) => {
     const I = te(b, e, c);
     r(I);
   }, [
     r,
     c,
     e
-  ]), f = g(() => U(s).filter(q).map((O) => O.toUpperCase())[0] === e, [
+  ]), f = g(() => U(s).filter($).map((O) => O.toUpperCase())[0] === e, [
     s,
     e
   ]);
@@ -228,7 +228,7 @@ function w({ datePart: e, className: a }) {
     className: a
   }, l);
 }
-const Me = "_fields_12ojb_1", Re = "_month_12ojb_9", Se = "_day_12ojb_10", Ae = "_year_12ojb_11", Pe = "_mobile_12ojb_25", Te = "_dayInput_12ojb_37", Ye = "_yearInput_12ojb_38", ve = "_monthTrigger_12ojb_42", je = "_monthOption_12ojb_62", h = {
+const Me = "_fields_12ojb_1", Re = "_month_12ojb_9", Se = "_day_12ojb_10", Ae = "_year_12ojb_11", Pe = "_mobile_12ojb_25", Te = "_dayInput_12ojb_37", Ye = "_yearInput_12ojb_38", ve = "_monthTrigger_12ojb_42", Be = "_monthOption_12ojb_62", h = {
   fields: Me,
   month: Re,
   day: Se,
@@ -237,8 +237,8 @@ const Me = "_fields_12ojb_1", Re = "_month_12ojb_9", Se = "_day_12ojb_10", Ae =
   dayInput: Te,
   yearInput: Ye,
   monthTrigger: ve,
-  monthOption: je
-}, Be = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement(X, {
+  monthOption: Be
+}, He = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement(X, {
   content: e,
   locale: a
 }), tt = () => {
@@ -256,7 +256,7 @@ const Me = "_fields_12ojb_1", Re = "_month_12ojb_9", Se = "_day_12ojb_10", Ae =
   }, /* @__PURE__ */ t.createElement(n.Month.Label, {
     className: E(R, u.label)
   }), /* @__PURE__ */ t.createElement(n.Month.Trigger, {
-    className: E(j, u.input, h.monthTrigger)
+    className: E(B, u.input, h.monthTrigger)
   }, /* @__PURE__ */ t.createElement(Ee, {
     className: u.dropdownIcon
   })), /* @__PURE__ */ t.createElement(n.Month.Options, {
@@ -268,18 +268,18 @@ const Me = "_fields_12ojb_1", Re = "_month_12ojb_9", Se = "_day_12ojb_10", Ae =
   }, /* @__PURE__ */ t.createElement(n.Day.Label, {
     className: E(R, u.label)
   }), /* @__PURE__ */ t.createElement(n.Day.Input, {
-    className: E(j, u.input, h.dayInput)
+    className: E(B, u.input, h.dayInput)
   })), /* @__PURE__ */ t.createElement(n.Year, {
     className: h.year
   }, /* @__PURE__ */ t.createElement(n.Year.Label, {
     className: E(R, u.label)
   }), /* @__PURE__ */ t.createElement(n.Year.Input, {
-    className: E(j, u.input, h.yearInput)
+    className: E(B, u.input, h.yearInput)
   })), /* @__PURE__ */ t.createElement(n.Error, {
     className: E(De, u.error)
   }, /* @__PURE__ */ t.createElement(be, null), /* @__PURE__ */ t.createElement(n.Error.Text, null)), /* @__PURE__ */ t.createElement(n.Description, {
     className: E(ye, u.description)
-  }, Be));
+  }, He));
 };
 export {
   tt as D

package/dist/component/{date-input-rac-fQclCKoa.js → date-input-rac-BlZlmf-s.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { D as e } from "./date-input-field-rac-CfflD2Ar.js";
+import { D as e } from "./date-input-field-rac-BWHKsJGy.js";
 const o = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   o as DateInputRAC