asma-ui-core 3.19.0 → 3.20.0

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

@@ -0,0 +1,228 @@
+import { cn as c } from "../../../helpers/cn.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 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 ae } from "../../navigation/menu/StyledMenu.js";
+import { StyledMenuItem as oe } from "../../navigation/menu/StyledMenuItem.js";
+import T from "./MinimizableDialog.module.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 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%",
+    top: "50%",
+    transform: "translate(-50%, -50%)",
+    width: "min(1000px, calc(100vw - 32px))",
+    height: "95dvh"
+  } : void 0, w = g ?? x, D = w || o, E = () => {
+    P(!d);
+  };
+  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, !d && T.hidden),
+      children: /* @__PURE__ */ t("div", {
+        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: [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(ne, {
+                height: 20,
+                width: 20,
+                color: "text-gama-500"
+              }),
+              children: U
+            }) })
+          }), 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: I,
+              endIcon: /* @__PURE__ */ e(O, {
+                height: 20,
+                width: 20,
+                color: "text-delta-700"
+              }),
+              children: N
+            }) })
+          })]
+        })]
+      })
+    }),
+    /* @__PURE__ */ t("div", {
+      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",
+        children: [/* @__PURE__ */ t("div", {
+          className: "flex items-center justify-between",
+          children: [p ? /* @__PURE__ */ e("div", {
+            className: "text-sm text-delta-700",
+            children: p
+          }) : /* @__PURE__ */ e("div", {
+            className: "text-2xl font-semibold text-delta-800",
+            children: u
+          }), /* @__PURE__ */ t("div", {
+            className: "flex items-center gap-x-1",
+            children: [
+              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(re, {
+                    height: 20,
+                    width: 20,
+                    color: "text-delta-700"
+                  }),
+                  children: R
+                }) })
+              }),
+              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: (r) => {
+                    F !== void 0 && _ ? _() : A(!G), r.detail !== 0 && r.currentTarget.blur();
+                  },
+                  endIcon: a ? /* @__PURE__ */ e(he, {
+                    width: 20,
+                    height: 20,
+                    color: "text-delta-700"
+                  }) : /* @__PURE__ */ e(ce, {
+                    width: 20,
+                    height: 20,
+                    color: "text-delta-700"
+                  }),
+                  children: q
+                }) })
+              }),
+              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: I,
+                  endIcon: /* @__PURE__ */ e(O, {
+                    height: 20,
+                    width: 20,
+                    color: "text-delta-700"
+                  }),
+                  children: N
+                }) })
+              })
+            ]
+          })]
+        }), p && /* @__PURE__ */ e("div", {
+          className: "truncate text-2xl font-semibold text-delta-800",
+          children: u
+        })]
+      }), /* @__PURE__ */ t("div", {
+        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
+        }), (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: [
+            K(l) && l.length && s ? /* @__PURE__ */ t(z, { children: [/* @__PURE__ */ e(i, {
+              dataTest: "extra-actions-button",
+              variant: "textGray",
+              startIcon: /* @__PURE__ */ e(de, {
+                width: 24,
+                height: 24
+              }),
+              onClick: te,
+              children: s
+            }), /* @__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,
+              children: s
+            }),
+            " ",
+            C,
+            D ? /* @__PURE__ */ t("div", {
+              className: c("flex justify-end gap-x-4", j),
+              children: [o && f && /* @__PURE__ */ e(i, {
+                dataTest: "cancel-button",
+                variant: "outlined",
+                onClick: f,
+                children: o
+              }), w && m && /* @__PURE__ */ e(i, {
+                dataTest: "save-button",
+                startIcon: x && /* @__PURE__ */ e(S, {
+                  width: 24,
+                  height: 24
+                }),
+                onClick: m,
+                children: g
+              })]
+            }) : null
+          ]
+        }) : /* @__PURE__ */ e(z, { children: D ? /* @__PURE__ */ t("div", {
+          className: c("flex justify-end gap-x-4 border-t-[1px] border-delta-200 p-4", j),
+          children: [o && f && /* @__PURE__ */ e(i, {
+            dataTest: "cancel-button",
+            variant: "outlined",
+            onClick: f,
+            children: o
+          }), w && m && /* @__PURE__ */ e(i, {
+            dataTest: "save-button",
+            startIcon: x && /* @__PURE__ */ e(S, {
+              width: 24,
+              height: 24
+            }),
+            onClick: m,
+            children: g
+          })]
+        }) : null })]
+      })]
+    })
+  ] });
+};
+export {
+  Ge as MinimizableDialog
+};

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

