asma-ui-core 3.50.0 → 3.51.0

package/dist/components/custom/module/header-layout/ToolbarRows.js

@@ -1,110 +1,111 @@
 import { cn as f } from "../../../../helpers/cn.js";
 import { CloseIcon as T } from "../../../icons/close-icon/CloseIcon.js";
-import { StyledButton as j } from "../../../inputs/button/StyledButton.js";
-import { StyledWidgetTitle as k } from "../../widget/widget-title/StyledWidgetTitle.js";
+import { StyledButton as b } from "../../../inputs/button/StyledButton.js";
+import { StyledWidgetTitle as j } from "../../widget/widget-title/StyledWidgetTitle.js";
 import { ToolbarActionGroup as c, hasPlannedActions as u } from "./ToolbarActionGroup.js";
-import { formatSelectionLabel as F } from "./useTranslations.js";
-import { Fragment as o, jsx as n, jsxs as r } from "react/jsx-runtime";
-function b({ selectedCount: e, onClearSelection: i, translations: t }) {
-  return /* @__PURE__ */ n("div", {
+import { formatSelectionLabel as k } from "./useTranslations.js";
+import { Fragment as o, jsx as i, jsxs as r } from "react/jsx-runtime";
+function I({ selectedCount: e, onClearSelection: n, translations: t }) {
+  return /* @__PURE__ */ i("div", {
     className: "flex shrink-0 items-center whitespace-nowrap",
     "aria-live": "polite",
     "aria-atomic": "true",
-    children: /* @__PURE__ */ n(j, {
+    children: /* @__PURE__ */ i(b, {
       dataTest: "dynamic-toolbar-clear-selection",
       variant: "text",
       size: "small",
       className: "!min-w-0 !px-1 !font-semibold",
-      startIcon: i ? /* @__PURE__ */ n(T, {
+      startIcon: n ? /* @__PURE__ */ i(T, {
         width: 20,
         height: 20
       }) : void 0,
-      onClick: i,
+      onClick: n,
       "aria-label": t.clearSelection,
-      children: F(e, t)
+      children: k(e, t)
     })
   });
 }
-function U({ selectedCount: e, onClearSelection: i, translations: t, bulkActionsPlan: l }) {
+function q({ selectedCount: e, onClearSelection: n, translations: t, bulkActionsPlan: l }) {
   return /* @__PURE__ */ r("div", {
     className: "flex w-full min-w-0 flex-nowrap items-center justify-between gap-3",
-    children: [/* @__PURE__ */ n(b, {
+    children: [/* @__PURE__ */ i(I, {
       selectedCount: e,
-      onClearSelection: i,
+      onClearSelection: n,
       translations: t
-    }), /* @__PURE__ */ n(c, {
+    }), /* @__PURE__ */ i(c, {
       plan: l,
       overflowMenuLabel: t.more,
       selectionTone: !0
     })]
   });
 }
-function N({ search: e, expanded: i, measureRef: t }) {
-  return /* @__PURE__ */ n("div", {
-    ref: i ? void 0 : t,
-    className: f("[&_.MuiFormControl-root]:w-full", i ? "min-w-0 flex-1 [&_.MuiFormControl-root]:max-w-none" : "w-40 shrink-0"),
+function N({ search: e, expanded: n, measureRef: t }) {
+  return /* @__PURE__ */ i("div", {
+    ref: n ? void 0 : t,
+    style: n ? { "--dynamic-toolbar-search-width": "100%" } : void 0,
+    className: f(n ? "min-w-0 flex-1" : "w-40 shrink-0"),
     children: e
   });
 }
-function S({ visible: e, children: i }) {
-  return /* @__PURE__ */ n("div", {
+function S({ visible: e, children: n }) {
+  return /* @__PURE__ */ i("div", {
     className: f("overflow-hidden whitespace-nowrap transition-[max-width,opacity] duration-200 ease-in-out", e ? "max-w-[2000px] opacity-100" : "pointer-events-none max-w-0 opacity-0"),
     "aria-hidden": !e,
-    children: /* @__PURE__ */ n("div", {
+    children: /* @__PURE__ */ i("div", {
       className: "inline-flex items-center gap-2",
-      children: i
+      children: n
     })
   });
 }
-function C({ title: e, measureRef: i }) {
-  return typeof e == "string" ? /* @__PURE__ */ n(k, {
-    ref: i,
+function F({ title: e, measureRef: n }) {
+  return typeof e == "string" ? /* @__PURE__ */ i(j, {
+    ref: n,
     className: "!min-w-0 truncate",
     children: e
-  }) : /* @__PURE__ */ n("div", {
-    ref: i,
+  }) : /* @__PURE__ */ i("div", {
+    ref: n,
     className: "min-w-0 truncate",
     children: e
   });
 }
-function W({ title: e, helperText: i, titleMeasureRef: t }) {
-  return !e && !i ? null : /* @__PURE__ */ r("div", {
+function D({ title: e, helperText: n, titleMeasureRef: t }) {
+  return !e && !n ? null : /* @__PURE__ */ r("div", {
     className: "min-w-0 max-w-full",
-    children: [e && /* @__PURE__ */ n(C, {
+    children: [e && /* @__PURE__ */ i(F, {
       title: e,
       measureRef: t
-    }), i && /* @__PURE__ */ n("div", {
+    }), n && /* @__PURE__ */ i("div", {
       className: "mt-1 text-sm text-delta-700",
-      children: i
+      children: n
     })]
   });
 }
-function q({ variant: e, beforeFilterActionsPlan: i, filter: t, search: l, afterSearchActionsPlan: p, bulkActionsPlan: a, showPageActions: h, overflowMenuLabel: s, searchMeasureRef: g, align: B = "end" }) {
-  const m = h && u(i), d = h && u(p), w = e === "inline-selection" && u(a);
+function E({ variant: e, beforeFilterActionsPlan: n, filter: t, search: l, afterSearchActionsPlan: h, bulkActionsPlan: a, showPageActions: p, overflowMenuLabel: s, searchMeasureRef: g, align: B = "end" }) {
+  const m = p && u(n), d = p && u(h), w = e === "inline-selection" && u(a);
   if (!(t != null || l != null) && !m && !d && !w) return null;
-  const x = m ? /* @__PURE__ */ n(S, {
+  const x = m ? /* @__PURE__ */ i(S, {
     visible: m,
-    children: /* @__PURE__ */ n(c, {
-      plan: i,
+    children: /* @__PURE__ */ i(c, {
+      plan: n,
       overflowMenuLabel: s
     })
-  }) : null, v = d ? /* @__PURE__ */ n(S, {
+  }) : null, v = d ? /* @__PURE__ */ i(S, {
     visible: d,
-    children: /* @__PURE__ */ n("div", {
+    children: /* @__PURE__ */ i("div", {
       className: "flex flex-nowrap items-center gap-2",
-      children: /* @__PURE__ */ n(c, {
-        plan: p,
+      children: /* @__PURE__ */ i(c, {
+        plan: h,
         overflowMenuLabel: s
       })
     })
-  }) : null, y = /* @__PURE__ */ r(o, { children: [t, l != null && /* @__PURE__ */ n(N, {
+  }) : null, y = /* @__PURE__ */ r(o, { children: [t, l != null && /* @__PURE__ */ i(N, {
     search: l,
     measureRef: g
   })] });
   return /* @__PURE__ */ r("div", {
     className: f("flex w-full min-w-0 flex-nowrap items-center gap-2", B === "end" ? "justify-end" : "justify-start"),
     children: [
-      e === "inline-selection" && /* @__PURE__ */ r(o, { children: [w && a && /* @__PURE__ */ n(c, {
+      e === "inline-selection" && /* @__PURE__ */ r(o, { children: [w && a && /* @__PURE__ */ i(c, {
         plan: a,
         overflowMenuLabel: s,
         selectionTone: !0
@@ -116,7 +117,7 @@ function q({ variant: e, beforeFilterActionsPlan: i, filter: t, search: l, after
       ] }),
       e === "utility-row" && /* @__PURE__ */ r(o, { children: [
         x,
-        l != null && /* @__PURE__ */ n(N, {
+        l != null && /* @__PURE__ */ i(N, {
           search: l,
           expanded: !0
         }),
@@ -128,9 +129,9 @@ function q({ variant: e, beforeFilterActionsPlan: i, filter: t, search: l, after
 }
 export {
   N as SearchSlot,
-  b as SelectionIndicator,
-  U as SelectionRow,
-  W as TitleBlock,
-  C as TitleText,
-  q as UtilityCluster
+  I as SelectionIndicator,
+  q as SelectionRow,
+  D as TitleBlock,
+  F as TitleText,
+  E as UtilityCluster
 };

package/dist/components/inputs/search-field/StyledSearchField.js

@@ -4,8 +4,8 @@ import { CloseIcon as f } from "../../icons/close-icon/CloseIcon.js";
 import { StyledInputField as u } from "../input-field/StyledInputField.js";
 import { useState as v } from "react";
 import { jsx as t } from "react/jsx-runtime";
-var b = ({ value: o, onClear: s, label: n, onFocus: d, onBlur: c, ...r }) => {
-  const [h, l] = v(!1), i = h || o, a = typeof n == "string" ? n : void 0;
+var I = ({ value: o, onClear: s, label: n, onFocus: d, onBlur: c, ...r }) => {
+  const [h, a] = v(!1), i = h || o, l = typeof n == "string" ? n : void 0;
   return /* @__PURE__ */ t("div", {
     className: "relative w-full",
     children: /* @__PURE__ */ t(u, {
@@ -13,12 +13,12 @@ var b = ({ value: o, onClear: s, label: n, onFocus: d, onBlur: c, ...r }) => {
       variant: "outlined",
       value: o,
       label: i ? n : void 0,
-      placeholder: i ? void 0 : a,
+      placeholder: i ? void 0 : l,
       onFocus: (e) => {
-        l(!0), d?.(e);
+        a(!0), d?.(e);
       },
       onBlur: (e) => {
-        l(!1), c?.(e);
+        a(!1), c?.(e);
       },
       slotProps: {
         htmlInput: {
@@ -28,7 +28,7 @@ var b = ({ value: o, onClear: s, label: n, onFocus: d, onBlur: c, ...r }) => {
             whiteSpace: "nowrap",
             ...o ? { paddingRight: 40 } : {}
           },
-          "aria-label": i ? void 0 : a
+          "aria-label": i ? void 0 : l
         },
         input: {
           endAdornment: o ? /* @__PURE__ */ t("button", {
@@ -65,12 +65,12 @@ var b = ({ value: o, onClear: s, label: n, onFocus: d, onBlur: c, ...r }) => {
       },
       ...r,
       sx: {
-        ...r.fullWidth ? { width: "100%" } : { width: 160 },
+        width: r.fullWidth ? "100%" : "var(--dynamic-toolbar-search-width, 160px)",
         ...r.sx
       }
     })
   });
 };
 export {
-  b as StyledSearchField
+  I as StyledSearchField
 };

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

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

package/dist/hooks/useFocusTrap.hook.js

@@ -1,34 +1,34 @@
-import { useEffect as m } from "react";
-var l = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])', E = (o, s, c) => {
-  m(() => {
-    if (!o) return;
-    const t = s.current;
+import { useEffect as d } from "react";
+var m = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])', b = (c, u, a) => {
+  d(() => {
+    if (!c) return;
+    const t = u.current;
     if (!t) return;
-    const r = document.activeElement, d = requestAnimationFrame(() => {
-      (t.querySelector(l) ?? t).focus();
-    }), u = (e) => {
+    const r = document.activeElement, l = requestAnimationFrame(() => {
+      t.focus({ preventScroll: !0 });
+    }), i = (e) => {
       if (e.key === "Escape") {
-        c?.();
+        a?.();
         return;
       }
       if (e.key !== "Tab") return;
-      const n = Array.from(t.querySelectorAll(l));
+      const n = Array.from(t.querySelectorAll(m));
       if (n.length === 0) {
         e.preventDefault();
         return;
       }
-      const i = n[0], a = n[n.length - 1], f = document.activeElement;
-      e.shiftKey && f === i ? (e.preventDefault(), a?.focus()) : !e.shiftKey && f === a && (e.preventDefault(), i?.focus());
+      const s = n[0], f = n[n.length - 1], o = document.activeElement;
+      e.shiftKey && (o === s || o === t) ? (e.preventDefault(), f?.focus()) : (!e.shiftKey && o === f || !e.shiftKey && o === t) && (e.preventDefault(), s?.focus());
     };
-    return document.addEventListener("keydown", u), () => {
-      cancelAnimationFrame(d), document.removeEventListener("keydown", u), r && document.contains(r) && r.focus();
+    return document.addEventListener("keydown", i), () => {
+      cancelAnimationFrame(l), document.removeEventListener("keydown", i), r && document.contains(r) && r.focus();
     };
   }, [
-    o,
-    s,
-    c
+    c,
+    u,
+    a
   ]);
 };
 export {
-  E as useFocusTrap
+  b as useFocusTrap
 };

package/dist/table/components/StyledTable.module.js

@@ -1,57 +1,58 @@
-var t = "_tbody_tst0a_124", e = "_expanded_row_tst0a_187", a = "_selected_tst0a_205", _ = "_shadowed_tst0a_228", l = "_resizer_tst0a_282", o = "_isResizing_tst0a_294", s = {
-  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_tst0a_1",
-  "table-wrapper": "_table-wrapper_tst0a_26",
-  "table-shell": "_table-shell_tst0a_33",
-  "table-wrapper--no-rows": "_table-wrapper--no-rows_tst0a_39",
-  "table-wrapper--proxy": "_table-wrapper--proxy_tst0a_42",
-  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_tst0a_43",
-  "table-wrapper-fetching": "_table-wrapper-fetching_tst0a_53",
-  "table-scroll": "_table-scroll_tst0a_56",
-  "table-x--fill-height": "_table-x--fill-height_tst0a_65",
-  "table-x": "_table-x_tst0a_65",
-  "table-content": "_table-content_tst0a_80",
-  "table-header--sticky": "_table-header--sticky_tst0a_85",
-  "table-hscroll": "_table-hscroll_tst0a_90",
-  "table-hscroll__content": "_table-hscroll__content_tst0a_100",
-  "no-rows-overlay-container": "_no-rows-overlay-container_tst0a_103",
-  "no-rows-overlay-content": "_no-rows-overlay-content_tst0a_111",
-  "styled-table": "_styled-table_tst0a_115",
-  tbody: t,
-  "loading-icon": "_loading-icon_tst0a_129",
-  "t-row": "_t-row_tst0a_136",
-  "t-cell": "_t-cell_tst0a_136",
-  "action-cell": "_action-cell_tst0a_146",
-  "fixed-cell": "_fixed-cell_tst0a_150",
-  "fixed-right-cell": "_fixed-right-cell_tst0a_153",
-  expanded_row: e,
-  selected: a,
-  "single-selection": "_single-selection_tst0a_208",
-  "action-cell--no-shadow": "_action-cell--no-shadow_tst0a_225",
-  shadowed: _,
-  "shadowed-right": "_shadowed-right_tst0a_262",
-  "is-loading": "_is-loading_tst0a_266",
-  "action-cell-default-background": "_action-cell-default-background_tst0a_269",
-  "fixed-cell-default-background": "_fixed-cell-default-background_tst0a_272",
-  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_tst0a_275",
-  "sortable-column": "_sortable-column_tst0a_278",
-  resizer: l,
-  isResizing: o,
-  "hide-table-header": "_hide-table-header_tst0a_306",
-  "show-table-header": "_show-table-header_tst0a_310",
-  "table-header": "_table-header_tst0a_85",
-  "hide-header": "_hide-header_tst0a_346",
-  "t-cell__actions": "_t-cell__actions_tst0a_349",
-  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_tst0a_357",
-  "t-cell__fixed": "_t-cell__fixed_tst0a_361",
-  "t-cell__fixed-right": "_t-cell__fixed-right_tst0a_368",
-  "sort-icon": "_sort-icon_tst0a_375",
-  "header-content": "_header-content_tst0a_379",
-  "table-footer--sticky": "_table-footer--sticky_tst0a_394",
-  "table-footer--inline": "_table-footer--inline_tst0a_405",
-  "table-bottom": "_table-bottom_tst0a_416",
-  "table-bottom--sticky": "_table-bottom--sticky_tst0a_430",
-  "cursor-not-allowed": "_cursor-not-allowed_tst0a_434"
+var e = "_tbody_qdh8h_124", _ = "_expanded_row_qdh8h_187", l = "_selected_qdh8h_205", h = "_shadowed_qdh8h_228", t = "_resizer_qdh8h_282", a = "_isResizing_qdh8h_294", d = {
+  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_qdh8h_1",
+  "table-wrapper": "_table-wrapper_qdh8h_26",
+  "table-shell": "_table-shell_qdh8h_33",
+  "table-wrapper--no-rows": "_table-wrapper--no-rows_qdh8h_39",
+  "table-wrapper--proxy": "_table-wrapper--proxy_qdh8h_42",
+  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_qdh8h_43",
+  "table-wrapper-fetching": "_table-wrapper-fetching_qdh8h_53",
+  "table-scroll": "_table-scroll_qdh8h_56",
+  "table-x--fill-height": "_table-x--fill-height_qdh8h_65",
+  "table-x": "_table-x_qdh8h_65",
+  "table-content": "_table-content_qdh8h_80",
+  "table-header--sticky": "_table-header--sticky_qdh8h_85",
+  "table-hscroll": "_table-hscroll_qdh8h_90",
+  "table-hscroll__content": "_table-hscroll__content_qdh8h_100",
+  "no-rows-overlay-container": "_no-rows-overlay-container_qdh8h_103",
+  "no-rows-overlay-content": "_no-rows-overlay-content_qdh8h_111",
+  "styled-table": "_styled-table_qdh8h_115",
+  tbody: e,
+  "loading-icon": "_loading-icon_qdh8h_129",
+  "t-row": "_t-row_qdh8h_136",
+  "t-cell": "_t-cell_qdh8h_136",
+  "action-cell": "_action-cell_qdh8h_146",
+  "fixed-cell": "_fixed-cell_qdh8h_150",
+  "fixed-right-cell": "_fixed-right-cell_qdh8h_153",
+  expanded_row: _,
+  selected: l,
+  "single-selection": "_single-selection_qdh8h_208",
+  "action-cell--no-shadow": "_action-cell--no-shadow_qdh8h_225",
+  shadowed: h,
+  "shadowed-right": "_shadowed-right_qdh8h_262",
+  "is-loading": "_is-loading_qdh8h_266",
+  "action-cell-default-background": "_action-cell-default-background_qdh8h_269",
+  "fixed-cell-default-background": "_fixed-cell-default-background_qdh8h_272",
+  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_qdh8h_275",
+  "sortable-column": "_sortable-column_qdh8h_278",
+  resizer: t,
+  isResizing: a,
+  "hide-table-header": "_hide-table-header_qdh8h_306",
+  "show-table-header": "_show-table-header_qdh8h_310",
+  "table-header": "_table-header_qdh8h_85",
+  "hide-header": "_hide-header_qdh8h_346",
+  "t-cell__actions": "_t-cell__actions_qdh8h_349",
+  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_qdh8h_357",
+  "t-cell__fixed": "_t-cell__fixed_qdh8h_361",
+  "t-cell__fixed-right": "_t-cell__fixed-right_qdh8h_368",
+  "sort-icon": "_sort-icon_qdh8h_375",
+  "header-content": "_header-content_qdh8h_379",
+  "table-footer--sticky": "_table-footer--sticky_qdh8h_394",
+  "table-footer--inline": "_table-footer--inline_qdh8h_405",
+  "table-bottom": "_table-bottom_qdh8h_416",
+  "table-bottom--sticky": "_table-bottom--sticky_qdh8h_430",
+  "cursor-not-allowed": "_cursor-not-allowed_qdh8h_434",
+  "select-control": "_select-control_qdh8h_438"
 };
 export {
-  s as default
+  d as default
 };