asma-ui-core 3.44.0 → 3.45.0

package/dist/table/components/table-header/TableHeaderCell.js

@@ -1,72 +1,81 @@
-import { ACTIONS_COLUMN_ID as _, INTERNAL_COLUMN_IDS as w } from "../../types.js";
-import { useRootContext as A } from "../../context/RootContext.js";
-import e from "../StyledTable.module.js";
-import { DropUpIcon as G } from "../../shared-components/DropUpIcon.js";
-import { DropDownIcon as H } from "../../shared-components/DropDownIcon.js";
-import { getTableHeaderStyle as O } from "../../helpers/getTableHeaderStyle.js";
-import C from "clsx";
-import { useMemo as u } from "react";
-import { jsx as m, jsxs as j } from "react/jsx-runtime";
-import { flexRender as F } from "@tanstack/react-table";
-function q({ styledTableProps: n, header: o, tableCanResize: l = !1, left: c, right: s, tableWidth: i }) {
-  const { hideHeader: r = !1, enableResizing: d = !1, actions: N, customActionsNode: z } = n, { isResizing: b, enableResizingFlag: f, disableResizingFlag: h } = A(), g = o.column.columnDef.fixedLeft, p = !!o.column.columnDef.fixedRight, a = o.column.id === _, S = !!N || !!z, x = u(() => o.headerGroup.headers.some((t) => t.id === _), [o.headerGroup.headers]), y = u(() => o.headerGroup.headers.some((t) => !!t.column.columnDef.fixedRight), [o.headerGroup.headers]), I = u(() => o.headerGroup.headers[o.headerGroup.headers.length - (x ? 2 : 1)], [o.headerGroup.headers, x]);
-  return /* @__PURE__ */ m("th", {
+import { ACTIONS_COLUMN_ID as b, INTERNAL_COLUMN_IDS as A } from "../../types.js";
+import { useRootContext as G } from "../../context/RootContext.js";
+import n from "../StyledTable.module.js";
+import { DropUpIcon as O } from "../../shared-components/DropUpIcon.js";
+import { DropDownIcon as j } from "../../shared-components/DropDownIcon.js";
+import { getTableHeaderStyle as F } from "../../helpers/getTableHeaderStyle.js";
+import y from "clsx";
+import { useMemo as g } from "react";
+import { jsx as u, jsxs as L } from "react/jsx-runtime";
+import { flexRender as k } from "@tanstack/react-table";
+function V({ styledTableProps: t, header: o, tableCanResize: r = !1, left: a, right: i, tableWidth: s }) {
+  const { hideHeader: m = !1, enableResizing: f = !1, actions: I, customActionsNode: w } = t, { isResizing: p, enableResizingFlag: S, disableResizingFlag: x } = G(), D = o.column.columnDef.fixedLeft, R = !!o.column.columnDef.fixedRight, d = o.column.id === b, _ = !!I || !!w, C = g(() => o.headerGroup.headers.some((e) => e.id === b), [o.headerGroup.headers]), v = g(() => o.headerGroup.headers.some((e) => !!e.column.columnDef.fixedRight), [o.headerGroup.headers]), H = g(() => o.headerGroup.headers[o.headerGroup.headers.length - (C ? 2 : 1)], [o.headerGroup.headers, C]), l = o.column.getCanSort(), N = o.column.getIsSorted(), h = l ? N === "asc" ? "ascending" : N === "desc" ? "descending" : "none" : void 0;
+  return /* @__PURE__ */ u("th", {
     colSpan: o.colSpan,
-    className: C(e["t-cell"], r && e["hide-header"], a && e["t-cell__actions"], a && !S && e["t-cell__actions--not-fixed"], a && S && y && e["t-cell__actions--no-shadow"], g && e["t-cell__fixed"], p && e["t-cell__fixed-right"]),
+    "aria-sort": h,
+    className: y(n["t-cell"], m && n["hide-header"], d && n["t-cell__actions"], d && !_ && n["t-cell__actions--not-fixed"], d && _ && v && n["t-cell__actions--no-shadow"], D && n["t-cell__fixed"], R && n["t-cell__fixed-right"]),
     style: {
-      ...O({
-        enableResizing: d,
+      ...F({
+        enableResizing: f,
         header: o,
-        tableWidth: i
+        tableWidth: s
       }),
-      ...g && { left: c },
-      ...p && { right: s }
+      ...D && { left: a },
+      ...R && { right: i }
     },
-    children: /* @__PURE__ */ j("div", {
-      className: C("flex items-center justify-start", r ? e["hide-table-header"] : e["show-table-header"], o.column.getCanSort() && e["sortable-column"], o.column.columnDef.className),
-      onClick: (t) => {
-        const R = o.column.getToggleSortingHandler();
-        !b && R && R(t), h();
+    children: /* @__PURE__ */ L("div", {
+      className: y("flex items-center justify-start", m ? n["hide-table-header"] : n["show-table-header"], l && n["sortable-column"], o.column.columnDef.className),
+      role: l ? "button" : void 0,
+      tabIndex: l ? 0 : void 0,
+      onClick: (e) => {
+        const c = o.column.getToggleSortingHandler();
+        !p && c && c(e), x();
       },
+      onKeyDown: l ? (e) => {
+        if (e.key !== "Enter" && e.key !== " ") return;
+        e.preventDefault();
+        const c = o.column.getToggleSortingHandler();
+        !p && c && c(e), x();
+      } : void 0,
       children: [
-        F(o.column.columnDef.header, o.getContext()),
+        k(o.column.columnDef.header, o.getContext()),
         {
-          asc: /* @__PURE__ */ m(G, { className: e["sort-icon"] }),
-          desc: /* @__PURE__ */ m(H, { className: e["sort-icon"] })
+          asc: /* @__PURE__ */ u(O, { className: n["sort-icon"] }),
+          desc: /* @__PURE__ */ u(j, { className: n["sort-icon"] })
         }[o.column.getIsSorted()] ?? null,
-        l && (d ? !0 : o.id !== I?.id) && o.column.getCanResize() && !w.includes(o.column.id) && /* @__PURE__ */ m("div", {
+        r && (f ? !0 : o.id !== H?.id) && o.column.getCanResize() && !A.includes(o.column.id) && /* @__PURE__ */ u("div", {
           onDoubleClick: () => o.column.resetSize(),
-          onMouseDown: (t) => {
-            t.stopPropagation(), f(), o.getResizeHandler()(t), window.addEventListener("mouseup", () => D({
-              styledTableProps: n,
+          onMouseDown: (e) => {
+            e.stopPropagation(), S(), o.getResizeHandler()(e), window.addEventListener("mouseup", () => z({
+              styledTableProps: t,
               header: o
             }));
           },
-          onTouchStart: (t) => {
-            t.stopPropagation(), f(), o.getResizeHandler()(t), window.addEventListener("mouseup", () => D({
-              styledTableProps: n,
+          onTouchStart: (e) => {
+            e.stopPropagation(), S(), o.getResizeHandler()(e), window.addEventListener("mouseup", () => z({
+              styledTableProps: t,
               header: o
             }));
           },
-          className: `${e.resizer} ${o.column.getIsResizing() ? e.isResizing : ""}`
+          className: `${n.resizer} ${o.column.getIsResizing() ? n.isResizing : ""}`
         })
       ]
     })
   }, o.id);
 }
-function D({ styledTableProps: n, header: o }) {
-  if (n.uniqueKey) {
-    const l = n.uniqueKey, c = localStorage.getItem(l);
-    let s = {};
-    if (c) try {
-      const i = JSON.parse(c);
-      i && typeof i == "object" && !Array.isArray(i) && (s = Object.fromEntries(Object.entries(i).filter((r) => typeof r[1] == "number")));
+function z({ styledTableProps: t, header: o }) {
+  if (t.uniqueKey) {
+    const r = t.uniqueKey, a = localStorage.getItem(r);
+    let i = {};
+    if (a) try {
+      const s = JSON.parse(a);
+      s && typeof s == "object" && !Array.isArray(s) && (i = Object.fromEntries(Object.entries(s).filter((m) => typeof m[1] == "number")));
     } catch {
-      console.warn("Failed to parse stored dimensions. Resetting."), s = {};
+      console.warn("Failed to parse stored dimensions. Resetting."), i = {};
     }
-    s[o.column.id] = o.column.getSize(), localStorage.setItem(l, JSON.stringify(s));
+    i[o.column.id] = o.column.getSize(), localStorage.setItem(r, JSON.stringify(i));
   }
 }
 export {
-  q as TableHeaderCell
+  V as TableHeaderCell
 };

package/dist/table/custom-features/focus-rows/FocusRowsFeature.js

@@ -1,47 +1,51 @@
-import { functionalUpdate as c, makeStateUpdater as i } from "@tanstack/react-table";
-var r = {
+import { functionalUpdate as u, makeStateUpdater as i } from "@tanstack/react-table";
+var f = {
   getInitialState: (e) => ({
     focusedRow: null,
     ...e
   }),
   getDefaultOptions: (e) => ({ onChangeFocusedRow: i("focusedRow", e) }),
   createTable: (e) => {
-    e.setFocusedRow = (t) => {
-      const n = (o) => c(t, o);
-      return e.options.onChangeFocusedRow?.(n);
-    }, e.focusRowById = async (t) => {
-      if (e.getRowModel().rows.findIndex((o) => o.id === t) === -1 && e.getState().pagination) {
-        const o = e.getState().pagination.pageSize, s = e.getCoreRowModel().rows.findIndex((d) => d.id === t);
-        if (s !== -1) {
-          const d = Math.floor(s / o);
+    e.setFocusedRow = (o) => {
+      const t = (n) => u(o, n);
+      return e.options.onChangeFocusedRow?.(t);
+    };
+    const s = async (o) => {
+      if (e.getRowModel().rows.findIndex((n) => n.id === o) === -1 && e.getState().pagination) {
+        const n = e.getState().pagination.pageSize, c = e.getCoreRowModel().rows.findIndex((d) => d.id === o);
+        if (c !== -1) {
+          const d = Math.floor(c / n);
           e.setPageIndex?.(d);
         }
       }
-      if (await new Promise(requestAnimationFrame), !e.getRowModel().rows.find((o) => o.id === t)) return;
-      e.setFocusedRow(() => t);
-      const n = document.getElementById(t);
-      n && (n.focus({ preventScroll: !1 }), n.scrollIntoView({
+      if (await new Promise(requestAnimationFrame), !e.getRowModel().rows.find((n) => n.id === o)) return;
+      e.setFocusedRow(() => o);
+      const t = document.getElementById(o);
+      t && (t.focus({ preventScroll: !1 }), t.scrollIntoView({
         behavior: "smooth",
         block: "center"
       }));
     };
+    e.focusRowById = (o) => {
+      s(o);
+    };
   },
-  createRow: (e, t) => {
-    e.isFocused = () => t.getState().focusedRow === e.id, e.onChangeFocused = (n, o) => {
-      const s = o ?? e.id;
-      if (t.setFocusedRow(() => n ? s : null), n) {
-        const d = document.getElementById(s);
-        d && d.focus({ preventScroll: !0 });
+  createRow: (e, s) => {
+    e.isFocused = () => s.getState().focusedRow === e.id, e.onChangeFocused = (o, t) => {
+      const n = t ?? e.id;
+      if (s.setFocusedRow(() => o ? n : null), o) {
+        const c = document.getElementById(n);
+        c && c.focus({ preventScroll: !0 });
       }
     }, e.toggleFocused = () => e.onChangeFocused(!e.isFocused()), e.focusNextRow = () => {
-      const n = t.getRowModel().rows, o = n[n.findIndex((s) => s.id === t.getState().focusedRow) + 1];
-      o && (o.onChangeFocused(!0, o.id), document.getElementById(o.id)?.focus({ preventScroll: !0 }));
+      const o = s.getRowModel().rows, t = o[o.findIndex((n) => n.id === s.getState().focusedRow) + 1];
+      t && (t.onChangeFocused(!0, t.id), document.getElementById(t.id)?.focus({ preventScroll: !0 }));
     }, e.focusPrevRow = () => {
-      const n = t.getRowModel().rows, o = n[n.findIndex((s) => s.id === t.getState().focusedRow) - 1];
-      o && (o.onChangeFocused(!0, o.id), document.getElementById(o.id)?.focus({ preventScroll: !0 }));
+      const o = s.getRowModel().rows, t = o[o.findIndex((n) => n.id === s.getState().focusedRow) - 1];
+      t && (t.onChangeFocused(!0, t.id), document.getElementById(t.id)?.focus({ preventScroll: !0 }));
     };
   }
 };
 export {
-  r as FocusedRowsFeature
+  f as FocusedRowsFeature
 };

package/dist/table/helpers/cn.js

@@ -1,8 +1,7 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
+import { clsx as n } from "clsx";
+function t(...r) {
+  return n(r);
 }
 export {
-  n as cn
+  t as cn
 };

package/dist/table/hooks/useColumnVirtualizer.js

@@ -3,7 +3,7 @@ import { useVirtualizer as d } from "@tanstack/react-virtual";
 function c({ table: o, scrollRef: r, isMobileView: l }) {
   const i = o.getVisibleLeafColumns().filter((e) => !e.columnDef.fixedLeft && !e.columnDef.fixedRight && e.id !== "actions"), n = d({
     count: i.length,
-    getScrollElement: () => r?.current || null,
+    getScrollElement: () => r?.current ?? null,
     estimateSize: (e) => i[e]?.getSize?.() ?? 120,
     horizontal: !0,
     overscan: 2

package/dist/table/hooks/usePersistedPageSize.js

@@ -1,15 +1,15 @@
-import { useMemo as o } from "react";
+import { useMemo as a } from "react";
 var i = ":page-size", s = (e) => {
   if (e)
     return `${e}${i}`;
-}, n = (e) => o(() => {
+}, n = (e) => a(() => {
   const t = s(e);
   if (t)
     try {
-      const a = localStorage.getItem(t);
-      if (!a) return;
-      const r = JSON.parse(a);
-      return Number.isInteger(r) && r > 0 ? r : void 0;
+      const o = localStorage.getItem(t);
+      if (!o) return;
+      const r = JSON.parse(o);
+      return typeof r == "number" && Number.isInteger(r) && r > 0 ? r : void 0;
     } catch {
       return;
     }

package/dist/table/hooks/useTranslations.js

@@ -1,18 +1,20 @@
-import { useMemo as r } from "react";
+import { useMemo as o } from "react";
 var n = {
   en: {
     column_reorder: "This column is fixed and can’t be reordered.",
     column_hidden: "This column is fixed and can’t be hidden.",
-    reset_order: "Reset order"
+    reset_order: "Reset order",
+    column_settings: "Column settings"
   },
   no: {
     column_reorder: "Denne kolonnen er fast og kan ikke flyttes.",
     column_hidden: "Denne kolonnen er fast og kan ikke skjules.",
-    reset_order: "Tilbakestill rekkefølge"
+    reset_order: "Tilbakestill rekkefølge",
+    column_settings: "Kolonneinnstillinger"
   }
 };
 function s(e = "en") {
-  return r(() => n[e] ?? n.en, [e]);
+  return o(() => n[e] ?? n.en, [e]);
 }
 export {
   s as useTranslations

package/dist/table/hooks/useWindowWidthSize.hook.js

@@ -3,7 +3,7 @@ function d() {
   const [e, n] = t(window.innerWidth), i = () => {
     n(window.innerWidth);
   };
-  return r(() => (i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i)), []), e;
+  return r(() => (window.addEventListener("resize", i), () => window.removeEventListener("resize", i)), []), e;
 }
 var w = (e) => e ? e <= 743 : window.innerWidth < 743;
 export {

package/dist/table/shared-components/StyledCheckbox.js

@@ -1,21 +1,20 @@
-import { cn as C } from "../helpers/cn.js";
+import { cn as m } from "../helpers/cn.js";
 import e from "./StyledCheckbox.module.js";
-import p, { useEffect as E } from "react";
-import { jsx as t, jsxs as k } from "react/jsx-runtime";
-import { Checkbox as f } from "@base-ui/react/checkbox";
-var L = (n) => /* @__PURE__ */ k("svg", {
+import L, { useEffect as C, useRef as f } from "react";
+import { jsx as o, jsxs as k } from "react/jsx-runtime";
+var E = (t) => /* @__PURE__ */ k("svg", {
   viewBox: "0 0 24 24",
   width: "100%",
   height: "100%",
   fill: "none",
-  ...n,
-  children: [/* @__PURE__ */ t("title", { children: "Indeterminate icon" }), /* @__PURE__ */ t("path", {
+  ...t,
+  children: [/* @__PURE__ */ o("title", { children: "Indeterminate icon" }), /* @__PURE__ */ o("path", {
     d: "M6 12H18",
     stroke: "currentColor",
-    strokeWidth: n.strokeWidth ?? 3,
+    strokeWidth: t.strokeWidth ?? 3,
     strokeLinecap: "round"
   })]
-}), H = (n) => /* @__PURE__ */ k("svg", {
+}), H = (t) => /* @__PURE__ */ k("svg", {
   viewBox: "0 0 24 24",
   width: "100%",
   height: "100%",
@@ -24,56 +23,56 @@ var L = (n) => /* @__PURE__ */ k("svg", {
   strokeWidth: 2,
   strokeLinecap: "round",
   strokeLinejoin: "round",
-  ...n,
-  children: [/* @__PURE__ */ t("title", { children: "Check icon" }), /* @__PURE__ */ t("path", { d: "M4 12l5 5L20 6" })]
-}), S = ({ dataTest: n, size: h = "medium", disabled: m, readOnly: c, indeterminate: i = !1, checked: x, disableRipple: v, hideWrapper: b, className: I, onChange: u, ...a }) => {
-  const s = !!b, l = !v && !s && !m && !c, R = C(e.CheckboxWrapper, !s && e[`size-${h}`], s && e.HideWrapper, i && e.Indeterminate, c && e.ReadOnly, l && e.CheckboxHover, I), g = C(e.Checkbox, e[`size-${h}`], i && e.Indeterminate), w = i ? L : H, d = p.useRef(null), W = p.useCallback((o) => {
-    if (o.stopPropagation(), !l) return;
-    const r = document.createElement("span");
-    r.className = e.CheckboxRipple ?? "", r.addEventListener("animationend", () => r.remove(), { once: !0 }), d.current?.appendChild(r);
-  }, [l]);
-  E(() => {
-    const o = d.current;
-    return () => {
-      o?.replaceChildren();
-    };
-  }, []);
-  const N = p.useCallback((o) => {
-    if (c) return;
-    const r = { target: {
-      name: a.name,
-      value: a.value,
-      checked: o
-    } };
-    u?.(r, o);
-  }, [
-    u,
-    a.name,
-    a.value,
-    c
-  ]);
-  return /* @__PURE__ */ k(f.Root, {
+  ...t,
+  children: [/* @__PURE__ */ o("title", { children: "Check icon" }), /* @__PURE__ */ o("path", { d: "M4 12l5 5L20 6" })]
+}), M = ({ dataTest: t, size: l = "medium", disabled: d, readOnly: c, indeterminate: n = !1, checked: h, disableRipple: x, hideWrapper: v, className: b, onChange: g, ...I }) => {
+  const a = !!v, s = !x && !a && !d && !c, p = f(null), u = f(null);
+  C(() => {
+    p.current && (p.current.indeterminate = n);
+  }, [n]);
+  const R = m(e.CheckboxWrapper, !a && e[`size-${l}`], a && e.HideWrapper, n && e.Indeterminate, c && e.ReadOnly, s && e.CheckboxHover, b), w = m(e.Checkbox, e[`size-${l}`], n && e.Indeterminate), N = n ? E : H, W = L.useCallback((r) => {
+    if (r.stopPropagation(), !s) return;
+    const i = document.createElement("span");
+    i.className = e.CheckboxRipple ?? "", i.addEventListener("animationend", () => i.remove(), { once: !0 }), u.current?.appendChild(i);
+  }, [s]);
+  return C(() => {
+    const r = u.current;
+    return () => r?.replaceChildren();
+  }, []), /* @__PURE__ */ k("label", {
     className: R,
-    "data-test": n,
-    checked: x,
-    disabled: m,
-    readOnly: c,
-    indeterminate: i,
+    "data-test": t,
     onPointerDown: W,
-    onCheckedChange: N,
-    ...a,
-    children: [!s && l && /* @__PURE__ */ t("span", {
-      ref: d,
-      className: e.CheckboxRippleContainer
-    }), /* @__PURE__ */ t("span", {
-      className: g,
-      children: /* @__PURE__ */ t(f.Indicator, {
-        className: e.Indicator,
-        children: /* @__PURE__ */ t(w, { strokeWidth: h === "small" ? 3 : 2 })
+    "data-checked": h && !n ? "" : void 0,
+    "data-unchecked": !h && !n ? "" : void 0,
+    "data-indeterminate": n ? "" : void 0,
+    "data-disabled": d ? "" : void 0,
+    children: [
+      /* @__PURE__ */ o("input", {
+        ref: p,
+        type: "checkbox",
+        className: "sr-only",
+        checked: h,
+        disabled: d,
+        readOnly: c,
+        onChange: (r) => {
+          c || g?.(r, r.target.checked);
+        },
+        ...I
+      }),
+      !a && s && /* @__PURE__ */ o("span", {
+        ref: u,
+        className: e.CheckboxRippleContainer
+      }),
+      /* @__PURE__ */ o("span", {
+        className: w,
+        children: /* @__PURE__ */ o("span", {
+          className: e.Indicator,
+          children: /* @__PURE__ */ o(N, { strokeWidth: l === "small" ? 3 : 2 })
+        })
       })
-    })]
+    ]
   });
 };
 export {
-  S as StyledCheckbox
+  M as StyledCheckbox
 };

package/dist/table/shared-components/StyledCheckbox.module.js

@@ -1,17 +1,17 @@
-var e = "_CheckboxWrapper_1b4zf_1", _ = "_Checkbox_1b4zf_1", r = "_Indeterminate_1b4zf_28", a = "_ReadOnly_1b4zf_55", b = "_Indicator_1b4zf_64", p = "_HideWrapper_1b4zf_68", i = "_CheckboxHover_1b4zf_75", o = "_CheckboxRippleContainer_1b4zf_75", l = "_CheckboxRipple_1b4zf_75", z = "_ripple_1b4zf_1", d = {
+var e = "_CheckboxWrapper_1bp3w_1", _ = "_Checkbox_1bp3w_1", p = "_Indeterminate_1bp3w_28", r = "_ReadOnly_1bp3w_55", a = "_Indicator_1bp3w_64", b = "_HideWrapper_1bp3w_68", i = "_CheckboxHover_1bp3w_75", o = "_CheckboxRippleContainer_1bp3w_75", l = "_CheckboxRipple_1bp3w_75", d = "_ripple_1bp3w_1", c = {
   CheckboxWrapper: e,
-  "size-small": "_size-small_1b4zf_11",
-  "size-medium": "_size-medium_1b4zf_15",
+  "size-small": "_size-small_1bp3w_11",
+  "size-medium": "_size-medium_1bp3w_15",
   Checkbox: _,
-  Indeterminate: r,
-  ReadOnly: a,
-  Indicator: b,
-  HideWrapper: p,
+  Indeterminate: p,
+  ReadOnly: r,
+  Indicator: a,
+  HideWrapper: b,
   CheckboxHover: i,
   CheckboxRippleContainer: o,
   CheckboxRipple: l,
-  ripple: z
+  ripple: d
 };
 export {
-  d as default
+  c as default
 };

package/dist/table/shared-components/StyledMenuItem.js

@@ -1,21 +1,18 @@
-import t from "clsx";
-import { MenuItem as r } from "@mui/material";
-import { jsx as e } from "react/jsx-runtime";
-var m = (o) => /* @__PURE__ */ e(r, {
-  ...o,
-  classes: {
-    root: t("px-3 py-2.5", o.classes?.root),
-    ...o.classes
+import { cn as u } from "../helpers/cn.js";
+import { jsx as x } from "react/jsx-runtime";
+var f = ({ children: r, disabled: e, selected: n, className: a, classes: l, onClick: o, onMouseDown: m, onMouseUp: i }) => /* @__PURE__ */ x("li", {
+  role: "menuitem",
+  "aria-disabled": e ? !0 : void 0,
+  tabIndex: -1,
+  onClick: e ? void 0 : o,
+  onKeyDown: (t) => {
+    e || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o?.(t));
   },
-  sx: {
-    "&.Mui-disabled": {
-      pointerEvents: "auto",
-      cursor: "not-allowed",
-      "&:hover": { backgroundColor: "transparent !important" }
-    },
-    ...o.sx
-  }
+  onMouseDown: m,
+  onMouseUp: i,
+  className: u("flex items-center px-3 py-2.5 text-base text-delta-700 outline-none", e ? "cursor-not-allowed" : "cursor-pointer hover:bg-delta-50", n && "bg-gama-50", l?.root, a, e && "!text-delta-300"),
+  children: r
 });
 export {
-  m as StyledMenuItem
+  f as StyledMenuItem
 };

package/dist/table/shared-components/button/StyledButton.module.js

@@ -1,16 +1,16 @@
-var _ = "_contained_ls0vf_6", t = "_common_ls0vf_6", a = "_medium_ls0vf_48", e = "_small_ls0vf_53", r = "_large_ls0vf_58", l = "_error_ls0vf_68", v = "_outlined_ls0vf_130", o = "_text_ls0vf_254", s = "_textGray_ls0vf_378", f = "_textWhite_ls0vf_440", m = {
-  "asma-core-ui-button": "_asma-core-ui-button_ls0vf_1",
+var _ = "_contained_13b4p_6", t = "_common_13b4p_6", a = "_medium_13b4p_48", e = "_small_13b4p_53", r = "_large_13b4p_58", o = "_error_13b4p_68", b = "_outlined_13b4p_130", m = "_text_13b4p_254", l = "_textGray_13b4p_378", p = "_textWhite_13b4p_440", u = {
+  "asma-core-ui-button": "_asma-core-ui-button_13b4p_1",
   contained: _,
   common: t,
   medium: a,
   small: e,
   large: r,
-  error: l,
-  outlined: v,
-  text: o,
-  textGray: s,
-  textWhite: f
+  error: o,
+  outlined: b,
+  text: m,
+  textGray: l,
+  textWhite: p
 };
 export {
-  m as default
+  u as default
 };

package/dist/table/shared-components/menu-item/index.js

@@ -1,23 +1,22 @@
-import { CheckIcon as r } from "../CheckIcon.js";
-import { MenuItem as e } from "@mui/material";
-import { jsx as a, jsxs as t } from "react/jsx-runtime";
-var n = (o) => /* @__PURE__ */ t(e, {
-  classes: { root: "flex gap-x-1" },
-  sx: {
-    padding: "8px",
-    "&.Mui-selected": {
-      backgroundColor: "var(--colors-gama-50)",
-      "&:hover": { backgroundColor: "var(--colors-gama-50)" }
-    }
+import { cn as i } from "../../helpers/cn.js";
+import { CheckIcon as l } from "../CheckIcon.js";
+import { jsx as m, jsxs as s } from "react/jsx-runtime";
+var g = ({ children: n, selected: o, disabled: e, className: a, onClick: t }) => /* @__PURE__ */ s("li", {
+  role: "menuitem",
+  "aria-disabled": e ? !0 : void 0,
+  tabIndex: -1,
+  onClick: e ? void 0 : t,
+  onKeyDown: (r) => {
+    e || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), t?.(r));
   },
-  ...o,
-  children: [/* @__PURE__ */ a(r, {
+  className: i("flex items-center gap-x-1 p-2 text-base text-delta-700 outline-none", e ? "cursor-not-allowed" : "cursor-pointer hover:bg-delta-50", o && "bg-gama-50 hover:bg-gama-50", a),
+  children: [/* @__PURE__ */ m(l, {
     width: 24,
     height: 24,
-    color: o.selected ? "var(--colors-gama-500)" : "transparent",
+    color: o ? "var(--colors-gama-500)" : "transparent",
     style: { transition: "color 0.2s ease" }
-  }), o.children]
+  }), n]
 });
 export {
-  n as StyledMenuItem
+  g as StyledMenuItem
 };

package/dist/table/shared-components/tooltip/index.js

@@ -1,29 +1,10 @@
-import { Tooltip as o } from "@mui/material";
+import { StyledTooltip as t } from "../../../components/data-display/tooltip/StyledTooltip.js";
 import { jsx as r } from "react/jsx-runtime";
-import p from "@mui/material/Fade";
-var m = (t) => /* @__PURE__ */ r(o, {
-  slots: { transition: p },
-  slotProps: {
-    transition: { timeout: 300 },
-    tooltip: { sx: {
-      borderRadius: "3px !important",
-      "& .MuiTooltip-arrow": { color: "#363E4A !important" },
-      color: "white !important",
-      boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.25) !important",
-      display: "flex !important",
-      padding: "4px 8px !important",
-      alignItems: "center !important",
-      fontSize: "12px !important",
-      lineHeight: "16px !important",
-      letterSpacing: " 0.24px !important",
-      bgcolor: "#363E4A !important",
-      wordBreak: "break-word !important"
-    } }
-  },
+var l = (o) => /* @__PURE__ */ r(t, {
   arrow: !0,
   placement: "top",
-  ...t
+  ...o
 });
 export {
-  m as StyledTooltip
+  l as StyledTooltip
 };