asma-ui-core 3.68.6 → 3.69.0

package/dist/components/inputs/slider/StyledSlider.js

@@ -1,104 +1,112 @@
 import { cn as n } from "../../../helpers/cn.js";
-import { ErrorOutlineIcon as C } from "../../icons/error-outline-icon/ErrorOutlineIcon.js";
-import { StyledFormHelperText as I } from "../../miscellaneous/StyledFormHelperText.js";
-import g from "./StyledSlider.module.js";
-import { useState as tt } from "react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-var R = (s, e, o) => o === e ? 0 : Math.min(100, Math.max(0, (s - e) / (o - e) * 100)), et = (s) => Array.isArray(s) ? [s[0] ?? 0, s[1] ?? 0] : null, ct = ({ dataTest: s, min: e = 0, max: o = 100, step: p = 1, value: z, defaultValue: E, disabled: v, size: H = "medium", orientation: L = "horizontal", marks: M, name: K, className: O, classes: u, slotProps: w, error: y, errorText: X, helperText: U, ariaLabel: S, ariaLabelledBy: Y, onChange: _, onChangeCommitted: j }) => {
-  const a = L === "vertical", f = H === "small" ? 6 : 8, [G, J] = tt(E ?? e), A = z ?? G, i = et(A), d = i !== null, Q = (y ?? !1) || !!U, W = y ? X ?? "Required" : U, T = (M === !0 && Number.isFinite(p) && p > 0 && o > e ? Array.from({ length: Math.floor((o - e) / p) + 1 }, (t, l) => ({ value: e + p * l })) : Array.isArray(M) ? M : []).filter((t) => t.value >= e && t.value <= o), B = d ? Math.min(i[0], i[1]) : e, $ = d ? Math.max(i[0], i[1]) : A, F = (t) => d ? t >= B && t <= $ : t <= $, P = d ? R(B, e, o) : 0, V = R($, e, o) - P, Z = a ? {
-    bottom: `${P}%`,
-    height: `${V}%`
+import { ErrorOutlineIcon as et } from "../../icons/error-outline-icon/ErrorOutlineIcon.js";
+import { useHelperAlertRole as lt } from "../../../helpers/useHelperAlertRole.js";
+import { warnMissingErrorMessage as at } from "../../../helpers/warnMissingErrorMessage.js";
+import y from "./StyledSlider.module.js";
+import { useId as rt, useState as ot } from "react";
+import { jsx as m, jsxs as M } from "react/jsx-runtime";
+var D = (c, e, o) => o === e ? 0 : Math.min(100, Math.max(0, (c - e) / (o - e) * 100)), nt = (c) => Array.isArray(c) ? [c[0] ?? 0, c[1] ?? 0] : null, mt = ({ dataTest: c, min: e = 0, max: o = 100, step: p = 1, value: H, defaultValue: X, disabled: v, size: L = "medium", orientation: U = "horizontal", marks: w, name: Y, className: q, classes: u, slotProps: S, error: b, errorText: G, helperText: _, reserveHelperText: J = !0, ariaLabel: x, ariaLabelledBy: Q, onChange: j, onChangeCommitted: B }) => {
+  const E = rt(), a = U === "vertical", d = L === "small" ? 6 : 8, [W, Z] = ot(X ?? e), A = H ?? W, i = nt(A), f = i !== null, $ = b ? G ?? _ : _, V = J || $ != null || !!b;
+  at("StyledSlider", b, $);
+  const C = lt(b), P = (w === !0 && Number.isFinite(p) && p > 0 && o > e ? Array.from({ length: Math.floor((o - e) / p) + 1 }, (t, l) => ({ value: e + p * l })) : Array.isArray(w) ? w : []).filter((t) => t.value >= e && t.value <= o), k = f ? Math.min(i[0], i[1]) : e, R = f ? Math.max(i[0], i[1]) : A, F = (t) => f ? t >= k && t <= R : t <= R, T = f ? D(k, e, o) : 0, K = D(R, e, o) - T, I = a ? {
+    bottom: `${T}%`,
+    height: `${K}%`
   } : {
-    left: `${P}%`,
-    width: `${V}%`
-  }, q = (t) => {
-    const l = R(t, e, o);
+    left: `${T}%`,
+    width: `${K}%`
+  }, O = (t) => {
+    const l = D(t, e, o);
     return a ? { bottom: `${l}%` } : { left: `${l}%` };
-  }, k = (t) => {
+  }, tt = (t) => {
     if (v) return;
-    const l = t.currentTarget.getBoundingClientRect(), r = a ? 1 - (t.clientY - l.top) / l.height : (t.clientX - l.left) / l.width, m = e + Math.round(Math.min(1, Math.max(0, r)) * ((o - e) / p)) * p, h = Math.min(o, Math.max(e, m));
-    N(_, t, h, d && Math.abs((i?.[1] ?? e) - h) < Math.abs((i?.[0] ?? e) - h) ? 1 : 0);
-  }, N = (t, l, r, m) => {
+    const l = t.currentTarget.getBoundingClientRect(), r = a ? 1 - (t.clientY - l.top) / l.height : (t.clientX - l.left) / l.width, g = e + Math.round(Math.min(1, Math.max(0, r)) * ((o - e) / p)) * p, h = Math.min(o, Math.max(e, g));
+    N(j, t, h, f && Math.abs((i?.[1] ?? e) - h) < Math.abs((i?.[0] ?? e) - h) ? 1 : 0);
+  }, N = (t, l, r, g) => {
     let h = r;
-    if (!d) h = r;
+    if (!f) h = r;
     else {
-      const c = [i?.[0] ?? 0, i?.[1] ?? 0];
-      c[m] = r, m === 0 && c[0] > c[1] && (c[0] = c[1]), m === 1 && c[1] < c[0] && (c[1] = c[0]), h = c;
+      const s = [i?.[0] ?? 0, i?.[1] ?? 0];
+      s[g] = r, g === 0 && s[0] > s[1] && (s[0] = s[1]), g === 1 && s[1] < s[0] && (s[1] = s[0]), h = s;
     }
-    z === void 0 && J(h), t && t(l, h, m);
-  }, D = (t, l) => /* @__PURE__ */ b("input", {
+    H === void 0 && Z(h), t && t(l, h, g);
+  }, z = (t, l) => /* @__PURE__ */ m("input", {
     type: "range",
-    "data-testid": d ? `${s}-thumb-${t}` : s,
-    name: K,
+    "data-testid": f ? `${c}-thumb-${t}` : c,
+    name: Y,
     min: e,
     max: o,
     step: p,
     value: l,
     disabled: v,
-    "aria-orientation": L,
-    "aria-label": typeof S == "function" ? S(t) : S,
-    "aria-labelledby": Y,
-    className: n(g.SliderInput, a ? g.Vertical : g.Horizontal, !a && "z-0", H === "small" && g.Small, v && g.Disabled, u?.thumb, w?.thumb?.className),
-    onChange: (r) => N(_, r, Number(r.currentTarget.value), t),
-    onPointerUp: (r) => N(j, r, Number(r.currentTarget.value), t),
-    onKeyUp: (r) => N(j, r, Number(r.currentTarget.value), t)
+    "aria-orientation": U,
+    "aria-label": typeof x == "function" ? x(t) : x,
+    "aria-labelledby": Q,
+    "aria-invalid": b ? !0 : void 0,
+    "aria-describedby": V ? E : void 0,
+    className: n(y.SliderInput, a ? y.Vertical : y.Horizontal, !a && "z-0", L === "small" && y.Small, v && y.Disabled, u?.thumb, S?.thumb?.className),
+    onChange: (r) => N(j, r, Number(r.currentTarget.value), t),
+    onPointerUp: (r) => N(B, r, Number(r.currentTarget.value), t),
+    onKeyUp: (r) => N(B, r, Number(r.currentTarget.value), t)
   }, t);
-  return /* @__PURE__ */ x("div", {
-    className: n("relative flex", a ? "h-full w-8 flex-col items-center" : "mt-px w-full flex-col", u?.root, O),
+  return /* @__PURE__ */ M("div", {
+    className: n("relative flex", a ? "h-full w-8 flex-col items-center" : "mt-px w-full flex-col", u?.root, q),
     children: [
-      /* @__PURE__ */ x("div", {
+      /* @__PURE__ */ M("div", {
         className: n("relative", a ? "h-full w-8" : "h-4 w-full"),
-        children: [/* @__PURE__ */ x("div", {
-          onPointerDown: k,
+        children: [/* @__PURE__ */ M("div", {
+          onPointerDown: tt,
           className: n("absolute", a ? "left-1/2 w-1 -translate-x-1/2" : "top-[calc(50%+6px)] h-1 -translate-y-1/2"),
           style: a ? {
-            top: f,
-            bottom: f
+            top: d,
+            bottom: d
           } : {
-            left: f,
-            right: f
+            left: d,
+            right: d
           },
           children: [
-            /* @__PURE__ */ b("div", { className: n("absolute inset-0 rounded-full bg-delta-100", u?.rail, w?.rail?.className) }),
-            /* @__PURE__ */ b("div", {
+            /* @__PURE__ */ m("div", { className: n("absolute inset-0 rounded-full bg-delta-100", u?.rail, S?.rail?.className) }),
+            /* @__PURE__ */ m("div", {
               className: n("absolute rounded-full", a ? "left-0 w-full" : "top-0 h-full", v ? "bg-delta-200" : "bg-gama-500", u?.track),
-              style: Z
+              style: I
             }),
-            T.map((t) => {
+            P.map((t) => {
               const l = F(t.value);
-              return /* @__PURE__ */ b("span", {
+              return /* @__PURE__ */ m("span", {
                 className: n("absolute z-10 box-border h-2 w-2 -translate-x-1/2 rounded-full border border-solid", a ? "left-1/2 translate-y-1/2" : "top-1/2 -translate-y-1/2", l ? n(v ? "border-delta-200 bg-delta-200" : "border-gama-500 bg-gama-500", u?.markActive) : n("border-delta-300 bg-white", u?.mark)),
-                style: q(t.value)
+                style: O(t.value)
               }, t.value);
             })
           ]
-        }), d ? [D(0, i[0]), D(1, i[1])] : D(0, A)]
+        }), f ? [z(0, i[0]), z(1, i[1])] : z(0, A)]
       }),
-      T.some((t) => t.label != null) && /* @__PURE__ */ b("div", {
+      P.some((t) => t.label != null) && /* @__PURE__ */ m("div", {
         className: n(a ? "pointer-events-none absolute inset-x-0" : "relative mt-[14px] h-6"),
         style: a ? {
-          top: f,
-          bottom: f
+          top: d,
+          bottom: d
         } : {
-          marginLeft: f,
-          marginRight: f
+          marginLeft: d,
+          marginRight: d
         },
-        children: T.map((t) => t.label == null ? null : /* @__PURE__ */ b("span", {
-          className: n("absolute text-base font-semibold text-delta-700", a ? "left-[37px] translate-y-1/2" : "-translate-x-1/2", F(t.value) && u?.markLabelActive, u?.markLabel, w?.markLabel?.className),
-          style: q(t.value),
+        children: P.map((t) => t.label == null ? null : /* @__PURE__ */ m("span", {
+          className: n("absolute text-base font-semibold text-delta-700", a ? "left-[37px] translate-y-1/2" : "-translate-x-1/2", F(t.value) && u?.markLabelActive, u?.markLabel, S?.markLabel?.className),
+          style: O(t.value),
           children: t.label
         }, t.value))
       }),
-      Q && /* @__PURE__ */ x(I, {
-        className: n("m-0 flex items-center gap-1 pt-1 text-sm", y ? "text-error-500" : "text-delta-600"),
-        children: [y && /* @__PURE__ */ b(C, {
+      V && /* @__PURE__ */ M("div", {
+        id: E,
+        role: C,
+        className: n("m-0 flex min-h-[24px] items-center gap-1 pt-1 text-sm leading-5 tracking-[0.03333em]", b ? "text-error-500" : "text-delta-600"),
+        children: [b && /* @__PURE__ */ m(et, {
           width: 20,
-          height: 20
-        }), W]
+          height: 20,
+          className: "min-w-5 shrink-0"
+        }), /* @__PURE__ */ m("span", { children: $ })]
       })
     ]
   });
 };
 export {
-  ct as StyledSlider
+  mt as StyledSlider
 };

package/dist/components/inputs/textarea/StyledTextarea.js

@@ -1,72 +1,77 @@
-import e from "./StyledTextarea.module.js";
-import { useEffect as J, useId as m, useRef as K } from "react";
-import { Fragment as O, jsx as n, jsxs as s } from "react/jsx-runtime";
-var X = ({ id: T, variant: x = "active", label: c = "", labelClassName: A = "", description: o = "", value: t = "", minRows: r = 3, maxRows: i = 1 / 0, disabled: g, error: l, errorMessage: H, containerClassName: M = "", className: S = "", maxLength: _ = 1 / 0, counter: j, refLink: B, dataTest: E, counterLimit: d, ...y }) => {
-  const k = K(null), p = B ?? k, f = !!(j && d), b = m(), $ = m(), w = m(), u = T ?? w;
-  J(() => {
-    const a = p.current;
-    if (!a) return;
-    const h = window.getComputedStyle(a), N = parseFloat(h.lineHeight) || 24, I = parseFloat(h.paddingTop), F = parseFloat(h.paddingBottom);
-    a.style.height = "auto";
-    const z = a.scrollHeight - I - F, D = Math.max(1, Math.ceil(z / N)), G = Math.min(Math.max(D, r), i);
-    a.style.height = `${G * N + I + F}px`;
+import { useHelperAlertRole as Q } from "../../../helpers/useHelperAlertRole.js";
+import { warnMissingErrorMessage as U } from "../../../helpers/warnMissingErrorMessage.js";
+import a from "./StyledTextarea.module.js";
+import { useEffect as V, useId as m, useRef as W } from "react";
+import { Fragment as X, jsx as o, jsxs as c } from "react/jsx-runtime";
+var at = ({ id: M, variant: x = "active", label: d = "", labelClassName: S = "", description: l = "", reserveHelperText: j = !0, value: e = "", minRows: r = 3, maxRows: i = 1 / 0, disabled: g, error: t, errorMessage: y, containerClassName: B = "", className: _ = "", maxLength: w = 1 / 0, counter: E, refLink: k, dataTest: C, counterLimit: p, ...b }) => {
+  const R = W(null), f = k ?? R, s = !!(E && p), u = m(), $ = m(), q = m(), v = M ?? q, N = t ? y : l, I = j || N != null || !!t;
+  U("StyledTextarea", t, y);
+  const z = Q(t);
+  V(() => {
+    const n = f.current;
+    if (!n) return;
+    const h = window.getComputedStyle(n), A = parseFloat(h.lineHeight) || 24, F = parseFloat(h.paddingTop), H = parseFloat(h.paddingBottom);
+    n.style.height = "auto";
+    const J = n.scrollHeight - F - H, K = Math.max(1, Math.ceil(J / A)), O = Math.min(Math.max(K, r), i);
+    n.style.height = `${O * A + F + H}px`;
   }, [
-    p,
-    t,
+    f,
+    e,
     r,
     i,
-    f
+    s
   ]), i < r && (r = i);
-  const C = l ? "error" : "active", v = l ? "error" : g ? "disabled" : "active", q = typeof c != "string" || c.trim() !== "" ? void 0 : typeof o == "string" && o.trim() !== "" ? o : y.placeholder;
-  return /* @__PURE__ */ s("div", {
-    className: `relative flex flex-col gap-1 ${M}`,
-    "data-testid": E,
+  const D = t ? "error" : "active", T = t ? "error" : g ? "disabled" : "active", G = typeof d != "string" || d.trim() !== "" ? void 0 : typeof l == "string" && l.trim() !== "" ? l : b.placeholder;
+  return /* @__PURE__ */ c("div", {
+    className: `relative flex flex-col gap-1 ${B}`,
+    "data-testid": C,
     children: [
-      /* @__PURE__ */ n("label", {
-        htmlFor: u,
-        className: `${e.label} ${e[v]} ${A}`,
-        children: c
+      /* @__PURE__ */ o("label", {
+        htmlFor: v,
+        className: `${a.label} ${a[T]} ${S}`,
+        children: d
       }),
-      /* @__PURE__ */ n("span", {
-        id: b,
-        className: `${e.description} ${e[v]}`,
-        children: l ? H : o
+      I && /* @__PURE__ */ o("span", {
+        id: u,
+        role: z,
+        className: `${a.description} ${a[T]} min-h-[24px]`,
+        children: N
       }),
-      x === "view_only" ? /* @__PURE__ */ n("div", {
+      x === "view_only" ? /* @__PURE__ */ o("div", {
         className: "pt-3 font-roboto text-base font-normal text-delta-700",
-        children: t
-      }) : x === "not_editable" ? /* @__PURE__ */ n("div", {
+        children: e
+      }) : x === "not_editable" ? /* @__PURE__ */ o("div", {
         className: "rounded bg-delta-50 p-3 font-roboto text-base font-normal text-delta-700",
-        children: t
-      }) : /* @__PURE__ */ n("textarea", {
-        ...y,
-        "aria-describedby": `${b} ${$}`,
-        "aria-invalid": l,
-        "aria-label": q,
-        id: u,
-        ref: p,
-        className: `${e.textarea} ${e[C]} ${S} ${f ? "pb-[32px]" : ""}`,
+        children: e
+      }) : /* @__PURE__ */ o("textarea", {
+        ...b,
+        "aria-describedby": [I ? u : null, s ? $ : null].filter(Boolean).join(" ") || void 0,
+        "aria-invalid": t,
+        "aria-label": G,
+        id: v,
+        ref: f,
+        className: `${a.textarea} ${a[D]} ${_} ${s ? "pb-[32px]" : ""}`,
         wrap: "soft",
-        value: t,
+        value: e,
         disabled: g,
-        maxLength: _
+        maxLength: w
       }),
-      f && /* @__PURE__ */ s(O, { children: [/* @__PURE__ */ s("div", {
+      s && /* @__PURE__ */ c(X, { children: [/* @__PURE__ */ c("div", {
         className: "pointer-events-none absolute bottom-3 right-3 flex h-[15px] justify-end font-roboto text-[10px]",
         children: [
-          t.length,
+          e.length,
           "/",
-          d
+          p
         ]
-      }), /* @__PURE__ */ s("div", {
+      }), /* @__PURE__ */ c("div", {
         id: $,
         "aria-live": "polite",
         className: "sr-only",
-        children: [d - t.length, " characters remaining"]
+        children: [p - e.length, " characters remaining"]
       })] })
     ]
   });
 };
 export {
-  X as StyledTextarea
+  at as StyledTextarea
 };

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

@@ -3,12 +3,12 @@ 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 { useDatePickerValidation as X } from "../hooks/useDatePickerValidation.js";
-import { useEffect as b, useState as N } from "react";
-import { jsx as m, jsxs as k } from "react/jsx-runtime";
-import { isValid as Z, parse as $ } from "date-fns";
-var ne = (F) => {
-  const { onClick: V, 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 } = F, { validationError: A, handleValidation: c, errHelperText: R, clearValidation: x } = X(), { maskRef: S } = Q(), [a, y] = N(e ? f(e, r) : ""), [C, _] = N({
+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({
     selected: e,
     dateFormat: r
   });
@@ -83,15 +83,15 @@ var ne = (F) => {
       h?.(void 0);
       return;
     }
-    const p = $(a, "dd/MM/yyyy", /* @__PURE__ */ new Date());
-    h?.(Z(p) ? p : void 0);
+    const p = ee(a, "dd/MM/yyyy", /* @__PURE__ */ new Date());
+    h?.($(p) ? p : void 0);
   }, M = t ? 120 : 160;
-  return /* @__PURE__ */ k("div", {
+  return /* @__PURE__ */ N("div", {
     className: "cursor-default",
     children: [v && /* @__PURE__ */ m("div", {
       className: "pb-1 font-roboto font-semibold text-delta-800",
       children: v
-    }), /* @__PURE__ */ k("div", {
+    }), /* @__PURE__ */ N("div", {
       className: "flex gap-1",
       style: { height: t ? 40 : 75 },
       children: [/* @__PURE__ */ m("div", {
@@ -128,7 +128,7 @@ var ne = (F) => {
           })
         })
       }), !B && !t && /* @__PURE__ */ m(J, {
-        onClick: V,
+        onClick: F,
         disabled: !!u.disabled,
         localeCode: o?.code
       })]
@@ -136,5 +136,5 @@ var ne = (F) => {
   });
 };
 export {
-  ne as BaseDatePickerInput
+  ce as BaseDatePickerInput
 };

package/dist/datetime/components/date-picker/hooks/useDatePickerValidation.js

@@ -1,7 +1,7 @@
-import { buildDisabled as k, isDisabledDate as N } from "../helpers.js";
+import { buildDisabled as Y, isDisabledDate as N } from "../helpers.js";
 import { useCallback as g, useState as y } from "react";
 import { isValid as U, parse as x, startOfDay as b } from "date-fns";
-var r = {
+var F = {
   en: {
     required: "Required",
     minDate: "End date must be after the start date",
@@ -26,44 +26,45 @@ var r = {
     pastNotAllowed: "Dato i fortiden er ikke tillatt",
     futureNotAllowed: "Dato i fremtiden er ikke tillatt"
   }
-}, F = /^(\d{2})\/(\d{2})\/(\d{4})$/, V = () => {
-  const [c, e] = y(!1), [p, t] = y(""), o = g(() => {
+}, I = /^(\d{2})\/(\d{2})\/(\d{4})$/, P = (D = F) => {
+  const [c, e] = y(!1), [p, t] = y(""), n = g(() => {
     e(!1), t("");
   }, []);
   return {
     validationError: c,
-    handleValidation: g(({ value: m, disabledDays: M, localeCode: h, disallowPast: w, disallowFuture: Y, required: s, minDate: v }) => {
-      const a = h === "nb" ? "nb" : "en";
+    handleValidation: g(({ value: m, disabledDays: M, localeCode: h, disallowPast: k, disallowFuture: w, required: o, minDate: v }) => {
+      const a = D[h === "nb" ? "nb" : "en"];
       if (!m.replace(/\D/g, "").length)
-        return e(!!s), t(s ? r[a].required : ""), !!s;
-      const i = F.exec(m);
-      if (!i)
-        return e(!0), t(r[a].invalidFormat), !0;
-      const d = Number(i[1]), l = Number(i[2]), n = Number(i[3]);
-      if (d < 1 || d > 31)
-        return e(!0), t(r[a].invalidDay), !0;
-      if (l < 1 || l > 12)
-        return e(!0), t(r[a].invalidMonth), !0;
-      if (n < 1900 || n > 2100)
-        return e(!0), t(r[a].invalidYear), !0;
-      const u = new Date(n, l - 1, d);
-      if (!(u.getFullYear() === n && u.getMonth() === l - 1 && u.getDate() === d))
-        return e(!0), t(r[a].invalidDate), !0;
-      const D = x(`${i[1]}/${i[2]}/${i[3]}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
-      if (!U(D))
-        return e(!0), t(r[a].invalidDate), !0;
-      if (v && b(D) <= b(v))
-        return e(!0), t(r[a].minDate), !0;
-      const f = k(M, w, Y);
+        return e(!!o), t(o ? a.required : ""), !!o;
+      const r = I.exec(m);
+      if (!r)
+        return e(!0), t(a.invalidFormat), !0;
+      const i = Number(r[1]), d = Number(r[2]), l = Number(r[3]);
+      if (i < 1 || i > 31)
+        return e(!0), t(a.invalidDay), !0;
+      if (d < 1 || d > 12)
+        return e(!0), t(a.invalidMonth), !0;
+      if (l < 1900 || l > 2100)
+        return e(!0), t(a.invalidYear), !0;
+      const u = new Date(l, d - 1, i);
+      if (!(u.getFullYear() === l && u.getMonth() === d - 1 && u.getDate() === i))
+        return e(!0), t(a.invalidDate), !0;
+      const s = x(`${r[1]}/${r[2]}/${r[3]}`, "dd/MM/yyyy", /* @__PURE__ */ new Date());
+      if (!U(s))
+        return e(!0), t(a.invalidDate), !0;
+      if (v && b(s) <= b(v))
+        return e(!0), t(a.minDate), !0;
+      const f = Y(M, k, w);
       return f.length && N({
-        parsedDate: D,
+        parsedDate: s,
         disabledDays: f
-      }) ? (t(r[a].dateDisabled), e(!0), !0) : (o(), !1);
-    }, [o]),
+      }) ? (t(a.dateDisabled), e(!0), !0) : (n(), !1);
+    }, [n, D]),
     errHelperText: p,
-    clearValidation: o
+    clearValidation: n
   };
 };
 export {
-  V as useDatePickerValidation
+  F as defaultDatePickerValidationMessages,
+  P as useDatePickerValidation
 };

package/dist/datetime/components/time-picker/TimePickerInput.js

@@ -1,18 +1,18 @@
 import { StyledInputField as E } from "../../../components/inputs/input-field/StyledInputField.js";
 import { useInputMask as I } from "../../../helpers/inputMask.js";
-import { HelperText as N } from "./components/HelperText.js";
-import { ClockOutlineIcon as w } from "../../shared-components/ClockOutlineIcon.js";
-import { useEffect as y, useRef as R } from "react";
-import { jsx as r, jsxs as v } from "react/jsx-runtime";
-var H = (x) => {
-  const { placeholder: c, disabled: e, inputClassName: f, dataTest: s, width: l, error: h, helperText: u, label: T, locale: g = "en", popupState: a, handleChange: k, isValidTime: p, isValidEndTime: m, localValue: C, title: d, readOnly: t } = x, b = I({
+import { HelperText as N, defaultTimePickerHelperMessages as w } from "./components/HelperText.js";
+import { ClockOutlineIcon as y } from "../../shared-components/ClockOutlineIcon.js";
+import { useEffect as M, useRef as P } from "react";
+import { jsx as r, jsxs as R } from "react/jsx-runtime";
+var O = (x) => {
+  const { placeholder: c, disabled: e, inputClassName: f, dataTest: n, width: l, error: u, helperText: h, label: g, locale: T = "en", popupState: a, handleChange: k, isValidTime: p, isValidEndTime: m, localValue: C, title: d, readOnly: t } = x, b = I({
     mask: "xx:xx",
     maskChar: "x",
     showMask: !1
-  }), i = !p || !m || !!h, n = R(null);
-  return y(() => {
-    n.current && a.setAnchorEl(n.current);
-  }, []), /* @__PURE__ */ v("div", {
+  }), i = !p || !m || !!u, s = P(null);
+  return M(() => {
+    s.current && a.setAnchorEl(s.current);
+  }, []), /* @__PURE__ */ R("div", {
     style: { height: t ? "40px" : "75px" },
     children: [d && /* @__PURE__ */ r("div", {
       className: "pb-1 font-roboto font-semibold text-delta-800",
@@ -21,8 +21,8 @@ var H = (x) => {
       inputRef: b,
       autoComplete: "off",
       type: "text",
-      dataTest: s,
-      "data-testid": s,
+      dataTest: n,
+      "data-testid": n,
       placeholder: c,
       size: "small",
       error: i,
@@ -30,17 +30,18 @@ var H = (x) => {
         isValidTime: p,
         isValidEndTime: m,
         error: i,
-        localization: g,
-        helperText: u
+        localization: T,
+        helperText: h,
+        messages: w
       }),
       onChange: k,
       slotProps: {
         input: {
-          ref: n,
+          ref: s,
           onMouseDown: (o) => {
             !e && !t && a.open(o);
           },
-          endAdornment: /* @__PURE__ */ r(w, {
+          endAdornment: /* @__PURE__ */ r(y, {
             width: 24,
             height: 24,
             className: e ? "text-delta-300" : "text-delta-700",
@@ -63,10 +64,10 @@ var H = (x) => {
       disabled: e,
       readOnly: t,
       className: f,
-      label: T
+      label: g
     })]
   });
 };
 export {
-  H as TimePickerInput
+  O as TimePickerInput
 };

package/dist/datetime/components/time-picker/components/HelperText.js

@@ -1,7 +1,7 @@
-import { cn as m } from "../../../helpers/cn.js";
-import { OutlineErrorRounded as f } from "../../../shared-components/OutlineErrorRounded.js";
+import { cn as f } from "../../../helpers/cn.js";
+import { OutlineErrorRounded as m } from "../../../shared-components/OutlineErrorRounded.js";
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
-var i = {
+var c = {
   invalid: {
     en: "Invalid time format",
     no: "Ugyldig tidsformat"
@@ -10,13 +10,13 @@ var i = {
     en: "Must be after start time",
     no: "Må være etter starttid"
   }
-}, v = ({ isValidTime: t, isValidEndTime: e, localization: o = "en", error: s, helperText: n }) => {
-  const a = !t || !e || !!s, l = t ? e ? n : i.afterStartTime[o] : i.invalid[o];
+}, h = ({ isValidTime: e, isValidEndTime: t, localization: a = "en", error: s, helperText: n, messages: o = c }) => {
+  const i = !e || !t || !!s, l = e ? t ? n : o.afterStartTime[a] : o.invalid[a];
   return /* @__PURE__ */ d("span", {
     className: "flex items-start gap-1",
     children: [/* @__PURE__ */ r("span", {
-      className: m("flex", "transform-gpu transition-all duration-300 ease-in-out"),
-      children: a && /* @__PURE__ */ r(f, {
+      className: f("flex", "transform-gpu transition-all duration-300 ease-in-out"),
+      children: i && /* @__PURE__ */ r(m, {
         width: 20,
         height: 20,
         color: "var(--colors-error-500)"
@@ -30,7 +30,7 @@ var i = {
         overflow: "hidden",
         maxHeight: 32,
         fontFamily: "roboto, sans-serif",
-        color: a ? "var(--colors-error-500)" : "var(--colors-delta-600)",
+        color: i ? "var(--colors-error-500)" : "var(--colors-delta-600)",
         fontSize: 14
       },
       children: l
@@ -38,5 +38,6 @@ var i = {
   });
 };
 export {
-  v as HelperText
+  h as HelperText,
+  c as defaultTimePickerHelperMessages
 };

package/dist/helpers/helperTextRoom.js

@@ -0,0 +1,34 @@
+var c = 14, p = 8, a = 24;
+function s(t, n) {
+  let o = Number.POSITIVE_INFINITY;
+  for (const e of n)
+    e.right <= e.left || e.bottom <= e.top || e.left < t.left || e.bottom <= t.top || e.top >= t.bottom || (o = Math.min(o, e.left - p));
+  return o;
+}
+function d(t, n, o) {
+  if (!(n > 0)) return;
+  const e = n - c, i = o - t - c;
+  return Number.isFinite(i) && i > e ? Math.floor(i) : void 0;
+}
+function l(t) {
+  const { left: n } = t.getBoundingClientRect(), o = Number.parseFloat(getComputedStyle(t).paddingRight) || 0;
+  return n + t.clientLeft + t.clientWidth - o;
+}
+function h(t) {
+  for (let n = t.parentElement; n; n = n.parentElement) if (getComputedStyle(n).overflowX !== "visible") return l(n);
+  return Number.POSITIVE_INFINITY;
+}
+function R(t, n) {
+  const o = t.parentElement;
+  if (!o) return;
+  const e = t.getBoundingClientRect(), i = n.getBoundingClientRect().top, u = {
+    top: i,
+    bottom: i + a,
+    left: e.left,
+    right: e.right
+  }, f = Array.from(o.children).filter((r) => r !== t).map((r) => r.getBoundingClientRect()), g = Math.min(l(o), h(t), s(u, f));
+  return d(e.left, e.width, g);
+}
+export {
+  R as measureHelperRowMaxWidth
+};

package/dist/helpers/useHelperAlertRole.js

@@ -0,0 +1,11 @@
+import { useState as o } from "react";
+function l(r, e) {
+  return r && !e ? "alert" : "status";
+}
+function f(r) {
+  const e = !!r, [t, s] = o(e), [n, u] = o(l(e, !1));
+  return e !== t && (s(e), u(l(e, t))), n;
+}
+export {
+  f as useHelperAlertRole
+};