asma-ui-core 3.20.1 → 3.21.1

package/dist/components/inputs/input-field/StyledInputField.js

@@ -1,14 +1,14 @@
-import { CloseIcon as s } from "../../icons/close-icon/CloseIcon.js";
+import { CloseIcon as d } from "../../icons/close-icon/CloseIcon.js";
 import { ErrorOutlineIcon as p } from "../../icons/error-outline-icon/ErrorOutlineIcon.js";
 import { TextField as c } from "@mui/material";
 import { jsx as o, jsxs as m } from "react/jsx-runtime";
-var h = ({ allowClear: l, onClear: n, readOnly: t, disabled: u, error: e, helperText: a, dataTest: d, ...r }) => /* @__PURE__ */ o(c, {
+var h = ({ allowClear: l, onClear: n, readOnly: t, disabled: u, error: e, helperText: a, dataTest: s, ...r }) => /* @__PURE__ */ o(c, {
   ...r,
-  "data-testid": d,
+  "data-testid": s,
   disabled: (u ?? !1) || (t ?? !1),
   error: e,
-  helperText: t ? null : e ? /* @__PURE__ */ m("div", {
-    className: "flex items-center gap-1",
+  helperText: t ? null : e ? /* @__PURE__ */ m("span", {
+    className: "inline-flex items-center gap-1",
     children: [/* @__PURE__ */ o(p, {
       width: 20,
       height: 20,
@@ -24,7 +24,7 @@ var h = ({ allowClear: l, onClear: n, readOnly: t, disabled: u, error: e, helper
       onClick: (i) => {
         i.stopPropagation(), i.preventDefault(), n?.();
       },
-      children: /* @__PURE__ */ o(s, {
+      children: /* @__PURE__ */ o(d, {
         width: 18,
         height: 18
       })

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

@@ -1,4 +1,4 @@
-import { cn as C } from "../../../helpers/cn.js";
+import { cn as v } from "../../../helpers/cn.js";
 import { ChevronDownIcon as re } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
 import { CloseIcon as le } from "../../icons/close-icon/CloseIcon.js";
 import { CheckIcon as oe } from "../../icons/check-icon/CheckIcon.js";
@@ -7,32 +7,32 @@ import { StyledChip as ne } from "../../data-display/chip/StyledChip.js";
 import { StyledCheckbox as H } from "../checkbox/base-ui/StyledCheckbox.js";
 import B from "./StyledSelectAutocomplete.module.js";
 import D from "clsx";
-import { createElement as v, useLayoutEffect as se, useRef as ce, useState as z } from "react";
+import { createElement as C, useLayoutEffect as se, useRef as ce, useState as z } from "react";
 import { Autocomplete as ie, Paper as de } from "@mui/material";
 import { jsx as l, jsxs as T } from "react/jsx-runtime";
-function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W, multiple: n, allowSelectAll: _, selectAllLabel: N, className: F, defaultValue: w, isOptionEqualToValue: p, ListboxProps: M, onChange: G, options: f, popupIcon: K, readOnly: h, renderOption: L, renderTags: O, sx: U, value: x, ...V }) {
-  const [k, E] = z("auto"), g = ce(null), o = n === !0 && _ === !0 && !h, A = x !== void 0, b = (e) => Array.isArray(e) ? e : [], [J, Q] = z(() => b(w));
+function Me({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W, multiple: n, allowSelectAll: _, selectAllLabel: M, className: F, defaultValue: N, isOptionEqualToValue: p, ListboxProps: k, onChange: G, options: h, popupIcon: K, readOnly: f, renderOption: L, renderTags: O, sx: U, value: x, ...V }) {
+  const [A, E] = z("auto"), g = ce(null), o = n === !0 && _ === !0 && !f, w = x !== void 0, b = (e) => Array.isArray(e) ? e : [], [J, Q] = z(() => b(N));
   se(() => {
     if (!m) return;
     const e = g.current?.getBoundingClientRect().height ?? 0, t = g.current?.getBoundingClientRect().top ?? 0, r = window.innerHeight - t - e - 40;
     E(r > 0 ? r : "auto");
   }, [m]);
   const y = m ? {
-    style: { maxHeight: k === "auto" ? "auto" : `${k}px` },
-    ...M
-  } : M, s = (e) => typeof e == "object" && e !== null && "label" in e ? e.label : String(e), X = (e) => typeof e == "object" && e !== null && "disabled" in e && !!e.disabled, I = {
+    style: { maxHeight: A === "auto" ? "auto" : `${A}px` },
+    ...k
+  } : k, s = (e) => typeof e == "object" && e !== null && "label" in e ? e.label : String(e), X = (e) => typeof e == "object" && e !== null && "disabled" in e && !!e.disabled, I = {
     padding: 0,
     "& .MuiAutocomplete-option": { paddingLeft: n ? "12px !important" : "6px !important" }
-  }, Y = y?.sx ? [I, y.sx] : I, $ = o ? b(A ? x : J) : [], c = o ? f.filter((e) => !X(e)) : f, Z = (e, t) => {
+  }, Y = y?.sx ? [I, y.sx] : I, $ = o ? b(w ? x : J) : [], c = o ? h.filter((e) => !X(e)) : h, Z = (e, t) => {
     const r = typeof e == "object" && e !== null;
     return r !== (typeof t == "object" && t !== null) || !r && typeof e != typeof t ? !1 : p ? p(e, t) : e === t;
   }, j = o ? c.filter((e) => $.some((t) => Z(e, t))).length : 0, R = o && c.length > 0 && j === c.length, q = o && j > 0 && !R, P = (e, t, r, a) => {
-    o && !A && Q(b(t)), G?.(e, t, r, a);
+    o && !w && Q(b(t)), G?.(e, t, r, a);
   }, ee = (e, t) => {
     P(e, t ? [...c] : [], t ? "selectOption" : "clear", void 0);
   }, te = (e, t) => e.map((r, a) => {
     const u = t({ index: a }), S = d?.(r) ?? s(r);
-    return /* @__PURE__ */ v(ne, {
+    return /* @__PURE__ */ C(ne, {
       ...u,
       key: `selected-chip-${S}-${a}`,
       dataTest: `selected-chip-${S}`,
@@ -41,12 +41,12 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
     });
   });
   return /* @__PURE__ */ l("div", {
-    className: C(B.styledSelectAutocompleteWrapper, W),
+    className: v(B.styledSelectAutocompleteWrapper, W),
     ref: g,
     children: /* @__PURE__ */ l(ie, {
       ...V,
       multiple: n,
-      defaultValue: o ? void 0 : w,
+      defaultValue: o ? void 0 : N,
       getOptionLabel: d,
       isOptionEqualToValue: p,
       ListboxProps: {
@@ -55,9 +55,9 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
       },
       className: D("!text-sm", F),
       onChange: P,
-      options: f,
+      options: h,
       renderTags: O ?? (n ? te : void 0),
-      popupIcon: h ? null : K ?? n ? /* @__PURE__ */ l(ae, {
+      popupIcon: f ? null : K ?? n ? /* @__PURE__ */ l(ae, {
         width: 24,
         height: 24
       }) : /* @__PURE__ */ l(re, {
@@ -65,7 +65,7 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
         height: 24,
         className: D(B["select-custom-icon"])
       }),
-      readOnly: h,
+      readOnly: f,
       "data-testid": i,
       value: o ? $ : x,
       PaperComponent: ({ children: e }) => /* @__PURE__ */ T(de, {
@@ -75,9 +75,12 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
           marginTop: "0px !important",
           "& .MuiAutocomplete-option.Mui-focused": { background: "var(--colors-delta-50) !important" },
           "& li[aria-selected=true]": { background: "var(--colors-gama-50) !important" },
-          "& li[aria-selected=true].MuiAutocomplete-option.Mui-focused": { background: "var(--colors-gama-50) !important" }
+          "& li[aria-selected=true].MuiAutocomplete-option.Mui-focused": { background: "var(--colors-gama-50) !important" },
+          "&:has([data-select-all-header]:hover) .MuiAutocomplete-option.Mui-focused": { background: "transparent !important" },
+          "&:has([data-select-all-header]:hover) li[aria-selected=true].MuiAutocomplete-option.Mui-focused": { background: "var(--colors-gama-50) !important" }
         },
         children: [o && c.length > 0 && /* @__PURE__ */ T("div", {
+          "data-select-all-header": !0,
           className: "flex items-center gap-x-[10px] border-[1px] border-b border-solid border-delta-200 bg-delta-50 py-2 pl-3 text-xs",
           onMouseDown: (t) => t.preventDefault(),
           role: "presentation",
@@ -88,19 +91,19 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
             indeterminate: q,
             hideWrapper: !0,
             onChange: ee,
-            "aria-label": N ?? "Select all"
+            "aria-label": M ?? "Select all"
           }), /* @__PURE__ */ l("span", {
             className: "truncate text-[10px] font-semibold uppercase text-delta-600",
-            children: N ?? "Select all"
+            children: M ?? "Select all"
           })]
         }), e]
       }),
       renderOption: L ?? ((e, t, { selected: r }) => {
         const a = e, u = e.id ?? s(t);
-        return n ? /* @__PURE__ */ v("li", {
+        return n ? /* @__PURE__ */ C("li", {
           ...a,
           key: u,
-          className: C(e.className, "flex items-center gap-x-[10px] border-0 border-b border-solid border-delta-200")
+          className: v(e.className, "flex items-center gap-x-[10px] border-0 border-b border-solid border-delta-200")
         }, /* @__PURE__ */ l(H, {
           dataTest: `${i}-${s(t)}-checkbox`,
           checked: r,
@@ -109,10 +112,10 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
         }), /* @__PURE__ */ l("span", {
           className: "flex-1 truncate py-2 text-sm text-delta-700",
           children: d?.(t) ?? s(t)
-        })) : /* @__PURE__ */ v("li", {
+        })) : /* @__PURE__ */ C("li", {
           ...a,
           key: u,
-          className: C(e.className, "flex items-center gap-x-1")
+          className: v(e.className, "flex items-center gap-x-1")
         }, /* @__PURE__ */ l("span", {
           className: "w-5",
           children: r && /* @__PURE__ */ l(oe, {
@@ -147,5 +150,5 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
   });
 }
 export {
-  Ne as StyledSelectAutocomplete
+  Me as StyledSelectAutocomplete
 };

package/dist/components/utils/accordion/base-ui/StyledAccordionSummary.js

@@ -1,27 +1,29 @@
 import { ChevronDownIcon as a } from "../../../icons/chevron-down-icon/ChevronDownIcon.js";
 import r from "./StyledAccordion.module.js";
-import t from "clsx";
+import o from "clsx";
 import "react";
-import { Fragment as s, jsx as o, jsxs as c } from "react/jsx-runtime";
-import { Accordion as g } from "@base-ui/react/accordion";
-var S = ({ size: m = "large", expandChevronRight: n, className: l, headerClassName: d, sx: p, children: i, ...x }) => {
-  const e = m === "small", h = {
-    "--trigger-height": e ? "48px" : "72px",
-    "--trigger-padding-x": e ? "8px" : "16px",
-    "--trigger-font-size": e ? "14px" : "18px",
-    "--chevron-size": e ? "20px" : "24px",
+import { Fragment as n, jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Accordion as c } from "@base-ui/react/accordion";
+var N = ({ size: g = "large", expandChevronRight: m, className: l, headerClassName: d, sx: p, children: i, ...x }) => {
+  const t = g === "small", f = {
+    "--trigger-height": t ? "48px" : "72px",
+    "--trigger-padding-x": t ? "8px" : "16px",
+    "--trigger-font-size": t ? "14px" : "18px",
+    "--chevron-size": t ? "20px" : "24px",
     ...p
   };
-  return /* @__PURE__ */ o(g.Header, {
-    className: t(r.Header, d),
-    children: /* @__PURE__ */ o(g.Trigger, {
+  return /* @__PURE__ */ e(c.Header, {
+    className: o(r.Header, d),
+    children: /* @__PURE__ */ e(c.Trigger, {
       ...x,
-      className: t(r.Trigger, l),
-      style: h,
-      children: n ? /* @__PURE__ */ c(s, { children: [i, /* @__PURE__ */ o(a, {
-        className: t(r.TriggerIcon, r.TriggerIconRight),
+      nativeButton: !1,
+      render: /* @__PURE__ */ e("div", {}),
+      className: o(r.Trigger, l),
+      style: f,
+      children: m ? /* @__PURE__ */ s(n, { children: [i, /* @__PURE__ */ e(a, {
+        className: o(r.TriggerIcon, r.TriggerIconRight),
         "data-state-icon": !0
-      })] }) : /* @__PURE__ */ c(s, { children: [/* @__PURE__ */ o(a, {
+      })] }) : /* @__PURE__ */ s(n, { children: [/* @__PURE__ */ e(a, {
         className: r.TriggerIcon,
         "data-state-icon": !0
       }), i] })
@@ -29,5 +31,5 @@ var S = ({ size: m = "large", expandChevronRight: n, className: l, headerClassNa
   });
 };
 export {
-  S as StyledAccordionSummary
+  N as StyledAccordionSummary
 };

package/dist/src/table/components/columns/action-column/actionColumn.d.ts

@@ -4,7 +4,7 @@ import { ColumnDef, IAction, ICustomAction, RowActionsState } from '../../../typ
 export declare function generateActionsColumn<TData>(options: {
     headerPin: boolean;
     actions?: (row: Row<TData>) => (IAction<TData> | ICustomAction<TData>)[];
-    customActionsNode?: (row: CellContext<TData, TData>) => ReactNode;
+    customActionsNode?: (row: CellContext<TData, unknown>) => ReactNode;
     rowHeight?: number;
     customActionsColumnProps?: Partial<ColumnDef<TData, unknown>>;
     rowActionsState?: (row: Row<TData>) => RowActionsState | undefined;

package/dist/src/table/components/columns/action-column/components/HeaderActionMenu.d.ts

@@ -1,5 +1,5 @@
 import { HeaderContext } from '@tanstack/react-table';
 export declare function HeaderActionMenu<TData>({ headerData, locale, }: {
-    headerData: HeaderContext<TData, TData>;
+    headerData: HeaderContext<TData, unknown>;
     locale?: 'en' | 'no';
 }): JSX.Element;

package/dist/src/table/components/columns/action-column/components/RowActionMenu.d.ts

@@ -1,7 +1,7 @@
 import { CellContext, Row } from '@tanstack/react-table';
 import { IAction, ICustomAction, RowActionsState } from '../../../../types';
 export declare function RowActionMenu<TData>({ tableData, actions, rowActionsState, }: {
-    tableData: CellContext<TData, TData>;
+    tableData: CellContext<TData, unknown>;
     actions: (row: Row<TData>) => (IAction<TData> | ICustomAction<TData>)[];
     rowActionsState?: (row: Row<TData>) => RowActionsState | undefined;
 }): JSX.Element;

package/dist/src/table/components/columns/selectColumn.d.ts

@@ -1,2 +1,2 @@
-import { ColumnDef } from '../../types';
-export declare function selectColumn<TData>(isFixed: boolean, rowHeight?: number): ColumnDef<TData, unknown>;
+import { ColumnDef } from '@tanstack/react-table';
+export declare function selectColumn<TData>(isFixed: boolean, rowHeight?: number, locale?: 'en' | 'no'): ColumnDef<TData, unknown>;

package/dist/src/table/types.d.ts

@@ -70,7 +70,11 @@ export type StyledTableProps<TData, TCustomData> = {
     locale?: 'no' | 'en';
     height?: string | number;
     actions?: (row: Row<TData>) => (IAction<TData> | ICustomAction<TData>)[];
-    customActionsNode?: (row: CellContext<TData, TData>) => ReactNode;
+    /**
+     * Receives the actions cell context for the internal actions column.
+     * Use row.original and the row APIs instead of getValue(), because this column stores an unknown accessor value.
+     */
+    customActionsNode?: (row: CellContext<TData, unknown>) => ReactNode;
     customSubRowData?: Map<string, TCustomData[]>;
     headerPin?: boolean;
     expandArrow?: boolean;

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

@@ -1,56 +1,57 @@
-var l = "_tbody_15l6x_119", e = "_expanded_row_15l6x_182", _ = "_selected_15l6x_200", t = "_shadowed_15l6x_229", a = "_resizer_15l6x_283", o = "_isResizing_15l6x_295", r = {
-  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_15l6x_1",
-  "table-wrapper": "_table-wrapper_15l6x_26",
-  "table-shell": "_table-shell_15l6x_33",
-  "table-wrapper--no-rows": "_table-wrapper--no-rows_15l6x_39",
-  "table-wrapper--proxy": "_table-wrapper--proxy_15l6x_42",
-  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_15l6x_43",
-  "table-wrapper-fetching": "_table-wrapper-fetching_15l6x_53",
-  "table-scroll": "_table-scroll_15l6x_56",
-  "table-x--fill-height": "_table-x--fill-height_15l6x_65",
-  "table-x": "_table-x_15l6x_65",
-  "table-header--sticky": "_table-header--sticky_15l6x_80",
-  "table-hscroll": "_table-hscroll_15l6x_85",
-  "table-hscroll__content": "_table-hscroll__content_15l6x_95",
-  "no-rows-overlay-container": "_no-rows-overlay-container_15l6x_98",
-  "no-rows-overlay-content": "_no-rows-overlay-content_15l6x_106",
-  "styled-table": "_styled-table_15l6x_110",
-  tbody: l,
-  "loading-icon": "_loading-icon_15l6x_124",
-  "t-row": "_t-row_15l6x_131",
-  "t-cell": "_t-cell_15l6x_131",
-  "action-cell": "_action-cell_15l6x_141",
-  "fixed-cell": "_fixed-cell_15l6x_145",
-  "fixed-right-cell": "_fixed-right-cell_15l6x_148",
-  expanded_row: e,
-  selected: _,
-  "single-selection": "_single-selection_15l6x_203",
-  "action-cell--no-shadow": "_action-cell--no-shadow_15l6x_220",
-  "action-cell--not-fixed": "_action-cell--not-fixed_15l6x_223",
+var e = "_tbody_1u0xz_124", _ = "_expanded_row_1u0xz_187", l = "_selected_1u0xz_205", t = "_shadowed_1u0xz_234", a = "_resizer_1u0xz_288", o = "_isResizing_1u0xz_300", r = {
+  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_1u0xz_1",
+  "table-wrapper": "_table-wrapper_1u0xz_26",
+  "table-shell": "_table-shell_1u0xz_33",
+  "table-wrapper--no-rows": "_table-wrapper--no-rows_1u0xz_39",
+  "table-wrapper--proxy": "_table-wrapper--proxy_1u0xz_42",
+  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_1u0xz_43",
+  "table-wrapper-fetching": "_table-wrapper-fetching_1u0xz_53",
+  "table-scroll": "_table-scroll_1u0xz_56",
+  "table-x--fill-height": "_table-x--fill-height_1u0xz_65",
+  "table-x": "_table-x_1u0xz_65",
+  "table-content": "_table-content_1u0xz_80",
+  "table-header--sticky": "_table-header--sticky_1u0xz_85",
+  "table-hscroll": "_table-hscroll_1u0xz_90",
+  "table-hscroll__content": "_table-hscroll__content_1u0xz_100",
+  "no-rows-overlay-container": "_no-rows-overlay-container_1u0xz_103",
+  "no-rows-overlay-content": "_no-rows-overlay-content_1u0xz_111",
+  "styled-table": "_styled-table_1u0xz_115",
+  tbody: e,
+  "loading-icon": "_loading-icon_1u0xz_129",
+  "t-row": "_t-row_1u0xz_136",
+  "t-cell": "_t-cell_1u0xz_136",
+  "action-cell": "_action-cell_1u0xz_146",
+  "fixed-cell": "_fixed-cell_1u0xz_150",
+  "fixed-right-cell": "_fixed-right-cell_1u0xz_153",
+  expanded_row: _,
+  selected: l,
+  "single-selection": "_single-selection_1u0xz_208",
+  "action-cell--no-shadow": "_action-cell--no-shadow_1u0xz_225",
+  "action-cell--not-fixed": "_action-cell--not-fixed_1u0xz_228",
   shadowed: t,
-  "shadowed-right": "_shadowed-right_15l6x_263",
-  "is-loading": "_is-loading_15l6x_267",
-  "action-cell-default-background": "_action-cell-default-background_15l6x_270",
-  "fixed-cell-default-background": "_fixed-cell-default-background_15l6x_273",
-  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_15l6x_276",
-  "sortable-column": "_sortable-column_15l6x_279",
+  "shadowed-right": "_shadowed-right_1u0xz_268",
+  "is-loading": "_is-loading_1u0xz_272",
+  "action-cell-default-background": "_action-cell-default-background_1u0xz_275",
+  "fixed-cell-default-background": "_fixed-cell-default-background_1u0xz_278",
+  "fixed-right-cell-default-background": "_fixed-right-cell-default-background_1u0xz_281",
+  "sortable-column": "_sortable-column_1u0xz_284",
   resizer: a,
   isResizing: o,
-  "hide-table-header": "_hide-table-header_15l6x_307",
-  "show-table-header": "_show-table-header_15l6x_311",
-  "table-header": "_table-header_15l6x_80",
-  "hide-header": "_hide-header_15l6x_336",
-  "t-cell__actions": "_t-cell__actions_15l6x_339",
-  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_15l6x_347",
-  "t-cell__actions--not-fixed": "_t-cell__actions--not-fixed_15l6x_350",
-  "t-cell__fixed": "_t-cell__fixed_15l6x_357",
-  "t-cell__fixed-right": "_t-cell__fixed-right_15l6x_364",
-  "sort-icon": "_sort-icon_15l6x_371",
-  "table-footer--sticky": "_table-footer--sticky_15l6x_374",
-  "table-footer--inline": "_table-footer--inline_15l6x_385",
-  "table-bottom": "_table-bottom_15l6x_396",
-  "table-bottom--sticky": "_table-bottom--sticky_15l6x_410",
-  "cursor-not-allowed": "_cursor-not-allowed_15l6x_414"
+  "hide-table-header": "_hide-table-header_1u0xz_312",
+  "show-table-header": "_show-table-header_1u0xz_316",
+  "table-header": "_table-header_1u0xz_85",
+  "hide-header": "_hide-header_1u0xz_341",
+  "t-cell__actions": "_t-cell__actions_1u0xz_344",
+  "t-cell__actions--no-shadow": "_t-cell__actions--no-shadow_1u0xz_352",
+  "t-cell__actions--not-fixed": "_t-cell__actions--not-fixed_1u0xz_355",
+  "t-cell__fixed": "_t-cell__fixed_1u0xz_362",
+  "t-cell__fixed-right": "_t-cell__fixed-right_1u0xz_369",
+  "sort-icon": "_sort-icon_1u0xz_376",
+  "table-footer--sticky": "_table-footer--sticky_1u0xz_379",
+  "table-footer--inline": "_table-footer--inline_1u0xz_390",
+  "table-bottom": "_table-bottom_1u0xz_401",
+  "table-bottom--sticky": "_table-bottom--sticky_1u0xz_415",
+  "cursor-not-allowed": "_cursor-not-allowed_1u0xz_419"
 };
 export {
   r as default

package/dist/table/components/StyledTableIndex.js

@@ -2,7 +2,7 @@ import { cn as p } from "../helpers/cn.js";
 import { RootContextProvider as te } from "../context/RootContext.js";
 import { mobileView as oe, useWindowWidthSize as re } from "../hooks/useWindowWidthSize.hook.js";
 import { useStyledTable as ne } from "../hooks/useStyledTable.js";
-import o from "./StyledTable.module.js";
+import e from "./StyledTable.module.js";
 import { injectColumns as le } from "../helpers/injectColumns.js";
 import { TableHeader as se } from "./table-header/TableHeader.js";
 import { TableBody as ie } from "./TableBody.js";
@@ -12,38 +12,38 @@ import { useProxyHorizontalScrollSync as ce } from "./columns/helpers/useProxyHo
 import { useElementHeightPx as $ } from "./columns/helpers/useElementHeightPx.js";
 import { useColumnVirtualizer as de } from "../hooks/useColumnVirtualizer.js";
 import { useLayoutEffect as q, useMemo as O, useRef as L, useState as me } from "react";
-import { Fragment as X, jsx as e, jsxs as R } from "react/jsx-runtime";
+import { Fragment as X, jsx as t, jsxs as w } from "react/jsx-runtime";
 import { DndContext as fe, closestCenter as he } from "@dnd-kit/core";
 import { restrictToParentElement as be, restrictToVerticalAxis as ue } from "@dnd-kit/modifiers";
 import { arrayMove as pe } from "@dnd-kit/sortable";
-function we({ enabled: l, data: t, setData: i, children: w }) {
-  const v = O(() => t.map((c) => c.id), [t]), S = (c) => {
+function we({ enabled: l, data: o, setData: i, children: v }) {
+  const y = O(() => o.map((c) => c.id), [o]), S = (c) => {
     if (!l || !i) return;
     const { active: m, over: f } = c;
-    !m || !f || m.id === f.id || i((y) => pe(y, v.indexOf(m.id), v.indexOf(f.id)));
+    !m || !f || m.id === f.id || i((g) => pe(g, y.indexOf(m.id), y.indexOf(f.id)));
   };
-  return l ? /* @__PURE__ */ e(fe, {
+  return l ? /* @__PURE__ */ t(fe, {
     collisionDetection: he,
     modifiers: [ue, be],
     onDragEnd: S,
-    children: w
-  }) : /* @__PURE__ */ e(X, { children: w });
+    children: v
+  }) : /* @__PURE__ */ t(X, { children: v });
 }
-function ve({ enabled: l, className: t, children: i }) {
-  return l ? /* @__PURE__ */ e("div", {
-    className: t,
+function ve({ enabled: l, className: o, children: i }) {
+  return l ? /* @__PURE__ */ t("div", {
+    className: o,
     children: i
-  }) : /* @__PURE__ */ e(X, { children: i });
+  }) : /* @__PURE__ */ t(X, { children: i });
 }
 var Ve = (l) => {
-  const t = O(() => ({
+  const o = O(() => ({
     ...l,
     rowHeight: l.rowHeight ?? 48
-  }), [l]), { className: i, tableClassName: w, height: v, noRowsOverlay: S, data: c, enableDnd: m, setData: f, loading: y } = t;
-  le(t);
-  const { table: a } = ne(t), C = c.length > 0, F = C && !!y, h = !C && !y, z = oe(re()), r = !!t.stickyFooter && !z, [G, M] = me(!1), g = L(null), W = L(null), P = t.hideHeader ? 0 : 32, { tableScrollRef: x, tableXRef: H, hScrollRef: J, hScrollContentRef: K } = ce(!r);
+  }), [l]), { className: i, tableClassName: v, height: y, noRowsOverlay: S, data: c, enableDnd: m, setData: f, loading: g } = o;
+  le(o);
+  const { table: a } = ne(o), C = c.length > 0, F = C && !!g, h = !C && !g, z = oe(re()), r = !!o.stickyFooter && !z, [G, M] = me(!1), x = L(null), W = L(null), P = o.hideHeader ? 0 : 32, { tableScrollRef: R, tableXRef: H, hScrollRef: J, hScrollContentRef: K } = ce(!r);
   q(() => {
-    const n = r ? g.current : H.current ?? x.current;
+    const n = r ? x.current : H.current ?? R.current;
     if (!n) {
       M(!1);
       return;
@@ -60,26 +60,26 @@ var Ve = (l) => {
   }, [
     r,
     H,
-    x
+    R
   ]);
-  const { ref: Q, heightPx: k } = $(), { ref: U, heightPx: D } = $(), T = t.rowHeight ?? 48, E = a.getRowModel().rows.length, V = t.hideHeader ? 0 : 32, _ = 12, Y = O(() => {
-    if (T <= 0) return 0;
+  const { ref: Q, heightPx: k } = $(), { ref: U, heightPx: D } = $(), N = o.rowHeight ?? 48, E = a.getRowModel().rows.length, V = o.hideHeader ? 0 : 32, _ = 12, Y = O(() => {
+    if (N <= 0) return 0;
     const n = r ? 0 : V + D + _, s = Math.max(0, k - n);
-    return Math.floor(s / T);
+    return Math.floor(s / N);
   }, [
     r,
     D,
     V,
     _,
-    T,
+    N,
     k
-  ]), N = !r && E > 0 && E <= Y, Z = p(r ? o["table-wrapper"] : N || !r && h ? o["table-wrapper--proxy-bottom"] : o["table-wrapper--proxy"], F && o["table-wrapper-fetching"], h && o["table-wrapper--no-rows"], i), { columnWindow: j } = de({
+  ]), T = !r && E > 0 && E <= Y, Z = p(r ? e["table-wrapper"] : T || !r && h ? e["table-wrapper--proxy-bottom"] : e["table-wrapper--proxy"], F && e["table-wrapper-fetching"], h && e["table-wrapper--no-rows"], i), { columnWindow: j } = de({
     table: a,
-    scrollRef: r ? g : x,
+    scrollRef: r ? x : R,
     isMobileView: z
   });
   q(() => {
-    const n = g.current, s = W.current, b = () => n?.style.removeProperty("--no-rows-content-height");
+    const n = x.current, s = W.current, b = () => n?.style.removeProperty("--no-rows-content-height");
     if (!n || !h || !s) {
       b();
       return;
@@ -91,83 +91,82 @@ var Ve = (l) => {
       u.disconnect(), b();
     };
   }, [h, P]);
-  const A = /* @__PURE__ */ R("table", {
-    className: o["styled-table"],
-    style: {
-      width: a.getTotalSize(),
-      minWidth: "100%"
-    },
-    children: [
-      /* @__PURE__ */ e(se, {
+  const A = /* @__PURE__ */ w("div", {
+    className: e["table-content"],
+    children: [/* @__PURE__ */ w("table", {
+      className: e["styled-table"],
+      style: {
+        width: a.getTotalSize(),
+        minWidth: "100%"
+      },
+      children: [/* @__PURE__ */ t(se, {
         table: a,
-        styledTableProps: t,
-        tableCanResize: !!t.enableColumnResizing,
+        styledTableProps: o,
+        tableCanResize: !!o.enableColumnResizing,
         tableWidth: null,
         columnWindow: j
-      }),
-      /* @__PURE__ */ e(ae, { fetching: !!F }),
-      /* @__PURE__ */ e(ie, {
+      }), /* @__PURE__ */ t(ie, {
         table: a,
-        styledTableProps: t,
+        styledTableProps: o,
         columnWindow: j
-      })
-    ]
-  }), ee = h ? /* @__PURE__ */ e("div", {
-    className: o["no-rows-overlay-container"],
+      })]
+    }), /* @__PURE__ */ t(ae, { fetching: !!F })]
+  }), ee = h ? /* @__PURE__ */ t("div", {
+    className: e["no-rows-overlay-container"],
     style: { top: P },
-    children: /* @__PURE__ */ e("div", {
+    children: /* @__PURE__ */ t("div", {
       ref: W,
-      className: o["no-rows-overlay-content"],
+      className: e["no-rows-overlay-content"],
       children: S
     })
   }) : null;
-  return /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(we, {
+  return /* @__PURE__ */ t(te, { children: /* @__PURE__ */ t(we, {
     enabled: !!m,
     data: c,
     setData: f,
-    children: /* @__PURE__ */ R("div", {
+    children: /* @__PURE__ */ w("div", {
       ref: Q,
-      className: p(o["asma-ui-table-styled-table"], w),
+      className: p(e["asma-ui-table-styled-table"], v),
       "data-x-overflow": G ? "true" : "false",
-      style: { height: v },
-      children: [/* @__PURE__ */ e(ve, {
+      style: { height: y },
+      children: [/* @__PURE__ */ t(ve, {
         enabled: r,
-        className: o["table-shell"],
-        children: /* @__PURE__ */ R("div", {
-          ref: g,
+        className: e["table-shell"],
+        children: /* @__PURE__ */ w("div", {
+          ref: x,
           className: Z,
-          children: [r ? A : /* @__PURE__ */ R("div", {
-            ref: x,
-            className: p(o["table-scroll"]),
+          children: [r ? A : /* @__PURE__ */ w("div", {
+            ref: R,
+            className: p(e["table-scroll"]),
             children: [
-              /* @__PURE__ */ e("div", {
+              /* @__PURE__ */ t("div", {
                 ref: H,
-                className: p(o["table-x"], !N && o["table-x--fill-height"]),
+                className: p(e["table-x"], !T && e["table-x--fill-height"]),
                 children: A
               }),
-              /* @__PURE__ */ e("div", {
+              /* @__PURE__ */ t("div", {
                 ref: J,
-                className: o["table-hscroll"],
-                children: /* @__PURE__ */ e("div", {
+                className: e["table-hscroll"],
+                children: /* @__PURE__ */ t("div", {
                   ref: K,
-                  className: o["table-hscroll__content"]
+                  className: e["table-hscroll__content"]
                 })
               }),
-              /* @__PURE__ */ e("div", {
+              /* @__PURE__ */ t("div", {
                 ref: U,
-                className: p(o["table-bottom"], N && o["table-bottom--sticky"]),
-                children: /* @__PURE__ */ e(B, {
+                className: p(e["table-bottom"], T && e["table-bottom--sticky"]),
+                children: /* @__PURE__ */ t(B, {
                   table: a,
-                  styledTableProps: t,
+                  styledTableProps: o,
                   canShowStickyFooter: !1
                 })
               })
             ]
           }), ee]
         })
-      }), r && /* @__PURE__ */ e(B, {
+      }), r && /* @__PURE__ */ t(B, {
         table: a,
-        styledTableProps: t,
+        styledTableProps: o,
         canShowStickyFooter: !0
       })]
     })