asma-ui-core 3.42.0 → 3.43.0

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

@@ -1,19 +1,16 @@
-import { resolveSx as d } from "../../../helpers/sx.js";
-import m from "clsx";
-import { jsx as i } from "react/jsx-runtime";
-var p = ({ children: e, className: o, sx: r, style: t, dividers: l, classes: c, ...s }) => {
-  const a = {
-    ...d(r),
-    ...t
-  };
-  return /* @__PURE__ */ i("div", {
-    "data-test": "styled-dialog-content",
-    className: m("w-full flex-auto overflow-y-auto p-4", l && "border-y border-solid border-[rgba(0,0,0,0.12)]", o),
-    style: a,
-    ...s,
-    children: e
-  });
-};
+import n from "./StyledDialogContent.module.js";
+import { DialogContent as r } from "@mui/material";
+import { jsx as a } from "react/jsx-runtime";
+var s = ({ children: t, classes: o, className: e, ...l }) => /* @__PURE__ */ a(r, {
+  ...l,
+  "data-test": "styled-dialog-content",
+  classes: {
+    ...o,
+    root: n["styled-dialog-content"]
+  },
+  className: e,
+  children: t
+});
 export {
-  p as StyledDialogContent
+  s as StyledDialogContent
 };

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

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

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

@@ -1,20 +1,15 @@
-import { resolveSx as a } from "../../../helpers/sx.js";
-import i from "clsx";
-import { jsx as m } from "react/jsx-runtime";
-var n = ({ children: t, className: e, sx: l, style: s, classes: x, ...o }) => {
-  if (!t) return null;
-  const r = {
-    ...a(l),
-    ...s
-  };
-  return /* @__PURE__ */ m("h2", {
-    "data-testid": "styled-dialog-title",
-    className: i("mx-3 p-4 text-[20px] font-semibold leading-[20px]", e),
-    style: r,
-    ...o,
-    children: t
-  });
-};
+import o from "./StyledDialogTitle.module.js";
+import { DialogTitle as e } from "@mui/material";
+import { jsx as i } from "react/jsx-runtime";
+var s = ({ children: t, ...l }) => t ? /* @__PURE__ */ i(e, {
+  ...l,
+  "data-testid": "styled-dialog-title",
+  classes: {
+    ...l.classes,
+    root: o["styled-dialog-title-root"]
+  },
+  children: t
+}) : null;
 export {
-  n as StyledDialogTitle
+  s as StyledDialogTitle
 };

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

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

package/dist/components/feedback/minimizable-dialog/MinimizableDialog.js

@@ -1,24 +1,25 @@
 import { cn as c } from "../../../helpers/cn.js";
-import { DotsVerticalIcon as ie } from "../../icons/dots-vertical-icon/DotsVerticalIcon.js";
+import { DotsVerticalIcon as de } from "../../icons/dots-vertical-icon/DotsVerticalIcon.js";
 import { LoadingIcon as S } from "../../icons/loading-icon/LoadingIcon.js";
 import { CloseIcon as O } from "../../icons/close-icon/CloseIcon.js";
-import { MinimizeIcon as le } from "../../icons/minimize-icon/MinimizeIcon.js";
-import { KeyboardCapslockIcon as re } from "../../icons/keyboard-capslock-icon/KeyboardCapslockIcon.js";
+import { MinimizeIcon as re } from "../../icons/minimize-icon/MinimizeIcon.js";
+import { KeyboardCapslockIcon as ne } from "../../icons/keyboard-capslock-icon/KeyboardCapslockIcon.js";
 import { StyledTooltip as h } from "../../data-display/tooltip/StyledTooltip.js";
 import { StyledButton as i } from "../../inputs/button/StyledButton.js";
-import { StyledMenu as de } from "../../navigation/menu/StyledMenu.js";
-import { StyledMenuItem as ne } from "../../navigation/menu/StyledMenuItem.js";
+import { StyledMenu as ae } from "../../navigation/menu/StyledMenu.js";
+import { StyledMenuItem as oe } from "../../navigation/menu/StyledMenuItem.js";
 import T from "./MinimizableDialog.module.js";
