asma-ui-core 3.34.0 → 3.35.0

package/dist/table/components/table-footer/TablePagination.js

@@ -1,16 +1,17 @@
+import { StyledPopover as y } from "../../../components/utils/popover/StyledPopover.js";
+import { StyledMenuList as S } from "../../../components/navigation/menu/StyledMenuList.js";
 import c from "../StyledTable.module.js";
 import { StyledTooltip as g } from "../../shared-components/tooltip/index.js";
 import { ChevronDownIcon as I } from "../../shared-components/ChevronDownIcon.js";
-import { useToggleMenuVisibility as y } from "../../hooks/useToggleMenuVisibility.hook.js";
-import { StyledButton as h } from "../../shared-components/button/StyledButton.js";
+import { useToggleMenuVisibility as N } from "../../hooks/useToggleMenuVisibility.hook.js";
+import { StyledButton as m } from "../../shared-components/button/StyledButton.js";
 import { ChevronRightIcon as O } from "../../shared-components/ChevronRightIcon.js";
-import { ChevronLeftIcon as S } from "../../shared-components/ChevronLeftIcon.js";
-import { StyledMenuItem as w } from "../../shared-components/menu-item/index.js";
-import { useCallback as v, useMemo as P, useRef as N } from "react";
-import { MenuList as k, Popover as z } from "@mui/material";
-import { Fragment as $, jsx as e, jsxs as m } from "react/jsx-runtime";
-function H({ table: o, locale: C }) {
-  const { anchorEl: s, open: p, handleClose: d, handleOpen: b } = y(), u = N(null), n = C === "no", f = P(() => ({
+import { ChevronLeftIcon as w } from "../../shared-components/ChevronLeftIcon.js";
+import { StyledMenuItem as k } from "../../shared-components/menu-item/index.js";
+import { useCallback as v, useMemo as P, useRef as z } from "react";
+import { Fragment as $, jsx as e, jsxs as h } from "react/jsx-runtime";
+function V({ table: o, locale: C }) {
+  const { anchorEl: s, open: p, handleClose: d, handleOpen: b } = N(), u = z(null), n = C === "no", f = P(() => ({
     anchorOrigin: {
       vertical: -5,
       horizontal: "center"
@@ -32,12 +33,12 @@ function H({ table: o, locale: C }) {
     d,
     i
   ]);
-  return /* @__PURE__ */ m($, { children: [
+  return /* @__PURE__ */ h($, { children: [
     /* @__PURE__ */ e(g, {
       title: n ? "Nåværende side" : "Current Page",
       children: /* @__PURE__ */ e("div", {
         ref: u,
-        children: /* @__PURE__ */ m(h, {
+        children: /* @__PURE__ */ h(m, {
           dataTest: "current-page-button",
           variant: "outlined",
           size: "large",
@@ -59,24 +60,26 @@ function H({ table: o, locale: C }) {
         })
       })
     }),
-    /* @__PURE__ */ e(z, {
+    /* @__PURE__ */ e(y, {
       open: p,
       anchorEl: s,
-      slotProps: { paper: { sx: {
-        width: s ? s.clientWidth : void 0,
-        maxHeight: 288,
-        overflowY: "auto"
-      } } },
+      slotProps: { paper: {
+        className: "border border-solid border-delta-200",
+        sx: {
+          width: s ? s.clientWidth : void 0,
+          maxHeight: 288,
+          overflowY: "auto"
+        }
+      } },
       onClose: d,
       anchorOrigin: f.anchorOrigin,
       transformOrigin: f.transformOrigin,
-      classes: { paper: "border border-solid border-delta-200" },
-      children: /* @__PURE__ */ e(k, { children: x.map((t) => /* @__PURE__ */ e(w, {
+      children: /* @__PURE__ */ e(S, { children: x.map((t) => /* @__PURE__ */ e(k, {
         onClick: (r) => {
           r.stopPropagation(), r.preventDefault(), T(t);
         },
         selected: t === l,
-        children: /* @__PURE__ */ m("span", {
+        children: /* @__PURE__ */ h("span", {
           className: "text-sm font-normal text-delta-700",
           children: [
             n ? "Side" : "Page",
@@ -88,7 +91,7 @@ function H({ table: o, locale: C }) {
     }),
     /* @__PURE__ */ e(g, {
       title: l === 1 ? "" : n ? "Forrige side" : "Previous Page",
-      children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(h, {
+      children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(m, {
         dataTest: "prev-page-button",
         variant: "outlined",
         onClick: () => {
@@ -96,7 +99,7 @@ function H({ table: o, locale: C }) {
         },
         size: "large",
         disabled: !o.getCanPreviousPage(),
-        startIcon: /* @__PURE__ */ e(S, {
+        startIcon: /* @__PURE__ */ e(w, {
           height: 24,
           width: 24
         })
@@ -104,7 +107,7 @@ function H({ table: o, locale: C }) {
     }),
     /* @__PURE__ */ e(g, {
       title: l === a ? "" : n ? "Neste side" : "Next Page",
-      children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(h, {
+      children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(m, {
         dataTest: "next-page-button",
         variant: "outlined",
         onClick: () => {
@@ -121,5 +124,5 @@ function H({ table: o, locale: C }) {
   ] });
 }
 export {
-  H as TablePagination
+  V as TablePagination
 };

package/dist/table/components/table-footer/TableRowCountSelect.js

@@ -1,9 +1,10 @@
-import { ChevronDownIcon as w } from "../../shared-components/ChevronDownIcon.js";
-import { useToggleMenuVisibility as O } from "../../hooks/useToggleMenuVisibility.hook.js";
-import { StyledButton as v } from "../../shared-components/button/StyledButton.js";
-import { StyledMenuItem as C } from "../../shared-components/menu-item/index.js";
-import { useCallback as S, useMemo as p } from "react";
-import { MenuList as b, Popover as x } from "@mui/material";
+import { StyledPopover as w } from "../../../components/utils/popover/StyledPopover.js";
+import { StyledMenuList as O } from "../../../components/navigation/menu/StyledMenuList.js";
+import { ChevronDownIcon as S } from "../../shared-components/ChevronDownIcon.js";
+import { useToggleMenuVisibility as v } from "../../hooks/useToggleMenuVisibility.hook.js";
+import { StyledButton as C } from "../../shared-components/button/StyledButton.js";
+import { StyledMenuItem as b } from "../../shared-components/menu-item/index.js";
+import { useCallback as x, useMemo as d } from "react";
 import { Fragment as y, jsx as e, jsxs as s } from "react/jsx-runtime";
 var M = [
   5,
@@ -12,8 +13,8 @@ var M = [
   50,
   100
 ];
-function j({ table: n, locale: d }) {
-  const { anchorEl: i, open: l, handleClose: a, handleOpen: h } = O(), r = n.getState().pagination.pageSize, c = d === "no", m = p(() => ({
+function D({ table: n, locale: p }) {
+  const { anchorEl: i, open: l, handleClose: a, handleOpen: h } = v(), t = n.getState().pagination.pageSize, c = p === "no", m = d(() => ({
     anchorOrigin: {
       vertical: -5,
       horizontal: "center"
@@ -22,44 +23,46 @@ function j({ table: n, locale: d }) {
       vertical: "bottom",
       horizontal: "center"
     }
-  }), []), g = p(() => {
-    const o = /* @__PURE__ */ new Set([...M, r]);
-    return Array.from(o).sort((t, f) => t - f);
-  }, [r]), u = S((o) => {
+  }), []), g = d(() => {
+    const o = /* @__PURE__ */ new Set([...M, t]);
+    return Array.from(o).sort((r, f) => r - f);
+  }, [t]), u = x((o) => {
     n.setPageSize(o), a();
   }, [a, n]);
-  return /* @__PURE__ */ s(y, { children: [/* @__PURE__ */ s(v, {
+  return /* @__PURE__ */ s(y, { children: [/* @__PURE__ */ s(C, {
     dataTest: "table-rows-count-button",
     variant: "outlined",
     size: "large",
     onClick: h,
-    endIcon: /* @__PURE__ */ e(w, {
+    endIcon: /* @__PURE__ */ e(S, {
       className: `${l ? "rotate-180" : "rotate-0"} transition-transform duration-300`,
       height: 24,
       width: 24
     }),
     children: [
-      r,
+      t,
       " ",
       c ? "rader" : "rows"
     ]
-  }), /* @__PURE__ */ e(x, {
+  }), /* @__PURE__ */ e(w, {
     open: l,
     anchorEl: i,
-    slotProps: { paper: { sx: {
-      width: i ? i.clientWidth : void 0,
-      maxHeight: 288,
-      overflowY: "auto"
-    } } },
+    slotProps: { paper: {
+      className: "border border-solid border-delta-200",
+      sx: {
+        width: i ? i.clientWidth : void 0,
+        maxHeight: 288,
+        overflowY: "auto"
+      }
+    } },
     onClose: a,
     anchorOrigin: m.anchorOrigin,
     transformOrigin: m.transformOrigin,
-    classes: { paper: "border border-solid border-delta-200" },
-    children: /* @__PURE__ */ e(b, { children: g.map((o) => /* @__PURE__ */ e(C, {
-      onClick: (t) => {
-        t.stopPropagation(), t.preventDefault(), u(o);
+    children: /* @__PURE__ */ e(O, { children: g.map((o) => /* @__PURE__ */ e(b, {
+      onClick: (r) => {
+        r.stopPropagation(), r.preventDefault(), u(o);
       },
-      selected: r === o,
+      selected: t === o,
       children: /* @__PURE__ */ s("span", {
         className: "text-sm font-normal text-delta-700",
         children: [
@@ -72,5 +75,5 @@ function j({ table: n, locale: d }) {
   })] });
 }
 export {
-  j as TableRowCountSelect
+  D as TableRowCountSelect
 };

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/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_lq2x6_1", _ = "_Checkbox_lq2x6_1", r = "_Indeterminate_lq2x6_28", a = "_ReadOnly_lq2x6_55", l = "_Indicator_lq2x6_64", x = "_HideWrapper_lq2x6_68", p = "_CheckboxHover_lq2x6_75", i = "_CheckboxRippleContainer_lq2x6_75", o = "_CheckboxRipple_lq2x6_75", d = "_ripple_lq2x6_1", c = {
   CheckboxWrapper: e,
-  "size-small": "_size-small_1b4zf_11",
-  "size-medium": "_size-medium_1b4zf_15",
+  "size-small": "_size-small_lq2x6_11",
+  "size-medium": "_size-medium_lq2x6_15",
   Checkbox: _,
   Indeterminate: r,
   ReadOnly: a,
-  Indicator: b,
-  HideWrapper: p,
-  CheckboxHover: i,
-  CheckboxRippleContainer: o,
-  CheckboxRipple: l,
-  ripple: z
+  Indicator: l,
+  HideWrapper: x,
+  CheckboxHover: p,
+  CheckboxRippleContainer: i,
+  CheckboxRipple: o,
+  ripple: d
 };
 export {
-  d as default
+  c as default
 };

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

@@ -1,21 +1,15 @@
-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
-  },
-  sx: {
-    "&.Mui-disabled": {
-      pointerEvents: "auto",
-      cursor: "not-allowed",
-      "&:hover": { backgroundColor: "transparent !important" }
-    },
-    ...o.sx
-  }
+import { cn as l } from "../helpers/cn.js";
+import { jsx as c } from "react/jsx-runtime";
+var s = ({ children: o, disabled: e, selected: r, className: t, classes: n, onClick: i, onMouseDown: m, onMouseUp: a }) => /* @__PURE__ */ c("li", {
+  role: "menuitem",
+  "aria-disabled": e ? !0 : void 0,
+  tabIndex: -1,
+  onClick: e ? void 0 : i,
+  onMouseDown: m,
+  onMouseUp: a,
+  className: l("flex items-center px-3 py-2.5 outline-none", e ? "cursor-not-allowed" : "cursor-pointer hover:bg-delta-50", r && "bg-gama-50", n?.root, t),
+  children: o
 });
 export {
-  m as StyledMenuItem
+  s as StyledMenuItem
 };

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

@@ -1,23 +1,19 @@
-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)" }
-    }
-  },
-  ...o,
-  children: [/* @__PURE__ */ a(r, {
+import { cn as n } from "../../helpers/cn.js";
+import { CheckIcon as i } from "../CheckIcon.js";
+import { jsx as m, jsxs as l } from "react/jsx-runtime";
+var p = ({ children: e, selected: r, disabled: o, className: t, onClick: a }) => /* @__PURE__ */ l("li", {
+  role: "menuitem",
+  "aria-disabled": o ? !0 : void 0,
+  tabIndex: -1,
+  onClick: o ? void 0 : a,
+  className: n("flex items-center gap-x-1 p-2 outline-none", o ? "cursor-not-allowed" : "cursor-pointer hover:bg-delta-50", r && "bg-gama-50 hover:bg-gama-50", t),
+  children: [/* @__PURE__ */ m(i, {
     width: 24,
     height: 24,
-    color: o.selected ? "var(--colors-gama-500)" : "transparent",
+    color: r ? "var(--colors-gama-500)" : "transparent",
     style: { transition: "color 0.2s ease" }
-  }), o.children]
+  }), e]
 });
 export {
-  n as StyledMenuItem
+  p 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
 };

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.34.0",
+    "version": "3.35.0",
     "type": "module",
     "sideEffects": [
         "**/*.css",
@@ -60,6 +60,9 @@
         "storybook": "storybook dev -p 6006",
         "storybook:no-browser": "storybook dev -p 6006 --no-open",
         "build-storybook": "export NODE_OPTIONS=--max_old_space_size=6240 && storybook build",
+        "vrt": "bash scripts/vrt.sh check",
+        "vrt:accept": "bash scripts/vrt.sh accept",
+        "vrt:report": "playwright show-report",
         "test-storybook": "npx vitest --project=storybook",
         "changeset:pre-beta": "changeset pre enter beta",
         "changeset:pre-exit": "changeset pre exit",
@@ -72,31 +75,24 @@
         "node": ">=24 <25"
     },
     "dependencies": {
-        "@base-ui/react": "^1.5.0",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/modifiers": "^7.0.0",
         "@dnd-kit/sortable": "^8.0.0",
         "@dnd-kit/utilities": "^3.2.2",
-        "@react-input/mask": "^1.2.5",
+        "@floating-ui/react": "^0.27.19",
         "@tanstack/react-table": "^8.21.3",
         "@tanstack/react-virtual": "^3.13.21",
         "clsx": "^1.2.1",
         "date-fns": "^3.6.0",
-        "lodash-es": "^4.18.1",
-        "material-ui-popup-state": "^5.3.6",
         "notistack": "^3.0.2",
-        "react-day-picker": "^9.14.0",
-        "tailwind-merge": "^2.5.2"
+        "react-day-picker": "^9.14.0"
     },
     "devDependencies": {
         "@changesets/cli": "^2.26.2",
         "@chromatic-com/storybook": "^5.1.1",
-        "@emotion/react": "^11.11.1",
-        "@emotion/styled": "^11.11.0",
-        "@mui/material": "^9.0.1",
-        "@faker-js/faker": "^8.0.2",
-        "@tippyjs/react": "^4.2.6",
         "@eslint/js": "^9.39.2",
+        "@faker-js/faker": "^8.0.2",
+        "@playwright/test": "1.60.0",
         "@storybook/addon-a11y": "10.3.3",
         "@storybook/addon-docs": "10.3.3",
         "@storybook/addon-links": "10.3.3",
@@ -104,7 +100,7 @@
         "@storybook/addon-vitest": "10.3.3",
         "@storybook/react-vite": "10.3.3",
         "@storybook/test-runner": "^0.24.3",
-        "@types/lodash-es": "^4.17.7",
+        "@tippyjs/react": "^4.2.6",
         "@types/node": "^24.12.4",
         "@types/react": "^18.3.23",
         "@types/react-copy-to-clipboard": "^5.0.7",
@@ -143,9 +139,6 @@
         "vitest": "^4.0.16"
     },
     "peerDependencies": {
-        "@emotion/react": "^11.*",
-        "@emotion/styled": "^11.*",
-        "@mui/material": "^9.0.0",
         "react": "^18.0.0 || ^19.0.0",
         "react-dom": "^18.0.0 || ^19.0.0"
     },

package/dist/components/feedback/dialog/StyledDialogActions.module.js

@@ -1,8 +0,0 @@
-var t = {
-  "styled-dialog-actions-root": "_styled-dialog-actions-root_3l3r7_1",
-  "styled-dialog-actions": "_styled-dialog-actions_3l3r7_1",
-  "action-button-wrapper": "_action-button-wrapper_3l3r7_17"
-};
-export {
-  t as default
-};

package/dist/components/feedback/dialog/StyledDialogContent.module.js

@@ -1,4 +0,0 @@
-var t = { "styled-dialog-content": "_styled-dialog-content_d2vki_1" };
-export {
-  t as default
-};

package/dist/components/feedback/dialog/StyledDialogTitle.module.js

@@ -1,4 +0,0 @@
-var t = { "styled-dialog-title-root": "_styled-dialog-title-root_mcspk_1" };
-export {
-  t as default
-};

package/dist/components/inputs/checkbox/StyledCheckbox.js

@@ -1,20 +0,0 @@
-import { Checkbox as r } from "@mui/material";
-import { jsx as i } from "react/jsx-runtime";
-var c = ({ dataTest: t, ...o }) => /* @__PURE__ */ i(r, {
-  ...o,
-  "data-testid": t,
-  sx: {
-    ...o.sx,
-    "&.MuiCheckbox-root": { color: "var(--colors-delta-500) !important" },
-    "&.MuiCheckbox-root.Mui-checked": { color: "var(--colors-gama-500) !important" },
-    "&.MuiCheckbox-root.MuiCheckbox-indeterminate": { color: "var(--colors-gama-500) !important" },
-    "&.MuiCheckbox-root.Mui-disabled": { color: "var(--colors-delta-200) !important" },
-    "&.MuiCheckbox-root .PrivateSwitchBase-input": {
-      height: "100% !important",
-      width: "100% !important"
-    }
-  }
-});
-export {
-  c as StyledCheckbox
-};

package/dist/components/inputs/radio-button/StyledRadio.js

@@ -1,17 +0,0 @@
-import { Radio as r } from "@mui/material";
-import { jsx as a } from "react/jsx-runtime";
-var e = ({ dataTest: o, ...t }) => /* @__PURE__ */ a(r, {
-  ...t,
-  "data-testid": o,
-  sx: {
-    "&": { color: "var(--colors-delta-500)" },
-    "& input": {
-      height: "100% !important",
-      width: "100% !important"
-    },
-    "&.Mui-checked": { color: "var(--colors-gama-500)" }
-  }
-});
-export {
-  e as StyledRadio
-};