@wix/form-elements 1.62.0 → 1.64.0

package/dist/component/{date-picker-field-rac-BtzlxVDB.js → date-picker-field-rac-SL_Roltf.js}

@@ -1,20 +1,20 @@
 import { RicosViewer as G } from "@wix/ricos/viewer";
 import y from "classnames";
-import e, { useState as Q, useCallback as F, useContext as Z, useRef as L, useMemo as _ } from "react";
-import { D, ag as v, ad as A, aa as S, ai as z } from "./form-D6A2hUbV.js";
-import { parseDate as J } from "@internationalized/date";
+import e, { useState as J, 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-9yjqDnxY.js";
+import { parseDate as z } 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 M, ListBoxItem as k } from "react-aria-components";
+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-DP4WSQU3.js";
-import { L as pe } from "./field-label-headless-BKmi7Fjg.js";
+import { D as ge, E as Ee } from "./field-error-headless-DrnFrGun.js";
+import { L as pe } from "./field-label-headless-BIYf1BIh.js";
 import { D as De, N as I, S as w } from "./non-modal-popover-DtIMXHbe.js";
-import { i as fe } from "./date-availability-CRsSX5_d.js";
+import { i as fe } from "./date-availability-B8UwvTJa.js";
 import { C as N } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as Ce } from "./error-icon-hZxQ6DEy.js";