@@ -0,0 +1,8 @@
+var a = "_dialog_erjok_1", e = "_hidden_erjok_9", _ = {
+  dialog: a,
+  "opacity-appear": "_opacity-appear_erjok_1",
+  hidden: e
+};
+export {
+  _ as default
+};

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

@@ -0,0 +1,23 @@
+import { CloseIcon as l } from "../../../icons/close-icon/CloseIcon.js";
+import { StyledTooltip as i } from "../../../data-display/tooltip/StyledTooltip.js";
+import { StyledButton as n } from "../../../inputs/button/StyledButton.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+var f = ({ showCloseIcon: o, tooltipTitle: e, onClick: r }) => o ? /* @__PURE__ */ t(i, {
+  title: e,
+  placement: "top",
+  children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(n, {
+    dataTest: "close-button",
+    variant: "textGray",
+    size: "small",
+    onClick: r,
+    endIcon: /* @__PURE__ */ t(l, {
+      height: 20,
+      width: 20,
+      color: "text-delta-700"
+    })
+  }) })
+}) : null;
+export {
+  f as CloseBtn
+};

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

@@ -0,0 +1,28 @@
+import { StyledTooltip as n } from "../../../data-display/tooltip/StyledTooltip.js";
+import { StyledButton as d } from "../../../inputs/button/StyledButton.js";
+import { ArrowExpand as a } from "../../../icons/arrow-expand/ArrowExpand.js";
+import { ArrowShrink as m } from "../../../icons/arrow-shrink/ArrowShrink.js";
+import { jsx as t } from "react/jsx-runtime";
+var x = ({ fullScreen: e, showFullScreenIcon: o, tooltipTitle: i, onClick: l }) => o ? /* @__PURE__ */ t(n, {
+  title: i,
+  children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(d, {
+    dataTest: "fullscreen-button",
+    variant: "textGray",
+    size: "small",
+    onClick: (r) => {
+      l(), r.detail !== 0 && r.currentTarget.blur();
+    },
+    endIcon: e ? /* @__PURE__ */ t(m, {
+      width: 20,
+      height: 20,
+      color: "text-delta-700"
+    }) : /* @__PURE__ */ t(a, {
+      width: 20,
+      height: 20,
+      color: "text-delta-700"
+    })
+  }) })
+}) : null;
+export {
+  x as FullScreenBtn
+};

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

@@ -0,0 +1,41 @@
+import { MinimizeIcon as a } from "../../../icons/minimize-icon/MinimizeIcon.js";
+import { KeyboardCapslockIcon as c } from "../../../icons/keyboard-capslock-icon/KeyboardCapslockIcon.js";
+import { StyledTooltip as r } from "../../../data-display/tooltip/StyledTooltip.js";
+import { StyledButton as o } from "../../../inputs/button/StyledButton.js";
+import { jsx as t } from "react/jsx-runtime";
+var g = ({ visibility: l, tooltipTitle: i, onClick: e, type: n }) => {
+  if (!l) return null;
+  const m = n === "expand", d = n === "minimize";
+  return m ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(r, {
+    title: i,
+    placement: "top",
+    children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(o, {
+      dataTest: "toggle-minimize-btn",
+      variant: "text",
+      size: "small",
+      onClick: e,
+      endIcon: /* @__PURE__ */ t(c, {
+        height: 20,
+        width: 20,
+        color: "text-gama-500"
+      })
+    }) })
+  }) }) : d ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(r, {
+    title: i,
+    placement: "top",
+    children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(o, {
+      dataTest: "toggle-minimize-btn",
+      variant: "textGray",
+      size: "small",
+      onClick: e,
+      endIcon: /* @__PURE__ */ t(a, {
+        height: 20,
+        width: 20,
+        color: "text-delta-700"
+      })
+    }) })
+  }) }) : null;
+};
+export {
+  g as MinimizeBtn
+};

