@wix/form-elements 1.80.0 → 1.82.0

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

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

package/dist/component/{contacts-address-rac-BIn9plXb.js → contacts-address-rac-XJRKvPlp.js}

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

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

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

package/dist/component/{contacts-company-rac-ChdjTt8-.js → contacts-company-rac-BXwEeb0p.js}

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

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

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

package/dist/component/{contacts-first-name-rac-tmboINSq.js → contacts-first-name-rac-mvCGP1LJ.js}

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

package/dist/component/{contacts-last-name-rac-BaD5OBVf.js → contacts-last-name-rac-Clg9RXal.js}

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

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

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

package/dist/component/{contacts-position-rac-BNDskehr.js → contacts-position-rac-Bh8fvf2M.js}

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

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

@@ -1,6 +1,6 @@
 import C from "react";
-import { C as e } from "./checkbox-field-rac-thaR4lXB.js";
-import { Y as r, Z as t, X as _ } from "./form-element-classes-BuM-vthE.js";
+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";
 const S = () => /* @__PURE__ */ C.createElement(e, {
   classes: {
     container: _,

package/dist/component/{contacts-tax-id-rac-Dxgxcv7c.js → contacts-tax-id-rac-0DUZ4tJz.js}

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

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

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

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

@@ -1,31 +1,31 @@
 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 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-BmioUKtQ.js";
+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 { 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 { g as le } from "./helpers-HmkkXrh2.js";
-import { D as ce, E as ie } from "./field-error-headless-C7IUibkK.js";
-import { L as me } from "./field-label-headless-BQFy2iAr.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 { 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 { z as R, P as he, y as B, B as Ie, p as De, i as ye } from "./form-element-classes-BuM-vthE.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";
 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($).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 } = S(), 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 = {
+  ]), 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)
   };
   return /* @__PURE__ */ t.createElement(l, {
     fieldId: r,
-    renderLabel: () => K(O, {
+    renderLabel: () => K(L, {
       as: "div"
     }),
     renderInput: () => /* @__PURE__ */ t.createElement(de, {
@@ -40,13 +40,13 @@ 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 = H((M) => {
+  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) => {
     o || f(typeof M == "string" ? M : "");
   }, [
     f,
     o
   ]), J = H((M) => {
-    O(M && !o);
+    L(M && !o);
   }, [
     o
   ]), Q = p(e, y.Label), G = p(e, y.Trigger), W = p(e, y.Options);
@@ -74,7 +74,7 @@ const n = ({ children: e, className: a }) => {
   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 = V(null);
+  const { id: r, readOnly: o } = D(), { inputId: s } = _(i.MONTH), { partError: c, isFirstPart: l } = O(i.MONTH), d = V(null);
   return j(() => {
     var m;
     l && ((m = d.current) == null || m.focus());
@@ -86,10 +86,10 @@ const n = ({ children: e, className: a }) => {
     "data-invalid": c || void 0,
     "data-readonly": o || void 0
   }, /* @__PURE__ */ t.createElement(se, null), e);
-}, S = ({ children: e, className: a }) => {
-  const { language: r } = A(), o = g(() => le(r), [
+}, A = ({ children: e, className: a }) => {
+  const { language: r } = S(), o = g(() => le(r), [
     r
-  ]), s = p(e, S.Option) ?? /* @__PURE__ */ t.createElement(S.Option, null);
+  ]), s = p(e, A.Option) ?? /* @__PURE__ */ t.createElement(A.Option, null);
   return /* @__PURE__ */ t.createElement(ue, {
     className: a,
     containerPadding: 0,
@@ -99,7 +99,7 @@ const n = ({ children: e, className: a }) => {
     value: String(l + 1),
     label: c
   }))));
-}, Le = ({ className: e, ...a }) => {
+}, Oe = ({ className: e, ...a }) => {
   const { value: r, label: o } = a;
   return /* @__PURE__ */ t.createElement(ne, {
     className: e,
@@ -109,10 +109,10 @@ const n = ({ children: e, className: a }) => {
 };
 y.Label = _e;
 y.Trigger = ge;
-y.Options = S;
-S.Option = Le;
+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 } = L(i.DAY), f = p(e, F.Label), b = p(e, F.Input);
+  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);
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
@@ -124,11 +124,11 @@ const F = ({ children: e, className: a }) => {
     isReadOnly: o,
     isInvalid: d
   }, b));
-}, Oe = ({ className: e }) => /* @__PURE__ */ t.createElement(w, {
+}, Le = ({ className: e }) => /* @__PURE__ */ t.createElement(w, {
   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 = V(null), d = r ? void 0 : c("field.date.placeholder.day");
+  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(() => {
     var m;
     s && ((m = l.current) == null || m.focus());
@@ -142,10 +142,10 @@ const F = ({ children: e, className: a }) => {
     "data-hook": i.DAY
   });
 };
-F.Label = Oe;
+F.Label = Le;
 F.Input = Ne;
 const C = ({ children: e, className: a }) => {
-  const { disabled: r, readOnly: o, showDateLabels: s } = D(), { labelId: c } = _(i.YEAR), { partValue: l, partError: d, onPartChange: m } = L(i.YEAR), f = p(e, C.Label), b = p(e, C.Input);
+  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);
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
@@ -161,7 +161,7 @@ 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 = V(null), d = r ? void 0 : c("field.date.placeholder.year");
+  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(() => {
     var m;
     s && ((m = l.current) == null || m.focus());
@@ -196,8 +196,8 @@ function _(e) {
     e
   ]);
 }
-function L(e) {
-  const { value: a, onChange: r, hasError: o = !1 } = D(), { regionalFormat: s } = A(), c = g(() => Z(a ?? ""), [
+function O(e) {
+  const { value: a, onChange: r, hasError: o = !1 } = D(), { regionalFormat: s } = S(), c = g(() => Z(a ?? ""), [
     a
   ]), l = g(() => ee(o, a ?? ""), [
     a,
@@ -209,7 +209,7 @@ function L(e) {
     r,
     c,
     e
-  ]), f = g(() => U(s).filter($).map((O) => O.toUpperCase())[0] === e, [
+  ]), f = g(() => U(s).filter($).map((L) => L.toUpperCase())[0] === e, [
     s,
     e
   ]);
@@ -228,11 +228,11 @@ 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", Be = "_monthOption_12ojb_62", h = {
+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: Se,
-  year: Ae,
+  day: Ae,
+  year: Se,
   mobile: Pe,
   dayInput: Te,
   yearInput: Ye,
@@ -242,7 +242,7 @@ const Me = "_fields_12ojb_1", Re = "_month_12ojb_9", Se = "_day_12ojb_10", Ae =
   content: e,
   locale: a
 }), tt = () => {
-  const { isMobile: e } = A();
+  const { isMobile: e } = S();
   return /* @__PURE__ */ t.createElement(n, {
     className: E(h.fields, {
       [h.mobile]: e

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

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

package/dist/component/{date-picker-field-rac-Cr9PMglz.js → date-picker-field-rac-BGQvnSYI.js}

@@ -1,20 +1,20 @@
 import { RicosViewer as G } from "@wix/ricos/viewer";
 import C from "classnames";
-import e, { useState as z, useCallback as F, useContext as Q, useRef as L, useMemo as _ } from "react";
-import { D, ai as v, af as A, ab as S, ak as Z } from "./form-BmioUKtQ.js";
+import e, { useState as Q, useCallback as F, useContext as Z, useRef as L, useMemo as _ } from "react";
+import { D, ai as v, af as A, ab as S, ak as z } from "./form-f0tqdMye.js";
 import { parseDate as J } from "@internationalized/date";
 import { UNSAFE_PortalProvider as X } from "react-aria";
 import { I18nProvider as ee, DatePicker as te, DatePickerStateContext as re, Group as ae, DateInput as ne, DateSegment as oe, Dialog as le, Calendar as se, CalendarMonthPicker as ce, CalendarYearPicker as ie, CalendarGrid as me, CalendarCell as ue, Button as R, Select as O, SelectValue as x, ListBox as k, ListBoxItem as M } from "react-aria-components";
 import { g as de } from "./get-first-day-of-the-week-DvnsxYhQ.js";
 import { f as E, a as b } from "./find-child-C60k4CxG.js";
-import { D as ge, E as Ee } from "./field-error-headless-C7IUibkK.js";
-import { L as pe } from "./field-label-headless-BQFy2iAr.js";
+import { D as ge, E as Ee } from "./field-error-headless-BErhh9GG.js";
+import { L as pe } from "./field-label-headless-BGyK-5xW.js";
 import { D as De, N as I, S as w } from "./non-modal-popover-DtIMXHbe.js";
-import { i as fe } from "./date-availability-BbrBYxgL.js";
+import { i as fe } from "./date-availability-2ek2RtXx.js";
 import { C as N } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as ye } from "./error-icon-hZxQ6DEy.js";
 import { s as p } from "./field-rac.module-ColNPUt0.js";
-import { z as Ce, P as he, y as ve, B as Se, p as Te, i as be } from "./form-element-classes-BuM-vthE.js";
+import { y as Ce, O as he, x as ve, A as Se, o as Te, i as be } from "./form-element-classes-jC8D0LnK.js";
 const _e = [
   D.SUNDAY,
   D.MONDAY,
@@ -26,7 +26,7 @@ const _e = [
 ], Ne = {
   availableDays: _e
 }, a = ({ children: t }) => {
-  const { id: r, value: n, onChange: l, disabled: i, required: c, onBlur: d, onFocus: o, FieldLayout: m, hasError: u, readOnly: f } = v(), { labelId: y } = A(), { regionalFormat: s } = S(), [T, Y] = z(null), B = F((H) => {
+  const { id: r, value: n, onChange: l, disabled: i, required: c, onBlur: d, onFocus: o, FieldLayout: m, hasError: u, readOnly: f } = v(), { labelId: y } = A(), { regionalFormat: s } = S(), [T, Y] = Q(null), B = F((H) => {
     const j = Me(H);
     l(j);
   }, [
@@ -58,7 +58,7 @@ const _e = [
     renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, K, W)
   });
 }, Ie = ({ children: t, className: r }) => {
-  const { inputId: n, ariaDescribedBy: l } = A(), { hasError: i, disabled: c, readOnly: d } = v(), o = Q(re), m = F((u) => {
+  const { inputId: n, ariaDescribedBy: l } = A(), { hasError: i, disabled: c, readOnly: d } = v(), o = Z(re), m = F((u) => {
     if (!o || o.isOpen || c || d)
       return;
     const f = u.target;
@@ -80,7 +80,7 @@ const _e = [
   }, t);
 }, Le = ({ className: t }) => {
   const { id: r, placeholder: n } = v(), { regionalFormat: l } = S(), i = L(null), c = L(!1);
-  Z(() => {
+  z(() => {
     var o;
     (o = i.current) == null || o.focus();
   }, r);

package/dist/component/{date-picker-rac-8BOHRpaJ.js → date-picker-rac-BVncggYR.js}

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

package/dist/component/{date-time-input-field-rac-C7CZ4i6-.js → date-time-input-field-rac-B1mggelc.js}

@@ -1,23 +1,23 @@
 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 z, useContext as re } from "react";
-import { ai as g, af as K, ab as x, J as Q, a1 as W, r as d, as as O, a5 as j, O as oe, x as le, a8 as se, y as J, ak as $ } from "./form-BmioUKtQ.js";
+import t, { useMemo as O, useState as G, useCallback as w, useRef as z, useContext as re } from "react";
+import { ai as g, af as K, ab as B, J as Q, a1 as W, r as d, as as T, a5 as j, O as oe, x as le, a8 as se, y as J, ak as $ } from "./form-f0tqdMye.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 he, DateSegment as U, TimeFieldStateContext as fe } 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-C7IUibkK.js";
-import { L as _e } from "./field-label-headless-BQFy2iAr.js";
+import { D as ge, E as Ie } from "./field-error-headless-BErhh9GG.js";
+import { L as _e } from "./field-label-headless-BGyK-5xW.js";
 import { F as ye } from "./fieldset-headless-CD3fds9J.js";
 import { N as De, 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 { E as Oe } from "./error-icon-hZxQ6DEy.js";
 import { H as Y } from "./custom-focus-class-_483Pkwp.js";
 import { s as E } from "./field-rac.module-ColNPUt0.js";
-import { z as S, P as Oe, y as H, B as Fe, p as Pe, i as Ce } from "./form-element-classes-BuM-vthE.js";
+import { y as S, O as Te, x as H, A as Fe, o as Pe, i as Ce } from "./form-element-classes-jC8D0LnK.js";
 const l = ({ children: e, className: a }) => {
-  const { id: n, required: o, onBlur: s, onFocus: r, FieldLayout: i } = g(), { inputId: m, labelId: c, ariaDescribedBy: f } = K(), { regionalFormat: b } = x(), y = T(() => Q(b).filter(W).map((M) => M.toUpperCase()), [
+  const { id: n, required: o, onBlur: s, onFocus: r, FieldLayout: i } = g(), { inputId: m, labelId: c, ariaDescribedBy: f } = K(), { regionalFormat: b } = B(), y = O(() => Q(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),
@@ -41,7 +41,7 @@ const l = ({ children: e, className: a }) => {
     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: f } = P(d.MONTH), { t: b } = O(), [y, C] = G(!1), [v, L] = G(null), _ = r ? void 0 : b("field.date.placeholder.month"), D = w((V) => {
+  const { disabled: n, readOnly: o, showDateLabels: s, hidePlaceholder: r } = g(), { labelId: i } = N(d.MONTH), { partValue: m, partError: c, onPartChange: f } = P(d.MONTH), { t: b } = T(), [y, C] = G(!1), [v, L] = G(null), _ = r ? void 0 : b("field.date.placeholder.month"), D = w((V) => {
     o || f(typeof V == "string" ? V : "");
   }, [
     f,
@@ -87,10 +87,10 @@ const l = ({ children: e, className: a }) => {
     "data-invalid": r || void 0,
     "data-readonly": o || void 0
   }, /* @__PURE__ */ t.createElement(Ee, null), e);
-}, B = ({ children: e, className: a }) => {
-  const { language: n } = x(), o = T(() => be(n), [
+}, x = ({ children: e, className: a }) => {
+  const { language: n } = B(), o = O(() => be(n), [
     n
-  ]), s = u(e, B.Option) ?? /* @__PURE__ */ t.createElement(B.Option, null);
+  ]), s = u(e, x.Option) ?? /* @__PURE__ */ t.createElement(x.Option, null);
   return /* @__PURE__ */ t.createElement(De, {
     className: a,
     containerPadding: 0,
@@ -110,8 +110,8 @@ const l = ({ children: e, className: a }) => {
 };
 F.Label = Me;
 F.Trigger = Se;
-F.Options = B;
-B.Option = Re;
+F.Options = x;
+x.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), f = u(e, A.Label), b = u(e, A.Input);
   return /* @__PURE__ */ t.createElement("div", {
@@ -129,7 +129,7 @@ const A = ({ children: e, className: a }) => {
   datePart: d.DAY,
   className: e
 }), ke = ({ className: e }) => {
-  const { id: a, hidePlaceholder: n } = g(), { inputId: o } = N(d.DAY), { isFirstPart: s } = P(d.DAY), { t: r } = O(), i = z(null), m = n ? void 0 : r("field.date.placeholder.day");
+  const { id: a, hidePlaceholder: n } = g(), { inputId: o } = N(d.DAY), { isFirstPart: s } = P(d.DAY), { t: r } = T(), i = z(null), m = n ? void 0 : r("field.date.placeholder.day");
   return $(() => {
     var c;
     s && ((c = i.current) == null || c.focus());
@@ -162,7 +162,7 @@ const k = ({ children: e, className: a }) => {
   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 = z(null), m = n ? void 0 : r("field.date.placeholder.year");
+  const { id: a, hidePlaceholder: n } = g(), { inputId: o } = N(d.YEAR), { isFirstPart: s } = P(d.YEAR), { t: r } = T(), i = z(null), m = n ? void 0 : r("field.date.placeholder.year");
   return $(() => {
     var c;
     s && ((c = i.current) == null || c.focus());
@@ -193,7 +193,7 @@ const I = ({ children: e, className: a }) => {
     hourCycle: s ? 24 : 12
   }, y));
 }, Ye = ({ className: e }) => {
-  const { inputId: a, labelId: n } = N("time"), { t: o } = O(), s = o("field.date.label.time");
+  const { inputId: a, labelId: n } = N("time"), { t: o } = T(), s = o("field.date.label.time");
   return /* @__PURE__ */ t.createElement("label", {
     id: n,
     htmlFor: a,
@@ -227,7 +227,7 @@ const I = ({ children: e, className: a }) => {
     }
   });
 }, we = ({ className: e, ...a }) => {
-  const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = n ? void 0 : s("field.date.placeholder.hour");
+  const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = T(), r = n ? void 0 : s("field.date.placeholder.hour");
   return /* @__PURE__ */ t.createElement(U, {
     segment: o,
     className: e,
@@ -235,8 +235,8 @@ const I = ({ children: e, className: a }) => {
       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");
+}, xe = ({ className: e, ...a }) => {
+  const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = T(), r = n ? void 0 : s("field.date.placeholder.minute");
   return /* @__PURE__ */ t.createElement(U, {
     segment: o,
     className: e,
@@ -244,8 +244,8 @@ const I = ({ children: e, className: a }) => {
       placeholder: r
     }
   });
-}, xe = ({ className: e, ...a }) => {
-  const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = re(fe), i = n ? void 0 : s("field.date.placeholder.period"), m = () => r == null ? void 0 : r.increment("dayPeriod");
+}, Be = ({ className: e, ...a }) => {
+  const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = T(), r = re(fe), 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,
@@ -258,8 +258,8 @@ const I = ({ children: e, className: a }) => {
 I.Label = Ye;
 I.Input = He;
 I.Hour = we;
-I.Minute = Be;
-I.Period = xe;
+I.Minute = xe;
+I.Period = Be;
 l.Label = _e;
 l.Month = F;
 l.Day = A;
@@ -269,7 +269,7 @@ l.Description = ge;
 l.Error = Ie;
 function N(e) {
   const { inputId: a } = K();
-  return T(() => {
+  return O(() => {
     const n = e.toLowerCase();
     return {
       inputId: `${a}-${n}-input`,
@@ -281,14 +281,14 @@ function N(e) {
   ]);
 }
 function P(e) {
-  const { value: a, onChange: n, hasError: o = !1 } = g(), { regionalFormat: s } = x(), [r, i] = T(() => j(a ?? ""), [
+  const { value: a, onChange: n, hasError: o = !1 } = g(), { regionalFormat: s } = B(), [r, i] = O(() => j(a ?? ""), [
     a
-  ]), m = T(() => oe(o, a ?? ""), [
+  ]), m = O(() => oe(o, a ?? ""), [
     a,
     o
-  ]), c = T(() => le(r), [
+  ]), c = O(() => le(r), [
     r
-  ]), f = T(() => Ue(i), [
+  ]), f = O(() => Ue(i), [
     i
   ]), b = w((L) => {
     const _ = ze(L), D = J(r, _);
@@ -304,7 +304,7 @@ function P(e) {
     a,
     c,
     e
-  ]), C = T(() => e === "time" ? !1 : Q(s).filter(W).map((D) => D.toUpperCase())[0] === e, [
+  ]), C = O(() => e === "time" ? !1 : Q(s).filter(W).map((D) => D.toUpperCase())[0] === e, [
     s,
     e
   ]);
@@ -321,7 +321,7 @@ function P(e) {
   };
 }
 function q({ datePart: e, className: a }) {
-  const { inputId: n, labelId: o } = N(e), { t: s } = O(), r = `field.date.label.${e.toLowerCase()}`, i = s(r);
+  const { inputId: n, labelId: o } = N(e), { t: s } = T(), r = `field.date.label.${e.toLowerCase()}`, i = s(r);
   return /* @__PURE__ */ t.createElement("label", {
     id: o,
     htmlFor: n,
@@ -366,7 +366,7 @@ const $e = "_fields_1khoa_1", qe = "_month_1khoa_10", Ge = "_day_1khoa_11", je =
   content: e,
   locale: a
 }), Nt = () => {
-  const { isMobile: e } = x();
+  const { isMobile: e } = B();
   return /* @__PURE__ */ t.createElement(l, {
     className: p(h.fields, {
       [h.mobile]: e
@@ -374,7 +374,7 @@ const $e = "_fields_1khoa_1", qe = "_month_1khoa_10", Ge = "_day_1khoa_11", je =
   }, /* @__PURE__ */ t.createElement(l.Label, {
     className: p(S, E.label)
   }, /* @__PURE__ */ t.createElement(l.Label.Required, {
-    className: p(Oe, E.requiredMark)
+    className: p(Te, E.requiredMark)
   })), /* @__PURE__ */ t.createElement(l.Month, {
     className: h.month
   }, /* @__PURE__ */ t.createElement(l.Month.Label, {
@@ -413,7 +413,7 @@ const $e = "_fields_1khoa_1", qe = "_month_1khoa_10", Ge = "_day_1khoa_11", je =
     className: p(h.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, {
+  }, /* @__PURE__ */ t.createElement(Oe, null), /* @__PURE__ */ t.createElement(l.Error.Text, null)), /* @__PURE__ */ t.createElement(l.Description, {
     className: p(Ce, E.description)
   }, rt));
 };

package/dist/component/{date-time-input-rac-BARK1BJc.js → date-time-input-rac-DzdCno0L.js}

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

package/dist/component/{dext-checkbox-group-rac-CWc0W-zr.js → dext-checkbox-group-rac-CNCpeolD.js}

@@ -1,6 +1,6 @@
 import o from "react";
-import { ai as e, h as t } from "./form-BmioUKtQ.js";
-import { C as p } from "./checkbox-group-field-rac-CJfbT13O.js";
+import { ai as e, h as t } from "./form-f0tqdMye.js";
+import { C as p } from "./checkbox-group-field-rac-CZW28rj5.js";
 import { D as s } from "./default-limits-D7qVv_Hv.js";
 const C = () => {
   const r = {

package/dist/component/{dext-checkbox-rac-NKcTYwpg.js → dext-checkbox-rac-BYDQ58Mo.js}

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

package/dist/component/{dext-date-picker-rac-SllyCpYt.js → dext-date-picker-rac-aYYk8Nrl.js}

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

package/dist/component/{dext-date-time-input-rac-JT9Pa7TG.js → dext-date-time-input-rac-v2v974p5.js}

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

package/dist/component/{dext-dropdown-rac-aBU9t_U4.js → dext-dropdown-rac-C846KZCe.js}

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

package/dist/component/{dext-email-rac-DKoJiyjE.js → dext-email-rac-izjbfME9.js}

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

package/dist/component/{dext-number-input-rac-BHkzAyzd.js → dext-number-input-rac-CnOFsD7l.js}

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

package/dist/component/{dext-phone-rac-Ou-fxcN5.js → dext-phone-rac-D8GMXD88.js}

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

package/dist/component/{dext-radio-group-rac-CH0WlRsF.js → dext-radio-group-rac-BtiyGCRh.js}

@@ -1,6 +1,6 @@
 import r from "react";
-import { ai as e, h as t } from "./form-BmioUKtQ.js";
-import { R as p } from "./radio-group-field-rac-BkoqJYp4.js";
+import { ai as e, h as t } from "./form-f0tqdMye.js";
+import { R as p } from "./radio-group-field-rac-CYBDq7R1.js";
 import { a } from "./default-limits-D7qVv_Hv.js";
 const l = () => {
   const o = {