-import { s as p } from "./field-rac.module-DtugsLiL.js";
-import { r as ye, H as he, q as ve, u as Se, l as Te, h as be } from "./form-element-classes-Bi-nNM8q.js";
+import { s as p } from "./field-rac.module-CWkwwhq4.js";
+import { t as ye, J as he, s as ve, w as Se, n as Te, j as be } from "./form-element-classes-KRzHUNLu.js";
 const _e = [
   D.SUNDAY,
   D.MONDAY,
@@ -26,15 +26,15 @@ 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: C } = A(), { regionalFormat: s } = S(), [T, Y] = Q(null), B = F((H) => {
-    const j = ke(H);
-    l(j);
+  const { id: r, value: n, onChange: l, disabled: i, required: c, onBlur: d, onFocus: o, FieldLayout: m, hasError: u, readOnly: f } = v(), { labelId: C } = A(), { regionalFormat: s } = S(), [T, Y] = J(null), B = F((j) => {
+    const H = Me(j);
+    l(H);
   }, [
     l
-  ]), q = E(t, a.Label), V = E(t, a.Control), U = E(t, a.Calendar), W = E(t, a.Description), K = E(t, a.Error), $ = Me(n);
+  ]), V = E(t, a.Label), q = E(t, a.Control), U = E(t, a.Calendar), W = E(t, a.Description), K = E(t, a.Error), $ = ke(n);
   return /* @__PURE__ */ e.createElement(m, {
     fieldId: r,
-    renderLabel: () => q,
+    renderLabel: () => V,
     renderInput: () => /* @__PURE__ */ e.createElement(ee, {
       locale: s
     }, /* @__PURE__ */ e.createElement("div", {
@@ -54,11 +54,11 @@ const _e = [
       isRequired: c,
       onBlur: d,
       onFocus: o
-    }, V, U))),
+    }, q, U))),
     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 = Z(re), m = F((u) => {
+  const { inputId: n, ariaDescribedBy: l } = A(), { hasError: i, disabled: c, readOnly: d } = v(), o = Q(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);
@@ -165,9 +165,9 @@ const _e = [
   }, /* @__PURE__ */ e.createElement(x, null), t), /* @__PURE__ */ e.createElement(I, {
     className: o,
     containerPadding: 0
-  }, /* @__PURE__ */ e.createElement(M, {
+  }, /* @__PURE__ */ e.createElement(k, {
     items: d
-  }, (m) => /* @__PURE__ */ e.createElement(k, {
+  }, (m) => /* @__PURE__ */ e.createElement(M, {
     id: m.id
   }, m.formatted))));
 }, xe = ({ children: t, className: r, ...n }) => {
@@ -181,9 +181,9 @@ const _e = [
   }, /* @__PURE__ */ e.createElement(x, null), t), /* @__PURE__ */ e.createElement(I, {
     className: o,
     containerPadding: 0
-  }, /* @__PURE__ */ e.createElement(M, {
+  }, /* @__PURE__ */ e.createElement(k, {
     items: d
-  }, (m) => /* @__PURE__ */ e.createElement(k, {
+  }, (m) => /* @__PURE__ */ e.createElement(M, {
     id: m.id
   }, m.formatted))));
 };
@@ -199,16 +199,16 @@ a.Trigger = Pe;
 a.Calendar = g;
 a.Description = ge;
 a.Error = Ee;
-function Me(t) {
+function ke(t) {
   if (!t)
     return null;
   try {
-    return J(t);
+    return z(t);
   } catch {
     return null;
   }
 }
-function ke(t) {
+function Me(t) {
   if (!t)
     return null;
   const r = String(t.year).padStart(4, "0"), n = String(t.month).padStart(2, "0"), l = String(t.day).padStart(2, "0");
@@ -250,22 +250,22 @@ const Be = (t) => /* @__PURE__ */ e.createElement("svg", {
   strokeWidth: "1.5",
   strokeLinecap: "round",
   strokeLinejoin: "round"
-})), qe = "_control_1xqv5_1", Ve = "_segments_1xqv5_14", Ue = "_trigger_1xqv5_65", We = "_calendarPopover_1xqv5_96", Ke = "_calendarDay_1xqv5_219", $e = "_mobile_1xqv5_262", h = {
-  control: qe,
-  segments: Ve,
+})), Ve = "_control_1xqv5_1", qe = "_segments_1xqv5_14", Ue = "_trigger_1xqv5_65", We = "_calendarPopover_1xqv5_96", Ke = "_calendarDay_1xqv5_219", $e = "_mobile_1xqv5_262", h = {
+  control: Ve,
+  segments: qe,
   trigger: Ue,
   calendarPopover: We,
   calendarDay: Ke,
   mobile: $e
-}, He = ({ content: t, locale: r }) => /* @__PURE__ */ e.createElement(G, {
+}, je = ({ content: t, locale: r }) => /* @__PURE__ */ e.createElement(G, {
   content: t,
   locale: r
-}), je = {
+}), He = {
   left: 90,
   right: -90
 }, P = ({ direction: t }) => /* @__PURE__ */ e.createElement(N, {
   style: {
-    transform: `rotate(${je[t]}deg)`
+    transform: `rotate(${He[t]}deg)`
   }
 }), ut = () => {
   const { isMobile: t } = S();
@@ -297,7 +297,7 @@ const Be = (t) => /* @__PURE__ */ e.createElement("svg", {
     className: y(Te, p.error)
   }, /* @__PURE__ */ e.createElement(Ce, null), /* @__PURE__ */ e.createElement(a.Error.Text, null)), /* @__PURE__ */ e.createElement(a.Description, {
     className: y(be, p.description)
-  }, He));
+  }, je));
 };
 export {
   ut as D

package/dist/component/{date-picker-rac-C-Aw6W87.js → date-picker-rac-ByrM0YIX.js}

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

package/dist/component/{date-time-input-field-rac-zre1vJ2m.js → date-time-input-field-rac-DOE7xcKi.js}

@@ -1,50 +1,50 @@
 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 q, useContext as re } from "react";