package/dist/components/feedback/minimizable-dialog/stack/createDialogStack.js

@@ -0,0 +1,67 @@
+import { createContext as b, useCallback as u, useContext as C, useState as E, useSyncExternalStore as P } from "react";
+import { jsx as z } from "react/jsx-runtime";
+var R = (c) => (window.addEventListener("resize", c), () => window.removeEventListener("resize", c));
+function y() {
+  return P(R, () => window.innerWidth, () => 0);
+}
+var h = 16;
+function G({ config: c, MAX_DIALOG_WIDTH: p = 600 }) {
+  const g = b(void 0), m = ({ children: d }) => {
+    const [l, w] = E([]), f = y(), a = u((e) => {
+      const n = [...e].sort((t, i) => t.order - i.order), o = n.length || 1, r = Math.min(p, (f - (o + 1) * h) / o);
+      return n.map((t, i) => ({
+        ...t,
+        width: r,
+        position: { right: h + i * (r + h) }
+      }));
+    }, [f]), D = u((e, n) => {
+      const o = c[e]?.dependencies, r = c[e]?.order ?? 1 / 0, t = n ?? r;
+      w((i) => {
+        const k = i.find((s) => s.id === e), W = {
+          id: e,
+          open: !0,
+          width: 0,
+          position: { right: 0 },
+          dependencies: o,
+          order: t
+        };
+        return a((k ? i.map((s) => s.id === e ? {
+          ...s,
+          open: !0,
+          dependencies: o
+        } : s) : [...i, W]).filter((s) => s.open));
+      });
+    }, [a]), v = u((e) => {
+      w((n) => {
+        const o = /* @__PURE__ */ new Set([e]);
+        let r;
+        do {
+          r = !1;
+          for (const t of n) t.dependencies?.some((i) => o.has(i)) && !o.has(t.id) && (o.add(t.id), r = !0);
+        } while (r);
+        return a(n.filter((t) => !o.has(t.id)));
+      });
+    }, [a]), x = u((e) => l.find((n) => n.id === e), [l]);
+    return /* @__PURE__ */ z(g.Provider, {
+      value: {
+        dialogs: l,
+        openDialog: D,
+        closeDialog: v,
+        getDialogState: x
+      },
+      children: d
+    });
+  };
+  function S() {
+    const d = C(g);
+    if (!d) throw new Error("useDialogStack must be used within DialogStackProvider");
+    return d;
+  }
+  return {
+    DialogStackProvider: m,
+    useDialogStack: S
+  };
+}
+export {
+  G as createDialogStack
+};

package/dist/components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js

