asma-ui-core 3.106.0 → 3.107.1

package/dist/components/inputs/select-autocomplete/StyledSelectAutocomplete.js

@@ -1,4 +1,4 @@
-import { cn as _ } from "../../../helpers/cn.js";
+import { cn as E } from "../../../helpers/cn.js";
 import { TOP_LAYER_PROPS as nt, TOP_LAYER_RESET_STYLE as at, getOpenModalDialogAncestor as it, shouldUsePopoverTopLayer as ct, useTopLayerRef as dt } from "../../../hooks/useTopLayer.hook.js";
 import { ChevronDownIcon as ut } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
 import { CloseIcon as pt } from "../../icons/close-icon/CloseIcon.js";
@@ -9,26 +9,26 @@ import { StyledCheckbox as de } from "../checkbox/base-ui/StyledCheckbox.js";
 import { LoadingIcon as bt } from "../../../table/shared-components/LoadingIcon.js";
 import U from "./StyledSelectAutocomplete.module.js";
 import { useEffect as ue, useMemo as V, useRef as pe, useState as D } from "react";
-import { jsx as s, jsxs as I } from "react/jsx-runtime";
-import { FloatingPortal as gt, autoUpdate as xt, flip as yt, offset as wt, shift as kt, size as vt, useDismiss as Dt, useFloating as It, useInteractions as Nt, useMergeRefs as fe, useRole as At } from "@floating-ui/react";
+import { jsx as o, jsxs as I } from "react/jsx-runtime";
+import { FloatingPortal as gt, autoUpdate as xt, flip as wt, offset as yt, shift as kt, size as vt, useDismiss as Dt, useFloating as It, useInteractions as Nt, useMergeRefs as fe, useRole as At } from "@floating-ui/react";
 var Ct = (l) => typeof l == "object" && l !== null && "label" in l ? String(l.label) : String(l), St = (l) => typeof l == "object" && l !== null && "disabled" in l && !!l.disabled;
