@wix/form-elements 1.62.0 → 1.64.0

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

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

package/dist/component/checkbox-group-field-rac-2YUsOmDI.js

@@ -0,0 +1,40 @@
+import { RicosViewer as E } from "@wix/ricos/viewer";
+import a from "classnames";
+import e from "react";
+import { ac as l } from "./form-9yjqDnxY.js";
+import { C as t } from "./checkbox-group-field-headless-BDAFpX5F.js";
+import { E as _ } from "./error-icon-hZxQ6DEy.js";
+import { s as o } from "./field-rac.module-CWkwwhq4.js";
+import { t as m, J as O, a as C, b as i, c as p, d as R, e as I, s as L, n as S, j as D } from "./form-element-classes-KRzHUNLu.js";
+import { o as n } from "./options-rac.module-KM-VT_KY.js";
+const F = "checkboxGroupIndicator", N = ({ content: r, locale: s }) => /* @__PURE__ */ e.createElement(E, {
+  content: r,
+  locale: s
+}), k = () => {
+  const r = l(F);
+  return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
+    className: a(m, o.label)
+  }, /* @__PURE__ */ e.createElement(t.Label.Required, {
+    className: a(O, o.requiredMark)
+  })), /* @__PURE__ */ e.createElement(t.Options, {
+    className: a(C, n.options)
+  }, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
+    className: o.checkbox
+  }, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
+    className: ({ isSelected: s, isHovered: c }) => a(i, o.checkboxInput, r, {
+      [R]: s,
+      [p]: c
+    })
+  }), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
+    className: a(I, n.optionLabel)
+  })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
+    inputClassName: a(L, o.input)
+  }))), /* @__PURE__ */ e.createElement(t.Error, {
+    className: a(S, o.error)
+  }, /* @__PURE__ */ e.createElement(_, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
+    className: a(D, o.description)
+  }, N));
+};
+export {
+  k as C
+};

package/dist/component/{checkbox-group-rac-DWPClKpf.js → checkbox-group-rac-CQf1C9H5.js}

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

package/dist/component/{checkbox-rac-CvbOws2U.js → checkbox-rac-Bjv8jZjs.js}

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

package/dist/component/{contacts-address-rac-CWFHC5LT.js → contacts-address-rac-BBTiEec9.js}

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

package/dist/component/{contacts-birthdate-rac-DPmJPp8M.js → contacts-birthdate-rac-XReeFHVW.js}

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

package/dist/component/{contacts-company-rac-UWP9uDqI.js → contacts-company-rac-B-fUQszu.js}

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

package/dist/component/{contacts-email-rac-BCkkWYhr.js → contacts-email-rac-DBtcCcsV.js}

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

package/dist/component/{contacts-first-name-rac-KNRf92yT.js → contacts-first-name-rac-mkwU3706.js}

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

package/dist/component/{contacts-last-name-rac-C_EotEpo.js → contacts-last-name-rac-DY5N-AZx.js}

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

package/dist/component/{contacts-phone-rac-DJGEWLsl.js → contacts-phone-rac-Ce1rMz_z.js}

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

package/dist/component/{contacts-position-rac-s1pZ662O.js → contacts-position-rac-B65H8PDu.js}

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

package/dist/component/contacts-subscribe-rac-BxO8rIyL.js

@@ -0,0 +1,13 @@
+import C from "react";
+import { C as S } from "./checkbox-field-rac-CYADRY54.js";
+import { R as _, S as e, Q as o } from "./form-element-classes-KRzHUNLu.js";
+const R = () => /* @__PURE__ */ C.createElement(S, {
+  classes: {
+    container: o,
+    label: e,
+    control: _
+  }
+});
+export {
+  R as ContactsSubscribeRAC
+};

package/dist/component/{contacts-tax-id-rac-3MUvKEqW.js → contacts-tax-id-rac-Jtt0ySK2.js}

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

package/dist/component/{date-availability-CRsSX5_d.js → date-availability-B8UwvTJa.js}

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

package/dist/component/{date-input-field-rac-DPo7waqI.js → date-input-field-rac-RL2a0xoD.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 w, useRef as B } from "react";
-import { ag as D, ad as U, aa as A, H as k, a0 as q, r as i, aq as P, w as Z, J as ee, a7 as te, ai as V } from "./form-D6A2hUbV.js";
+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 H } from "./form-9yjqDnxY.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 J } from "./find-child-C60k4CxG.js";
 import { g as le } from "./helpers-HmkkXrh2.js";
