@pismo/marola 0.0.1-alpha.14 → 0.0.1-alpha.16

package/dist/components/Snackbar/Snackbar.js

@@ -1,15 +1,15 @@
 import '../../assets/Snackbar.css';
 import { jsx as h, jsxs as Y } from "react/jsx-runtime";
-import * as N from "react";
-import C, { useState as V, useRef as X } from "react";
-import { c as O } from "../../clsx-DB4S2d7J.js";
+import * as w from "react";
+import S, { useState as V, useRef as X } from "react";
+import { c as N } from "../../clsx-DB4S2d7J.js";
 import { Icon as K } from "../Icon/Icon.js";
-import { a as w, _ as j } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
-import { g as $, a as z, e as H, b as U, P as t, c as J, d as Q } from "../../index-CqjC7P5Y.js";
+import { a as D, _ as j } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import { g as $, a as z, e as H, b as U, P as n, c as J, d as Q } from "../../index-CqjC7P5Y.js";
 import { u as Z } from "../../useTimeout-DxF9kiZL.js";
 import { u as I } from "../../useEventCallback-vAfOD-oT.js";
 import { C as B } from "../../ClickAwayListener-HI1G6ob9.js";
-import { R as D } from "../../index-BJ8HbRCy.js";
+import { R } from "../../index-BJ8HbRCy.js";
 const W = "Snackbar";
 function ee(u) {
   return $(W, u);
@@ -20,60 +20,60 @@ function te(u = {}) {
     autoHideDuration: s = null,
     disableWindowBlurListener: a = !1,
     onClose: r,
-    open: n,
+    open: t,
     resumeHideDuration: e
   } = u, o = Z();
-  N.useEffect(() => {
-    if (!n)
+  w.useEffect(() => {
+    if (!t)
       return;
-    function l(d) {
+    function c(d) {
       d.defaultPrevented || (d.key === "Escape" || d.key === "Esc") && (r == null || r(d, "escapeKeyDown"));
     }
-    return document.addEventListener("keydown", l), () => {
-      document.removeEventListener("keydown", l);
+    return document.addEventListener("keydown", c), () => {
+      document.removeEventListener("keydown", c);
     };
-  }, [n, r]);
-  const i = I((l, d) => {
-    r == null || r(l, d);
-  }), c = I((l) => {
-    !r || l == null || o.start(l, () => {
+  }, [t, r]);
+  const i = I((c, d) => {
+    r == null || r(c, d);
+  }), l = I((c) => {
+    !r || c == null || o.start(c, () => {
       i(null, "timeout");
     });
   });
-  N.useEffect(() => (n && c(s), o.clear), [n, s, c, o]);
-  const m = (l) => {
-    r == null || r(l, "clickaway");
-  }, p = o.clear, E = N.useCallback(() => {
-    s != null && c(e ?? s * 0.5);
-  }, [s, e, c]), x = (l) => (d) => {
-    const f = l.onBlur;
+  w.useEffect(() => (t && l(s), o.clear), [t, s, l, o]);
+  const m = (c) => {
+    r == null || r(c, "clickaway");
+  }, p = o.clear, E = w.useCallback(() => {
+    s != null && l(e ?? s * 0.5);
+  }, [s, e, l]), x = (c) => (d) => {
+    const f = c.onBlur;
     f == null || f(d), E();
-  }, g = (l) => (d) => {
-    const f = l.onFocus;
+  }, _ = (c) => (d) => {
+    const f = c.onFocus;
     f == null || f(d), p();
-  }, R = (l) => (d) => {
-    const f = l.onMouseEnter;
+  }, O = (c) => (d) => {
+    const f = c.onMouseEnter;
     f == null || f(d), p();
-  }, P = (l) => (d) => {
-    const f = l.onMouseLeave;
+  }, P = (c) => (d) => {
+    const f = c.onMouseLeave;
     f == null || f(d), E();
   };
-  return N.useEffect(() => {
-    if (!a && n)
+  return w.useEffect(() => {
+    if (!a && t)
       return window.addEventListener("focus", E), window.addEventListener("blur", p), () => {
         window.removeEventListener("focus", E), window.removeEventListener("blur", p);
       };
-  }, [a, n, E, p]), {
-    getRootProps: (l = {}) => {
-      const d = w({}, H(u), H(l));
-      return w({
+  }, [a, t, E, p]), {
+    getRootProps: (c = {}) => {
+      const d = D({}, H(u), H(c));
+      return D({
         // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
         // See https://github.com/mui/material-ui/issues/29080
         role: "presentation"
-      }, l, d, {
+      }, c, d, {
         onBlur: x(d),
-        onFocus: g(d),
-        onMouseEnter: R(d),
+        onFocus: _(d),
+        onMouseEnter: O(d),
         onMouseLeave: P(d)
       });
     },
@@ -82,36 +82,36 @@ function te(u = {}) {
 }
 const ne = ["autoHideDuration", "children", "disableWindowBlurListener", "exited", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "slotProps", "slots"], oe = () => J({
   root: ["root"]
-}, Q(ee)), q = /* @__PURE__ */ N.forwardRef(function(s, a) {
+}, Q(ee)), q = /* @__PURE__ */ w.forwardRef(function(s, a) {
   const {
     autoHideDuration: r = null,
-    children: n,
+    children: t,
     disableWindowBlurListener: e = !1,
     exited: o = !0,
     onClose: i,
-    open: c,
+    open: l,
     resumeHideDuration: m,
     slotProps: p = {},
     slots: E = {}
-  } = s, x = j(s, ne), g = oe(), {
-    getRootProps: R,
+  } = s, x = j(s, ne), _ = oe(), {
+    getRootProps: O,
     onClickAway: P
-  } = te(w({}, s, {
+  } = te(D({}, s, {
     autoHideDuration: r,
     disableWindowBlurListener: e,
     onClose: i,
-    open: c,
+    open: l,
     resumeHideDuration: m
-  })), L = s, l = E.root || "div", d = U({
-    elementType: l,
-    getSlotProps: R,
+  })), L = s, c = E.root || "div", d = U({
+    elementType: c,
+    getSlotProps: O,
     externalForwardedProps: x,
     externalSlotProps: p.root,
     additionalProps: {
       ref: a
     },
     ownerState: L,
-    className: g.root
+    className: _.root
   }), f = U({
     elementType: B,
     externalSlotProps: p.clickAwayListener,
@@ -120,9 +120,9 @@ const ne = ["autoHideDuration", "children", "disableWindowBlurListener", "exited
     },
     ownerState: L
   });
-  return delete f.ownerState, !c && o ? null : /* @__PURE__ */ h(B, w({}, f, {
-    children: /* @__PURE__ */ h(l, w({}, d, {
-      children: n
+  return delete f.ownerState, !l && o ? null : /* @__PURE__ */ h(B, D({}, f, {
+    children: /* @__PURE__ */ h(c, D({}, d, {
+      children: t
     }))
   }));
 });
@@ -138,21 +138,21 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
    * the `null` value.
    * @default null
    */
-  autoHideDuration: t.number,
+  autoHideDuration: n.number,
   /**
    * @ignore
    */
-  children: t.node,
+  children: n.node,
   /**
    * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
    * @default false
    */
-  disableWindowBlurListener: t.bool,
+  disableWindowBlurListener: n.bool,
   /**
    * The prop used to handle exited transition and unmount the component.
    * @default true
    */
-  exited: t.bool,
+  exited: n.bool,
   /**
    * Callback fired when the component requests to be closed.
    * Typically `onClose` is used to set state in the parent component,
@@ -163,44 +163,44 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
    * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
    * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
    */
-  onClose: t.func,
+  onClose: n.func,
   /**
    * If `true`, the component is shown.
    */
-  open: t.bool,
+  open: n.bool,
   /**
    * The number of milliseconds to wait before dismissing after user interaction.
    * If `autoHideDuration` prop isn't specified, it does nothing.
    * If `autoHideDuration` prop is specified but `resumeHideDuration` isn't,
    * we default to `autoHideDuration / 2` ms.
    */
-  resumeHideDuration: t.number,
+  resumeHideDuration: n.number,
   /**
    * The props used for each slot inside the Snackbar.
    * @default {}
    */
-  slotProps: t.shape({
-    clickAwayListener: t.oneOfType([t.func, t.shape({
-      children: t.element.isRequired,
-      disableReactTree: t.bool,
-      mouseEvent: t.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
-      onClickAway: t.func,
-      touchEvent: t.oneOf(["onTouchEnd", "onTouchStart", !1])
+  slotProps: n.shape({
+    clickAwayListener: n.oneOfType([n.func, n.shape({
+      children: n.element.isRequired,
+      disableReactTree: n.bool,
+      mouseEvent: n.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
+      onClickAway: n.func,
+      touchEvent: n.oneOf(["onTouchEnd", "onTouchStart", !1])
     })]),
-    root: t.oneOfType([t.func, t.object])
+    root: n.oneOfType([n.func, n.object])
   }),
   /**
    * The components used for each slot inside the Snackbar.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: t.shape({
-    root: t.elementType
+  slots: n.shape({
+    root: n.elementType
   })
 });
 function M(u, s) {
-  return M = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, n) {
-    return r.__proto__ = n, r;
+  return M = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, t) {
+    return r.__proto__ = t, r;
   }, M(u, s);
 }
 function re(u, s) {
@@ -209,80 +209,80 @@ function re(u, s) {
 const F = {
   disabled: !1
 };
-var se = process.env.NODE_ENV !== "production" ? t.oneOfType([t.number, t.shape({
-  enter: t.number,
-  exit: t.number,
-  appear: t.number
+var se = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
+  enter: n.number,
+  exit: n.number,
+  appear: n.number
 }).isRequired]) : null;
-process.env.NODE_ENV !== "production" && t.oneOfType([t.string, t.shape({
-  enter: t.string,
-  exit: t.string,
-  active: t.string
-}), t.shape({
-  enter: t.string,
-  enterDone: t.string,
-  enterActive: t.string,
-  exit: t.string,
-  exitDone: t.string,
-  exitActive: t.string
+process.env.NODE_ENV !== "production" && n.oneOfType([n.string, n.shape({
+  enter: n.string,
+  exit: n.string,
+  active: n.string
+}), n.shape({
+  enter: n.string,
+  enterDone: n.string,
+  enterActive: n.string,
+  exit: n.string,
+  exitDone: n.string,
+  exitActive: n.string
 })]);
-const G = C.createContext(null);
+const G = S.createContext(null);
 var ie = function(s) {
   return s.scrollTop;
-}, S = "unmounted", v = "exited", k = "entering", y = "entered", A = "exiting", b = /* @__PURE__ */ function(u) {
+}, C = "unmounted", v = "exited", k = "entering", g = "entered", A = "exiting", b = /* @__PURE__ */ function(u) {
   re(s, u);
-  function s(r, n) {
+  function s(r, t) {
     var e;
-    e = u.call(this, r, n) || this;
-    var o = n, i = o && !o.isMounting ? r.enter : r.appear, c;
-    return e.appearStatus = null, r.in ? i ? (c = v, e.appearStatus = k) : c = y : r.unmountOnExit || r.mountOnEnter ? c = S : c = v, e.state = {
-      status: c
+    e = u.call(this, r, t) || this;
+    var o = t, i = o && !o.isMounting ? r.enter : r.appear, l;
+    return e.appearStatus = null, r.in ? i ? (l = v, e.appearStatus = k) : l = g : r.unmountOnExit || r.mountOnEnter ? l = C : l = v, e.state = {
+      status: l
     }, e.nextCallback = null, e;
   }
-  s.getDerivedStateFromProps = function(n, e) {
-    var o = n.in;
-    return o && e.status === S ? {
+  s.getDerivedStateFromProps = function(t, e) {
+    var o = t.in;
+    return o && e.status === C ? {
       status: v
     } : null;
   };
   var a = s.prototype;
   return a.componentDidMount = function() {
     this.updateStatus(!0, this.appearStatus);
-  }, a.componentDidUpdate = function(n) {
+  }, a.componentDidUpdate = function(t) {
     var e = null;
-    if (n !== this.props) {
+    if (t !== this.props) {
       var o = this.state.status;
-      this.props.in ? o !== k && o !== y && (e = k) : (o === k || o === y) && (e = A);
+      this.props.in ? o !== k && o !== g && (e = k) : (o === k || o === g) && (e = A);
     }
     this.updateStatus(!1, e);
   }, a.componentWillUnmount = function() {
     this.cancelNextCallback();
   }, a.getTimeouts = function() {
-    var n = this.props.timeout, e, o, i;
-    return e = o = i = n, n != null && typeof n != "number" && (e = n.exit, o = n.enter, i = n.appear !== void 0 ? n.appear : o), {
+    var t = this.props.timeout, e, o, i;
+    return e = o = i = t, t != null && typeof t != "number" && (e = t.exit, o = t.enter, i = t.appear !== void 0 ? t.appear : o), {
       exit: e,
       enter: o,
       appear: i
     };
-  }, a.updateStatus = function(n, e) {
-    if (n === void 0 && (n = !1), e !== null)
+  }, a.updateStatus = function(t, e) {
+    if (t === void 0 && (t = !1), e !== null)
       if (this.cancelNextCallback(), e === k) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var o = this.props.nodeRef ? this.props.nodeRef.current : D.findDOMNode(this);
+          var o = this.props.nodeRef ? this.props.nodeRef.current : R.findDOMNode(this);
           o && ie(o);
         }
-        this.performEnter(n);
+        this.performEnter(t);
       } else
         this.performExit();
     else
       this.props.unmountOnExit && this.state.status === v && this.setState({
-        status: S
+        status: C
       });
-  }, a.performEnter = function(n) {
-    var e = this, o = this.props.enter, i = this.context ? this.context.isMounting : n, c = this.props.nodeRef ? [i] : [D.findDOMNode(this), i], m = c[0], p = c[1], E = this.getTimeouts(), x = i ? E.appear : E.enter;
-    if (!n && !o || F.disabled) {
+  }, a.performEnter = function(t) {
+    var e = this, o = this.props.enter, i = this.context ? this.context.isMounting : t, l = this.props.nodeRef ? [i] : [R.findDOMNode(this), i], m = l[0], p = l[1], E = this.getTimeouts(), x = i ? E.appear : E.enter;
+    if (!t && !o || F.disabled) {
       this.safeSetState({
-        status: y
+        status: g
       }, function() {
         e.props.onEntered(m);
       });
@@ -293,71 +293,71 @@ var ie = function(s) {
     }, function() {
       e.props.onEntering(m, p), e.onTransitionEnd(x, function() {
         e.safeSetState({
-          status: y
+          status: g
         }, function() {
           e.props.onEntered(m, p);
         });
       });
     });
   }, a.performExit = function() {
-    var n = this, e = this.props.exit, o = this.getTimeouts(), i = this.props.nodeRef ? void 0 : D.findDOMNode(this);
+    var t = this, e = this.props.exit, o = this.getTimeouts(), i = this.props.nodeRef ? void 0 : R.findDOMNode(this);
     if (!e || F.disabled) {
       this.safeSetState({
         status: v
       }, function() {
-        n.props.onExited(i);
+        t.props.onExited(i);
       });
       return;
     }
     this.props.onExit(i), this.safeSetState({
       status: A
     }, function() {
-      n.props.onExiting(i), n.onTransitionEnd(o.exit, function() {
-        n.safeSetState({
+      t.props.onExiting(i), t.onTransitionEnd(o.exit, function() {
+        t.safeSetState({
           status: v
         }, function() {
-          n.props.onExited(i);
+          t.props.onExited(i);
         });
       });
     });
   }, a.cancelNextCallback = function() {
     this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
-  }, a.safeSetState = function(n, e) {
-    e = this.setNextCallback(e), this.setState(n, e);
-  }, a.setNextCallback = function(n) {
+  }, a.safeSetState = function(t, e) {
+    e = this.setNextCallback(e), this.setState(t, e);
+  }, a.setNextCallback = function(t) {
     var e = this, o = !0;
     return this.nextCallback = function(i) {
-      o && (o = !1, e.nextCallback = null, n(i));
+      o && (o = !1, e.nextCallback = null, t(i));
     }, this.nextCallback.cancel = function() {
       o = !1;
     }, this.nextCallback;
-  }, a.onTransitionEnd = function(n, e) {
+  }, a.onTransitionEnd = function(t, e) {
     this.setNextCallback(e);
-    var o = this.props.nodeRef ? this.props.nodeRef.current : D.findDOMNode(this), i = n == null && !this.props.addEndListener;
+    var o = this.props.nodeRef ? this.props.nodeRef.current : R.findDOMNode(this), i = t == null && !this.props.addEndListener;
     if (!o || i) {
       setTimeout(this.nextCallback, 0);
       return;
     }
     if (this.props.addEndListener) {
-      var c = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], m = c[0], p = c[1];
+      var l = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], m = l[0], p = l[1];
       this.props.addEndListener(m, p);
     }
-    n != null && setTimeout(this.nextCallback, n);
+    t != null && setTimeout(this.nextCallback, t);
   }, a.render = function() {
-    var n = this.state.status;
-    if (n === S)
+    var t = this.state.status;
+    if (t === C)
       return null;
     var e = this.props, o = e.children;
     e.in, e.mountOnEnter, e.unmountOnExit, e.appear, e.enter, e.exit, e.timeout, e.addEndListener, e.onEnter, e.onEntering, e.onEntered, e.onExit, e.onExiting, e.onExited, e.nodeRef;
     var i = j(e, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
     return (
       // allows for nested Transitions
-      /* @__PURE__ */ C.createElement(G.Provider, {
+      /* @__PURE__ */ S.createElement(G.Provider, {
         value: null
-      }, typeof o == "function" ? o(n, i) : C.cloneElement(C.Children.only(o), i))
+      }, typeof o == "function" ? o(t, i) : S.cloneElement(S.Children.only(o), i))
     );
   }, s;
-}(C.Component);
+}(S.Component);
 b.contextType = G;
 b.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
@@ -371,10 +371,10 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    *     (see
    *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
    */
-  nodeRef: t.shape({
-    current: typeof Element > "u" ? t.any : function(u, s, a, r, n, e) {
+  nodeRef: n.shape({
+    current: typeof Element > "u" ? n.any : function(u, s, a, r, t, e) {
       var o = u[s];
-      return t.instanceOf(o && "ownerDocument" in o ? o.ownerDocument.defaultView.Element : Element)(u, s, a, r, n, e);
+      return n.instanceOf(o && "ownerDocument" in o ? o.ownerDocument.defaultView.Element : Element)(u, s, a, r, t, e);
     }
   }),
   /**
@@ -391,23 +391,23 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    * </Transition>
    * ```
    */
-  children: t.oneOfType([t.func.isRequired, t.element.isRequired]).isRequired,
+  children: n.oneOfType([n.func.isRequired, n.element.isRequired]).isRequired,
   /**
    * Show the component; triggers the enter or exit states
    */
-  in: t.bool,
+  in: n.bool,
   /**
    * By default the child component is mounted immediately along with
    * the parent `Transition` component. If you want to "lazy mount" the component on the
    * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
    * mounted, even on "exited", unless you also specify `unmountOnExit`.
    */
-  mountOnEnter: t.bool,
+  mountOnEnter: n.bool,
   /**
    * By default the child component stays mounted after it reaches the `'exited'` state.
    * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
    */
-  unmountOnExit: t.bool,
+  unmountOnExit: n.bool,
   /**
    * By default the child component does not perform the enter transition when
    * it first mounts, regardless of the value of `in`. If you want this
@@ -419,15 +419,15 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    * > additional `.appear-*` classes, that way you can choose to style it
    * > differently.
    */
-  appear: t.bool,
+  appear: n.bool,
   /**
    * Enable or disable enter transitions.
    */
-  enter: t.bool,
+  enter: n.bool,
   /**
    * Enable or disable exit transitions.
    */
-  exit: t.bool,
+  exit: n.bool,
   /**
    * The duration of the transition, in milliseconds.
    * Required unless `addEndListener` is provided.
@@ -457,9 +457,9 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
   timeout: function(s) {
     var a = se;
     s.addEndListener || (a = a.isRequired);
-    for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), e = 1; e < r; e++)
-      n[e - 1] = arguments[e];
-    return a.apply(void 0, [s].concat(n));
+    for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), e = 1; e < r; e++)
+      t[e - 1] = arguments[e];
+    return a.apply(void 0, [s].concat(t));
   },
   /**
    * Add a custom transition end trigger. Called with the transitioning
@@ -475,7 +475,7 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    * }}
    * ```
    */
-  addEndListener: t.func,
+  addEndListener: n.func,
   /**
    * Callback fired before the "entering" status is applied. An extra parameter
    * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -484,7 +484,7 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEnter: t.func,
+  onEnter: n.func,
   /**
    * Callback fired after the "entering" status is applied. An extra parameter
    * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -493,7 +493,7 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: t.func,
+  onEntering: n.func,
   /**
    * Callback fired after the "entered" status is applied. An extra parameter
    * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -502,7 +502,7 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEntered: t.func,
+  onEntered: n.func,
   /**
    * Callback fired before the "exiting" status is applied.
    *
@@ -510,7 +510,7 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExit: t.func,
+  onExit: n.func,
   /**
    * Callback fired after the "exiting" status is applied.
    *
@@ -518,7 +518,7 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExiting: t.func,
+  onExiting: n.func,
   /**
    * Callback fired after the "exited" status is applied.
    *
@@ -526,9 +526,9 @@ b.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExited: t.func
+  onExited: n.func
 } : {};
-function _() {
+function T() {
 }
 b.defaultProps = {
   in: !1,
@@ -537,56 +537,56 @@ b.defaultProps = {
   appear: !1,
   enter: !0,
   exit: !0,
-  onEnter: _,
-  onEntering: _,
-  onEntered: _,
-  onExit: _,
-  onExiting: _,
-  onExited: _
+  onEnter: T,
+  onEntering: T,
+  onEntered: T,
+  onExit: T,
+  onExiting: T,
+  onExited: T
 };
-b.UNMOUNTED = S;
+b.UNMOUNTED = C;
 b.EXITED = v;
 b.ENTERING = k;
-b.ENTERED = y;
+b.ENTERED = g;
 b.EXITING = A;
-const ae = "_snackbar_kt3bd_1", ue = "_bottomToTop_kt3bd_1", T = {
+const ae = "_snackbar_13dfh_1", ue = "_bottomToTop_13dfh_1", y = {
   snackbar: ae,
-  "snackbar__snackbar-el-wrapper": "_snackbar__snackbar-el-wrapper_kt3bd_14",
-  "snackbar--content": "_snackbar--content_kt3bd_19",
-  "snackbar--success": "_snackbar--success_kt3bd_29",
-  "snackbar--error": "_snackbar--error_kt3bd_32",
-  "snackbar--attention": "_snackbar--attention_kt3bd_35",
-  "snackbar--message": "_snackbar--message_kt3bd_38",
-  "snackbar--action": "_snackbar--action_kt3bd_46",
+  "snackbar__snackbar-el-wrapper": "_snackbar__snackbar-el-wrapper_13dfh_14",
+  "snackbar--content": "_snackbar--content_13dfh_19",
+  "snackbar--success": "_snackbar--success_13dfh_29",
+  "snackbar--error": "_snackbar--error_13dfh_32",
+  "snackbar--warning": "_snackbar--warning_13dfh_35",
+  "snackbar--message": "_snackbar--message_13dfh_38",
+  "snackbar--action": "_snackbar--action_13dfh_46",
   bottomToTop: ue
 }, ve = ({
   snackbarMessage: u,
-  color: s,
+  variant: s,
   autoHideDuration: a = 5e3,
   open: r = !0,
-  onClose: n,
+  onClose: t,
   classNameWrapper: e,
   "data-testid": o
 }) => {
-  const [i, c] = V(!0), m = X(null), p = {
+  const [i, l] = V(!0), m = X(null), p = {
     entering: "translateY(0)",
     entered: "translateY(0)",
     exiting: "translateY(80px)",
     exited: "translateY(80px)",
     unmounted: "translateY(80px)"
   }, E = () => {
-    c(!1);
+    l(!1);
   }, x = () => {
-    c(!0);
+    l(!0);
   };
-  return /* @__PURE__ */ h("div", { className: O(T.snackbar, e), children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ h("div", { className: N(y.snackbar, e), children: /* @__PURE__ */ h(
     q,
     {
       autoHideDuration: a,
       open: r,
-      onClose: n,
+      onClose: (_, O) => O !== "clickaway" && (t == null ? void 0 : t()),
       exited: i,
-      className: O(T["snackbar__snackbar-el-wrapper"]),
+      className: N(y["snackbar__snackbar-el-wrapper"]),
       children: /* @__PURE__ */ h(
         b,
         {
@@ -597,19 +597,19 @@ const ae = "_snackbar_kt3bd_1", ue = "_bottomToTop_kt3bd_1", T = {
           onEnter: E,
           onExited: x,
           nodeRef: m,
-          children: (g) => /* @__PURE__ */ Y(
+          children: (_) => /* @__PURE__ */ Y(
             "div",
             {
-              className: O(T["snackbar--content"], T[`snackbar--${s}`]),
+              className: N(y["snackbar--content"], y[`snackbar--${s}`]),
               style: {
-                transform: p[g],
+                transform: p[_],
                 transition: "transform 300ms ease"
               },
               ref: m,
               "data-testid": o,
               children: [
-                /* @__PURE__ */ h("div", { className: O(T["snackbar--message"]), children: /* @__PURE__ */ h("p", { children: u }) }),
-                /* @__PURE__ */ h("div", { className: O(T["snackbar--action"]), children: /* @__PURE__ */ h("a", { onClick: n, children: /* @__PURE__ */ h(K, { icon: "xmark", color: "var(--white-100)", size: "1.5rem" }) }) })
+                /* @__PURE__ */ h("div", { className: N(y["snackbar--message"]), children: /* @__PURE__ */ h("p", { children: u }) }),
+                /* @__PURE__ */ h("div", { className: N(y["snackbar--action"]), children: /* @__PURE__ */ h("a", { onClick: t, children: /* @__PURE__ */ h(K, { icon: "xmark", color: "var(--white-100)", size: "1.5rem" }) }) })
               ]
             }
           )