@wix/form-elements 1.63.0 → 1.65.0

package/dist/component/{contacts-tax-id-rac-C4WB-SR0.js → contacts-tax-id-rac-uyBKxOJn.js}

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

package/dist/component/{date-availability-HHjPx4Uv.js → date-availability-DnFJD1aS.js}

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

package/dist/component/{date-input-field-rac-GFgFcpX2.js → date-input-field-rac-DojzGm-i.js}

@@ -1,22 +1,22 @@
 import { RicosViewer as X } from "@wix/ricos/viewer";
 import E from "classnames";
-import t, { useMemo as g, useState as x, useCallback as j, useRef as B } from "react";
-import { ah as D, ae as U, ab as A, J as k, a1 as q, r as i, ar as P, x as Z, K as ee, a8 as te, aj as V } from "./form-DzjdnO7t.js";
+import t, { useMemo as g, useState as x, useCallback as B, useRef as H } from "react";
+import { ai as D, af as k, ab as A, J as U, a1 as q, r as i, as as P, x as Z, K as ee, a8 as te, ak as V } from "./form-CtWkUmxc.js";
 import { UNSAFE_PortalProvider as ae } from "react-aria";
 import { ListBoxItem as ne, ListBox as re, Select as oe, TextField as $, SelectValue as se, Input as z } from "react-aria-components";
 import { 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-DTKnr5Zx.js";
-import { L as me } from "./field-label-headless-DV4aNd5Y.js";
+import { D as ce, E as ie } from "./field-error-headless-D6iejMQP.js";
+import { L as me } from "./field-label-headless-BWLfU3YB.js";
 import { F as de } from "./fieldset-headless-CD3fds9J.js";
 import { N as ue, S as pe } from "./non-modal-popover-DtIMXHbe.js";
 import { C as Ee } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as be } from "./error-icon-hZxQ6DEy.js";
 import { H as fe } from "./custom-focus-class-_483Pkwp.js";
