@wix/form-elements 1.82.0 → 1.83.0

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

@@ -1,20 +1,20 @@
 import { RicosViewer as G } from "@wix/ricos/viewer";
 import C from "classnames";
 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 { D, ai as v, af as A, ab as S, ak as z } from "./form-D0eeH0lX.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-BErhh9GG.js";
-import { L as pe } from "./field-label-headless-BGyK-5xW.js";
+import { D as ge, E as Ee } from "./field-error-headless-DAy-1oAQ.js";
+import { L as pe } from "./field-label-headless-BWxHmO0c.js";
 import { D as De, N as I, S as w } from "./non-modal-popover-DtIMXHbe.js";
-import { i as fe } from "./date-availability-2ek2RtXx.js";
+import { i as fe } from "./date-availability-COM2EaRy.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 { y as Ce, O as he, x as ve, A as Se, o as Te, i as be } from "./form-element-classes-jC8D0LnK.js";
+import { s as p } from "./field-rac.module-D06m9T9x.js";
+import { y as Ce, O as he, x as ve, A as Se, o as Te, i as be } from "./form-element-classes-Ct1UaxuQ.js";
 const _e = [
   D.SUNDAY,
   D.MONDAY,

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

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

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

@@ -1,35 +1,36 @@
-import { RicosViewer as ne } from "@wix/ricos/viewer";
+import { RicosViewer as re } from "@wix/ricos/viewer";
 import p from "classnames";
-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 t, { useMemo as L, useState as q, useCallback as H, useRef as U, useContext as oe } from "react";
+import { ai as g, af as Q, ab as w, J as W, a1 as X, r as d, as as O, a5 as G, O as le, x as se, a8 as ie, y as j, ak as z } from "./form-D0eeH0lX.js";
+import { parseTime as ce } from "@internationalized/date";
+import { UNSAFE_PortalProvider as me } from "react-aria";
+import { ListBoxItem as de, ListBox as ue, Select as pe, TextField as Z, TimeField as Ee, SelectValue as he, Input as ee, DateInput as fe, DateSegment as B, TimeFieldStateContext as be } 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-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 { g as ge } from "./helpers-HmkkXrh2.js";
+import { D as Ie, E as _e } from "./field-error-headless-DAy-1oAQ.js";
+import { L as ye } from "./field-label-headless-BWxHmO0c.js";
+import { F as De } from "./fieldset-headless-CD3fds9J.js";
+import { N as Ne, S as Te } from "./non-modal-popover-DtIMXHbe.js";
 import { C as Le } from "./chevron-down-icon-CcpVm6B-.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 { y as S, O as Te, x as H, A as Fe, o as Pe, i as Ce } from "./form-element-classes-jC8D0LnK.js";
+import { s as E } from "./field-rac.module-D06m9T9x.js";
+import { y as S, O as Fe, x as J, A as Ce, o as Pe, i as Me } from "./form-element-classes-Ct1UaxuQ.js";
+import { u as K } from "./use-text-input-class-name-8gMUWeCb.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 } = B(), y = O(() => 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 } = Q(), { regionalFormat: b } = w(), y = L(() => W(b).filter(X).map((M) => M.toUpperCase()), [
     b
-  ]), C = u(e, l.Label), v = u(e, l.Description), L = u(e, l.Error), _ = {
+  ]), P = u(e, l.Label), v = u(e, l.Description), T = u(e, l.Error), _ = {
     [d.MONTH]: u(e, l.Month),
     [d.DAY]: u(e, l.Day),
     [d.YEAR]: u(e, l.Year)
   }, D = u(e, l.Time);
   return /* @__PURE__ */ t.createElement(i, {
     fieldId: n,
-    renderLabel: () => R(C, {
+    renderLabel: () => R(P, {
       as: "div"
     }),
-    renderInput: () => /* @__PURE__ */ t.createElement(ye, {
+    renderInput: () => /* @__PURE__ */ t.createElement(De, {
       id: m,
       ariaLabelledBy: c,
       ariaDescribedBy: f,
@@ -38,30 +39,30 @@ const l = ({ children: e, className: a }) => {
       onFocus: r,
       className: a
     }, _[y[0]], _[y[1]], _[y[2]], D),
-    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, L, v)
+    renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, T, 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 } = T(), [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 } = C(d.MONTH), { t: b } = O(), [y, P] = q(!1), [v, T] = q(null), _ = r ? void 0 : b("field.date.placeholder.month"), D = H((V) => {
     o || f(typeof V == "string" ? V : "");
   }, [
     f,
     o
-  ]), M = w((V) => {
-    C(V && !o);
+  ]), M = H((V) => {
+    P(V && !o);
   }, [
     o
-  ]), ee = u(e, F.Label), te = u(e, F.Trigger), ae = u(e, F.Options);
+  ]), te = u(e, F.Label), ae = u(e, F.Trigger), ne = u(e, F.Options);
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
-  }, s ? ee : null, /* @__PURE__ */ t.createElement("div", {
-    ref: L,
+  }, s ? te : null, /* @__PURE__ */ t.createElement("div", {
+    ref: T,
     style: {
       display: "contents"
     }
-  }), /* @__PURE__ */ t.createElement(ce, {
+  }), /* @__PURE__ */ t.createElement(me, {
     getContainer: () => v
-  }, /* @__PURE__ */ t.createElement(ue, {
+  }, /* @__PURE__ */ t.createElement(pe, {
     "aria-labelledby": s ? i : void 0,
     value: m || null,
     onChange: D,
@@ -70,54 +71,54 @@ const l = ({ children: e, className: a }) => {
     placeholder: _,
     isOpen: y,
     onOpenChange: M
-  }, te, ae)));
-}, Me = ({ className: e }) => /* @__PURE__ */ t.createElement(q, {
+  }, ae, ne)));
+}, Se = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
   datePart: d.MONTH,
   className: e