-import { useToggleMenuVisibility as ae } from "../../../hooks/useToggleMenuVisibility.hook.js";
-import { ArrowExpand as oe } from "../../icons/arrow-expand/ArrowExpand.js";
-import { ArrowShrink as se } from "../../icons/arrow-shrink/ArrowShrink.js";
+import { useToggleMenuVisibility as se } from "../../../hooks/useToggleMenuVisibility.hook.js";
+import { ArrowExpand as ce } from "../../icons/arrow-expand/ArrowExpand.js";
+import { ArrowShrink as he } from "../../icons/arrow-shrink/ArrowShrink.js";
 import V from "clsx";
 import { useState as $ } from "react";
-import { Fragment as y, jsx as e, jsxs as t } from "react/jsx-runtime";
-var Ce = ({ onCloseText: z = "", onMinimizeText: K = "", onExpandText: L = "", onFullScreenText: R = "", showCloseIcon: N = !0, showMinimizeIcon: U = !0, showExpandIcon: q = !0, showFullScreenIcon: H = !0, title: u, label: p, children: v, open: J, onClose: k, className: I = "", primaryButtonText: g, primaryButtonLoading: x = !1, secondaryButtonText: o, onPrimaryButtonClick: m, onSecondaryButtonClick: f, dataTest: M, actionNode: Q, extraActions: l, extraActionsText: s, btnContainerClassName: j, footerClassName: W, footerInfo: C, locale: n = "en", enableFullscreen: X = !0, fullScreenState: _, handleFullScreenState: F }) => {
-  const [r, Y] = $(!1), [G, Z] = $(!1), { open: A, anchorEl: P, handleOpen: B, handleClose: ee } = ae();
-  if (!J) return null;
-  const a = _ ?? G, b = a && !r, te = b ? {
+import { Fragment as z, jsx as e, jsxs as t } from "react/jsx-runtime";
+import { isArray as K, isFunction as L } from "lodash-es";
+var Ge = ({ onCloseText: N = "", onMinimizeText: R = "", onExpandText: U = "", onFullScreenText: q = "", showCloseIcon: k = !0, showMinimizeIcon: H = !0, showExpandIcon: J = !0, showFullScreenIcon: Q = !0, title: u, label: p, children: v, open: W, onClose: I, className: y = "", primaryButtonText: g, primaryButtonLoading: x = !1, secondaryButtonText: o, onPrimaryButtonClick: m, onSecondaryButtonClick: f, dataTest: M, actionNode: X, extraActions: l, extraActionsText: s, btnContainerClassName: j, footerClassName: Y, footerInfo: C, locale: n = "en", enableFullscreen: Z = !0, fullScreenState: F, handleFullScreenState: _ }) => {
+  const [d, P] = $(!1), [G, A] = $(!1), { open: B, anchorEl: ee, handleOpen: te, handleClose: ie } = se();
+  if (!W) return null;
+  const a = F ?? G, b = a && !d, le = b ? {
     right: "auto",
     bottom: "auto",
     left: "50%",
@@ -27,56 +28,56 @@ var Ce = ({ onCloseText: z = "", onMinimizeText: K = "", onExpandText: L = "", o
     width: "min(1000px, calc(100vw - 32px))",
     height: "95dvh"
   } : void 0, w = g ?? x, D = w || o, E = () => {
-    Y(!r);
+    P(!d);
   };
-  return /* @__PURE__ */ t(y, { children: [
+  return /* @__PURE__ */ t(z, { children: [
     b && /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[51] bg-[rgb(98,110,126)] bg-opacity-70" }),
     /* @__PURE__ */ e("div", {
       style: { zIndex: 51 },
-      className: c(T.dialog, !r && T.hidden),
+      className: c(T.dialog, !d && T.hidden),
       children: /* @__PURE__ */ t("div", {
-        className: V("flex items-center justify-between", !r && "hidden"),
+        className: V("flex items-center justify-between", !d && "hidden"),
         "data-testid": M,
         children: [/* @__PURE__ */ e("div", {
           className: "truncate text-lg font-semibold text-delta-800",
           children: u
         }), /* @__PURE__ */ t("div", {
           className: "flex items-center gap-x-1",
-          children: [q && /* @__PURE__ */ e(h, {
+          children: [J && /* @__PURE__ */ e(h, {
             title: n === "en" ? "Expand" : "Utvid",
             children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(i, {
               dataTest: "minimize-button",
               variant: "text",
               size: "small",
               onClick: E,
-              endIcon: /* @__PURE__ */ e(re, {
+              endIcon: /* @__PURE__ */ e(ne, {
                 height: 20,
                 width: 20,
                 color: "text-gama-500"
               }),
-              children: L
+              children: U
             }) })
-          }), N && /* @__PURE__ */ e(h, {
+          }), k && /* @__PURE__ */ e(h, {
             title: n === "en" ? "Close" : "Lukk",
             children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(i, {
               dataTest: "close-button",
               variant: "textGray",
               size: "small",
-              onClick: k,
+              onClick: I,
               endIcon: /* @__PURE__ */ e(O, {
                 height: 20,
                 width: 20,
                 color: "text-delta-700"
               }),
-              children: z
+              children: N
             }) })
           })]
         })]
       })
     }),
     /* @__PURE__ */ t("div", {
-      style: te,
-      className: c("fixed bottom-4 right-4 z-[51] rounded-lg bg-white shadow-[0_4px_40px_0px_rgba(34,33,51,0.4)] transition-all duration-300", I && !r && !a ? I : "", r && "!h-0 !w-0 opacity-0 duration-0", b && "fixed duration-0"),
+      style: le,
+      className: c("fixed bottom-4 right-4 z-[51] rounded-lg bg-white shadow-[0_4px_40px_0px_rgba(34,33,51,0.4)] transition-all duration-300", y && !d && !a ? y : "", d && "!h-0 !w-0 opacity-0 duration-0", b && "fixed duration-0"),
       "data-testid": M,
       children: [/* @__PURE__ */ t("div", {
         className: "flex flex-col gap-y-2 border-b-[1px] border-delta-200 p-4",
@@ -91,56 +92,56 @@ var Ce = ({ onCloseText: z = "", onMinimizeText: K = "", onExpandText: L = "", o
           }), /* @__PURE__ */ t("div", {
             className: "flex items-center gap-x-1",
             children: [
-              Q,
-              U && /* @__PURE__ */ e(h, {
+              X,
+              H && /* @__PURE__ */ e(h, {
                 title: n === "en" ? "Minimize" : "Minimer",
                 children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(i, {
                   dataTest: "minimize-button",
                   variant: "textGray",
                   size: "small",
                   onClick: E,
-                  endIcon: /* @__PURE__ */ e(le, {
+                  endIcon: /* @__PURE__ */ e(re, {
                     height: 20,
                     width: 20,
                     color: "text-delta-700"
                   }),
-                  children: K
+                  children: R
                 }) })
               }),
-              X && H && /* @__PURE__ */ e(h, {
+              Z && Q && /* @__PURE__ */ e(h, {
                 title: a ? n === "en" ? "Exit full screen" : "Avslutt fullskjerm" : n === "en" ? "Full screen" : "Fullskjerm",
                 children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(i, {
                   dataTest: "fullscreen-button",
                   variant: "textGray",
                   size: "small",
-                  onClick: (d) => {
-                    _ !== void 0 && F ? F() : Z(!G), d.detail !== 0 && d.currentTarget.blur();
+                  onClick: (r) => {
+                    F !== void 0 && _ ? _() : A(!G), r.detail !== 0 && r.currentTarget.blur();
                   },
-                  endIcon: a ? /* @__PURE__ */ e(se, {
+                  endIcon: a ? /* @__PURE__ */ e(he, {
                     width: 20,
                     height: 20,
                     color: "text-delta-700"
-                  }) : /* @__PURE__ */ e(oe, {
+                  }) : /* @__PURE__ */ e(ce, {
                     width: 20,
                     height: 20,
                     color: "text-delta-700"
                   }),
-                  children: R
+                  children: q
                 }) })
               }),
-              N && /* @__PURE__ */ e(h, {
+              k && /* @__PURE__ */ e(h, {
                 title: n === "en" ? "Close" : "Lukk",
                 children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(i, {
                   dataTest: "close-button",
                   variant: "textGray",
                   size: "small",
-                  onClick: k,
+                  onClick: I,
                   endIcon: /* @__PURE__ */ e(O, {
                     height: 20,
                     width: 20,
                     color: "text-delta-700"
                   }),
-                  children: z
+                  children: N
                 }) })
               })
             ]
@@ -150,32 +151,32 @@ var Ce = ({ onCloseText: z = "", onMinimizeText: K = "", onExpandText: L = "", o
           children: u
         })]
       }), /* @__PURE__ */ t("div", {
-        className: V("flex flex-col", a && !r && "h-[87dvh]"),
+        className: V("flex flex-col", a && !d && "h-[87dvh]"),
         children: [/* @__PURE__ */ e("div", {
           className: "flex-grow overflow-y-auto",
           children: typeof v == "function" ? v({ fullScreen: a }) : v
-        }), (Array.isArray(l) && l.length || typeof l == "function") && s || C ? /* @__PURE__ */ t("div", {
-          className: c("flex items-center justify-between border-0 border-t-[1px] border-solid border-delta-200 bg-white p-4", W),
+        }), (K(l) && l.length || L(l)) && s || C ? /* @__PURE__ */ t("div", {
+          className: c("flex items-center justify-between border-0 border-t-[1px] border-solid border-delta-200 bg-white p-4", Y),
           children: [
-            Array.isArray(l) && l.length && s ? /* @__PURE__ */ t(y, { children: [/* @__PURE__ */ e(i, {
+            K(l) && l.length && s ? /* @__PURE__ */ t(z, { children: [/* @__PURE__ */ e(i, {
               dataTest: "extra-actions-button",
               variant: "textGray",
-              startIcon: /* @__PURE__ */ e(ie, {
+              startIcon: /* @__PURE__ */ e(de, {
                 width: 24,
                 height: 24
               }),
-              onClick: B,
+              onClick: te,
               children: s
-            }), /* @__PURE__ */ e(de, {
-              open: A,
-              anchorEl: P,
-              onClose: ee,
-              children: l.map((d) => /* @__PURE__ */ e(ne, {
-                className: d.className,
-                onClick: d.onClick,
-                children: d.label
-              }, d.label))
-            })] }) : s && typeof l == "function" && /* @__PURE__ */ e(i, {
+            }), /* @__PURE__ */ e(ae, {
+              open: B,
+              anchorEl: ee,
+              onClose: ie,
+              children: l.map((r) => /* @__PURE__ */ e(oe, {
+                className: r.className,
+                onClick: r.onClick,
+                children: r.label
+              }, r.label))
+            })] }) : s && L(l) && /* @__PURE__ */ e(i, {
               dataTest: "extra-action-button",
               variant: "text",
               onClick: l,
@@ -201,7 +202,7 @@ var Ce = ({ onCloseText: z = "", onMinimizeText: K = "", onExpandText: L = "", o
               })]
             }) : null
           ]
-        }) : /* @__PURE__ */ e(y, { children: D ? /* @__PURE__ */ t("div", {
+        }) : /* @__PURE__ */ e(z, { children: D ? /* @__PURE__ */ t("div", {
           className: c("flex justify-end gap-x-2 border-t-[1px] border-delta-200 p-4", j),
           children: [o && f && /* @__PURE__ */ e(i, {
             dataTest: "cancel-button",
@@ -223,5 +224,5 @@ var Ce = ({ onCloseText: z = "", onMinimizeText: K = "", onExpandText: L = "", o
   ] });
 };
 export {
-  Ce as MinimizableDialog
+  Ge as MinimizableDialog
 };

package/dist/components/feedback/snack-bar/StyledAlert.js

@@ -1,75 +1,17 @@
-import { cn as f } from "../../../helpers/cn.js";
-import { resolveSx as g } from "../../../helpers/sx.js";
-import { CloseIcon as m } from "../../icons/close-icon/CloseIcon.js";
-import { CheckOutlineIcon as u } from "./components/CheckOutlineIcon.js";
-import { ErrorOutlineIcon as b } from "./components/ErrorOutlineIcon.js";
-import { InfoOutlineIcon as x } from "./components/InfoOutlineIcon.js";
-import { WarningAmberOutlineIcon as w } from "./components/WarningAmberOutlineIcon.js";
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-var I = {
-  standard: {
-    success: "bg-success-50 text-success-700",
-    info: "bg-info-50 text-info-700",
-    warning: "bg-warning-50 text-warning-700",
-    error: "bg-error-50 text-error-700"
+import { CheckOutlineIcon as r } from "./components/CheckOutlineIcon.js";
+import { Alert as e } from "@mui/material";
+import { jsx as t } from "react/jsx-runtime";
+var m = (i) => /* @__PURE__ */ t(e, {
+  iconMapping: {
+    success: /* @__PURE__ */ t(r, {
+      height: 24,
+      width: 24,
+      fontSize: "inherit"
+    }),
+    ...i.iconMapping
   },
-  filled: {
-    success: "bg-success-500 text-white",
-    info: "bg-info-500 text-white",
-    warning: "bg-warning-500 text-white",
-    error: "bg-error-500 text-white"
-  },
-  outlined: {
-    success: "border border-success-500 text-success-700",
-    info: "border border-info-500 text-info-700",
-    warning: "border border-warning-500 text-warning-700",
-    error: "border border-error-500 text-error-700"
-  }
-}, A = {
-  success: /* @__PURE__ */ r(u, {
-    width: 24,
-    height: 24
-  }),
-  info: /* @__PURE__ */ r(x, {
-    width: 24,
-    height: 24
-  }),
-  warning: /* @__PURE__ */ r(w, {
-    width: 24,
-    height: 24
-  }),
-  error: /* @__PURE__ */ r(b, {
-    width: 24,
-    height: 24
-  })
-}, E = ({ severity: e = "success", variant: i = "standard", icon: t, iconMapping: s, action: c, onClose: n, children: a, className: l, sx: d, role: h = "alert" }) => {
-  const o = t === !1 ? null : t ?? s?.[e] ?? A[e];
-  return /* @__PURE__ */ p("div", {
-    role: h,
-    className: f("flex items-center gap-2 rounded-lg px-4 py-2 text-sm", I[i][e], l),
-    style: g(d),
-    children: [
-      o && /* @__PURE__ */ r("span", {
-        className: "flex shrink-0 items-center",
-        children: o
-      }),
-      /* @__PURE__ */ r("span", {
-        className: "min-w-0 flex-1",
-        children: a
-      }),
-      c ?? (n && /* @__PURE__ */ r("button", {
-        type: "button",
-        "aria-label": "Close",
-        onClick: n,
-        className: "flex shrink-0 items-center justify-center rounded-full p-1 hover:bg-black/10",
-        children: /* @__PURE__ */ r(m, {
-          width: 18,
-          height: 18
-        })
-      }))
-    ]
-  });
-};
+  ...i
+});
 export {
-  E as StyledAlert
+  m as StyledAlert
 };

package/dist/components/feedback/snack-bar/StyledSnackbar.js

@@ -1,36 +1,10 @@
-import { cn as c } from "../../../helpers/cn.js";
-import { useEffect as p } from "react";
-import { jsx as l, jsxs as x } from "react/jsx-runtime";
-import { FloatingPortal as h } from "@floating-ui/react";
-var b = {
-  "top-left": "top-6 left-6",
-  "top-center": "top-6 left-1/2 -translate-x-1/2",
-  "top-right": "top-6 right-6",
-  "bottom-left": "bottom-6 left-6",
-  "bottom-center": "bottom-6 left-1/2 -translate-x-1/2",
-  "bottom-right": "bottom-6 right-6"
-}, S = ({ open: t = !1, autoHideDuration: e = 3e3, onClose: r, anchorOrigin: o = {
-  vertical: "bottom",
-  horizontal: "left"
-}, message: i, action: m, children: a, className: f }) => {
-  if (p(() => {
-    if (!t || e == null) return;
-    const s = setTimeout(() => r?.(null, "timeout"), e);
-    return () => clearTimeout(s);
-  }, [
-    t,
-    e,
-    r
-  ]), !t) return null;
-  const n = b[`${o.vertical}-${o.horizontal}`];
-  return /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l("div", {
-    className: c("fixed z-[1400] flex items-center gap-2", n, f),
-    children: a ?? /* @__PURE__ */ x("div", {
-      className: "flex items-center gap-2 rounded-lg bg-delta-800 px-4 py-3 text-sm text-white shadow-lg",
-      children: [i, m]
-    })
-  }) });
-};
+import { Snackbar as t } from "@mui/material";
+import { jsx as o } from "react/jsx-runtime";
+var d = ({ children: a, ...r }) => /* @__PURE__ */ o(t, {
+  autoHideDuration: r.autoHideDuration ?? 3e3,
+  ...r,
+  children: a && /* @__PURE__ */ o("div", { children: a })
+});
 export {
-  S as StyledSnackbar
+  d as StyledSnackbar
 };

package/dist/components/feedback/snack-bar/components/StyledDefaultSnackbar.js

@@ -1,72 +1,73 @@
 import { omit as f } from "../../../../helpers/omit.js";
-import { CloseIcon as u } from "../../../icons/close-icon/CloseIcon.js";
-import { CheckOutlineIcon as p } from "./CheckOutlineIcon.js";
+import { CloseIcon as p } from "../../../icons/close-icon/CloseIcon.js";
+import { CheckOutlineIcon as u } from "./CheckOutlineIcon.js";
 import { ErrorOutlineIcon as g } from "./ErrorOutlineIcon.js";
-import { InfoOutlineIcon as b } from "./InfoOutlineIcon.js";
-import { WarningAmberOutlineIcon as v } from "./WarningAmberOutlineIcon.js";
-import r from "./StyledDefaultSnackbar.module.js";
-import o from "clsx";
-import { forwardRef as I } from "react";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { SnackbarContent as S, useSnackbar as k } from "notistack";
-var w = {
-  info: /* @__PURE__ */ e(b, {
+import { InfoOutlineIcon as I } from "./InfoOutlineIcon.js";
+import { WarningAmberOutlineIcon as S } from "./WarningAmberOutlineIcon.js";
+import i from "./StyledDefaultSnackbar.module.js";
+import t from "clsx";
+import { forwardRef as v } from "react";
+import { IconButton as b } from "@mui/material";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { SnackbarContent as k, useSnackbar as w } from "notistack";
+var x = {
+  info: /* @__PURE__ */ r(I, {
     height: 24,
     width: 24
   }),
-  error: /* @__PURE__ */ e(g, {
+  error: /* @__PURE__ */ r(g, {
     height: 24,
     width: 24
   }),
-  success: /* @__PURE__ */ e(p, {
+  success: /* @__PURE__ */ r(u, {
     height: 24,
     width: 24
   }),
-  warning: /* @__PURE__ */ e(v, {
+  warning: /* @__PURE__ */ r(S, {
     height: 24,
     width: 24
   })
-}, R = I((c, l) => {
-  const { id: a, message: s, severity: t, action: i, title: m, ...d } = f(c, [
+}, B = v((c, l) => {
+  const { id: a, message: m, severity: e, action: o, title: s, ...h } = f(c, [
     "anchorOrigin",
     "autoHideDuration",
     "hideIconVariant",
     "iconVariant",
     "persist"
-  ]), { closeSnackbar: h } = k();
-  return /* @__PURE__ */ e(S, {
+  ]), { closeSnackbar: d } = w();
+  return /* @__PURE__ */ r(k, {
     ref: l,
     role: "alert",
-    ...d,
+    ...h,
     children: /* @__PURE__ */ n("div", {
-      className: o(r.container, r[t]),
+      className: t(i.container, i[e]),
       children: [
         /* @__PURE__ */ n("div", {
-          className: r.header,
+          className: i.header,
           children: [/* @__PURE__ */ n("div", {
-            className: o(r.title, r[`title_${t}`]),
-            children: [w[t], /* @__PURE__ */ e("span", { children: m ?? t })]
-          }), /* @__PURE__ */ e("button", {
-            type: "button",
+            className: t(i.title, i[`title_${e}`]),
+            children: [x[e], /* @__PURE__ */ r("span", { children: s ?? e })]
+          }), /* @__PURE__ */ r(b, {
             "aria-label": "close",
-            className: "flex items-center justify-center rounded-full p-[2px] hover:bg-black/10",
-            onClick: () => h(a),
-            children: /* @__PURE__ */ e(u, {
+            color: "inherit",
+            sx: { p: "2px" },
+            onClick: () => d(a),
+            children: /* @__PURE__ */ r(p, {
               width: 20,
               height: 20,
               color: "#49525F"
             })
           })]
         }),
-        /* @__PURE__ */ e("div", {
-          className: o(r.message, r[`message_${t}`]),
-          children: s
+        /* @__PURE__ */ r("div", {
+          className: t(i.message, i[`message_${e}`]),
+          children: m
         }),
-        i ? /* @__PURE__ */ e("div", { children: typeof i == "function" ? i(a) : i }) : null
+        o ? /* @__PURE__ */ r("div", { children: typeof o == "function" ? o(a) : o }) : null
       ]
     })
   });
 });
 export {
-  R as StyledDefaultSnackbar
+  B as StyledDefaultSnackbar
 };

package/dist/components/feedback/snack-bar/components/StyledDefaultSnackbar.module.js

@@ -1,14 +1,14 @@
-var _ = "_container_147nx_1", e = "_header_147nx_13", r = "_title_147nx_19", a = "_message_147nx_28", n = "_info_147nx_36", s = "_error_147nx_41", t = "_success_147nx_46", i = "_warning_147nx_51", v = "_title_info_147nx_57", x = "_title_error_147nx_61", g = "_title_success_147nx_65", o = "_title_warning_147nx_69", c = "_message_info_147nx_74", l = "_message_error_147nx_78", m = "_message_success_147nx_82", u = "_message_warning_147nx_86", f = {
-  container: _,
-  header: e,
+var e = "_container_1e4wt_1", _ = "_header_1e4wt_13", r = "_title_1e4wt_19", a = "_message_1e4wt_28", t = "_info_1e4wt_36", s = "_error_1e4wt_41", i = "_success_1e4wt_46", n = "_warning_1e4wt_51", w = "_title_info_1e4wt_57", v = "_title_error_1e4wt_61", g = "_title_success_1e4wt_65", o = "_title_warning_1e4wt_69", c = "_message_info_1e4wt_74", l = "_message_error_1e4wt_78", m = "_message_success_1e4wt_82", u = "_message_warning_1e4wt_86", f = {
+  container: e,
+  header: _,
   title: r,
   message: a,
-  info: n,
+  info: t,
   error: s,
-  success: t,
-  warning: i,
-  title_info: v,
-  title_error: x,
+  success: i,
+  warning: n,
+  title_info: w,
+  title_error: v,
   title_success: g,
   title_warning: o,
   message_info: c,

package/dist/components/inputs/button/StyledButton.module.js

@@ -1,14 +1,14 @@
-var _ = "_contained_1cv9m_6", t = "_common_1cv9m_6", a = "_medium_1cv9m_45", e = "_small_1cv9m_50", m = "_large_1cv9m_55", r = "_error_1cv9m_65", v = "_outlined_1cv9m_124", c = "_text_1cv9m_242", o = "_textGray_1cv9m_358", l = "_textWhite_1cv9m_416", u = {
-  "asma-ui-core-button": "_asma-ui-core-button_1cv9m_1",
+var _ = "_contained_654yh_6", t = "_common_654yh_6", a = "_medium_654yh_45", e = "_small_654yh_50", r = "_large_654yh_55", o = "_error_654yh_65", y = "_outlined_654yh_124", h = "_text_654yh_242", m = "_textGray_654yh_358", l = "_textWhite_654yh_416", u = {
+  "asma-ui-core-button": "_asma-ui-core-button_654yh_1",
   contained: _,
   common: t,
   medium: a,
   small: e,
-  large: m,
-  error: r,
-  outlined: v,
-  text: c,
-  textGray: o,
+  large: r,
+  error: o,
+  outlined: y,
+  text: h,
+  textGray: m,
   textWhite: l
 };
 export {

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

@@ -0,0 +1,20 @@
+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
+};