-function Ut({ dataTest: l, options: b, renderInput: me, value: N, onChange: A, getOptionLabel: he, getOptionKey: C, isOptionEqualToValue: B, renderOption: T, renderValue: Y, filterOptions: O, loading: q, loadingText: be = "Loading…", noOptionsText: ge = "No options", disabled: S, readOnly: g, error: xe, helperText: ye, size: we = "small", rowSize: ke = "compact", disableClearable: ve, disableCloseOnSelect: De, popupIcon: Ie, autoHeight: Ne, multiple: Ae, allowSelectAll: M, selectAllLabel: Ce = "Select all", fullWidth: Se, classes: Me, inputValue: R, onInputChange: Re, open: G, onOpen: Pe, onClose: $e, className: Le, wrapperClassName: Ee, getOptionDisabled: _e, slotProps: J }) {
-  const r = Ae === !0, c = he ?? Ct, P = (e, t) => B ? B(e, t) : e === t, [Oe, Fe] = D(!1), a = G ?? Oe, d = (e) => {
+function Ut({ dataTest: l, options: b, renderInput: me, value: N, onChange: A, getOptionLabel: he, getOptionKey: C, isOptionEqualToValue: B, renderOption: T, renderValue: Y, filterOptions: O, loading: q, loadingText: be = "Loading…", noOptionsText: ge = "No options", disabled: S, readOnly: g, error: xe, helperText: we, size: ye = "small", rowSize: ke = "compact", disableClearable: ve, disableCloseOnSelect: De, popupIcon: Ie, autoHeight: Ne, multiple: Ae, allowSelectAll: M, selectAllLabel: Ce = "Select all", fullWidth: Se, classes: Me, inputValue: R, onInputChange: Re, open: G, onOpen: Pe, onClose: $e, className: _e, wrapperClassName: Le, getOptionDisabled: Ee, slotProps: J }) {
+  const s = Ae === !0, c = he ?? Ct, P = (e, t) => B ? B(e, t) : e === t, [Oe, Fe] = D(!1), a = G ?? Oe, d = (e) => {
     e && (g || S) || (G === void 0 && Fe(e), e ? Pe?.() : (x(null), $e?.()));
   }, [je, Q] = D(""), m = R ?? je, $ = (e, t, n) => {
     R === void 0 && Q(t), Re?.(e, t, n);
-  }, [o, x] = D(null), X = `${l}-listbox`, Z = pe([]), K = pe(null), [ze, He] = D(null), [ee, We] = D(null), i = r ? Array.isArray(N) ? N : [] : [], y = r ? null : N ?? null, te = !r && y !== null ? c(y) : "";
+  }, [r, x] = D(null), X = `${l}-listbox`, Z = pe([]), K = pe(null), [ze, He] = D(null), [ee, We] = D(null), i = s ? Array.isArray(N) ? N : [] : [], w = s ? null : N ?? null, te = !s && w !== null ? c(w) : "";
   ue(() => {
-    R !== void 0 || r || Q(te);
+    R !== void 0 || s || Q(te);
   }, [
     R,
-    r,
+    s,
     te
   ]);
-  const F = (e) => r ? i.some((t) => P(e, t)) : y !== null && P(e, y), L = (e) => _e?.(e) ?? St(e), le = V(() => {
+  const F = (e) => s ? i.some((t) => P(e, t)) : w !== null && P(e, w), _ = (e) => Ee?.(e) ?? St(e), le = V(() => {
     const e = [...b];
     if (O) return O(e, { inputValue: m });
-    const t = !r && y !== null ? c(y).toLowerCase() : null;
+    const t = !s && w !== null ? c(w).toLowerCase() : null;
     if (!m || m.toLowerCase() === t) return e;
     const n = m.toLowerCase();
     return e.filter((p) => c(p).toLowerCase().includes(n));
@@ -37,61 +37,61 @@ function Ut({ dataTest: l, options: b, renderInput: me, value: N, onChange: A, g
     m,
     O,
     N
-  ]), u = V(() => le.slice(0, 100), [le]), re = u.flatMap((e, t) => L(e) ? [] : [t]), j = M && r ? [-1, ...re] : re, oe = u.map((e, t) => t), h = M && r ? [-1, ...oe] : oe, k = u.findIndex(F);
+  ]), u = V(() => le.slice(0, 100), [le]), se = u.flatMap((e, t) => _(e) ? [] : [t]), j = M && s ? [-1, ...se] : se, re = u.map((e, t) => t), h = M && s ? [-1, ...re] : re, k = u.findIndex(F);
   ue(() => {
     if (!a) return;
-    const e = o ?? k;
+    const e = r ?? k;
     if (e < 0) return;
     const t = requestAnimationFrame(() => Z.current[e]?.scrollIntoView({ block: "nearest" }));
     return () => cancelAnimationFrame(t);
   }, [
-    o,
+    r,
     a,
     ee,
     k
   ]);
-  const { refs: E, floatingStyles: Ue, context: se } = It({
+  const { refs: L, floatingStyles: Ue, context: oe } = It({
     open: a,
     onOpenChange: d,
     placement: "bottom-start",
     strategy: "fixed",
     whileElementsMounted: xt,
     middleware: [
-      wt(0),
-      yt({ padding: 8 }),
+      yt(0),
+      wt({ padding: 8 }),
       kt({ padding: 8 }),
       vt({ apply({ rects: e, availableHeight: t }) {
         He(e.reference.width), We(Ne ? t - 8 : Math.min(t - 8, 320));
       } })
     ]
-  }), { getReferenceProps: Ve, getFloatingProps: Be, getItemProps: Te } = Nt([Dt(se), At(se, { role: "listbox" })]), Ye = fe([E.setReference]), ne = V(() => a ? it(E.reference.current) : void 0, [a, E]), z = ct(ne), qe = fe([dt(E.setFloating, z)]), Ge = (e) => j.includes(k) ? k : j[e === 1 ? 0 : j.length - 1] ?? null, Je = (e) => {
+  }), { getReferenceProps: Ve, getFloatingProps: Be, getItemProps: Te } = Nt([Dt(oe), At(oe, { role: "listbox" })]), Ye = fe([L.setReference]), ne = V(() => a ? it(L.reference.current) : void 0, [a, L]), z = ct(ne), qe = fe([dt(L.setFloating, z)]), Ge = (e) => j.includes(k) ? k : j[e === 1 ? 0 : j.length - 1] ?? null, Je = (e) => {
     h.length !== 0 && x((t) => {
       const n = h.indexOf(t ?? k);
       return n === -1 ? h[e === 1 ? 0 : h.length - 1] ?? null : h[Math.min(Math.max(n + e, 0), h.length - 1)] ?? null;
     });
-  }, v = (e, t, n = !r || !De) => {
-    if (r) {
-      const p = i.some((f) => P(t, f)), w = p ? i.filter((f) => !P(t, f)) : [...i, t];
-      A?.(e, w, p ? "removeOption" : "selectOption", { option: t }), $(e, "", "reset"), n && d(!1);
+  }, v = (e, t, n = !s || !De) => {
+    if (s) {
+      const p = i.some((f) => P(t, f)), y = p ? i.filter((f) => !P(t, f)) : [...i, t];
+      A?.(e, y, p ? "removeOption" : "selectOption", { option: t }), $(e, "", "reset"), n && d(!1);
     } else
       A?.(e, t, "selectOption", { option: t }), $(e, c(t), "reset"), n && d(!1);
   }, ae = (e) => {
-    A?.(e, r ? [] : null, "clear", void 0), $(e, "", "clear");
+    A?.(e, s ? [] : null, "clear", void 0), $(e, "", "clear");
   }, H = (e) => {
     const t = b.length > 0 && i.length === b.length;
     A?.(e, t ? [] : b, t ? "clear" : "selectOption", void 0);
   }, Qe = (e) => {
     if (e.key === "Backspace" && m === "" && ie) {
       const t = i[i.length - 1];
-      r ? t !== void 0 && v(e, t, !1) : ae(e);
+      s ? t !== void 0 && v(e, t, !1) : ae(e);
     } else if (e.key === "Enter" && !a)
       e.preventDefault(), d(!0);
-    else if (e.key === "Enter" && o === -1)
+    else if (e.key === "Enter" && r === -1)
       e.preventDefault(), H(e);
-    else if (e.key === "Enter" && o != null && u[o] != null) {
+    else if (e.key === "Enter" && r != null && u[r] != null) {
       e.preventDefault();
-      const t = u[o];
-      L(t) || v(e, t, !0);
+      const t = u[r];
+      _(t) || v(e, t, !0);
     } else if (e.key === "ArrowDown" || e.key === "ArrowUp") {
       if (e.preventDefault(), !a) {
         x(Ge(e.key === "ArrowDown" ? 1 : -1)), d(!0);
@@ -100,19 +100,19 @@ function Ut({ dataTest: l, options: b, renderInput: me, value: N, onChange: A, g
       Je(e.key === "ArrowDown" ? 1 : -1);
     } else if (e.key === "Home" || e.key === "End")
       e.preventDefault(), x(h[e.key === "Home" ? 0 : h.length - 1] ?? null);
-    else if (e.key === " " && o === -1)
+    else if (e.key === " " && r === -1)
       e.preventDefault(), H(e);
-    else if (e.key === " " && o != null && u[o] != null) {
+    else if (e.key === " " && r != null && u[r] != null) {
       e.preventDefault();
-      const t = u[o];
-      L(t) || v(e, t, !1);
+      const t = u[r];
+      _(t) || v(e, t, !1);
     } else e.key === "Escape" && a ? (e.preventDefault(), e.stopPropagation(), d(!1)) : e.key === "Tab" && d(!1);
-  }, ie = !ve && !g && !S && (r ? i.length > 0 : y !== null);
+  }, ie = !ve && !g && !S && (s ? i.length > 0 : w !== null);
   let ce;
-  a && o != null && (o === -1 || u[o] !== void 0) && (ce = o === -1 ? `${l}-select-all` : `${l}-option-${o}`);
+  a && r != null && (r === -1 || u[r] !== void 0) && (ce = r === -1 ? `${l}-select-all` : `${l}-option-${r}`);
   const Xe = (e) => {
     e.preventDefault(), !(S || g) && (K.current?.focus(), d(!a));
-  }, Ze = r ? Y ? Y(i, ({ index: e }) => ({ "data-index": e })) : i.map((e, t) => /* @__PURE__ */ s(ht, {
+  }, Ze = s ? Y ? Y(i, ({ index: e }) => ({ "data-index": e })) : i.map((e, t) => /* @__PURE__ */ o(ht, {
     dataTest: `selected-chip-${c(e)}`,
     label: c(e),
     readOnly: g,
@@ -121,12 +121,12 @@ function Ut({ dataTest: l, options: b, renderInput: me, value: N, onChange: A, g
   }, C ? C(e) : `${c(e)}-${t}`)) : void 0, Ke = /* @__PURE__ */ I("span", {
     className: "flex items-center gap-1",
     children: [
-      q && /* @__PURE__ */ s(bt, {
+      q && /* @__PURE__ */ o(bt, {
         width: 20,
         height: 20,
         className: "animate-spin"
       }),
-      ie && /* @__PURE__ */ s("button", {
+      ie && /* @__PURE__ */ o("button", {
         type: "button",
         tabIndex: -1,
         "aria-label": "Clear",
@@ -134,13 +134,13 @@ function Ut({ dataTest: l, options: b, renderInput: me, value: N, onChange: A, g
         className: "invisible flex min-h-6 min-w-6 cursor-pointer items-center justify-center rounded-full border-0 bg-delta-50 group-focus-within:visible",
         onMouseDown: (e) => e.preventDefault(),
         onClick: ae,
-        children: /* @__PURE__ */ s(pt, {
+        children: /* @__PURE__ */ o(pt, {
           width: 20,
           height: 20,
           className: "text-delta-700"
         })
       }),
-      g ? null : /* @__PURE__ */ s("button", {
+      g ? null : /* @__PURE__ */ o("button", {
         type: "button",
         tabIndex: -1,
         "aria-label": "Toggle options",
@@ -149,23 +149,23 @@ function Ut({ dataTest: l, options: b, renderInput: me, value: N, onChange: A, g
         className: "flex cursor-pointer items-center border-0 bg-transparent",
         onMouseDown: (e) => e.preventDefault(),
         onClick: Xe,
-        children: Ie ?? (r ? /* @__PURE__ */ s(mt, {
+        children: Ie ?? (s ? /* @__PURE__ */ o(mt, {
           width: 24,
           height: 24,
           className: "text-delta-700"
-        }) : /* @__PURE__ */ s(ut, {
+        }) : /* @__PURE__ */ o(ut, {
           width: 24,
           height: 24,
-          className: _(U["select-custom-icon"], a && U["select-custom-icon-open"], "text-delta-700")
+          className: E(U["select-custom-icon"], a && U["select-custom-icon-open"], "text-delta-700")
         }))
       })
     ]
   }), et = {
     disabled: S,
-    size: we,
+    size: ye,
     fullWidth: !0,
     error: xe,
-    helperText: ye,
+    helperText: we,
     value: m,
     onChange: (e) => {
       x(null), $(e, e.target.value, "input"), a || d(!0);
@@ -190,38 +190,38 @@ function Ut({ dataTest: l, options: b, renderInput: me, value: N, onChange: A, g
         endAdornment: Ke
       }
     }
-  }, tt = _("asma-pressable", "relative box-border flex cursor-pointer items-center gap-x-3 px-3 py-1.5 text-base text-delta-800", ke === "regular" ? "min-h-12" : "min-h-10", "aria-selected:bg-gama-50 hover:bg-delta-50", "aria-disabled:cursor-default aria-disabled:!bg-transparent aria-disabled:text-delta-300"), lt = (e, t, n) => {
-    const { key: p, ...w } = e;
+  }, tt = E("asma-pressable", "relative box-border flex cursor-pointer items-center gap-x-3 px-3 py-2 text-base text-delta-800", ke === "regular" ? "min-h-12" : "min-h-10", "aria-selected:bg-gama-50 hover:bg-delta-50", "aria-disabled:cursor-default aria-disabled:!bg-transparent aria-disabled:text-delta-300"), lt = (e, t, n) => {
+    const { key: p, ...y } = e;
     return /* @__PURE__ */ I("li", {
-      ...w,
+      ...y,
       children: [
-        e["data-active"] !== void 0 && /* @__PURE__ */ s("span", {
+        e["data-active"] !== void 0 && /* @__PURE__ */ o("span", {
           "aria-hidden": "true",
           className: "border-l-solid pointer-events-none absolute inset-y-0 left-0 border-l-[3px] border-focus-ring"
         }),
-        r ? /* @__PURE__ */ s(de, {
+        s ? /* @__PURE__ */ o(de, {
           dataTest: `${l}-${c(t)}-checkbox`,
           checked: n.selected,
           size: "medium",
           checkboxClassName: "!h-4 !w-4",
           hideWrapper: !0,
           decorative: !0
-        }) : /* @__PURE__ */ s("span", {
+        }) : /* @__PURE__ */ o("span", {
           className: "w-5",
-          children: n.selected && /* @__PURE__ */ s(ft, {
+          children: n.selected && /* @__PURE__ */ o(ft, {
             width: 20,
             height: 20,
             className: "text-gama-500"
           })
         }),
-        /* @__PURE__ */ s("span", {
+        /* @__PURE__ */ o("span", {
           className: "line-clamp-2 min-w-0 flex-1 break-words",
           children: c(t)
         })
       ]
     }, p);
-  }, rt = (e, t) => {
-    const n = L(e), p = {
+  }, st = (e, t) => {
+    const n = _(e), p = {
       ...Te({
         onMouseDown: (f) => f.preventDefault(),
         onClick: (f) => {
@@ -237,18 +237,18 @@ function Ut({ dataTest: l, options: b, renderInput: me, value: N, onChange: A, g
       id: `${l}-option-${t}`,
       "aria-selected": F(e),
       "aria-disabled": n || void 0,
-      "data-active": o === t ? "" : void 0,
+      "data-active": r === t ? "" : void 0,
       className: tt
-    }, w = {
+    }, y = {
       selected: F(e),
       index: t,
       inputValue: m
     };
-    return T ? T(p, e, w) : lt(p, e, w);
-  }, ot = !!(M && r), W = b.length > 0 && i.length === b.length, st = i.length > 0 && !W;
+    return T ? T(p, e, y) : lt(p, e, y);
+  }, rt = !!(M && s), W = b.length > 0 && i.length === b.length, ot = i.length > 0 && !W;
   return /* @__PURE__ */ I("div", {
-    className: _(U.styledSelectAutocompleteWrapper, !Se && "w-auto", Ee, Le),
-    children: [me(et), a && /* @__PURE__ */ s(gt, {
+    className: E(U.styledSelectAutocompleteWrapper, !Se && "w-auto", Le, _e),
+    children: [me(et), a && /* @__PURE__ */ o(gt, {
       root: ne,
       children: /* @__PURE__ */ I("ul", {
         ref: qe,
@@ -264,46 +264,46 @@ function Ut({ dataTest: l, options: b, renderInput: me, value: N, onChange: A, g
         ...Be(),
         id: X,
         role: "listbox",
-        "aria-multiselectable": r ? !0 : void 0,
-        className: _("z-[1300] m-0 list-none overflow-auto rounded border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", ot && "py-0", "[&>li:not(:last-child)]:border-0 [&>li:not(:last-child)]:border-b", "[&>li:not(:last-child)]:border-solid [&>li:not(:last-child)]:border-delta-200", Me?.listbox, J?.popper?.className),
-        children: [M && r && /* @__PURE__ */ I("li", {
+        "aria-multiselectable": s ? !0 : void 0,
+        className: E("z-[1300] m-0 list-none overflow-auto rounded border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", rt && "py-0", "[&>li:not(:last-child)]:shadow-[inset_0_-1px_0_var(--colors-delta-200)]", Me?.listbox, J?.popper?.className),
+        children: [M && s && /* @__PURE__ */ I("li", {
           id: `${l}-select-all`,
           role: "option",
           "aria-selected": W,
-          "data-active": o === -1 ? "" : void 0,
+          "data-active": r === -1 ? "" : void 0,
           tabIndex: -1,
           onMouseDown: (e) => e.preventDefault(),
           onClick: H,
           onMouseMove: () => x(null),
-          className: "relative flex h-8 cursor-pointer items-center gap-x-3 border-0 border-b border-solid border-delta-200 bg-[var(--colors-gray-10)] px-3 text-xs font-semibold uppercase tracking-[0.2px] text-delta-600 hover:bg-delta-50",
+          className: "relative box-border flex h-8 cursor-pointer items-center gap-x-3 bg-[var(--colors-gray-10)] px-3 text-xs font-semibold uppercase tracking-[0.2px] text-delta-600 hover:bg-delta-50",
           children: [
-            o === -1 && /* @__PURE__ */ s("span", {
+            r === -1 && /* @__PURE__ */ o("span", {
               "aria-hidden": "true",
               className: "border-l-solid pointer-events-none absolute inset-y-0 left-0 border-l-[3px] border-focus-ring"
             }),
-            /* @__PURE__ */ s(de, {
+            /* @__PURE__ */ o(de, {
               dataTest: `${l}-select-all`,
               checked: W,
-              indeterminate: st,
+              indeterminate: ot,
               size: "medium",
               checkboxClassName: "!h-4 !w-4",
               hideWrapper: !0,
               decorative: !0
             }),
-            /* @__PURE__ */ s("span", {
+            /* @__PURE__ */ o("span", {
               className: "flex-1 truncate",
               children: Ce
             })
           ]
-        }), q ? /* @__PURE__ */ s("li", {
+        }), q ? /* @__PURE__ */ o("li", {
           role: "presentation",
           className: "px-3 py-2 text-sm text-delta-600",
           children: be
-        }) : u.length === 0 ? /* @__PURE__ */ s("li", {
+        }) : u.length === 0 ? /* @__PURE__ */ o("li", {
           role: "presentation",
           className: "px-3 py-2 text-sm text-delta-600",
           children: ge
-        }) : u.map(rt)]
+        }) : u.map(st)]
       })
     })]
   });

package/dist/datetime/components/date-picker/components/BaseDatePickerInput.js

@@ -1,29 +1,30 @@
-import { StyledInputField as G } from "../../../../components/inputs/input-field/StyledInputField.js";
-import { getValue as f } from "../helpers.js";
-import { DatePickerButton as J } from "./DatePickerButton.js";
-import { DATE_INPUT_FONT_FAMILY as K } from "../../../../helpers/inputMask.js";
-import { useDatePickerMask as Q } from "../hooks/useDatePickerMask.js";
-import { defaultDatePickerValidationMessages as X, useDatePickerValidation as Z } from "../hooks/useDatePickerValidation.js";
-import { useEffect as b, useState as k } from "react";
-import { jsx as m, jsxs as N } from "react/jsx-runtime";
-import { isValid as $, parse as ee } from "date-fns";
-var ce = (V) => {
-  const { onClick: F, inputClassName: w, dateFormat: r, selected: e, error: I, helperText: H, errorText: Y, onInputChange: h, hideCalendar: B, locale: o, disabledDays: l, label: E, title: v, readOnly: t, disallowPast: i, disallowFuture: s, validateOnCalendarClose: D, onValidatedOnce: g, hideDefaultHelperText: O, required: d, minDate: n, ...u } = V, { validationError: A, handleValidation: c, errHelperText: R, clearValidation: x } = Z(X), { maskRef: S } = Q(), [a, y] = k(e ? f(e, r) : ""), [C, _] = k({
+import { StyledInputField as K } from "../../../../components/inputs/input-field/StyledInputField.js";
+import { getValue as h } from "../helpers.js";
+import { DatePickerButton as Q } from "./DatePickerButton.js";
+import { getTitleLabelling as X } from "../../../helpers/getTitleLabelling.js";
+import { DATE_INPUT_FONT_FAMILY as Z } from "../../../../helpers/inputMask.js";
+import { useDatePickerMask as $ } from "../hooks/useDatePickerMask.js";
+import { defaultDatePickerValidationMessages as ee, useDatePickerValidation as te } from "../hooks/useDatePickerValidation.js";
+import { useEffect as I, useId as ae, useState as N } from "react";
+import { jsx as p, jsxs as V } from "react/jsx-runtime";
+import { isValid as re, parse as oe } from "date-fns";
+var he = (F) => {
+  const { onClick: w, inputClassName: H, dateFormat: r, selected: e, error: Y, helperText: A, errorText: B, onInputChange: v, hideCalendar: E, locale: o, disabledDays: l, label: g, title: u, inputAriaProps: O, readOnly: t, disallowPast: i, disallowFuture: s, validateOnCalendarClose: D, onValidatedOnce: x, hideDefaultHelperText: L, required: d, minDate: n, ...f } = F, { validationError: R, handleValidation: c, errHelperText: S, clearValidation: y } = te(ee), { maskRef: _ } = $(), T = ae(), [a, C] = N(e ? h(e, r) : ""), [P, j] = N({
     selected: e,
     dateFormat: r
   });
-  (e !== C.selected || r !== C.dateFormat) && (_({
+  (e !== P.selected || r !== P.dateFormat) && (j({
     selected: e,
     dateFormat: r
-  }), y(e ? f(e, r) : ""));
-  const j = o?.code?.startsWith("nb") ? "DD/MM/ÅÅÅÅ" : "DD/MM/YYYY", L = O ? void 0 : j, T = !!(A || I), q = T ? Y ?? R : H ?? L;
-  b(() => {
+  }), C(e ? h(e, r) : ""));
+  const q = o?.code?.startsWith("nb") ? "DD/MM/ÅÅÅÅ" : "DD/MM/YYYY", z = L ? void 0 : q, M = !!(R || Y), U = M ? B ?? S : A ?? z;
+  I(() => {
     if (!e) {
-      x();
+      y();
       return;
     }
     c({
-      value: f(e, r),
+      value: h(e, r),
       disabledDays: l,
       localeCode: o?.code,
       disallowPast: i,
@@ -41,13 +42,13 @@ var ce = (V) => {
     d,
     n,
     c,
-    x
+    y
   ]);
-  const z = /\d/.test(a), U = (p) => {
-    const P = p.target.value;
-    y(P.replace(/\D/g, "").length ? P : "");
+  const W = /\d/.test(a), G = (m) => {
+    const k = m.target.value;
+    C(k.replace(/\D/g, "").length ? k : "");
   };
-  b(() => {
+  I(() => {
     D && (c({
       value: a,
       disabledDays: l,
@@ -56,7 +57,7 @@ var ce = (V) => {
       disallowFuture: s,
       required: d,
       minDate: n
-    }), g?.());
+    }), x?.());
   }, [
     D,
     a,
@@ -66,10 +67,10 @@ var ce = (V) => {
     s,
     d,
     n,
-    g,
+    x,
     c
   ]);
-  const W = () => {
+  const J = () => {
     if (c({
       value: a,
       disabledDays: l,
@@ -80,61 +81,70 @@ var ce = (V) => {
       minDate: n
     })) return;
     if (!a.replace(/\D/g, "").length) {
-      h?.(void 0);
+      v?.(void 0);
       return;
     }
-    const p = ee(a, "dd/MM/yyyy", /* @__PURE__ */ new Date());
-    h?.($(p) ? p : void 0);
-  }, M = t ? 120 : 156;
-  return /* @__PURE__ */ N("div", {
+    const m = oe(a, "dd/MM/yyyy", /* @__PURE__ */ new Date());
+    v?.(re(m) ? m : void 0);
+  }, b = t ? 120 : 156;
+  return /* @__PURE__ */ V("div", {
     className: "cursor-default",
-    children: [v && /* @__PURE__ */ m("div", {
+    children: [u && /* @__PURE__ */ p("div", {
+      id: T,
       className: "pb-1 font-roboto font-semibold text-delta-800",
-      children: v
-    }), /* @__PURE__ */ N("div", {
+      children: u
+    }), /* @__PURE__ */ V("div", {
       className: "flex gap-1",
       style: { height: t ? 40 : 75 },
-      children: [/* @__PURE__ */ m("div", {
-        style: { width: M },
-        children: /* @__PURE__ */ m("div", {
+      children: [/* @__PURE__ */ p("div", {
+        style: { width: b },
+        children: /* @__PURE__ */ p("div", {
           className: "relative",
-          children: /* @__PURE__ */ m(G, {
-            ...u,
-            label: E,
+          children: /* @__PURE__ */ p(K, {
+            ...f,
+            label: g,
             readOnly: t,
-            "data-testid": u.dataTest,
+            "data-testid": f.dataTest,
             autoComplete: "off",
-            inputRef: t ? void 0 : S,
-            placeholder: !t && !z ? "  /  /    " : void 0,
+            inputRef: t ? void 0 : _,
+            placeholder: !t && !W ? "  /  /    " : void 0,
             size: "small",
             value: t ? a.replaceAll("/", ".") : a,
-            className: w,
-            style: { width: M },
-            error: T,
-            onBlur: t ? void 0 : W,
-            helperText: q,
+            className: H,
+            style: { width: b },
+            error: M,
+            onBlur: t ? void 0 : J,
+            helperText: U,
             slotProps: {
               formHelperText: { sx: {
                 marginTop: "4px",
                 marginLeft: 0,
                 marginRight: 0
               } },
-              htmlInput: { ...t ? {} : {
-                inputMode: "numeric",
-                style: { fontFamily: K }
-              } }
+              htmlInput: {
+                ...X({
+                  title: u,
+                  titleId: T,
+                  label: g,
+                  inputAriaProps: O
+                }),
+                ...t ? {} : {
+                  inputMode: "numeric",
+                  style: { fontFamily: Z }
+                }
+              }
             },
-            onChange: U
+            onChange: G
           })
         })
-      }), !B && !t && /* @__PURE__ */ m(J, {
-        onClick: F,
-        disabled: !!u.disabled,
+      }), !E && !t && /* @__PURE__ */ p(Q, {
+        onClick: w,
+        disabled: !!f.disabled,
         localeCode: o?.code
       })]
     })]
   });
 };
 export {
-  ce as BaseDatePickerInput
+  he as BaseDatePickerInput
 };

package/dist/datetime/components/date-picker/components/DatePickerInputSingle.js

@@ -1,18 +1,18 @@
-import { BaseDatePickerInput as k } from "./BaseDatePickerInput.js";
-import { jsx as v } from "react/jsx-runtime";
-var F = ({ datePickerProps: e, onClick: a }) => {
-  const { inputClassName: r, disabled: t, helperText: l, label: d, error: n, locale: i, hideCalendar: o, dateFormat: s, disabledDays: p, dataTest: u, readOnly: m, errorText: c, disallowFuture: C, disallowPast: h, required: x, minDate: D, validateOnCalendarClose: b, onValidatedOnce: I, onInputChange: T, selected: f, title: g, hideDefaultHelperText: O } = e;
-  return /* @__PURE__ */ v(k, {
+import { BaseDatePickerInput as v } from "./BaseDatePickerInput.js";
+import { jsx as w } from "react/jsx-runtime";
+var j = ({ datePickerProps: e, onClick: a }) => {
+  const { inputClassName: r, disabled: t, helperText: l, label: d, error: i, locale: n, hideCalendar: o, dateFormat: s, disabledDays: p, dataTest: u, readOnly: m, errorText: c, disallowFuture: C, disallowPast: h, required: x, minDate: D, validateOnCalendarClose: b, onValidatedOnce: I, onInputChange: P, selected: T, title: f, hideDefaultHelperText: g, inputAriaProps: O } = e;
+  return /* @__PURE__ */ w(v, {
     dataTest: u,
     inputClassName: r,
     readOnly: m,
     disabled: !!t,
     helperText: l,
     onClick: a,
-    onInputChange: (P) => T?.(P),
-    selected: f,
-    error: !!n,
-    locale: i,
+    onInputChange: (k) => P?.(k),
+    selected: T,
+    error: !!i,
+    locale: n,
     hideCalendar: o,
     dateFormat: s,
     disabledDays: p,
@@ -24,10 +24,11 @@ var F = ({ datePickerProps: e, onClick: a }) => {
     minDate: D,
     validateOnCalendarClose: b,
     onValidatedOnce: I,
-    title: g,
-    hideDefaultHelperText: O
+    title: f,
+    hideDefaultHelperText: g,
+    inputAriaProps: O
   });
 };
 export {
-  F as DatePickerInputSingle
+  j as DatePickerInputSingle
 };