@@ -0,0 +1,129 @@
+import { cn as n } from "../../../../helpers/cn.js";
+import { StyledTooltip as I } from "../../../data-display/tooltip/StyledTooltip.js";
+import { useMobileMediaQuery as j } from "../../../../hooks/useMediaQuery.hook.js";
+import { CloseBtn as b } from "../components/CloseBtn.js";
+import { MinimizeBtn as z } from "../components/MinimizeBtn.js";
+import { FullScreenBtn as B } from "../components/FullscreenBtn.js";
+import r from "./MinimizableDialogV2.module.js";
+import { useTranslations as D } from "./useTranslations.js";
+import { useControlledProps as R } from "./useControlledProps.js";
+import V from "clsx";
+import { useRef as _ } from "react";
+import { Fragment as $, jsx as e, jsxs as l } from "react/jsx-runtime";
+var X = (x) => {
+  const { showCloseIcon: p = !0, showMinimizeIcon: g = !0, showExpandIcon: y = !0, enableFullscreen: N = !0, title: a, label: c, children: w, open: C, onClose: f, classNameOverrides: m = {
+    maximized: "",
+    minimized: "",
+    fullscreen: ""
+  }, dataTest: F, actionNode: M, locale: S = "en", style: u } = x, s = j(), t = D(S), T = _(null), { minimized: i, setMinimized: h, fullScreen: o, setFullScreen: v } = R(x), d = o && !i, k = d ? {
+    right: "auto",
+    bottom: "auto",
+    left: "50%",
+    top: "50%",
+    transform: "translate(-50%, -50%)",
+    width: "min(1000px, calc(100vw - 32px))",
+    maxWidth: "min(1000px, calc(100vw - 32px))",
+    height: "95dvh"
+  } : void 0;
+  return C ? /* @__PURE__ */ l($, { children: [
+    /* @__PURE__ */ e("div", {
+      style: {
+        zIndex: 51,
+        ...u
+      },
+      className: n(r["minimized-dialog"], !i && r.hidden, m.minimized),
+      children: /* @__PURE__ */ l("div", {
+        className: V("flex items-center justify-between", !i && "hidden"),
+        "data-testid": F,
+        children: [/* @__PURE__ */ e("div", {
+          className: "max-w-[303px] truncate pr-1 text-lg font-semibold text-delta-800",
+          children: /* @__PURE__ */ e(I, {
+            title: a,
+            placement: "top",
+            children: /* @__PURE__ */ e("div", {
+              className: "truncate",
+              children: a
+            })
+          })
+        }), /* @__PURE__ */ l("div", {
+          className: "flex items-center gap-x-1",
+          children: [/* @__PURE__ */ e(z, {
+            type: "expand",
+            visibility: y,
+            onClick: () => {
+              h(!i);
+            },
+            tooltipTitle: t.expand
+          }), /* @__PURE__ */ e(b, {
+            showCloseIcon: p,
+            onClick: f,
+            tooltipTitle: t.close
+          })]
+        })]
+      })
+    }),
+    d && /* @__PURE__ */ e("div", {
+      className: "fixed inset-0 z-[52] bg-[rgb(98,110,126)] bg-opacity-70",
+      onClick: () => {
+        v(!1);
+      }
+    }),
+    /* @__PURE__ */ l("div", {
+      style: {
+        zIndex: 51,
+        ...u,
+        ...k
+      },
+      ref: T,
+      className: n(r.dialog, i && r.hidden, !o && m.maximized, o && m.fullscreen, d && "fixed z-[53] duration-0"),
+      children: [/* @__PURE__ */ l("div", {
+        className: n("flex flex-col border-b-[1px] border-delta-200 px-4", s ? "py-3" : "py-4"),
+        children: [/* @__PURE__ */ l("div", {
+          className: "flex items-center justify-between",
+          children: [c ? /* @__PURE__ */ e("div", {
+            className: "text-sm text-delta-700",
+            children: c
+          }) : /* @__PURE__ */ e("div", {
+            className: n("font-semibold text-delta-800", s ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
+            children: a
+          }), /* @__PURE__ */ l("div", {
+            className: "flex items-center gap-x-1",
+            children: [
+              M,
+              /* @__PURE__ */ e(z, {
+                visibility: g && !s,
+                type: "minimize",
+                onClick: () => {
+                  h(!i);
+                },
+                tooltipTitle: t.minimize
+              }),
+              /* @__PURE__ */ e(B, {
+                showFullScreenIcon: N && !s,
+                fullScreen: o,
+                onClick: () => {
+                  v(!o);
+                },
+                tooltipTitle: o ? t.exitFullscreen : t.fullscreen
+              }),
+              /* @__PURE__ */ e(b, {
+                showCloseIcon: p,
+                onClick: f,
+                tooltipTitle: t.close
+              })
+            ]
+          })]
+        }), c && /* @__PURE__ */ e("div", {
+          className: n("font-semibold text-delta-800", s ? "line-clamp-2 text-xl" : "line-clamp-1 text-2xl"),
+          children: a
+        })]
+      }), /* @__PURE__ */ e("div", {
+        className: n(i && "hidden", "flex flex-grow flex-col overflow-y-auto"),
+        children: w
+      })]
+    })
+  ] }) : null;
+};
+export {
+  X as MinimizableDialogV2
+};

package/dist/components/feedback/minimizable-dialog/v2/MinimizableDialogV2.module.js

@@ -0,0 +1,9 @@
+var i = "_dialog_16tvw_1", a = "_hidden_16tvw_27", d = {
+  "dialog-base": "_dialog-base_16tvw_1",
+  "minimized-dialog": "_minimized-dialog_16tvw_5",
+  dialog: i,
+  hidden: a
+};
+export {
+  d as default
+};

package/dist/components/feedback/minimizable-dialog/v2/useControlledProps.js

@@ -0,0 +1,13 @@
+import { useState as t } from "react";
+var p = ({ fullScreenState: i, handleFullScreenState: s, minimizedState: r, handleMinimizedState: n }) => {
+  const [l, o] = t(!1), [c, m] = t(!1);
+  return {
+    fullScreen: i ?? c,
+    setFullScreen: (e) => s ? s() : m(e),
+    minimized: r ?? l,
+    setMinimized: (e) => n ? n(e) : o(e)
+  };
+};
+export {
+  p as useControlledProps
+};

package/dist/components/feedback/minimizable-dialog/v2/useTranslations.js

@@ -0,0 +1,23 @@
+import { useMemo as l } from "react";
+var n = {
+  en: {
+    close: "Close",
+    expand: "Expand",
+    minimize: "Minimize",
+    fullscreen: "Fullscreen",
+    exitFullscreen: "Exit fullscreen"
+  },
+  no: {
+    close: "Lukk",
+    expand: "Utvid",
+    minimize: "Minimer",
+    fullscreen: "Fullskjerm",
+    exitFullscreen: "Avslutt fullskjerm"
+  }
+};
+function s(e = "en") {
+  return l(() => n[e] ?? n.en, [e]);
+}
+export {
+  s as useTranslations
+};

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

@@ -0,0 +1,26 @@
+import { StyledAlertSnackbar as o } from "./StyledAlertSnackbar.js";
+import { StyledDefaultSnackbar as t } from "./components/StyledDefaultSnackbar.js";
+import { StyledInfoSnackbar as a } from "./components/StyledInfoSnackbar.js";
+import { jsx as i } from "react/jsx-runtime";
+import { SnackbarProvider as e } from "notistack";
+var d = (r) => /* @__PURE__ */ i(e, {
+  ...r,
+  Components: {
+    alert: o,
+    info: a,
+    default: t
+  },
+  autoHideDuration: 6e3,
+  anchorOrigin: {
+    vertical: "top",
+    horizontal: "right"
+  },
+  domRoot: document.body,
+  maxSnack: 3,
+  classes: { root: "min-w-fit flex justify-center" },
+  className: "w-fit min-w-fit max-w-fit",
+  children: r.children
+});
+export {
+  d as SnackbarProvider
+};

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

@@ -0,0 +1,17 @@
+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
+  },
+  ...i
+});
+export {
+  m as StyledAlert
+};

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

@@ -0,0 +1,29 @@
+import { omit as d } from "../../../helpers/omit.js";
+import { StyledAlert as f } from "./StyledAlert.js";
+import { forwardRef as p } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { SnackbarContent as S, useSnackbar as h } from "notistack";
+var C = p((t, a) => {
+  const { id: o, message: e, severity: i, alertClassName: n, alertVariant: s, closeButton: l, ...c } = d(t, [
+    "anchorOrigin",
+    "autoHideDuration",
+    "hideIconVariant",
+    "iconVariant",
+    "persist"
+  ]), { closeSnackbar: m } = h();
+  return /* @__PURE__ */ r(S, {
+    ref: a,
+    role: "alert",
+    ...c,
+    children: /* @__PURE__ */ r(f, {
+      className: n,
+      severity: i,
+      variant: s,
+      onClose: l ? () => m(o) : void 0,
+      children: e
+    })
+  });
+});
+export {
+  C as StyledAlertSnackbar
+};

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

@@ -0,0 +1,10 @@
+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 {
+  d as StyledSnackbar
+};