-}), Se = ({ children: e, className: a }) => {
-  const { id: n, readOnly: o } = g(), { inputId: s } = N(d.MONTH), { partError: r, isFirstPart: i } = P(d.MONTH), m = z(null);
-  return $(() => {
+}), Re = ({ children: e, className: a }) => {
+  const { id: n, readOnly: o } = g(), { inputId: s } = N(d.MONTH), { partError: r, isFirstPart: i } = C(d.MONTH), m = U(null);
+  return z(() => {
     var c;
     i && ((c = m.current) == null || c.focus());
-  }, n), /* @__PURE__ */ t.createElement(Ne, {
+  }, n), /* @__PURE__ */ t.createElement(Te, {
     ref: m,
     id: s,
     className: a,
     "data-hook": d.MONTH,
     "data-invalid": r || void 0,
     "data-readonly": o || void 0
-  }, /* @__PURE__ */ t.createElement(Ee, null), e);
+  }, /* @__PURE__ */ t.createElement(he, null), e);
 }, x = ({ children: e, className: a }) => {
-  const { language: n } = B(), o = O(() => be(n), [
+  const { language: n } = w(), o = L(() => ge(n), [
     n
   ]), s = u(e, x.Option) ?? /* @__PURE__ */ t.createElement(x.Option, null);
-  return /* @__PURE__ */ t.createElement(De, {
+  return /* @__PURE__ */ t.createElement(Ne, {
     className: a,
     containerPadding: 0,
     offset: 0
-  }, /* @__PURE__ */ t.createElement(de, null, o.map((r, i) => R(s, {
+  }, /* @__PURE__ */ t.createElement(ue, null, o.map((r, i) => R(s, {
     key: String(i + 1),
     value: String(i + 1),
     label: r
   }))));
-}, Re = ({ className: e, ...a }) => {
+}, Ae = ({ className: e, ...a }) => {
   const { value: n, label: o } = a;
-  return /* @__PURE__ */ t.createElement(me, {
+  return /* @__PURE__ */ t.createElement(de, {
     className: e,
     id: n,
     textValue: o
   }, o);
 };
-F.Label = Me;
-F.Trigger = Se;
+F.Label = Se;
+F.Trigger = Re;
 F.Options = x;
-x.Option = Re;
+x.Option = Ae;
 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);
+  const { disabled: n, readOnly: o, showDateLabels: s } = g(), { labelId: r } = N(d.DAY), { partValue: i, partError: m, onPartChange: c } = C(d.DAY), f = u(e, A.Label), b = u(e, A.Input);
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
-  }, s && f, /* @__PURE__ */ t.createElement(X, {
+  }, s && f, /* @__PURE__ */ t.createElement(Z, {
     "aria-labelledby": s ? r : void 0,
     value: i,
     onChange: c,
@@ -125,15 +126,15 @@ const A = ({ children: e, className: a }) => {
     isReadOnly: o,
     isInvalid: m
   }, b));
-}, Ae = ({ className: e }) => /* @__PURE__ */ t.createElement(q, {
+}, ke = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
   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 } = T(), i = z(null), m = n ? void 0 : r("field.date.placeholder.day");
-  return $(() => {
+}), ve = ({ className: e }) => {
+  const { id: a, hidePlaceholder: n } = g(), { inputId: o } = N(d.DAY), { isFirstPart: s } = C(d.DAY), { t: r } = O(), i = U(null), m = n ? void 0 : r("field.date.placeholder.day");
+  return z(() => {
     var c;
     s && ((c = i.current) == null || c.focus());
-  }, a), /* @__PURE__ */ t.createElement(Z, {
+  }, a), /* @__PURE__ */ t.createElement(ee, {
     ref: i,
     id: o,
     className: e,
@@ -143,14 +144,14 @@ const A = ({ children: e, className: a }) => {
     "data-hook": d.DAY
   });
 };
-A.Label = Ae;
-A.Input = ke;
+A.Label = ke;
+A.Input = ve;
 const k = ({ children: e, className: a }) => {
-  const { disabled: n, readOnly: o, showDateLabels: s } = g(), { labelId: r } = N(d.YEAR), { partValue: i, partError: m, onPartChange: c } = P(d.YEAR), f = u(e, k.Label), b = u(e, k.Input);
+  const { disabled: n, readOnly: o, showDateLabels: s } = g(), { labelId: r } = N(d.YEAR), { partValue: i, partError: m, onPartChange: c } = C(d.YEAR), f = u(e, k.Label), b = u(e, k.Input);
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
-  }, s && f, /* @__PURE__ */ t.createElement(X, {
+  }, s && f, /* @__PURE__ */ t.createElement(Z, {
     "aria-labelledby": s ? r : void 0,
     value: i,
     onChange: c,
@@ -158,15 +159,15 @@ const k = ({ children: e, className: a }) => {
     isReadOnly: o,
     isInvalid: m
   }, b));
-}, ve = ({ className: e }) => /* @__PURE__ */ t.createElement(q, {
+}, Ve = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
   datePart: d.YEAR,
   className: e
-}), Ve = ({ className: e }) => {
-  const { id: a, hidePlaceholder: n } = g(), { inputId: o } = N(d.YEAR), { isFirstPart: s } = P(d.YEAR), { t: r } = T(), i = z(null), m = n ? void 0 : r("field.date.placeholder.year");
-  return $(() => {
+}), Ye = ({ className: e }) => {
+  const { id: a, hidePlaceholder: n } = g(), { inputId: o } = N(d.YEAR), { isFirstPart: s } = C(d.YEAR), { t: r } = O(), i = U(null), m = n ? void 0 : r("field.date.placeholder.year");
+  return z(() => {
     var c;
     s && ((c = i.current) == null || c.focus());
-  }, a), /* @__PURE__ */ t.createElement(Z, {
+  }, a), /* @__PURE__ */ t.createElement(ee, {
     ref: i,
     id: o,
     className: e,
@@ -176,14 +177,14 @@ const k = ({ children: e, className: a }) => {
     "data-hook": d.YEAR
   });
 };
-k.Label = ve;
-k.Input = Ve;
+k.Label = Ve;
+k.Input = Ye;
 const I = ({ children: e, className: a }) => {
-  const { disabled: n, readOnly: o, use24HourFormat: s, showDateLabels: r } = g(), { labelId: i } = N("time"), { partValue: m, partError: c, onPartChange: f } = P("time"), b = u(e, I.Label), y = u(e, I.Input);
+  const { disabled: n, readOnly: o, use24HourFormat: s, showDateLabels: r } = g(), { labelId: i } = N("time"), { partValue: m, partError: c, onPartChange: f } = C("time"), b = u(e, I.Label), y = u(e, I.Input);
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
-  }, r && b, /* @__PURE__ */ t.createElement(pe, {
+  }, r && b, /* @__PURE__ */ t.createElement(Ee, {
     "aria-labelledby": r ? i : void 0,
     value: m,
     onChange: f,
@@ -192,16 +193,16 @@ const I = ({ children: e, className: a }) => {
     isInvalid: c,
     hourCycle: s ? 24 : 12
   }, y));
-}, Ye = ({ className: e }) => {
-  const { inputId: a, labelId: n } = N("time"), { t: o } = T(), s = o("field.date.label.time");
+}, He = ({ className: e }) => {
+  const { inputId: a, labelId: n } = N("time"), { t: o } = O(), s = o("field.date.label.time");
   return /* @__PURE__ */ t.createElement("label", {
     id: n,
     htmlFor: a,
     className: e
   }, s);
-}, He = ({ children: e, className: a }) => {
+}, xe = ({ children: e, className: a }) => {
   const n = u(e, I.Hour), o = u(e, I.Minute), s = u(e, I.Period);
-  return /* @__PURE__ */ t.createElement(he, {
+  return /* @__PURE__ */ t.createElement(fe, {
     className: a,
     "data-hook": "time"
   }, (r) => {
@@ -219,7 +220,7 @@ const I = ({ children: e, className: a }) => {
           segment: r
         }) || /* @__PURE__ */ t.createElement(t.Fragment, null);
       case "literal":
-        return /* @__PURE__ */ t.createElement(U, {
+        return /* @__PURE__ */ t.createElement(B, {
           segment: r
         });
       default:
@@ -227,26 +228,26 @@ const I = ({ children: e, className: a }) => {
     }
   });
 }, we = ({ className: e, ...a }) => {
-  const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = T(), r = n ? void 0 : s("field.date.placeholder.hour");
-  return /* @__PURE__ */ t.createElement(U, {
+  const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = n ? void 0 : s("field.date.placeholder.hour");
+  return /* @__PURE__ */ t.createElement(B, {
     segment: o,
     className: e,
     ...r && {
       placeholder: r
     }
   });
-}, 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, {
+}, Be = ({ className: e, ...a }) => {
+  const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = n ? void 0 : s("field.date.placeholder.minute");
+  return /* @__PURE__ */ t.createElement(B, {
     segment: o,
     className: e,
     ...r && {
       placeholder: r
     }
   });
-}, 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, {
+}, Ue = ({ className: e, ...a }) => {
+  const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = oe(be), i = n ? void 0 : s("field.date.placeholder.period"), m = () => r == null ? void 0 : r.increment("dayPeriod");
+  return /* @__PURE__ */ t.createElement(B, {
     segment: o,
     className: e,
     onClick: m,
@@ -255,21 +256,21 @@ const I = ({ children: e, className: a }) => {
     }
   });
 };
-I.Label = Ye;
-I.Input = He;
+I.Label = He;
+I.Input = xe;
 I.Hour = we;
-I.Minute = xe;
-I.Period = Be;
-l.Label = _e;
+I.Minute = Be;
+I.Period = Ue;
+l.Label = ye;
 l.Month = F;
 l.Day = A;
 l.Year = k;
 l.Time = I;
-l.Description = ge;
-l.Error = Ie;
+l.Description = Ie;
+l.Error = _e;
 function N(e) {
-  const { inputId: a } = K();
-  return O(() => {
+  const { inputId: a } = Q();
+  return L(() => {
     const n = e.toLowerCase();
     return {
       inputId: `${a}-${n}-input`,
@@ -280,31 +281,31 @@ function N(e) {
     e
   ]);
 }
-function P(e) {
-  const { value: a, onChange: n, hasError: o = !1 } = g(), { regionalFormat: s } = B(), [r, i] = O(() => j(a ?? ""), [
+function C(e) {
+  const { value: a, onChange: n, hasError: o = !1 } = g(), { regionalFormat: s } = w(), [r, i] = L(() => G(a ?? ""), [
     a
-  ]), m = O(() => oe(o, a ?? ""), [
+  ]), m = L(() => le(o, a ?? ""), [
     a,
     o
-  ]), c = O(() => le(r), [
+  ]), c = L(() => se(r), [
     r
-  ]), f = O(() => Ue(i), [
+  ]), f = L(() => ze(i), [
     i
-  ]), b = w((L) => {
-    const _ = ze(L), D = J(r, _);
+  ]), b = H((T) => {
+    const _ = $e(T), D = j(r, _);
     n(D);
   }, [
     n,
     r
-  ]), y = w((L) => {
-    const [, _] = j(a ?? ""), D = se(L, e, c), M = J(D, _);
+  ]), y = H((T) => {
+    const [, _] = G(a ?? ""), D = ie(T, e, c), M = j(D, _);
     n(M);
   }, [
     n,
     a,
     c,
     e
-  ]), C = O(() => e === "time" ? !1 : Q(s).filter(W).map((D) => D.toUpperCase())[0] === e, [
+  ]), P = L(() => e === "time" ? !1 : W(s).filter(X).map((D) => D.toUpperCase())[0] === e, [
     s,
     e
   ]);
@@ -317,27 +318,27 @@ function P(e) {
     partValue: c[e] || "",
     partError: m[e],
     onPartChange: y,
-    isFirstPart: C
+    isFirstPart: P
   };
 }
-function q({ datePart: e, className: a }) {
-  const { inputId: n, labelId: o } = N(e), { t: s } = T(), r = `field.date.label.${e.toLowerCase()}`, i = s(r);
+function $({ datePart: e, className: a }) {
+  const { inputId: n, labelId: o } = N(e), { t: s } = O(), r = `field.date.label.${e.toLowerCase()}`, i = s(r);
   return /* @__PURE__ */ t.createElement("label", {
     id: o,
     htmlFor: n,
     className: a
   }, i);
 }
-function Ue(e) {
+function ze(e) {
   if (!e)
     return null;
   try {
-    return ie(e);
+    return ce(e);
   } catch {
     return null;
   }
 }
-function ze(e) {
+function $e(e) {
   if (!e)
     return null;
   const a = String(e.hour).padStart(2, "0"), n = String(e.minute).padStart(2, "0"), o = String(e.second).padStart(2, "0");
@@ -347,26 +348,26 @@ function ze(e) {
     o
   ].join(":");
 }
-const $e = "_fields_1khoa_1", qe = "_month_1khoa_10", Ge = "_day_1khoa_11", je = "_year_1khoa_12", Je = "_timeGroup_1khoa_13", Ke = "_mobile_1khoa_32", Qe = "_dayInput_1khoa_45", We = "_yearInput_1khoa_46", Xe = "_monthTrigger_1khoa_50", Ze = "_monthOption_1khoa_70", et = "_time_1khoa_13", tt = "_hour_1khoa_89", at = "_minute_1khoa_90", nt = "_period_1khoa_91", h = {
-  fields: $e,
-  month: qe,
-  day: Ge,
-  year: je,
-  timeGroup: Je,
-  mobile: Ke,
-  dayInput: Qe,
-  yearInput: We,
-  monthTrigger: Xe,
-  monthOption: Ze,
-  time: et,
-  hour: tt,
-  minute: at,
-  period: nt
-}, rt = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement(ne, {
+const qe = "_fields_1khoa_1", Ge = "_month_1khoa_10", je = "_day_1khoa_11", Je = "_year_1khoa_12", Ke = "_timeGroup_1khoa_13", Qe = "_mobile_1khoa_32", We = "_dayInput_1khoa_45", Xe = "_yearInput_1khoa_46", Ze = "_monthTrigger_1khoa_50", et = "_monthOption_1khoa_70", tt = "_time_1khoa_13", at = "_hour_1khoa_89", nt = "_minute_1khoa_90", rt = "_period_1khoa_91", h = {
+  fields: qe,
+  month: Ge,
+  day: je,
+  year: Je,
+  timeGroup: Ke,
+  mobile: Qe,
+  dayInput: We,
+  yearInput: Xe,
+  monthTrigger: Ze,
+  monthOption: et,
+  time: tt,
+  hour: at,
+  minute: nt,
+  period: rt
+}, ot = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement(re, {
   content: e,
   locale: a
-}), Nt = () => {
-  const { isMobile: e } = B();
+}), Lt = () => {
+  const { isMobile: e } = w(), a = K(h.dayInput), n = K(h.yearInput);
   return /* @__PURE__ */ t.createElement(l, {
     className: p(h.fields, {
       [h.mobile]: e
@@ -374,17 +375,17 @@ 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(Te, E.requiredMark)
+    className: p(Fe, E.requiredMark)
   })), /* @__PURE__ */ t.createElement(l.Month, {
     className: h.month
   }, /* @__PURE__ */ t.createElement(l.Month.Label, {
     className: p(S, E.label)
   }), /* @__PURE__ */ t.createElement(l.Month.Trigger, {
-    className: p(H, E.input, h.monthTrigger)
+    className: p(J, E.input, h.monthTrigger)
   }, /* @__PURE__ */ t.createElement(Le, {
     className: E.dropdownIcon
   })), /* @__PURE__ */ t.createElement(l.Month.Options, {
-    className: p(Fe, E.selectPopover, E.dropdownPopover)
+    className: p(Ce, E.selectPopover, E.dropdownPopover)
   }, /* @__PURE__ */ t.createElement(l.Month.Options.Option, {
     className: p(E.selectOption, h.monthOption, Y)
   }))), /* @__PURE__ */ t.createElement(l.Day, {
@@ -392,19 +393,19 @@ const $e = "_fields_1khoa_1", qe = "_month_1khoa_10", Ge = "_day_1khoa_11", je =
   }, /* @__PURE__ */ t.createElement(l.Day.Label, {
     className: p(S, E.label)
   }), /* @__PURE__ */ t.createElement(l.Day.Input, {
-    className: p(H, E.input, h.dayInput)
+    className: a
   })), /* @__PURE__ */ t.createElement(l.Year, {
     className: h.year
   }, /* @__PURE__ */ t.createElement(l.Year.Label, {
     className: p(S, E.label)
   }), /* @__PURE__ */ t.createElement(l.Year.Input, {
-    className: p(H, E.input, h.yearInput)
+    className: n
   })), /* @__PURE__ */ t.createElement(l.Time, {
     className: h.timeGroup
   }, /* @__PURE__ */ t.createElement(l.Time.Label, {
     className: p(S, E.label)
   }), /* @__PURE__ */ t.createElement(l.Time.Input, {
-    className: p(H, E.input, h.time)
+    className: p(J, E.input, h.time)
   }, /* @__PURE__ */ t.createElement(l.Time.Hour, {
     className: p(h.hour, Y)
   }), /* @__PURE__ */ t.createElement(l.Time.Minute, {
@@ -414,9 +415,9 @@ const $e = "_fields_1khoa_1", qe = "_month_1khoa_10", Ge = "_day_1khoa_11", je =
   }))), /* @__PURE__ */ t.createElement(l.Error, {
     className: p(Pe, E.error)
   }, /* @__PURE__ */ t.createElement(Oe, null), /* @__PURE__ */ t.createElement(l.Error.Text, null)), /* @__PURE__ */ t.createElement(l.Description, {
-    className: p(Ce, E.description)
-  }, rt));
+    className: p(Me, E.description)
+  }, ot));
 };
 export {
-  Nt as D
+  Lt as D
 };

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/component/{dext-email-rac-izjbfME9.js → dext-email-rac-a8qXYTLP.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 l = () => /* @__PURE__ */ t.createElement(e, null);
 export {
   l as DextEmailRAC

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

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

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

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

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

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

package/dist/component/{dext-rating-input-rac-BHJ1kitb.js → dext-rating-input-rac-BZ1EvOkG.js}

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