-import { s as u } from "./field-rac.module-DtugsLiL.js";
-import { r as R, H as he, q as H, u as Ie, l as De, h as ye } from "./form-element-classes-Bi-nNM8q.js";
+import { s as u } from "./field-rac.module-DnUIb9Oh.js";
+import { z as R, P as he, y as j, C as Ie, q as De, j as ye } from "./form-element-classes-BSMjWijd.js";
 const n = ({ children: e, className: a }) => {
-  const { id: r, required: o, onBlur: s, onFocus: c, FieldLayout: l } = D(), { inputId: d, labelId: m, ariaDescribedBy: f } = U(), { regionalFormat: b } = A(), I = g(() => k(b).filter(q).map((v) => v.toUpperCase()), [
+  const { id: r, required: o, onBlur: s, onFocus: c, FieldLayout: l } = D(), { inputId: d, labelId: m, ariaDescribedBy: f } = k(), { regionalFormat: b } = A(), I = g(() => U(b).filter(q).map((v) => v.toUpperCase()), [
     b
   ]), O = p(e, n.Label), T = p(e, n.Description), Y = p(e, n.Error), N = {
     [i.MONTH]: p(e, n.Month),
@@ -40,12 +40,12 @@ 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 = j((M) => {
+  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 = B((M) => {
     o || f(typeof M == "string" ? M : "");
   }, [
     f,
     o
-  ]), J = j((M) => {
+  ]), J = B((M) => {
     O(M && !o);
   }, [
     o
@@ -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 = B(null);
+  const { id: r, readOnly: o } = D(), { inputId: s } = _(i.MONTH), { partError: c, isFirstPart: l } = L(i.MONTH), d = H(null);
   return V(() => {
     var m;
     l && ((m = d.current) == null || m.focus());
@@ -128,7 +128,7 @@ const F = ({ children: e, className: a }) => {
   datePart: i.DAY,
   className: e
 }), Ne = ({ className: e }) => {
-  const { id: a, hidePlaceholder: r } = D(), { inputId: o } = _(i.DAY), { isFirstPart: s } = L(i.DAY), { t: c } = P(), l = B(null), d = r ? void 0 : c("field.date.placeholder.day");
+  const { id: a, hidePlaceholder: r } = D(), { inputId: o } = _(i.DAY), { isFirstPart: s } = L(i.DAY), { t: c } = P(), l = H(null), d = r ? void 0 : c("field.date.placeholder.day");
   return V(() => {
     var m;
     s && ((m = l.current) == null || m.focus());
@@ -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 = B(null), d = r ? void 0 : c("field.date.placeholder.year");
+  const { id: a, hidePlaceholder: r } = D(), { inputId: o } = _(i.YEAR), { isFirstPart: s } = L(i.YEAR), { t: c } = P(), l = H(null), d = r ? void 0 : c("field.date.placeholder.year");
   return V(() => {
     var m;
     s && ((m = l.current) == null || m.focus());
@@ -184,7 +184,7 @@ n.Year = C;
 n.Description = ce;
 n.Error = ie;
 function _(e) {
-  const { inputId: a } = U();
+  const { inputId: a } = k();
   return g(() => {
     const r = e.toLowerCase();
     return {
@@ -202,14 +202,14 @@ function L(e) {
   ]), l = g(() => ee(o, a ?? ""), [
     a,
     o
-  ]), d = c[e] || "", m = j((b) => {
+  ]), d = c[e] || "", m = B((b) => {
     const I = te(b, e, c);
     r(I);
   }, [
     r,
     c,
     e
-  ]), f = g(() => k(s).filter(q).map((O) => O.toUpperCase())[0] === e, [
+  ]), f = g(() => U(s).filter(q).map((O) => O.toUpperCase())[0] === e, [
     s,
     e
   ]);
@@ -228,7 +228,7 @@ 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", He = "_monthOption_12ojb_62", h = {
+const Me = "_fields_12ojb_1", Re = "_month_12ojb_9", Se = "_day_12ojb_10", Ae = "_year_12ojb_11", Pe = "_mobile_12ojb_25", Te = "_dayInput_12ojb_37", Ye = "_yearInput_12ojb_38", ve = "_monthTrigger_12ojb_42", je = "_monthOption_12ojb_62", h = {
   fields: Me,
   month: Re,
   day: Se,
@@ -237,8 +237,8 @@ const Me = "_fields_12ojb_1", Re = "_month_12ojb_9", Se = "_day_12ojb_10", Ae =
   dayInput: Te,
   yearInput: Ye,
   monthTrigger: ve,
-  monthOption: He
-}, je = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement(X, {
+  monthOption: je
+}, Be = ({ content: e, locale: a }) => /* @__PURE__ */ t.createElement(X, {
   content: e,
   locale: a
 }), tt = () => {
@@ -256,7 +256,7 @@ const Me = "_fields_12ojb_1", Re = "_month_12ojb_9", Se = "_day_12ojb_10", Ae =
   }, /* @__PURE__ */ t.createElement(n.Month.Label, {
     className: E(R, u.label)
   }), /* @__PURE__ */ t.createElement(n.Month.Trigger, {
-    className: E(H, u.input, h.monthTrigger)
+    className: E(j, u.input, h.monthTrigger)
   }, /* @__PURE__ */ t.createElement(Ee, {
     className: u.dropdownIcon
   })), /* @__PURE__ */ t.createElement(n.Month.Options, {
@@ -268,18 +268,18 @@ const Me = "_fields_12ojb_1", Re = "_month_12ojb_9", Se = "_day_12ojb_10", Ae =
   }, /* @__PURE__ */ t.createElement(n.Day.Label, {
     className: E(R, u.label)
   }), /* @__PURE__ */ t.createElement(n.Day.Input, {
-    className: E(H, u.input, h.dayInput)
+    className: E(j, u.input, h.dayInput)
   })), /* @__PURE__ */ t.createElement(n.Year, {
     className: h.year
   }, /* @__PURE__ */ t.createElement(n.Year.Label, {
     className: E(R, u.label)
   }), /* @__PURE__ */ t.createElement(n.Year.Input, {
-    className: E(H, u.input, h.yearInput)
+    className: E(j, u.input, h.yearInput)
   })), /* @__PURE__ */ t.createElement(n.Error, {
     className: E(De, u.error)
   }, /* @__PURE__ */ t.createElement(be, null), /* @__PURE__ */ t.createElement(n.Error.Text, null)), /* @__PURE__ */ t.createElement(n.Description, {
     className: E(ye, u.description)
-  }, je));
+  }, Be));
 };
 export {
   tt as D

package/dist/component/{date-input-rac-B9BUEIA-.js → date-input-rac-BaPKcAuU.js}

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

package/dist/component/{date-picker-field-rac-BfjYIIuY.js → date-picker-field-rac-C1rzJMV8.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, ah as v, ae as A, ab as S, aj as z } from "./form-DzjdnO7t.js";
+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-CtWkUmxc.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 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-DTKnr5Zx.js";
-import { L as pe } from "./field-label-headless-DV4aNd5Y.js";
+import { D as ge, E as Ee } from "./field-error-headless-D6iejMQP.js";
+import { L as pe } from "./field-label-headless-BWLfU3YB.js";
 import { D as De, N as I, S as w } from "./non-modal-popover-DtIMXHbe.js";
-import { i as fe } from "./date-availability-HHjPx4Uv.js";
+import { i as fe } from "./date-availability-DnFJD1aS.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-DnUIb9Oh.js";
+import { z as ye, P as he, y as ve, C as Se, q as Te, j as be } from "./form-element-classes-BSMjWijd.js";
 const _e = [
   D.SUNDAY,
   D.MONDAY,
@@ -26,12 +26,12 @@ 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] = z(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);
+  ]), 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), $ = ke(n);
   return /* @__PURE__ */ e.createElement(m, {
     fieldId: r,
     renderLabel: () => q,
@@ -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 = 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,7 +199,7 @@ a.Trigger = Pe;
 a.Calendar = g;
 a.Description = ge;
 a.Error = Ee;
-function Me(t) {
+function ke(t) {
   if (!t)
     return null;
   try {
@@ -208,7 +208,7 @@ function Me(t) {
     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");
@@ -257,15 +257,15 @@ const Be = (t) => /* @__PURE__ */ e.createElement("svg", {
   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-Bd2UN0ZF.js → date-picker-rac-BHsOfkYn.js}

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

package/dist/component/{date-time-input-field-rac-CAXnxLQP.js → date-time-input-field-rac-B4jAAxU8.js}

@@ -1,25 +1,25 @@
 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 { ah as g, ae as K, ab as B, J as Q, a1 as W, r as d, ar as O, a5 as j, O as oe, x as le, a8 as se, y as J, aj as z } from "./form-DzjdnO7t.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 q } from "./form-CtWkUmxc.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-DTKnr5Zx.js";
-import { L as _e } from "./field-label-headless-DV4aNd5Y.js";
+import { D as ge, E as Ie } from "./field-error-headless-D6iejMQP.js";
+import { L as _e } from "./field-label-headless-BWLfU3YB.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-DnUIb9Oh.js";
+import { z as S, P as Oe, y as H, C as Fe, q as Pe, j as Ce } from "./form-element-classes-BSMjWijd.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 = 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), _ = {
+  ]), 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)
@@ -38,16 +38,16 @@ 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, 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((k) => {
-    o || f(typeof k == "string" ? k : "");
+  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 : "");
   }, [
     f,
     o
-  ]), M = w((k) => {
-    C(k && !o);
+  ]), M = w((V) => {
+    C(V && !o);
   }, [
     o
   ]), ee = u(e, F.Label), te = u(e, F.Trigger), ae = u(e, F.Options);
@@ -60,7 +60,7 @@ const l = ({ children: e, className: a }) => {
       display: "contents"
     }
   }), /* @__PURE__ */ t.createElement(ce, {
-    getContainer: () => V
+    getContainer: () => v
   }, /* @__PURE__ */ t.createElement(ue, {
     "aria-labelledby": s ? i : void 0,
     value: m || null,
@@ -75,8 +75,8 @@ const l = ({ children: e, className: a }) => {
   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 q(() => {
     var c;
     i && ((c = m.current) == null || c.focus());
   }, n), /* @__PURE__ */ t.createElement(Ne, {
@@ -128,9 +128,9 @@ const A = ({ children: e, className: a }) => {
 }, Ae = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
   datePart: d.DAY,
   className: e
-}), ve = ({ 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 q(() => {
     var c;
     s && ((c = i.current) == null || c.focus());
   }, a), /* @__PURE__ */ t.createElement(Z, {
@@ -144,9 +144,9 @@ const A = ({ children: e, className: a }) => {
   });
 };
 A.Label = Ae;
-A.Input = ve;
-const v = ({ 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, v.Label), b = u(e, v.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
@@ -158,12 +158,12 @@ const v = ({ children: e, className: a }) => {
     isReadOnly: o,
     isInvalid: m
   }, b));
-}, Ve = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
+}, ve = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
   datePart: d.YEAR,
   className: e
-}), ke = ({ 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(() => {
+}), 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");
+  return q(() => {
     var c;
     s && ((c = i.current) == null || c.focus());
   }, a), /* @__PURE__ */ t.createElement(Z, {
@@ -176,8 +176,8 @@ const v = ({ children: e, className: a }) => {
     "data-hook": d.YEAR
   });
 };
-v.Label = Ve;
-v.Input = ke;
+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: f } = P("time"), b = u(e, I.Label), y = u(e, I.Input);
   return /* @__PURE__ */ t.createElement("div", {
@@ -263,7 +263,7 @@ I.Period = Be;
 l.Label = _e;
 l.Month = F;
 l.Day = A;
-l.Year = v;
+l.Year = k;
 l.Time = I;
 l.Description = ge;
 l.Error = Ie;
@@ -291,7 +291,7 @@ function P(e) {
   ]), f = T(() => Ue(i), [
     i
   ]), b = w((L) => {
-    const _ = qe(L), D = J(r, _);
+    const _ = ze(L), D = J(r, _);
     n(D);
   }, [
     n,
@@ -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,8 +347,8 @@ function qe(e) {
     o
   ].join(":");
 }
-const ze = "_fields_1khoa_1", $e = "_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: ze,
+const qe = "_fields_1khoa_1", $e = "_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: qe,
   month: $e,
   day: Ge,
   year: je,

package/dist/component/{date-time-input-rac-BuJ3Awlh.js → date-time-input-rac-XyL5z_ma.js}

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

package/dist/component/{dext-checkbox-group-rac-DKp4cBVa.js → dext-checkbox-group-rac-DzpdOP3i.js}

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

package/dist/component/{dext-checkbox-rac-BMu_k06A.js → dext-checkbox-rac-BUWkvW5s.js}

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

package/dist/component/{dext-date-picker-rac-L3sdldhT.js → dext-date-picker-rac-CR0PUoOn.js}

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

package/dist/component/{dext-date-time-input-rac-UmabFzDN.js → dext-date-time-input-rac-D3WhLSKK.js}

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

package/dist/component/{dext-dropdown-rac-DbjgYaG-.js → dext-dropdown-rac-BJ1UfAIM.js}

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

package/dist/component/{dext-email-rac-rNudrOOK.js → dext-email-rac-xk_5C79-.js}

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

package/dist/component/{dext-number-input-rac-hw1FTrJL.js → dext-number-input-rac-Cu1Sqoac.js}

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

package/dist/component/{dext-phone-rac-DrZ_Vwv2.js → dext-phone-rac-S34qxXwg.js}

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

package/dist/component/{dext-radio-group-rac-DAt2ax-I.js → dext-radio-group-rac-DXnAk_eU.js}

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

package/dist/component/{dext-rating-input-rac-BW2Ike11.js → dext-rating-input-rac-ewGpgB63.js}

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

package/dist/component/{dext-tags-rac-DDzwlKrR.js → dext-tags-rac-BApZKGqP.js}

@@ -1,6 +1,6 @@
 import r from "react";
-import { ah as e, h as o } from "./form-DzjdnO7t.js";
-import { T as s } from "./tags-field-rac-C_VO3_69.js";
+import { ai as e, h as o } from "./form-CtWkUmxc.js";
+import { T as s } from "./tags-field-rac-7coCWj0y.js";
 import { b as a } from "./default-limits-D7qVv_Hv.js";
 const l = () => {
   const t = {

package/dist/component/{dext-text-area-rac-D0xf4z3z.js → dext-text-area-rac-DBtuaiwM.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { T as t } from "./text-area-field-rac-Cg-vIhFe.js";
+import { T as t } from "./text-area-field-rac-5lUQxnNM.js";
 const a = () => /* @__PURE__ */ e.createElement(t, null);
 export {
   a as DextTextAreaRAC

package/dist/component/{dext-text-input-rac-Da04OLmq.js → dext-text-input-rac-qI8VECmA.js}

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

package/dist/component/{dext-url-input-rac-B-g4xTqh.js → dext-url-input-rac-C6vzqNjn.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { U as r } from "./url-input-field-rac-B_1yVniS.js";
+import { U as r } from "./url-input-field-rac-CAGHb2na.js";
 const n = () => /* @__PURE__ */ t.createElement(r, null);
 export {
   n as DextUrlInputRAC