@wix/form-elements 1.81.0 → 1.83.0

package/dist/component/{appointment-rac-DmwbqZse.js → appointment-rac-ky2cE6hE.js}

@@ -1,17 +1,17 @@
 import o, { useRef as J, useState as j, useEffect as H, createContext as $e, useContext as Ge, useMemo as P, useCallback as ie } from "react";
 import { RicosViewer as it } from "@wix/ricos/viewer";
 import M from "classnames";
-import { ab as ce, aa as lt, ae as ve, ad as ct, c as mt, as as ut, ar as dt, ai as me, af as Se, ak as ft, ah as Dt, F as Et } from "./form-f0tqdMye.js";
+import { ab as ce, aa as lt, ae as ve, ad as ct, c as mt, as as ut, ar as dt, ai as me, af as Se, ak as ft, ah as Dt, F as Et } from "./form-D0eeH0lX.js";
 import { C as Ce } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as St } from "./error-icon-hZxQ6DEy.js";
 import { H as fe } from "./custom-focus-class-_483Pkwp.js";
-import { s as De } from "./field-rac.module-ColNPUt0.js";
-import { y as pt, O as _t, a as yt, w as We, h as Lt, V as Nt, o as At, i as bt, a0 as Ot } from "./form-element-classes-jC8D0LnK.js";
-import { u as It } from "./use-element-state-class-name-BqmaTba3.js";
+import { s as De } from "./field-rac.module-D06m9T9x.js";
+import { y as pt, O as _t, a as yt, w as We, h as Lt, V as Nt, o as At, i as bt, a1 as Ot } from "./form-element-classes-Ct1UaxuQ.js";
+import { u as It } from "./use-element-state-class-name-j8W1zbdG.js";
 import { ListBox as gt, Button as ke, ListBoxItem as Tt, RadioGroup as vt, RadioField as kt, RadioButton as Rt } from "react-aria-components";
 import { f as T, a as le } from "./find-child-C60k4CxG.js";
-import { D as wt, E as Mt } from "./field-error-headless-BErhh9GG.js";
-import { L as Ft } from "./field-label-headless-BGyK-5xW.js";
+import { D as wt, E as Mt } from "./field-error-headless-DAy-1oAQ.js";
+import { L as Ft } from "./field-label-headless-BWxHmO0c.js";
 import { F as ht } from "./fieldset-headless-CD3fds9J.js";
 import { g as Ct } from "./get-first-day-of-the-week-DvnsxYhQ.js";
 import "date-fns";