-import { ag as g, ad as Q, aa as k, H as J, a0 as W, r as d, aq as O, a4 as K, K as oe, w as le, a7 as se, x as j, ai as z } from "./form-D6A2hUbV.js";
+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 B, 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-9yjqDnxY.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 fe, DateSegment as U, TimeFieldStateContext as he } from "react-aria-components";
+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-DP4WSQU3.js";
-import { L as _e } from "./field-label-headless-BKmi7Fjg.js";
-import { F as De } from "./fieldset-headless-CD3fds9J.js";
-import { N as ye, S as Ne } from "./non-modal-popover-DtIMXHbe.js";
+import { D as ge, E as Ie } from "./field-error-headless-DrnFrGun.js";
+import { L as _e } from "./field-label-headless-BIYf1BIh.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 { H as Y } from "./custom-focus-class-_483Pkwp.js";
-import { s as E } from "./field-rac.module-DtugsLiL.js";
-import { r as S, H as Oe, q as H, u as Fe, l as Pe, h as Ce } from "./form-element-classes-Bi-nNM8q.js";
+import { s as E } from "./field-rac.module-CWkwwhq4.js";
+import { t as S, J as Oe, s as H, w as Fe, n as Pe, j as Ce } from "./form-element-classes-KRzHUNLu.js";
 const l = ({ children: e, className: a }) => {
-  const { id: n, required: o, onBlur: s, onFocus: r, FieldLayout: i } = g(), { inputId: m, labelId: c, ariaDescribedBy: h } = Q(), { regionalFormat: b } = k(), D = T(() => J(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 = T(() => 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),
     [d.DAY]: u(e, l.Day),
     [d.YEAR]: u(e, l.Year)
-  }, y = u(e, l.Time);
+  }, D = u(e, l.Time);
   return /* @__PURE__ */ t.createElement(i, {
     fieldId: n,
     renderLabel: () => R(C, {
       as: "div"
     }),
-    renderInput: () => /* @__PURE__ */ t.createElement(De, {
+    renderInput: () => /* @__PURE__ */ t.createElement(ye, {
       id: m,
       ariaLabelledBy: c,
-      ariaDescribedBy: h,
+      ariaDescribedBy: f,
       required: o,
       onBlur: s,
       onFocus: r,
       className: a
-    }, _[D[0]], _[D[1]], _[D[2]], y),
+    }, _[y[0]], _[y[1]], _[y[2]], D),
     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: h } = P(d.MONTH), { t: b } = O(), [D, C] = G(!1), [v, L] = G(null), _ = r ? void 0 : b("field.date.placeholder.month"), y = w((V) => {
-    o || h(typeof V == "string" ? 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 } = O(), [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 : "");
   }, [
-    h,
+    f,
     o
   ]), M = w((V) => {
     C(V && !o);
@@ -64,19 +64,19 @@ const l = ({ children: e, className: a }) => {
   }, /* @__PURE__ */ t.createElement(ue, {
     "aria-labelledby": s ? i : void 0,
     value: m || null,
-    onChange: y,
+    onChange: D,
     isDisabled: n,
     isInvalid: c,
     placeholder: _,
-    isOpen: D,
+    isOpen: y,
     onOpenChange: M
   }, te, ae)));
-}, Me = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
+}, Me = ({ className: e }) => /* @__PURE__ */ t.createElement(q, {
   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 = q(null);
-  return z(() => {
+  const { id: n, readOnly: o } = g(), { inputId: s } = N(d.MONTH), { partError: r, isFirstPart: i } = P(d.MONTH), m = z(null);
+  return $(() => {
     var c;
     i && ((c = m.current) == null || c.focus());
   }, n), /* @__PURE__ */ t.createElement(Ne, {
@@ -87,11 +87,11 @@ 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 } = k(), o = T(() => be(n), [
+}, x = ({ children: e, className: a }) => {
+  const { language: n } = B(), o = T(() => be(n), [
     n
-  ]), s = u(e, B.Option) ?? /* @__PURE__ */ t.createElement(B.Option, null);
-  return /* @__PURE__ */ t.createElement(ye, {
+  ]), s = u(e, x.Option) ?? /* @__PURE__ */ t.createElement(x.Option, null);
+  return /* @__PURE__ */ t.createElement(De, {
     className: a,
     containerPadding: 0,
     offset: 0
@@ -110,14 +110,14 @@ 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), h = 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 } = P(d.DAY), f = u(e, A.Label), b = u(e, A.Input);
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
-  }, s && h, /* @__PURE__ */ t.createElement(X, {
+  }, s && f, /* @__PURE__ */ t.createElement(X, {
     "aria-labelledby": s ? r : void 0,
     value: i,
     onChange: c,
@@ -125,12 +125,12 @@ const A = ({ children: e, className: a }) => {
     isReadOnly: o,
     isInvalid: m
   }, b));
-}, Ae = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
+}, Ae = ({ className: e }) => /* @__PURE__ */ t.createElement(q, {
   datePart: d.DAY,
   className: e
-}), xe = ({ className: e }) => {
-  const { id: a, hidePlaceholder: n } = g(), { inputId: o } = N(d.DAY), { isFirstPart: s } = P(d.DAY), { t: r } = O(), i = q(null), m = n ? void 0 : r("field.date.placeholder.day");
-  return z(() => {
+}), 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");
+  return $(() => {
     var c;
     s && ((c = i.current) == null || c.focus());
   }, a), /* @__PURE__ */ t.createElement(Z, {
@@ -144,13 +144,13 @@ const A = ({ children: e, className: a }) => {
   });
 };
 A.Label = Ae;
-A.Input = xe;
-const x = ({ 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), h = u(e, x.Label), b = u(e, x.Input);
+A.Input = ke;
+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);
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
-  }, s && h, /* @__PURE__ */ t.createElement(X, {
+  }, s && f, /* @__PURE__ */ t.createElement(X, {
     "aria-labelledby": s ? r : void 0,
     value: i,
     onChange: c,
@@ -158,12 +158,12 @@ const x = ({ children: e, className: a }) => {
     isReadOnly: o,
     isInvalid: m
   }, b));
-}, ve = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
+}, ve = ({ className: e }) => /* @__PURE__ */ t.createElement(q, {
   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 = q(null), m = n ? void 0 : r("field.date.placeholder.year");
-  return z(() => {
+  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");
+  return $(() => {
     var c;
     s && ((c = i.current) == null || c.focus());
   }, a), /* @__PURE__ */ t.createElement(Z, {
@@ -176,22 +176,22 @@ const x = ({ children: e, className: a }) => {
     "data-hook": d.YEAR
   });
 };
-x.Label = ve;
-x.Input = Ve;
+k.Label = ve;
+k.Input = Ve;
 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: h } = P("time"), b = u(e, I.Label), D = u(e, I.Input);
+  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);
   return /* @__PURE__ */ t.createElement("div", {
     className: a,
     "data-date-field": !0
   }, r && b, /* @__PURE__ */ t.createElement(pe, {
     "aria-labelledby": r ? i : void 0,
     value: m,
-    onChange: h,
+    onChange: f,
     isDisabled: n,
     isReadOnly: o,
     isInvalid: c,
     hourCycle: s ? 24 : 12
-  }, D));
+  }, y));
 }, Ye = ({ className: e }) => {
   const { inputId: a, labelId: n } = N("time"), { t: o } = O(), s = o("field.date.label.time");
   return /* @__PURE__ */ t.createElement("label", {
@@ -201,7 +201,7 @@ const I = ({ children: e, className: a }) => {
   }, s);
 }, He = ({ children: e, className: a }) => {
   const n = u(e, I.Hour), o = u(e, I.Minute), s = u(e, I.Period);
-  return /* @__PURE__ */ t.createElement(fe, {
+  return /* @__PURE__ */ t.createElement(he, {
     className: a,
     "data-hook": "time"
   }, (r) => {
@@ -235,7 +235,7 @@ const I = ({ children: e, className: a }) => {
       placeholder: r
     }
   });
-}, Be = ({ className: e, ...a }) => {
+}, xe = ({ 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(U, {
     segment: o,
@@ -244,8 +244,8 @@ const I = ({ children: e, className: a }) => {
       placeholder: r
     }
   });
-}, ke = ({ className: e, ...a }) => {
-  const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = re(he), 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 } = O(), 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,17 +258,17 @@ const I = ({ children: e, className: a }) => {
 I.Label = Ye;
 I.Input = He;
 I.Hour = we;
-I.Minute = Be;
-I.Period = ke;
+I.Minute = xe;
+I.Period = Be;
 l.Label = _e;
 l.Month = F;
 l.Day = A;
-l.Year = x;
+l.Year = k;
 l.Time = I;
 l.Description = ge;
 l.Error = Ie;
 function N(e) {
-  const { inputId: a } = Q();
+  const { inputId: a } = K();
   return T(() => {
     const n = e.toLowerCase();
     return {
@@ -281,46 +281,46 @@ function N(e) {
   ]);
 }
 function P(e) {
-  const { value: a, onChange: n, hasError: o = !1 } = g(), { regionalFormat: s } = k(), [r, i] = T(() => K(a ?? ""), [
+  const { value: a, onChange: n, hasError: o = !1 } = g(), { regionalFormat: s } = B(), [r, i] = T(() => j(a ?? ""), [
     a
   ]), m = T(() => oe(o, a ?? ""), [
     a,
     o
   ]), c = T(() => le(r), [
     r
-  ]), h = T(() => Ue(i), [
+  ]), f = T(() => Ue(i), [
     i
   ]), b = w((L) => {
-    const _ = qe(L), y = j(r, _);
-    n(y);
+    const _ = ze(L), D = J(r, _);
+    n(D);
   }, [
     n,
     r
-  ]), D = w((L) => {
-    const [, _] = K(a ?? ""), y = se(L, e, c), M = j(y, _);
+  ]), y = w((L) => {
+    const [, _] = j(a ?? ""), D = se(L, e, c), M = J(D, _);
     n(M);
   }, [
     n,
     a,
     c,
     e
-  ]), C = T(() => e === "time" ? !1 : J(s).filter(W).map((y) => y.toUpperCase())[0] === e, [
+  ]), C = T(() => e === "time" ? !1 : Q(s).filter(W).map((D) => D.toUpperCase())[0] === e, [
     s,
     e
   ]);
   return e === "time" ? {
-    partValue: h,
+    partValue: f,
     partError: m.TIME,
     onPartChange: b,
     isFirstPart: !1
   } : {
     partValue: c[e] || "",
     partError: m[e],
-    onPartChange: D,
+    onPartChange: y,
     isFirstPart: C
   };
 }
-function $({ datePart: e, className: a }) {
+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);
   return /* @__PURE__ */ t.createElement("label", {
     id: o,
@@ -337,7 +337,7 @@ function Ue(e) {
     return null;
   }
 }
-function qe(e) {
+function ze(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,14 +347,14 @@ function qe(e) {
     o
   ].join(":");
 }
-const ze = "_fields_1x5em_1", $e = "_month_1x5em_10", Ge = "_day_1x5em_11", Ke = "_year_1x5em_12", je = "_timeGroup_1x5em_13", Qe = "_mobile_1x5em_32", Je = "_dayInput_1x5em_45", We = "_yearInput_1x5em_46", Xe = "_monthTrigger_1x5em_50", Ze = "_monthOption_1x5em_70", et = "_time_1x5em_13", tt = "_hour_1x5em_89", at = "_minute_1x5em_90", nt = "_period_1x5em_91", f = {
-  fields: ze,
-  month: $e,
+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: Ke,
-  timeGroup: je,
-  mobile: Qe,
-  dayInput: Je,
+  year: je,
+  timeGroup: Je,
+  mobile: Ke,
+  dayInput: Qe,
   yearInput: We,
   monthTrigger: Xe,
   monthOption: Ze,
@@ -366,51 +366,51 @@ const ze = "_fields_1x5em_1", $e = "_month_1x5em_10", Ge = "_day_1x5em_11", Ke =
   content: e,
   locale: a
 }), Nt = () => {
-  const { isMobile: e } = k();
+  const { isMobile: e } = B();
   return /* @__PURE__ */ t.createElement(l, {
-    className: p(f.fields, {
-      [f.mobile]: e
+    className: p(h.fields, {
+      [h.mobile]: e
     })
   }, /* @__PURE__ */ t.createElement(l.Label, {
     className: p(S, E.label)
   }, /* @__PURE__ */ t.createElement(l.Label.Required, {
     className: p(Oe, E.requiredMark)
   })), /* @__PURE__ */ t.createElement(l.Month, {
-    className: f.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, f.monthTrigger)
+    className: p(H, E.input, h.monthTrigger)
   }, /* @__PURE__ */ t.createElement(Le, {
     className: E.dropdownIcon
   })), /* @__PURE__ */ t.createElement(l.Month.Options, {
     className: p(Fe, E.selectPopover, E.dropdownPopover)
   }, /* @__PURE__ */ t.createElement(l.Month.Options.Option, {
-    className: p(E.selectOption, f.monthOption, Y)
+    className: p(E.selectOption, h.monthOption, Y)
   }))), /* @__PURE__ */ t.createElement(l.Day, {
-    className: f.day
+    className: h.day
   }, /* @__PURE__ */ t.createElement(l.Day.Label, {
     className: p(S, E.label)
   }), /* @__PURE__ */ t.createElement(l.Day.Input, {
-    className: p(H, E.input, f.dayInput)
+    className: p(H, E.input, h.dayInput)
   })), /* @__PURE__ */ t.createElement(l.Year, {
-    className: f.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, f.yearInput)
+    className: p(H, E.input, h.yearInput)
   })), /* @__PURE__ */ t.createElement(l.Time, {
-    className: f.timeGroup
+    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, f.time)
+    className: p(H, E.input, h.time)
   }, /* @__PURE__ */ t.createElement(l.Time.Hour, {
-    className: p(f.hour, Y)
+    className: p(h.hour, Y)
   }), /* @__PURE__ */ t.createElement(l.Time.Minute, {
-    className: p(f.minute, Y)
+    className: p(h.minute, Y)
   }), /* @__PURE__ */ t.createElement(l.Time.Period, {
-    className: p(f.period, Y)
+    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, {

package/dist/component/{date-time-input-rac-CUvTUzbT.js → date-time-input-rac-BA-GyrAc.js}

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

package/dist/component/{dext-checkbox-group-rac-D4mhJU8E.js → dext-checkbox-group-rac-EwUnBO80.js}

@@ -1,6 +1,6 @@
 import o from "react";
-import { ag as e, h as t } from "./form-D6A2hUbV.js";
-import { C as p } from "./checkbox-group-field-rac-DUDWNOwV.js";
+import { ai as e, h as t } from "./form-9yjqDnxY.js";
+import { C as p } from "./checkbox-group-field-rac-2YUsOmDI.js";
 import { D as s } from "./default-limits-D7qVv_Hv.js";
 const C = () => {
   const r = {

package/dist/component/{dext-checkbox-rac-BeYmKpAZ.js → dext-checkbox-rac-CIRKi4B5.js}

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

package/dist/component/{dext-date-picker-rac-Mr0M3sNQ.js → dext-date-picker-rac-BYO_Q1zM.js}

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

package/dist/component/{dext-date-time-input-rac-dgxfrHUw.js → dext-date-time-input-rac-BOahPeaH.js}

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

package/dist/component/{dext-dropdown-rac-CdZOoA5M.js → dext-dropdown-rac-sTD_r-0H.js}

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

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

package/dist/component/{dext-number-input-rac-S78swyZ9.js → dext-number-input-rac-D6LACzWl.js}

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

package/dist/component/{dext-phone-rac-BhIaSHez.js → dext-phone-rac-kUycy5Od.js}

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