asma-ui-core 3.78.9 → 3.78.11

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

@@ -1,4 +1,4 @@
-import { cn as k } from "../../../helpers/cn.js";
+import { cn as A } from "../../../helpers/cn.js";
 import { ChevronDownIcon as Oe } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
 import { CloseIcon as Be } from "../../icons/close-icon/CloseIcon.js";
 import { CheckIcon as qe } from "../../icons/check-icon/CheckIcon.js";
@@ -9,26 +9,26 @@ import { TOP_LAYER_PROPS as Qe, TOP_LAYER_RESET_STYLE as Xe, getOpenModalDialogA
 import { LoadingIcon as tt } from "../../../table/shared-components/LoadingIcon.js";
 import _ from "./StyledSelectAutocomplete.module.js";
 import { useEffect as lt, useMemo as E, useRef as X, useState as w } from "react";
-import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import { FloatingPortal as rt, autoUpdate as st, flip as ot, offset as at, shift as nt, size as ct, useDismiss as it, useFloating as dt, useInteractions as ut, useMergeRefs as Z, useRole as pt } from "@floating-ui/react";
+import { jsx as o, jsxs as y } from "react/jsx-runtime";
+import { FloatingPortal as rt, autoUpdate as ot, flip as st, offset as at, shift as nt, size as ct, useDismiss as it, useFloating as dt, useInteractions as ut, useMergeRefs as Z, useRole as pt } from "@floating-ui/react";
 var mt = (r) => typeof r == "object" && r !== null && "label" in r ? String(r.label) : String(r), K = (r) => typeof r == "object" && r !== null && "disabled" in r && !!r.disabled;
-function Pt({ dataTest: r, options: p, renderInput: ee, value: v, onChange: N, getOptionLabel: te, getOptionKey: R, isOptionEqualToValue: j, renderOption: z, renderValue: F, filterOptions: L, loading: W, loadingText: le = "Loading…", noOptionsText: re = "No options", disabled: D, readOnly: m, error: se, helperText: oe, size: ae = "small", disableClearable: ne, disableCloseOnSelect: ce, popupIcon: ie, autoHeight: de, multiple: ue, allowSelectAll: pe, selectAllLabel: U = "Select all", fullWidth: me, classes: fe, inputValue: S, onInputChange: he, open: T, onOpen: ge, onClose: be, className: xe, wrapperClassName: we, getOptionDisabled: ye, slotProps: V }) {
-  const o = ue === !0, n = te ?? mt, C = (e, t) => j ? j(e, t) : e === t, [ve, Ne] = w(!1), a = T ?? ve, f = (e) => {
+function Pt({ dataTest: r, options: p, renderInput: ee, value: v, onChange: N, getOptionLabel: te, getOptionKey: C, isOptionEqualToValue: j, renderOption: z, renderValue: F, filterOptions: L, loading: W, loadingText: le = "Loading…", noOptionsText: re = "No options", disabled: D, readOnly: m, error: oe, helperText: se, size: ae = "small", disableClearable: ne, disableCloseOnSelect: ce, popupIcon: ie, autoHeight: de, multiple: ue, allowSelectAll: pe, selectAllLabel: U = "Select all", fullWidth: me, classes: fe, inputValue: R, onInputChange: he, open: T, onOpen: ge, onClose: be, className: xe, wrapperClassName: we, getOptionDisabled: ye, slotProps: V }) {
+  const s = ue === !0, n = te ?? mt, S = (e, t) => j ? j(e, t) : e === t, [ve, Ne] = w(!1), a = T ?? ve, f = (e) => {
     e && (m || D) || (T === void 0 && Ne(e), e ? ge?.() : be?.());
-  }, [Re, H] = w(""), h = S ?? Re, P = (e, t, l) => {
-    S === void 0 && H(t), he?.(e, t, l);
-  }, [b, $] = w(null), De = X([]), Y = X(null), [Se, Ce] = w(null), [Pe, Ae] = w(null), c = o ? Array.isArray(v) ? v : [] : [], g = o ? null : v ?? null, O = !o && g !== null ? n(g) : "";
+  }, [Ce, H] = w(""), h = R ?? Ce, P = (e, t, l) => {
+    R === void 0 && H(t), he?.(e, t, l);
+  }, [b, $] = w(null), De = X([]), Y = X(null), [Re, Se] = w(null), [Pe, ke] = w(null), c = s ? Array.isArray(v) ? v : [] : [], g = s ? null : v ?? null, O = !s && g !== null ? n(g) : "";
   lt(() => {
-    S !== void 0 || o || H(O);
+    R !== void 0 || s || H(O);
   }, [
-    S,
-    o,
+    R,
+    s,
     O
   ]);
-  const B = (e) => o ? c.some((t) => C(e, t)) : g !== null && C(e, g), q = E(() => {
+  const B = (e) => s ? c.some((t) => S(e, t)) : g !== null && S(e, g), q = E(() => {
     const e = [...p];
     if (L) return L(e, { inputValue: h });
-    const t = !o && g !== null ? n(g).toLowerCase() : null;
+    const t = !s && g !== null ? n(g).toLowerCase() : null;
     if (!h || h.toLowerCase() === t) return e;
     const l = h.toLowerCase();
     return e.filter((d) => n(d).toLowerCase().includes(l));
@@ -37,28 +37,28 @@ function Pt({ dataTest: r, options: p, renderInput: ee, value: v, onChange: N, g
     h,
     L,
     v
-  ]), i = E(() => q.slice(0, 100), [q]), { refs: A, floatingStyles: ke, context: G } = dt({
+  ]), i = E(() => q.slice(0, 100), [q]), { refs: k, floatingStyles: Ae, context: G } = dt({
     open: a,
     onOpenChange: f,
     placement: "bottom-start",
     strategy: "fixed",
-    whileElementsMounted: st,
+    whileElementsMounted: ot,
     middleware: [
       at(0),
-      ot({ padding: 8 }),
+      st({ padding: 8 }),
       nt({ padding: 8 }),
       ct({ apply({ rects: e, availableHeight: t }) {
-        Ce(e.reference.width), Ae(de ? t - 8 : Math.min(t - 8, 320));
+        Se(e.reference.width), ke(de ? t - 8 : Math.min(t - 8, 320));
       } })
     ]
-  }), { getReferenceProps: Le, getFloatingProps: $e, getItemProps: Ie } = ut([it(G), pt(G, { role: "listbox" })]), Me = Z([A.setReference]), J = E(() => a ? Ze(A.reference.current) : void 0, [a, A]), I = Ke(J), _e = Z([et(A.setFloating, I)]), M = (e, t) => {
-    if (o) {
-      const l = c.some((u) => C(t, u)), d = l ? c.filter((u) => !C(t, u)) : [...c, t];
+  }), { getReferenceProps: Le, getFloatingProps: $e, getItemProps: Ie } = ut([it(G), pt(G, { role: "listbox" })]), Me = Z([k.setReference]), J = E(() => a ? Ze(k.reference.current) : void 0, [a, k]), I = Ke(J), _e = Z([et(k.setFloating, I)]), M = (e, t) => {
+    if (s) {
+      const l = c.some((u) => S(t, u)), d = l ? c.filter((u) => !S(t, u)) : [...c, t];
       N?.(e, d, l ? "removeOption" : "selectOption", { option: t }), P(e, "", "reset"), ce || f(!1);
     } else
       N?.(e, t, "selectOption", { option: t }), P(e, n(t), "reset"), f(!1);
   }, Ee = (e) => {
-    N?.(e, o ? [] : null, "clear", void 0), P(e, "", "clear");
+    N?.(e, s ? [] : null, "clear", void 0), P(e, "", "clear");
   }, je = (e) => {
     if (e.key === "Enter" && a && b != null && i[b] != null) {
       e.preventDefault();
@@ -73,50 +73,50 @@ function Pt({ dataTest: r, options: p, renderInput: ee, value: v, onChange: N, g
       const t = e.key === "ArrowDown" ? 1 : -1;
       $((l) => l == null ? t > 0 ? 0 : i.length - 1 : (l + t + i.length) % i.length);
     }
-  }, ze = !ne && !m && !D && (o ? c.length > 0 : g !== null), Fe = (e) => {
+  }, ze = !ne && !m && !D && (s ? c.length > 0 : g !== null), Fe = (e) => {
     e.preventDefault(), !(D || m) && (Y.current?.focus(), f(!a));
-  }, We = o ? F ? F(c, ({ index: e }) => ({ "data-index": e })) : c.map((e, t) => /* @__PURE__ */ s(Je, {
+  }, We = s ? F ? F(c, ({ index: e }) => ({ "data-index": e })) : c.map((e, t) => /* @__PURE__ */ o(Je, {
     dataTest: `selected-chip-${n(e)}`,
     label: n(e),
     readOnly: m,
     onDelete: m ? void 0 : (l) => M(l, e)
-  }, R ? R(e) : `${n(e)}-${t}`)) : void 0, Ue = /* @__PURE__ */ y("span", {
+  }, C ? C(e) : `${n(e)}-${t}`)) : void 0, Ue = /* @__PURE__ */ y("span", {
     className: "flex items-center gap-1",
     children: [
-      W && /* @__PURE__ */ s(tt, {
+      W && /* @__PURE__ */ o(tt, {
         width: 20,
         height: 20,
         className: "animate-spin"
       }),
-      ze && /* @__PURE__ */ s("button", {
+      ze && /* @__PURE__ */ o("button", {
         type: "button",
         "aria-label": "Clear",
         "data-testid": `${r}-clear`,
         className: "flex min-h-6 min-w-6 cursor-pointer items-center justify-center rounded-full border-0 bg-delta-50",
-        onMouseDown: (e) => {
-          e.preventDefault(), Ee(e);
-        },
-        children: /* @__PURE__ */ s(Be, {
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: Ee,
+        children: /* @__PURE__ */ o(Be, {
           width: 20,
           height: 20,
           className: "text-delta-700"
         })
       }),
-      m ? null : /* @__PURE__ */ s("button", {
+      m ? null : /* @__PURE__ */ o("button", {
         type: "button",
         "aria-label": "Toggle options",
         "aria-expanded": a,
         "data-testid": `${r}-popup-indicator`,
         className: "flex cursor-pointer items-center border-0 bg-transparent",
-        onMouseDown: Fe,
-        children: ie ?? (o ? /* @__PURE__ */ s(Ge, {
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: Fe,
+        children: ie ?? (s ? /* @__PURE__ */ o(Ge, {
           width: 24,
           height: 24,
           className: "text-delta-700"
-        }) : /* @__PURE__ */ s(Oe, {
+        }) : /* @__PURE__ */ o(Oe, {
           width: 24,
           height: 24,
-          className: k(_["select-custom-icon"], a && _["select-custom-icon-open"], "text-delta-700")
+          className: A(_["select-custom-icon"], a && _["select-custom-icon-open"], "text-delta-700")
         }))
       })
     ]
@@ -124,8 +124,8 @@ function Pt({ dataTest: r, options: p, renderInput: ee, value: v, onChange: N, g
     disabled: D,
     size: ae,
     fullWidth: !0,
-    error: se,
-    helperText: oe,
+    error: oe,
+    helperText: se,
     value: h,
     onChange: (e) => {
       P(e, e.target.value, "input"), a || f(!0);
@@ -149,24 +149,24 @@ function Pt({ dataTest: r, options: p, renderInput: ee, value: v, onChange: N, g
         endAdornment: Ue
       }
     }
-  }, Ve = k("box-border flex min-h-10 cursor-pointer items-center gap-x-3 px-3 py-1.5 text-base text-delta-800", "aria-selected:bg-gama-50 data-[active]:bg-gama-50 data-[active]:text-delta-800", "aria-disabled:cursor-default aria-disabled:!bg-transparent aria-disabled:text-delta-300"), He = (e, t, l) => {
+  }, Ve = A("box-border flex min-h-10 cursor-pointer items-center gap-x-3 px-3 py-1.5 text-base text-delta-800", "aria-selected:bg-gama-50 data-[active]:bg-gama-50 data-[active]:text-delta-800", "aria-disabled:cursor-default aria-disabled:!bg-transparent aria-disabled:text-delta-300"), He = (e, t, l) => {
     const { key: d, ...u } = e;
     return /* @__PURE__ */ y("li", {
       ...u,
-      children: [o ? /* @__PURE__ */ s(Q, {
+      children: [s ? /* @__PURE__ */ o(Q, {
         dataTest: `${r}-${n(t)}-checkbox`,
         checked: l.selected,
         size: "small",
         hideWrapper: !0,
         decorative: !0
-      }) : /* @__PURE__ */ s("span", {
+      }) : /* @__PURE__ */ o("span", {
         className: "w-5",
-        children: l.selected && /* @__PURE__ */ s(qe, {
+        children: l.selected && /* @__PURE__ */ o(qe, {
           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: n(t)
       })]
@@ -180,7 +180,7 @@ function Pt({ dataTest: r, options: p, renderInput: ee, value: v, onChange: N, g
         },
         onMouseMove: () => $(l ? null : t)
       }),
-      key: R ? String(R(e)) : `${n(e)}-${t}`,
+      key: C ? String(C(e)) : `${n(e)}-${t}`,
       ref: (x) => {
         De.current[t] = x;
       },
@@ -198,26 +198,26 @@ function Pt({ dataTest: r, options: p, renderInput: ee, value: v, onChange: N, g
     return z ? z(d, e, u) : He(d, e, u);
   };
   return /* @__PURE__ */ y("div", {
-    className: k(_.styledSelectAutocompleteWrapper, !me && "w-auto", we, xe),
-    children: [ee(Te), a && /* @__PURE__ */ s(rt, {
+    className: A(_.styledSelectAutocompleteWrapper, !me && "w-auto", we, xe),
+    children: [ee(Te), a && /* @__PURE__ */ o(rt, {
       root: J,
       children: /* @__PURE__ */ y("ul", {
         ref: _e,
         ...I ? Qe : {},
         style: {
           ...I ? Xe : {},
-          ...ke,
-          width: Se ?? void 0,
+          ...Ae,
+          width: Re ?? void 0,
           maxHeight: Pe ?? void 0,
           fontFamily: "Roboto, Helvetica, Arial, sans-serif",
           ...V?.popper?.style
         },
         ...$e(),
-        className: k("z-[1300] m-0 list-none overflow-auto rounded-lg border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", "[&>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", fe?.listbox, V?.popper?.className),
-        children: [pe && o && /* @__PURE__ */ y("div", {
+        className: A("z-[1300] m-0 list-none overflow-auto rounded-lg border border-solid border-delta-300 bg-white px-0 py-2 shadow-[0px_2px_4px_0px_rgba(34,33,51,0.15)]", "[&>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", fe?.listbox, V?.popper?.className),
+        children: [pe && s && /* @__PURE__ */ y("div", {
           role: "group",
           className: "flex min-h-12 items-center gap-x-1 border-0 border-b border-solid border-delta-200 px-4 text-sm text-delta-700",
-          children: [/* @__PURE__ */ s(Q, {
+          children: [/* @__PURE__ */ o(Q, {
             dataTest: `${r}-select-all`,
             "aria-label": U,
             checked: p.length > 0 && c.length === p.length,
@@ -228,15 +228,15 @@ function Pt({ dataTest: r, options: p, renderInput: ee, value: v, onChange: N, g
               const t = p.length > 0 && c.length === p.length;
               N?.(e, t ? [] : p, t ? "clear" : "selectOption", void 0);
             }
-          }), /* @__PURE__ */ s("span", {
+          }), /* @__PURE__ */ o("span", {
             className: "flex-1 truncate py-2",
             children: U
           })]
-        }), W ? /* @__PURE__ */ s("li", {
+        }), W ? /* @__PURE__ */ o("li", {
           role: "presentation",
           className: "px-3 py-2 text-sm text-delta-600",
           children: le
-        }) : i.length === 0 ? /* @__PURE__ */ s("li", {
+        }) : i.length === 0 ? /* @__PURE__ */ o("li", {
           role: "presentation",
           className: "px-3 py-2 text-sm text-delta-600",
           children: re

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

@@ -3,21 +3,21 @@ import { HelperRow as et } from "../../../helpers/HelperRow.js";
 import { useHelperSlot as lt } from "../../../helpers/useHelperSlot.js";
 import g from "./StyledSlider.module.js";
 import { useId as at, useState as rt } from "react";
-import { jsx as p, jsxs as H } from "react/jsx-runtime";
-var T = (c, e, o) => o === e ? 0 : Math.min(100, Math.max(0, (c - e) / (o - e) * 100)), ot = (c) => Array.isArray(c) ? [c[0] ?? 0, c[1] ?? 0] : null, ft = ({ dataTest: c, min: e = 0, max: o = 100, step: b = 1, value: z, defaultValue: E, disabled: v, size: D = "medium", orientation: L = "horizontal", marks: w, name: G, className: J, classes: u, slotProps: M, error: y, errorText: O, helperText: U, reserveHelperText: Q, ariaLabel: S, ariaLabelledBy: W, onChange: _, onChangeCommitted: j }) => {
-  const V = at(), a = L === "vertical", d = D === "small" ? 6 : 8, [Z, k] = rt(E ?? e), A = z ?? Z, n = ot(A), f = n !== null, B = y ? O ?? U : U, { show: F, role: C } = lt("StyledSlider", y, B, Q), $ = (w === !0 && Number.isFinite(b) && b > 0 && o > e ? Array.from({ length: Math.floor((o - e) / b) + 1 }, (t, l) => ({ value: e + b * l })) : Array.isArray(w) ? w : []).filter((t) => t.value >= e && t.value <= o), K = f ? Math.min(n[0], n[1]) : e, x = f ? Math.max(n[0], n[1]) : A, X = (t) => f ? t >= K && t <= x : t <= x, P = f ? T(K, e, o) : 0, Y = T(x, e, o) - P, I = a ? {
+import { jsx as p, jsxs as U } from "react/jsx-runtime";
+var H = (c, e, o) => o === e ? 0 : Math.min(100, Math.max(0, (c - e) / (o - e) * 100)), ot = (c) => Array.isArray(c) ? [c[0] ?? 0, c[1] ?? 0] : null, ft = ({ dataTest: c, min: e = 0, max: o = 100, step: b = 1, value: T, defaultValue: E, disabled: v, size: z = "medium", orientation: L = "horizontal", marks: M, name: G, className: J, classes: u, slotProps: S, error: y, errorText: O, helperText: _, reserveHelperText: Q, ariaLabel: w, ariaLabelledBy: W, onChange: j, onChangeCommitted: V }) => {
+  const B = at(), a = L === "vertical", d = z === "small" ? 6 : 8, [Z, k] = rt(E ?? e), A = T ?? Z, n = ot(A), f = n !== null, D = y ? O ?? _ : _, { show: F, role: C } = lt("StyledSlider", y, D, Q), $ = (M === !0 && Number.isFinite(b) && b > 0 && o > e ? Array.from({ length: Math.floor((o - e) / b) + 1 }, (t, l) => ({ value: e + b * l })) : Array.isArray(M) ? M : []).filter((t) => t.value >= e && t.value <= o), K = f ? Math.min(n[0], n[1]) : e, x = f ? Math.max(n[0], n[1]) : A, X = (t) => f ? t >= K && t <= x : t <= x, P = f ? H(K, e, o) : 0, Y = H(x, e, o) - P, I = a ? {
     bottom: `${P}%`,
     height: `${Y}%`
   } : {
     left: `${P}%`,
     width: `${Y}%`
   }, q = (t) => {
-    const l = T(t, e, o);
+    const l = H(t, e, o);
     return a ? { bottom: `${l}%` } : { left: `${l}%` };
   }, 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) / b)) * b, h = Math.min(o, Math.max(e, m));
-    N(_, t, h, f && Math.abs((n?.[1] ?? e) - h) < Math.abs((n?.[0] ?? e) - h) ? 1 : 0);
+    N(j, t, h, f && Math.abs((n?.[1] ?? e) - h) < Math.abs((n?.[0] ?? e) - h) ? 1 : 0);
   }, N = (t, l, r, m) => {
     let h = r;
     if (!f) h = r;
@@ -25,7 +25,7 @@ var T = (c, e, o) => o === e ? 0 : Math.min(100, Math.max(0, (c - e) / (o - e) *
       const s = [n?.[0] ?? 0, n?.[1] ?? 0];
       s[m] = r, m === 0 && s[0] > s[1] && (s[0] = s[1]), m === 1 && s[1] < s[0] && (s[1] = s[0]), h = s;
     }
-    z === void 0 && k(h), t && t(l, h, m);
+    T === void 0 && k(h), t && t(l, h, m);
   }, R = (t, l) => /* @__PURE__ */ p("input", {
     type: "range",
     "data-testid": f ? `${c}-thumb-${t}` : c,
@@ -36,22 +36,22 @@ var T = (c, e, o) => o === e ? 0 : Math.min(100, Math.max(0, (c - e) / (o - e) *
     value: l,
     disabled: v,
     "aria-orientation": L,
-    "aria-label": typeof S == "function" ? S(t) : S,
+    "aria-label": typeof w == "function" ? w(t) : w,
     "aria-labelledby": W,
     "aria-invalid": y ? !0 : void 0,
-    "aria-describedby": F ? V : void 0,
-    className: i(g.SliderInput, a ? g.Vertical : g.Horizontal, !a && "z-0", D === "small" && g.Small, v && g.Disabled, u?.thumb, M?.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-describedby": F ? B : void 0,
+    className: i(g.SliderInput, a ? g.Vertical : g.Horizontal, !a && "z-0", z === "small" && g.Small, v && g.Disabled, u?.thumb, S?.thumb?.className),
+    onChange: (r) => N(j, r, Number(r.currentTarget.value), t),
+    onPointerUp: (r) => N(V, r, Number(r.currentTarget.value), t),
+    onKeyUp: (r) => N(V, r, Number(r.currentTarget.value), t)
   }, t);
-  return /* @__PURE__ */ H("div", {
+  return /* @__PURE__ */ U("div", {
     className: i("relative flex", a ? "h-full w-8 flex-col items-center" : "mt-px w-full flex-col", u?.root, J),
     children: [
-      /* @__PURE__ */ H("div", {
+      /* @__PURE__ */ U("div", {
         className: i("relative", a ? "h-full w-8" : "h-4 w-full"),
-        children: [/* @__PURE__ */ H("div", {
-          onPointerDown: tt,
+        children: [/* @__PURE__ */ U("div", {
+          onPointerUp: tt,
           className: i("absolute", a ? "left-1/2 w-1 -translate-x-1/2" : "top-[calc(50%+6px)] h-1 -translate-y-1/2"),
           style: a ? {
             top: d,
@@ -61,7 +61,7 @@ var T = (c, e, o) => o === e ? 0 : Math.min(100, Math.max(0, (c - e) / (o - e) *
             right: d
           },
           children: [
-            /* @__PURE__ */ p("div", { className: i("absolute inset-0 rounded-full bg-delta-100", u?.rail, M?.rail?.className) }),
+            /* @__PURE__ */ p("div", { className: i("absolute inset-0 rounded-full bg-delta-100", u?.rail, S?.rail?.className) }),
             /* @__PURE__ */ p("div", {
               className: i("absolute rounded-full", a ? "left-0 w-full" : "top-0 h-full", v ? "bg-delta-200" : "bg-gama-500", u?.track),
               style: I
@@ -86,16 +86,16 @@ var T = (c, e, o) => o === e ? 0 : Math.min(100, Math.max(0, (c - e) / (o - e) *
           marginRight: d
         },
         children: $.map((t) => t.label == null ? null : /* @__PURE__ */ p("span", {
-          className: i("absolute text-base font-semibold text-delta-700", a ? "left-[37px] translate-y-1/2" : "-translate-x-1/2", X(t.value) && u?.markLabelActive, u?.markLabel, M?.markLabel?.className),
+          className: i("absolute text-base font-semibold text-delta-700", a ? "left-[37px] translate-y-1/2" : "-translate-x-1/2", X(t.value) && u?.markLabelActive, u?.markLabel, S?.markLabel?.className),
           style: q(t.value),
           children: t.label
         }, t.value))
       }),
       F && /* @__PURE__ */ p(et, {
-        id: V,
+        id: B,
         role: C,
         error: y,
-        message: B,
+        message: D,
         className: "m-0 items-center"
       })
     ]

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

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

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

@@ -1,5 +1,5 @@
-import { StyledButton as s } from "../../../shared-components/button/StyledButton.js";
-import { CloseIcon as l } from "../../../shared-components/CloseIcon.js";
+import { CloseIcon as s } from "../../../../components/icons/close-icon/CloseIcon.js";
+import { StyledButton as l } from "../../../shared-components/button/StyledButton.js";
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 function y(o) {
   const { onClose: n, children: a, calendarMonth: c, displayIndex: d, ...t } = o;
@@ -13,12 +13,12 @@ function y(o) {
       alignItems: "center",
       marginLeft: "10px"
     },
-    children: [a, /* @__PURE__ */ e(s, {
+    children: [a, /* @__PURE__ */ e(l, {
       dataTest: "close-button",
       "aria-label": "Close",
       variant: "textGray",
       onClick: (i) => n?.(i, "backdropClick"),
-      startIcon: /* @__PURE__ */ e(l, {
+      startIcon: /* @__PURE__ */ e(s, {
         height: 20,
         width: 20
       })

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

@@ -1,5 +1,5 @@
-import { ChevronLeftIcon as f } from "../../../shared-components/ChevronLeftIcon.js";
-import { ChevronRightIcon as u } from "../../../shared-components/ChevronRightIcon.js";
+import { ChevronRightIcon as f } from "../../../../components/icons/chevron-right-icon/ChevronRightIcon.js";
+import { ChevronLeftIcon as u } from "../../../../components/icons/chevron-left-icon/ChevronLeftIcon.js";
 import { StyledButton as e } from "../../../shared-components/button/StyledButton.js";
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { useNavigation as y } from "react-day-picker";
@@ -39,7 +39,7 @@ var j = ({ onClose: m, isNb: n, selected: i, removeSelection: h, setMonth: a, on
               r && a(r);
             },
             style: { minWidth: "25px" },
-            children: /* @__PURE__ */ t(f, {
+            children: /* @__PURE__ */ t(u, {
               width: 20,
               height: 20
             })
@@ -62,7 +62,7 @@ var j = ({ onClose: m, isNb: n, selected: i, removeSelection: h, setMonth: a, on
               l && a(l);
             },
             style: { minWidth: "25px" },
-            children: /* @__PURE__ */ t(u, {
+            children: /* @__PURE__ */ t(f, {
               width: 20,
               height: 20
             })

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

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

package/dist/src/character-shortcuts.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/datetime/shared-components/ChevronLeftIcon.d.ts

@@ -1,2 +1 @@
-import { SVGProps } from 'react';
-export declare function ChevronLeftIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+export { ChevronLeftIcon } from '../../components/icons/chevron-left-icon';

package/dist/src/datetime/shared-components/ChevronRightIcon.d.ts

@@ -1,2 +1 @@
-import { SVGProps } from 'react';
-export declare function ChevronRightIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+export { ChevronRightIcon } from '../../components/icons/chevron-right-icon';

package/dist/src/datetime/shared-components/CloseIcon.d.ts

@@ -1,2 +1 @@
-import { SVGProps } from 'react';
-export declare function CloseIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+export { CloseIcon } from '../../components/icons/close-icon';

package/dist/src/table/shared-components/ChevronLeftIcon.d.ts

@@ -1,2 +1 @@
-import { SVGProps } from 'react';
-export declare function ChevronLeftIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+export { ChevronLeftIcon } from '../../components/icons/chevron-left-icon';

package/dist/src/table/shared-components/ChevronRightIcon.d.ts

@@ -1,2 +1 @@
-import { SVGProps } from 'react';
-export declare function ChevronRightIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+export { ChevronRightIcon } from '../../components/icons/chevron-right-icon';

package/dist/src/table/shared-components/DotsVerticalIcon.d.ts

@@ -1,2 +1 @@
-import { SVGProps } from 'react';
-export declare function DotsVerticalIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+export { DotsVerticalIcon } from '../../components/icons/dots-vertical-icon';