package/dist/component/{bookings-address-rac-RCzVU87c.js → bookings-address-rac-Bxc6H9Pb.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { M as o } from "./multiline-address-field-rac-fcQYnPlO.js";
+import { M as o } from "./multiline-address-field-rac-Avd9Vlv1.js";
 const s = () => /* @__PURE__ */ e.createElement(o, null);
 export {
   s as BookingsAddressRAC

package/dist/component/{bookings-email-rac-Df_Wte1_.js → bookings-email-rac-Dw1Xttdx.js}

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

package/dist/component/{bookings-first-name-rac-BmdRGYxF.js → bookings-first-name-rac-dgHOrJaJ.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 m = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   m as BookingsFirstNameRAC

package/dist/component/{bookings-header-rac-DewQWtkZ.js → bookings-header-rac-Bl9RYGWo.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { H as r } from "./header-field-rac-BXxFqu9u.js";
+import { H as r } from "./header-field-rac-uNzfDMbv.js";
 const a = () => /* @__PURE__ */ e.createElement(r, {
   truncate: !1
 });

package/dist/component/{bookings-last-name-rac-DmmNBuqy.js → bookings-last-name-rac-BeqYpbZq.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 m = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   m as BookingsLastNameRAC

package/dist/component/{bookings-login-bar-rac-QskvFo0C.js → bookings-login-bar-rac-C1k6o0A5.js}

@@ -1,9 +1,9 @@
 import o from "react";
 import E from "classnames";
-import { ai as d, as as B, ab as f, ae as p } from "./form-f0tqdMye.js";
+import { ai as d, as as B, ab as f, ae as p } from "./form-D0eeH0lX.js";
 import { Button as L } from "react-aria-components";
 import { a as i, f as g } from "./find-child-C60k4CxG.js";
-import { v as _ } from "./form-element-classes-jC8D0LnK.js";
+import { v as _ } from "./form-element-classes-Ct1UaxuQ.js";
 const a = ({ children: n }) => {
   const { id: r, FieldLayout: t } = d();
   return /* @__PURE__ */ o.createElement(t, {

package/dist/component/{bookings-phone-rac-7wn8IXna.js → bookings-phone-rac-ByhaJrwE.js}

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

package/dist/component/{bookings-rich-text-rac-B5nk0BlD.js → bookings-rich-text-rac-Mw5-ZiIn.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { R as t } from "./rich-text-field-rac-DtcQC8zU.js";
+import { R as t } from "./rich-text-field-rac-BvLfS4I5.js";
 const c = () => /* @__PURE__ */ e.createElement(t, {
   truncate: !1
 });

package/dist/component/{checkbox-field-rac-BnVNfYWL.js → checkbox-field-rac-CMEI5t4Y.js}

@@ -2,17 +2,17 @@ import { RicosViewer as $n } from "@wix/ricos/viewer";
 import U from "classnames";
 import b, { useMemo as Xn, useRef as Jn, useCallback as Yn } from "react";
 import { CheckboxField as Qn, CheckboxButton as Zn } from "react-aria-components";
-import { Q as ei, ai as Zr, q as Qr, R as fn, as as ri, ab as ti, $ as ai, af as ni, ak as ii, L as si } from "./form-f0tqdMye.js";
+import { Q as ei, ai as Zr, q as Qr, R as fn, as as ri, ab as ti, $ as ai, af as ni, ak as ii, L as si } from "./form-D0eeH0lX.js";
 import { f as W, a as oi } from "./find-child-C60k4CxG.js";
-import { D as ui, E as ci } from "./field-error-headless-BErhh9GG.js";
+import { D as ui, E as ci } from "./field-error-headless-DAy-1oAQ.js";
 import { Node_Type as fi } from "@wix/ricos/schema";
-import { c as re, r as X, e as R, a as J, d as li, b as _i } from "./isObjectLike-BYOX5XY4.js";
+import { c as re, r as X, e as R, a as J, d as li, b as _i } from "./isObjectLike-D7Mkqoju.js";
 import { S as vi } from "./selection-indicator-XQ8MYHUQ.js";
 import { E as hi } from "./error-icon-hZxQ6DEy.js";
-import { C as pi } from "./checkbox-indicator-module-classes-DqzGZQRQ.js";
-import { s as oe } from "./field-rac.module-ColNPUt0.js";
-import { f as di, g as yi, b as bi, O as gi, o as qi, i as Ci } from "./form-element-classes-jC8D0LnK.js";
-import { u as Ai } from "./use-element-state-class-name-BqmaTba3.js";
+import { C as pi } from "./checkbox-indicator-module-classes-Bb3xB1ve.js";
+import { s as oe } from "./field-rac.module-D06m9T9x.js";
+import { f as di, g as yi, b as bi, O as gi, o as qi, i as Ci } from "./form-element-classes-Ct1UaxuQ.js";
+import { u as Ai } from "./use-element-state-class-name-j8W1zbdG.js";
 var ue, dt;
 function mi() {
   if (dt) return ue;

package/dist/component/{checkbox-group-field-headless-Bx5Y-RMP.js → checkbox-group-field-headless-CP21R7_s.js}

@@ -1,10 +1,10 @@
 import i, { useMemo as F, 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-f0tqdMye.js";
+import { ai as N, af as Q, as as X, ab as Y, ak as Z } from "./form-D0eeH0lX.js";
 import { f as L, a as k } from "./find-child-C60k4CxG.js";
-import { D as ee, E as te } from "./field-error-headless-BErhh9GG.js";
-import { L as ae } from "./field-label-headless-BGyK-5xW.js";
+import { D as ee, E as te } from "./field-error-headless-DAy-1oAQ.js";
+import { L as ae } from "./field-label-headless-BWxHmO0c.js";
 import { F as ne } from "./fieldset-headless-CD3fds9J.js";
 import { N as se } from "./options-layout-constants-DEfIEJWD.js";
 import { S as le } from "./selection-indicator-XQ8MYHUQ.js";

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

@@ -0,0 +1,42 @@
+import { RicosViewer as m } from "@wix/ricos/viewer";
+import a from "classnames";
+import e from "react";
+import { C as t } from "./checkbox-group-field-headless-CP21R7_s.js";
+import { E as n } from "./error-icon-hZxQ6DEy.js";
+import { C as c } from "./checkbox-indicator-module-classes-Bb3xB1ve.js";
+import { s } from "./field-rac.module-D06m9T9x.js";
+import { y as i, O as E, c as p, e as O, o as C, i as _, d as I } from "./form-element-classes-Ct1UaxuQ.js";
+import { o as l } from "./options-rac.module-KM-VT_KY.js";
+import { u as L } from "./use-element-state-class-name-j8W1zbdG.js";
+import { u as R } from "./use-text-input-class-name-8gMUWeCb.js";
+const u = ({ content: o, locale: r }) => /* @__PURE__ */ e.createElement(m, {
+  content: o,
+  locale: r
+}), k = () => {
+  const o = L({
+    globalClasses: I,
+    moduleClasses: c
+  }), r = R();
+  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(p, l.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(O, l.optionLabel)
+  })), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
+    inputClassName: r
+  }))), /* @__PURE__ */ e.createElement(t.Error, {
+    className: a(C, s.error)
+  }, /* @__PURE__ */ e.createElement(n, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
+    className: a(_, s.description)
+  }, u));
+};
+export {
+  k as C
+};

package/dist/component/{checkbox-group-rac-B20t8dTB.js → checkbox-group-rac-CEGtshrl.js}

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

package/dist/component/{checkbox-indicator-module-classes-DqzGZQRQ.js → checkbox-indicator-module-classes-Bb3xB1ve.js}

@@ -1,4 +1,4 @@
-import { s as e } from "./field-rac.module-ColNPUt0.js";
+import { s as e } from "./field-rac.module-D06m9T9x.js";
 const o = {
   base: e.checkboxInput,
   selected: e.checkboxInputSelected,

package/dist/component/{checkbox-rac-ifC6qSE8.js → checkbox-rac-DCnRh1WF.js}

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

package/dist/component/{contacts-address-rac-XJRKvPlp.js → contacts-address-rac-CZb_5N5o.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 n = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   n as ContactsAddressRAC

package/dist/component/{contacts-birthdate-rac-CKYESrPO.js → contacts-birthdate-rac-DZlwSyp5.js}

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

package/dist/component/{contacts-company-rac-BXwEeb0p.js → contacts-company-rac-BNEF6LjB.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 n = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   n as ContactsCompanyRAC

package/dist/component/{contacts-email-rac-D8Yspo_m.js → contacts-email-rac-CAgk_zfN.js}

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

package/dist/component/{contacts-first-name-rac-mvCGP1LJ.js → contacts-first-name-rac-DyTVcmrX.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 m = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   m as ContactsFirstNameRAC

package/dist/component/{contacts-last-name-rac-Clg9RXal.js → contacts-last-name-rac-DrFcDcGr.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 a = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   a as ContactsLastNameRAC

package/dist/component/{contacts-phone-rac-qEwjhByI.js → contacts-phone-rac-UAPALlFx.js}

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

package/dist/component/{contacts-position-rac-Bh8fvf2M.js → contacts-position-rac-CJ1M4kJJ.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 n = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   n as ContactsPositionRAC

package/dist/component/{contacts-subscribe-rac-DEQ2XkZo.js → contacts-subscribe-rac-1cEd5s1l.js}

@@ -1,6 +1,6 @@
 import C from "react";
-import { C as e } from "./checkbox-field-rac-BnVNfYWL.js";
-import { X as r, Y as t, W as _ } from "./form-element-classes-jC8D0LnK.js";
+import { C as e } from "./checkbox-field-rac-CMEI5t4Y.js";
+import { X as r, Y as t, W as _ } from "./form-element-classes-Ct1UaxuQ.js";
 const S = () => /* @__PURE__ */ C.createElement(e, {
   classes: {
     container: _,

package/dist/component/{contacts-tax-id-rac-0DUZ4tJz.js → contacts-tax-id-rac-CqnO__fd.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 n = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   n as ContactsTaxIdRAC

package/dist/component/{date-availability-2ek2RtXx.js → date-availability-COM2EaRy.js}

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

package/dist/component/{date-input-field-rac-Bp4SQB-t.js → date-input-field-rac-CuuWbw42.js}

@@ -1,31 +1,32 @@
 import { RicosViewer as X } from "@wix/ricos/viewer";
-import E from "classnames";
-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 S, 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-f0tqdMye.js";
+import b from "classnames";
+import t, { useMemo as _, useState as j, useCallback as x, useRef as B } from "react";
+import { ai as D, af as k, ab as S, 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-D0eeH0lX.js";
 import { UNSAFE_PortalProvider as ae } from "react-aria";
 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 { f as u, 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-BErhh9GG.js";
-import { L as me } from "./field-label-headless-BGyK-5xW.js";
+import { D as ce, E as ie } from "./field-error-headless-DAy-1oAQ.js";
+import { L as me } from "./field-label-headless-BWxHmO0c.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-ColNPUt0.js";
-import { y as R, O as he, x as B, A as Ie, o as De, i as ye } from "./form-element-classes-jC8D0LnK.js";
+import { s as p } from "./field-rac.module-D06m9T9x.js";
+import { y as R, O as he, x as Ie, A as De, o as ye, i as ge } from "./form-element-classes-Ct1UaxuQ.js";
+import { u as w } from "./use-text-input-class-name-8gMUWeCb.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 } = S(), I = g(() => U(b).filter($).map((v) => v.toUpperCase()), [
-    b
-  ]), L = p(e, n.Label), T = p(e, n.Description), Y = p(e, n.Error), N = {
-    [i.MONTH]: p(e, n.Month),
-    [i.DAY]: p(e, n.Day),
-    [i.YEAR]: p(e, n.Year)
+  const { id: r, required: o, onBlur: s, onFocus: c, FieldLayout: l } = D(), { inputId: d, labelId: m, ariaDescribedBy: f } = k(), { regionalFormat: E } = S(), I = _(() => U(E).filter($).map((v) => v.toUpperCase()), [
+    E
+  ]), O = u(e, n.Label), T = u(e, n.Description), Y = u(e, n.Error), L = {
+    [i.MONTH]: u(e, n.Month),
+    [i.DAY]: u(e, n.Day),
+    [i.YEAR]: u(e, n.Year)
   };
   return /* @__PURE__ */ t.createElement(l, {
     fieldId: r,
-    renderLabel: () => K(L, {
+    renderLabel: () => K(O, {
       as: "div"
     }),
     renderInput: () => /* @__PURE__ */ t.createElement(de, {
@@ -36,20 +37,20 @@ const n = ({ children: e, className: a }) => {
       onBlur: s,
       onFocus: c,
       className: a
-    }, N[I[0]], N[I[1]], N[I[2]]),
+    }, L[I[0]], L[I[1]], L[I[2]]),
     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 } = O(i.MONTH), { t: b } = P(), [I, L] = x(!1), [T, Y] = x(null), N = c ? void 0 : b("field.date.placeholder.month"), v = H((M) => {
+  const { disabled: r, readOnly: o, showDateLabels: s, hidePlaceholder: c } = D(), { labelId: l } = g(i.MONTH), { partValue: d, partError: m, onPartChange: f } = N(i.MONTH), { t: E } = P(), [I, O] = j(!1), [T, Y] = j(null), L = c ? void 0 : E("field.date.placeholder.month"), v = x((M) => {
     o || f(typeof M == "string" ? M : "");
   }, [
     f,
     o
-  ]), J = H((M) => {
-    L(M && !o);
+  ]), J = x((M) => {
+    O(M && !o);
   }, [
     o
-  ]), Q = p(e, y.Label), G = p(e, y.Trigger), W = p(e, y.Options);
+  ]), Q = u(e, y.Label), G = u(e, y.Trigger), W = u(e, y.Options);
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
@@ -66,16 +67,16 @@ const n = ({ children: e, className: a }) => {
     onChange: v,
     isDisabled: r,
     isInvalid: m,
-    placeholder: N,
+    placeholder: L,
     isOpen: I,
     onOpenChange: J
   }, G, W)));
-}, _e = ({ className: e }) => /* @__PURE__ */ t.createElement(w, {
+}, _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 } = O(i.MONTH), d = V(null);
-  return j(() => {
+}), Ne = ({ children: e, className: a }) => {
+  const { id: r, readOnly: o } = D(), { inputId: s } = g(i.MONTH), { partError: c, isFirstPart: l } = N(i.MONTH), d = B(null);
+  return H(() => {
     var m;
     l && ((m = d.current) == null || m.focus());
   }, r), /* @__PURE__ */ t.createElement(pe, {
@@ -87,9 +88,9 @@ const n = ({ children: e, className: a }) => {
     "data-readonly": o || void 0
   }, /* @__PURE__ */ t.createElement(se, null), e);
 }, A = ({ children: e, className: a }) => {
-  const { language: r } = S(), o = g(() => le(r), [
+  const { language: r } = S(), o = _(() => le(r), [
     r
-  ]), s = p(e, A.Option) ?? /* @__PURE__ */ t.createElement(A.Option, null);
+  ]), s = u(e, A.Option) ?? /* @__PURE__ */ t.createElement(A.Option, null);
   return /* @__PURE__ */ t.createElement(ue, {
     className: a,
     containerPadding: 0,
@@ -108,11 +109,11 @@ const n = ({ children: e, className: a }) => {
   }, o);
 };
 y.Label = _e;
-y.Trigger = ge;
+y.Trigger = Ne;
 y.Options = A;
 A.Option = Oe;
 const F = ({ children: e, className: a }) => {
-  const { disabled: r, readOnly: o, showDateLabels: s } = D(), { labelId: c } = _(i.DAY), { partValue: l, partError: d, onPartChange: m } = O(i.DAY), f = p(e, F.Label), b = p(e, F.Input);
+  const { disabled: r, readOnly: o, showDateLabels: s } = D(), { labelId: c } = g(i.DAY), { partValue: l, partError: d, onPartChange: m } = N(i.DAY), f = u(e, F.Label), E = u(e, F.Input);
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
@@ -123,13 +124,13 @@ const F = ({ children: e, className: a }) => {
     isDisabled: r,
     isReadOnly: o,
     isInvalid: d
-  }, b));
-}, Le = ({ className: e }) => /* @__PURE__ */ t.createElement(w, {
+  }, E));
+}, Le = ({ 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 } = O(i.DAY), { t: c } = P(), l = V(null), d = r ? void 0 : c("field.date.placeholder.day");
-  return j(() => {
+}), Fe = ({ className: e }) => {
+  const { id: a, hidePlaceholder: r } = D(), { inputId: o } = g(i.DAY), { isFirstPart: s } = N(i.DAY), { t: c } = P(), l = B(null), d = r ? void 0 : c("field.date.placeholder.day");
+  return H(() => {
     var m;
     s && ((m = l.current) == null || m.focus());
   }, a), /* @__PURE__ */ t.createElement(z, {
@@ -143,9 +144,9 @@ const F = ({ children: e, className: a }) => {
   });
 };
 F.Label = Le;
-F.Input = Ne;
+F.Input = Fe;
 const C = ({ children: e, className: a }) => {
-  const { disabled: r, readOnly: o, showDateLabels: s } = D(), { labelId: c } = _(i.YEAR), { partValue: l, partError: d, onPartChange: m } = O(i.YEAR), f = p(e, C.Label), b = p(e, C.Input);
+  const { disabled: r, readOnly: o, showDateLabels: s } = D(), { labelId: c } = g(i.YEAR), { partValue: l, partError: d, onPartChange: m } = N(i.YEAR), f = u(e, C.Label), E = u(e, C.Input);
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
@@ -156,13 +157,13 @@ const C = ({ children: e, className: a }) => {
     isDisabled: r,
     isReadOnly: o,
     isInvalid: d
-  }, b));
-}, Fe = ({ className: e }) => /* @__PURE__ */ t.createElement(w, {
+  }, E));
+}, Ce = ({ 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 } = O(i.YEAR), { t: c } = P(), l = V(null), d = r ? void 0 : c("field.date.placeholder.year");
-  return j(() => {
+}), Me = ({ className: e }) => {
+  const { id: a, hidePlaceholder: r } = D(), { inputId: o } = g(i.YEAR), { isFirstPart: s } = N(i.YEAR), { t: c } = P(), l = B(null), d = r ? void 0 : c("field.date.placeholder.year");
+  return H(() => {
     var m;
     s && ((m = l.current) == null || m.focus());
   }, a), /* @__PURE__ */ t.createElement(z, {
@@ -175,17 +176,17 @@ const C = ({ children: e, className: a }) => {
     "data-hook": i.YEAR
   });
 };
-C.Label = Fe;
-C.Input = Ce;
+C.Label = Ce;
+C.Input = Me;
 n.Label = me;
 n.Month = y;
 n.Day = F;
 n.Year = C;
 n.Description = ce;
 n.Error = ie;
-function _(e) {
+function g(e) {
   const { inputId: a } = k();
-  return g(() => {
+  return _(() => {
     const r = e.toLowerCase();
     return {
       inputId: `${a}-${r}-input`,
@@ -196,20 +197,20 @@ function _(e) {
     e
   ]);
 }
-function O(e) {
-  const { value: a, onChange: r, hasError: o = !1 } = D(), { regionalFormat: s } = S(), c = g(() => Z(a ?? ""), [
+function N(e) {
+  const { value: a, onChange: r, hasError: o = !1 } = D(), { regionalFormat: s } = S(), c = _(() => Z(a ?? ""), [
     a
-  ]), l = g(() => ee(o, a ?? ""), [
+  ]), l = _(() => ee(o, a ?? ""), [
     a,
     o
-  ]), d = c[e] || "", m = H((b) => {
-    const I = te(b, e, c);
+  ]), d = c[e] || "", m = x((E) => {
+    const I = te(E, e, c);
     r(I);
   }, [
     r,
     c,
     e
-  ]), f = g(() => U(s).filter($).map((L) => L.toUpperCase())[0] === e, [
+  ]), f = _(() => U(s).filter($).map((O) => O.toUpperCase())[0] === e, [
     s,
     e
   ]);
@@ -220,67 +221,67 @@ function O(e) {
     isFirstPart: f
   };
 }
-function w({ datePart: e, className: a }) {
-  const { inputId: r, labelId: o } = _(e), { t: s } = P(), c = `field.date.label.${e.toLowerCase()}`, l = s(c);
+function V({ datePart: e, className: a }) {
+  const { inputId: r, labelId: o } = g(e), { t: s } = P(), c = `field.date.label.${e.toLowerCase()}`, l = s(c);
   return /* @__PURE__ */ t.createElement("label", {
     id: o,
     htmlFor: r,
     className: a
   }, l);
 }
-const Me = "_fields_12ojb_1", Re = "_month_12ojb_9", Ae = "_day_12ojb_10", Se = "_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: Ae,
-  year: Se,
-  mobile: Pe,
-  dayInput: Te,
-  yearInput: Ye,
-  monthTrigger: ve,
+const Re = "_fields_12ojb_1", Ae = "_month_12ojb_9", Se = "_day_12ojb_10", Pe = "_year_12ojb_11", Te = "_mobile_12ojb_25", Ye = "_dayInput_12ojb_37", ve = "_yearInput_12ojb_38", xe = "_monthTrigger_12ojb_42", Be = "_monthOption_12ojb_62", h = {
+  fields: Re,
+  month: Ae,
+  day: Se,
+  year: Pe,
+  mobile: Te,
+  dayInput: Ye,
+  yearInput: ve,
+  monthTrigger: xe,
   monthOption: Be
 }, He = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement(X, {
   content: e,
   locale: a
-}), tt = () => {
-  const { isMobile: e } = S();
+}), nt = () => {
+  const { isMobile: e } = S(), a = w(h.dayInput), r = w(h.yearInput);
   return /* @__PURE__ */ t.createElement(n, {
-    className: E(h.fields, {
+    className: b(h.fields, {
       [h.mobile]: e
     })
   }, /* @__PURE__ */ t.createElement(n.Label, {
-    className: E(R, u.label)
+    className: b(R, p.label)
   }, /* @__PURE__ */ t.createElement(n.Label.Required, {
-    className: E(he, u.requiredMark)
+    className: b(he, p.requiredMark)
   })), /* @__PURE__ */ t.createElement(n.Month, {
     className: h.month
   }, /* @__PURE__ */ t.createElement(n.Month.Label, {
-    className: E(R, u.label)
+    className: b(R, p.label)
   }), /* @__PURE__ */ t.createElement(n.Month.Trigger, {
-    className: E(B, u.input, h.monthTrigger)
+    className: b(Ie, p.input, h.monthTrigger)
   }, /* @__PURE__ */ t.createElement(Ee, {
-    className: u.dropdownIcon
+    className: p.dropdownIcon
   })), /* @__PURE__ */ t.createElement(n.Month.Options, {
-    className: E(Ie, u.selectPopover, u.dropdownPopover)
+    className: b(De, p.selectPopover, p.dropdownPopover)
   }, /* @__PURE__ */ t.createElement(n.Month.Options.Option, {
-    className: E(u.selectOption, h.monthOption, fe)
+    className: b(p.selectOption, h.monthOption, fe)
   }))), /* @__PURE__ */ t.createElement(n.Day, {
     className: h.day
   }, /* @__PURE__ */ t.createElement(n.Day.Label, {
-    className: E(R, u.label)
+    className: b(R, p.label)
   }), /* @__PURE__ */ t.createElement(n.Day.Input, {
-    className: E(B, u.input, h.dayInput)
+    className: a
   })), /* @__PURE__ */ t.createElement(n.Year, {
     className: h.year
   }, /* @__PURE__ */ t.createElement(n.Year.Label, {
-    className: E(R, u.label)
+    className: b(R, p.label)
   }), /* @__PURE__ */ t.createElement(n.Year.Input, {
-    className: E(B, u.input, h.yearInput)
+    className: r
   })), /* @__PURE__ */ t.createElement(n.Error, {
-    className: E(De, u.error)
+    className: b(ye, p.error)
   }, /* @__PURE__ */ t.createElement(be, null), /* @__PURE__ */ t.createElement(n.Error.Text, null)), /* @__PURE__ */ t.createElement(n.Description, {
-    className: E(ye, u.description)
+    className: b(ge, p.description)
   }, He));
 };
 export {
-  tt as D
+  nt as D
 };

package/dist/component/{date-input-rac-CYsJcMe5.js → date-input-rac-DfVmj9Gc.js}

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