-import { D as ce, E as ie } from "./field-error-headless-DP4WSQU3.js";
-import { L as me } from "./field-label-headless-BKmi7Fjg.js";
+import { D as ce, E as ie } from "./field-error-headless-DrnFrGun.js";
+import { L as me } from "./field-label-headless-BIYf1BIh.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-DtugsLiL.js";
-import { r as R, H as he, q as H, u as Ie, l as De, h as ye } from "./form-element-classes-Bi-nNM8q.js";
+import { s as u } from "./field-rac.module-CWkwwhq4.js";
+import { t as R, J as he, s as j, w as Ie, n as De, j as ye } from "./form-element-classes-KRzHUNLu.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 } = U(), { regionalFormat: b } = A(), I = g(() => k(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),
@@ -70,12 +70,12 @@ const n = ({ children: e, className: a }) => {
     isOpen: I,
     onOpenChange: K
   }, G, W)));
-}, _e = ({ className: e }) => /* @__PURE__ */ t.createElement(j, {
+}, _e = ({ className: e }) => /* @__PURE__ */ t.createElement(V, {
   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 = B(null);
-  return V(() => {
+  return H(() => {
     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,
@@ -124,12 +124,12 @@ const F = ({ children: e, className: a }) => {
     isReadOnly: o,
     isInvalid: d
   }, b));
-}, Oe = ({ className: e }) => /* @__PURE__ */ t.createElement(j, {
+}, Oe = ({ className: e }) => /* @__PURE__ */ t.createElement(V, {
   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 = B(null), d = r ? void 0 : c("field.date.placeholder.day");
-  return V(() => {
+  return H(() => {
     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,
@@ -157,12 +157,12 @@ const C = ({ children: e, className: a }) => {
     isReadOnly: o,
     isInvalid: d
   }, b));
-}, Fe = ({ className: e }) => /* @__PURE__ */ t.createElement(j, {
+}, Fe = ({ className: e }) => /* @__PURE__ */ t.createElement(V, {
   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 = B(null), d = r ? void 0 : c("field.date.placeholder.year");
-  return V(() => {
+  return H(() => {
     var m;
     s && ((m = l.current) == null || m.focus());
   }, a), /* @__PURE__ */ t.createElement(z, {
@@ -184,7 +184,7 @@ n.Year = C;
 n.Description = ce;
 n.Error = ie;
 function _(e) {
-  const { inputId: a } = U();
+  const { inputId: a } = k();
   return g(() => {
     const r = e.toLowerCase();
     return {
@@ -209,7 +209,7 @@ function L(e) {
     r,
     c,
     e
-  ]), f = g(() => k(s).filter(q).map((O) => O.toUpperCase())[0] === e, [
+  ]), f = g(() => U(s).filter($).map((O) => O.toUpperCase())[0] === e, [
     s,
     e
   ]);
@@ -220,7 +220,7 @@ function L(e) {
     isFirstPart: f
   };
 }
-function j({ datePart: e, className: a }) {
+function V({ datePart: e, className: a }) {
   const { inputId: r, labelId: o } = _(e), { t: s } = P(), c = `field.date.label.${e.toLowerCase()}`, l = s(c);
   return /* @__PURE__ */ t.createElement("label", {
     id: o,
@@ -228,7 +228,7 @@ function j({ 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", He = "_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", je = "_monthOption_12ojb_62", h = {
   fields: Me,
   month: Re,
   day: Se,
@@ -237,7 +237,7 @@ const Me = "_fields_12ojb_1", Re = "_month_12ojb_9", Se = "_day_12ojb_10", Ae =
   dayInput: Te,
   yearInput: Ye,
   monthTrigger: ve,
-  monthOption: He
+  monthOption: je
 }, we = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement(X, {
   content: e,
   locale: a
@@ -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(H, u.input, h.monthTrigger)
+    className: E(j, u.input, h.monthTrigger)
   }, /* @__PURE__ */ t.createElement(Ee, {
     className: u.dropdownIcon
   })), /* @__PURE__ */ t.createElement(n.Month.Options, {
@@ -268,13 +268,13 @@ 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(H, u.input, h.dayInput)
+    className: E(j, 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(H, u.input, h.yearInput)
+    className: E(j, 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, {

package/dist/component/{date-input-rac-DsY8ehb1.js → date-input-rac-ak3G7V07.js}

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