@pismo/marola 2.1.64 → 2.1.66

package/dist/components/Snackbar/Snackbar.js

@@ -1,131 +1,178 @@
-import { jsx as h, jsxs as Y } from "react/jsx-runtime";
-import * as N from "react";
-import S, { useState as V, useRef as X } from "react";
-import { c as R } from "../../clsx-OuTLNxxd.js";
-import { Icon as K } from "../Icon/Icon.js";
-import { Text as $ } from "../Typography/Typography.js";
-import { g as z, a as J, _ as D, f as H, b as j, c as U, d as Q, e as Z, P as n } from "../../useSlotProps-CYHDC4TN.js";
-import { u as ee } from "../../useTimeout-DxF9kiZL.js";
-import { u as I } from "../../useEventCallback-BAQJJ3ye.js";
-import { C as B } from "../../ClickAwayListener-Z08peX_P.js";
-import { R as P } from "../../index-1UpBa69h.js";
-import '../../assets/Snackbar.css';const W = "Snackbar";
-function te(u) {
-  return z(W, u);
+import '../../assets/Snackbar.css';var $ = Object.defineProperty;
+var Z = (a, s, i) => s in a ? $(a, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : a[s] = i;
+var D = (a, s, i) => Z(a, typeof s != "symbol" ? s + "" : s, i);
+import { jsx as h, jsxs as J } from "react/jsx-runtime";
+import * as w from "react";
+import S, { useState as Q, useRef as ee } from "react";
+import { c as C } from "../../clsx-OuTLNxxd.js";
+import { Icon as te } from "../Icon/Icon.js";
+import { Text as ne } from "../Typography/Typography.js";
+import { g as re, a as oe, e as q, b as B, c as se, d as ie, P as t } from "../../ClassNameConfigurator-CVRWfyIa.js";
+import { u as F } from "../../useEventCallback-BAQJJ3ye.js";
+import { C as G } from "../../ClickAwayListener-BnYMO5Ki.js";
+import { R as P } from "../../index-ew-96uBP.js";
+const W = {};
+function ae(a, s) {
+  const i = w.useRef(W);
+  return i.current === W && (i.current = a(s)), i;
 }
-J(W, ["root"]);
-function ne(u = {}) {
+const ue = [];
+function ce(a) {
+  w.useEffect(a, ue);
+}
+class I {
+  constructor() {
+    D(this, "currentId", null);
+    D(this, "clear", () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    });
+    D(this, "disposeEffect", () => this.clear);
+  }
+  static create() {
+    return new I();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(s, i) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, i();
+    }, s);
+  }
+}
+function le() {
+  const a = ae(I.create).current;
+  return ce(a.disposeEffect), a;
+}
+const V = "Snackbar";
+function de(a) {
+  return re(V, a);
+}
+oe(V, ["root"]);
+function fe(a = {}) {
   const {
     autoHideDuration: s = null,
     disableWindowBlurListener: i = !1,
     onClose: r,
-    open: t,
+    open: n,
     resumeHideDuration: e
-  } = u, o = ee();
-  N.useEffect(() => {
-    if (!t)
+  } = a, o = le();
+  w.useEffect(() => {
+    if (!n)
       return;
     function c(l) {
-      l.defaultPrevented || (l.key === "Escape" || l.key === "Esc") && (r == null || r(l, "escapeKeyDown"));
+      l.defaultPrevented || l.key === "Escape" && (r == null || r(l, "escapeKeyDown"));
     }
     return document.addEventListener("keydown", c), () => {
       document.removeEventListener("keydown", c);
     };
-  }, [t, r]);
-  const a = I((c, l) => {
+  }, [n, r]);
+  const u = F((c, l) => {
     r == null || r(c, l);
-  }), d = I((c) => {
+  }), d = F((c) => {
     !r || c == null || o.start(c, () => {
-      a(null, "timeout");
+      u(null, "timeout");
     });
   });
-  N.useEffect(() => (t && d(s), o.clear), [t, s, d, o]);
-  const m = (c) => {
+  w.useEffect(() => (n && d(s), o.clear), [n, s, d, o]);
+  const E = (c) => {
     r == null || r(c, "clickaway");
-  }, p = o.clear, E = N.useCallback(() => {
+  }, p = o.clear, m = w.useCallback(() => {
     s != null && d(e ?? s * 0.5);
   }, [s, e, d]), b = (c) => (l) => {
     const f = c.onBlur;
-    f == null || f(l), E();
-  }, g = (c) => (l) => {
+    f == null || f(l), m();
+  }, N = (c) => (l) => {
     const f = c.onFocus;
     f == null || f(l), p();
-  }, w = (c) => (l) => {
+  }, v = (c) => (l) => {
     const f = c.onMouseEnter;
     f == null || f(l), p();
-  }, O = (c) => (l) => {
+  }, _ = (c) => (l) => {
     const f = c.onMouseLeave;
-    f == null || f(l), E();
+    f == null || f(l), m();
   };
-  return N.useEffect(() => {
-    if (!i && t)
-      return window.addEventListener("focus", E), window.addEventListener("blur", p), () => {
-        window.removeEventListener("focus", E), window.removeEventListener("blur", p);
+  return w.useEffect(() => {
+    if (!i && n)
+      return window.addEventListener("focus", m), window.addEventListener("blur", p), () => {
+        window.removeEventListener("focus", m), window.removeEventListener("blur", p);
       };
-  }, [i, t, E, p]), {
+  }, [i, n, m, p]), {
     getRootProps: (c = {}) => {
-      const l = D({}, H(u), H(c));
-      return D({
+      const l = {
+        ...q(a),
+        ...q(c)
+      };
+      return {
         // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
         // See https://github.com/mui/material-ui/issues/29080
-        role: "presentation"
-      }, c, l, {
+        role: "presentation",
+        ...c,
+        ...l,
         onBlur: b(l),
-        onFocus: g(l),
-        onMouseEnter: w(l),
-        onMouseLeave: O(l)
-      });
+        onFocus: N(l),
+        onMouseEnter: v(l),
+        onMouseLeave: _(l)
+      };
     },
-    onClickAway: m
+    onClickAway: E
   };
 }
-const oe = ["autoHideDuration", "children", "disableWindowBlurListener", "exited", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "open", "resumeHideDuration", "slotProps", "slots"], re = () => Q({
+const pe = () => se({
   root: ["root"]
-}, Z(te)), q = /* @__PURE__ */ N.forwardRef(function(s, i) {
+}, ie(de)), X = /* @__PURE__ */ w.forwardRef(function(s, i) {
   const {
     autoHideDuration: r = null,
-    children: t,
+    children: n,
     disableWindowBlurListener: e = !1,
     exited: o = !0,
-    onClose: a,
-    open: d,
-    resumeHideDuration: m,
-    slotProps: p = {},
-    slots: E = {}
-  } = s, b = j(s, oe), g = re(), {
-    getRootProps: w,
-    onClickAway: O
-  } = ne(D({}, s, {
+    onBlur: u,
+    onClose: d,
+    onFocus: E,
+    onMouseEnter: p,
+    onMouseLeave: m,
+    open: b,
+    resumeHideDuration: N,
+    slotProps: v = {},
+    slots: _ = {},
+    ...A
+  } = s, c = pe(), {
+    getRootProps: l,
+    onClickAway: f
+  } = fe({
+    ...s,
     autoHideDuration: r,
     disableWindowBlurListener: e,
-    onClose: a,
-    open: d,
-    resumeHideDuration: m
-  })), L = s, c = E.root || "div", l = U({
-    elementType: c,
-    getSlotProps: w,
-    externalForwardedProps: b,
-    externalSlotProps: p.root,
+    onClose: d,
+    open: b,
+    resumeHideDuration: N
+  }), U = s, H = _.root || "div", K = B({
+    elementType: H,
+    getSlotProps: l,
+    externalForwardedProps: A,
+    externalSlotProps: v.root,
     additionalProps: {
       ref: i
     },
-    ownerState: L,
-    className: g.root
-  }), f = U({
-    elementType: B,
-    externalSlotProps: p.clickAwayListener,
+    ownerState: U,
+    className: c.root
+  }), j = B({
+    elementType: G,
+    externalSlotProps: v.clickAwayListener,
     additionalProps: {
-      onClickAway: O
+      onClickAway: f
     },
-    ownerState: L
+    ownerState: U
+  });
+  return delete j.ownerState, !b && o ? null : /* @__PURE__ */ h(G, {
+    ...j,
+    children: /* @__PURE__ */ h(H, {
+      ...K,
+      children: n
+    })
   });
-  return delete f.ownerState, !d && o ? null : /* @__PURE__ */ h(B, D({}, f, {
-    children: /* @__PURE__ */ h(c, D({}, l, {
-      children: t
-    }))
-  }));
 });
-process.env.NODE_ENV !== "production" && (q.propTypes = {
+process.env.NODE_ENV !== "production" && (X.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -137,21 +184,21 @@ process.env.NODE_ENV !== "production" && (q.propTypes = {
    * the `null` value.
    * @default null
    */
-  autoHideDuration: n.number,
+  autoHideDuration: t.number,
   /**
    * @ignore
    */
-  children: n.node,
+  children: t.node,
   /**
    * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
    * @default false
    */
-  disableWindowBlurListener: n.bool,
+  disableWindowBlurListener: t.bool,
   /**
    * The prop used to handle exited transition and unmount the component.
    * @default true
    */
-  exited: n.bool,
+  exited: t.bool,
   /**
    * Callback fired when the component requests to be closed.
    * Typically `onClose` is used to set state in the parent component,
@@ -162,201 +209,210 @@ 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: n.func,
+  onClose: t.func,
   /**
    * If `true`, the component is shown.
    */
-  open: n.bool,
+  open: t.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: n.number,
+  resumeHideDuration: t.number,
   /**
    * The props used for each slot inside the Snackbar.
    * @default {}
    */
-  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])
+  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])
     })]),
-    root: n.oneOfType([n.func, n.object])
+    root: t.oneOfType([t.func, t.object])
   }),
   /**
    * The components used for each slot inside the Snackbar.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: n.shape({
-    root: n.elementType
+  slots: t.shape({
+    root: t.elementType
   })
 });
-function M(u, s) {
-  return M = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, t) {
-    return r.__proto__ = t, r;
-  }, M(u, s);
+function Ee(a, s) {
+  if (a == null) return {};
+  var i = {};
+  for (var r in a) if ({}.hasOwnProperty.call(a, r)) {
+    if (s.indexOf(r) !== -1) continue;
+    i[r] = a[r];
+  }
+  return i;
+}
+function L(a, s) {
+  return L = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, r) {
+    return i.__proto__ = r, i;
+  }, L(a, s);
 }
-function se(u, s) {
-  u.prototype = Object.create(s.prototype), u.prototype.constructor = u, M(u, s);
+function me(a, s) {
+  a.prototype = Object.create(s.prototype), a.prototype.constructor = a, L(a, s);
 }
-const F = {
+const Y = {
   disabled: !1
 };
-var ae = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
-  enter: n.number,
-  exit: n.number,
-  appear: n.number
+var he = process.env.NODE_ENV !== "production" ? t.oneOfType([t.number, t.shape({
+  enter: t.number,
+  exit: t.number,
+  appear: t.number
 }).isRequired]) : null;
-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
+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
 })]);
-const G = S.createContext(null);
-var ie = function(s) {
+const z = S.createContext(null);
+var xe = function(s) {
   return s.scrollTop;
-}, C = "unmounted", v = "exited", k = "entering", y = "entered", A = "exiting", x = /* @__PURE__ */ function(u) {
-  se(s, u);
-  function s(r, t) {
+}, R = "unmounted", k = "exited", T = "entering", O = "entered", M = "exiting", x = /* @__PURE__ */ (function(a) {
+  me(s, a);
+  function s(r, n) {
     var e;
-    e = u.call(this, r, t) || this;
-    var o = t, a = o && !o.isMounting ? r.enter : r.appear, d;
-    return e.appearStatus = null, r.in ? a ? (d = v, e.appearStatus = k) : d = y : r.unmountOnExit || r.mountOnEnter ? d = C : d = v, e.state = {
+    e = a.call(this, r, n) || this;
+    var o = n, u = o && !o.isMounting ? r.enter : r.appear, d;
+    return e.appearStatus = null, r.in ? u ? (d = k, e.appearStatus = T) : d = O : r.unmountOnExit || r.mountOnEnter ? d = R : d = k, e.state = {
       status: d
     }, e.nextCallback = null, e;
   }
-  s.getDerivedStateFromProps = function(t, e) {
-    var o = t.in;
-    return o && e.status === C ? {
-      status: v
+  s.getDerivedStateFromProps = function(n, e) {
+    var o = n.in;
+    return o && e.status === R ? {
+      status: k
     } : null;
   };
   var i = s.prototype;
   return i.componentDidMount = function() {
     this.updateStatus(!0, this.appearStatus);
-  }, i.componentDidUpdate = function(t) {
+  }, i.componentDidUpdate = function(n) {
     var e = null;
-    if (t !== this.props) {
+    if (n !== 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 !== T && o !== O && (e = T) : (o === T || o === O) && (e = M);
     }
     this.updateStatus(!1, e);
   }, i.componentWillUnmount = function() {
     this.cancelNextCallback();
   }, i.getTimeouts = function() {
-    var t = this.props.timeout, e, o, a;
-    return e = o = a = t, t != null && typeof t != "number" && (e = t.exit, o = t.enter, a = t.appear !== void 0 ? t.appear : o), {
+    var n = this.props.timeout, e, o, u;
+    return e = o = u = n, n != null && typeof n != "number" && (e = n.exit, o = n.enter, u = n.appear !== void 0 ? n.appear : o), {
       exit: e,
       enter: o,
-      appear: a
+      appear: u
     };
-  }, i.updateStatus = function(t, e) {
-    if (t === void 0 && (t = !1), e !== null)
-      if (this.cancelNextCallback(), e === k) {
+  }, i.updateStatus = function(n, e) {
+    if (n === void 0 && (n = !1), e !== null)
+      if (this.cancelNextCallback(), e === T) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
           var o = this.props.nodeRef ? this.props.nodeRef.current : P.findDOMNode(this);
-          o && ie(o);
+          o && xe(o);
         }
-        this.performEnter(t);
+        this.performEnter(n);
       } else
         this.performExit();
-    else this.props.unmountOnExit && this.state.status === v && this.setState({
-      status: C
+    else this.props.unmountOnExit && this.state.status === k && this.setState({
+      status: R
     });
-  }, i.performEnter = function(t) {
-    var e = this, o = this.props.enter, a = this.context ? this.context.isMounting : t, d = this.props.nodeRef ? [a] : [P.findDOMNode(this), a], m = d[0], p = d[1], E = this.getTimeouts(), b = a ? E.appear : E.enter;
-    if (!t && !o || F.disabled) {
+  }, i.performEnter = function(n) {
+    var e = this, o = this.props.enter, u = this.context ? this.context.isMounting : n, d = this.props.nodeRef ? [u] : [P.findDOMNode(this), u], E = d[0], p = d[1], m = this.getTimeouts(), b = u ? m.appear : m.enter;
+    if (!n && !o || Y.disabled) {
       this.safeSetState({
-        status: y
+        status: O
       }, function() {
-        e.props.onEntered(m);
+        e.props.onEntered(E);
       });
       return;
     }
-    this.props.onEnter(m, p), this.safeSetState({
-      status: k
+    this.props.onEnter(E, p), this.safeSetState({
+      status: T
     }, function() {
-      e.props.onEntering(m, p), e.onTransitionEnd(b, function() {
+      e.props.onEntering(E, p), e.onTransitionEnd(b, function() {
         e.safeSetState({
-          status: y
+          status: O
         }, function() {
-          e.props.onEntered(m, p);
+          e.props.onEntered(E, p);
         });
       });
     });
   }, i.performExit = function() {
-    var t = this, e = this.props.exit, o = this.getTimeouts(), a = this.props.nodeRef ? void 0 : P.findDOMNode(this);
-    if (!e || F.disabled) {
+    var n = this, e = this.props.exit, o = this.getTimeouts(), u = this.props.nodeRef ? void 0 : P.findDOMNode(this);
+    if (!e || Y.disabled) {
       this.safeSetState({
-        status: v
+        status: k
       }, function() {
-        t.props.onExited(a);
+        n.props.onExited(u);
       });
       return;
     }
-    this.props.onExit(a), this.safeSetState({
-      status: A
+    this.props.onExit(u), this.safeSetState({
+      status: M
     }, function() {
-      t.props.onExiting(a), t.onTransitionEnd(o.exit, function() {
-        t.safeSetState({
-          status: v
+      n.props.onExiting(u), n.onTransitionEnd(o.exit, function() {
+        n.safeSetState({
+          status: k
         }, function() {
-          t.props.onExited(a);
+          n.props.onExited(u);
         });
       });
     });
   }, i.cancelNextCallback = function() {
     this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
-  }, i.safeSetState = function(t, e) {
-    e = this.setNextCallback(e), this.setState(t, e);
-  }, i.setNextCallback = function(t) {
+  }, i.safeSetState = function(n, e) {
+    e = this.setNextCallback(e), this.setState(n, e);
+  }, i.setNextCallback = function(n) {
     var e = this, o = !0;
-    return this.nextCallback = function(a) {
-      o && (o = !1, e.nextCallback = null, t(a));
+    return this.nextCallback = function(u) {
+      o && (o = !1, e.nextCallback = null, n(u));
     }, this.nextCallback.cancel = function() {
       o = !1;
     }, this.nextCallback;
-  }, i.onTransitionEnd = function(t, e) {
+  }, i.onTransitionEnd = function(n, e) {
     this.setNextCallback(e);
-    var o = this.props.nodeRef ? this.props.nodeRef.current : P.findDOMNode(this), a = t == null && !this.props.addEndListener;
-    if (!o || a) {
+    var o = this.props.nodeRef ? this.props.nodeRef.current : P.findDOMNode(this), u = n == null && !this.props.addEndListener;
+    if (!o || u) {
       setTimeout(this.nextCallback, 0);
       return;
     }
     if (this.props.addEndListener) {
-      var d = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], m = d[0], p = d[1];
-      this.props.addEndListener(m, p);
+      var d = this.props.nodeRef ? [this.nextCallback] : [o, this.nextCallback], E = d[0], p = d[1];
+      this.props.addEndListener(E, p);
     }
-    t != null && setTimeout(this.nextCallback, t);
+    n != null && setTimeout(this.nextCallback, n);
   }, i.render = function() {
-    var t = this.state.status;
-    if (t === C)
+    var n = this.state.status;
+    if (n === R)
       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 a = j(e, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    var u = Ee(e, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
     return (
       // allows for nested Transitions
-      /* @__PURE__ */ S.createElement(G.Provider, {
+      /* @__PURE__ */ S.createElement(z.Provider, {
         value: null
-      }, typeof o == "function" ? o(t, a) : S.cloneElement(S.Children.only(o), a))
+      }, typeof o == "function" ? o(n, u) : S.cloneElement(S.Children.only(o), u))
     );
   }, s;
-}(S.Component);
-x.contextType = G;
+})(S.Component);
+x.contextType = z;
 x.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * A React reference to DOM element that need to transition:
@@ -369,10 +425,10 @@ x.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: n.shape({
-    current: typeof Element > "u" ? n.any : function(u, s, i, r, t, e) {
-      var o = u[s];
-      return n.instanceOf(o && "ownerDocument" in o ? o.ownerDocument.defaultView.Element : Element)(u, s, i, r, t, e);
+  nodeRef: t.shape({
+    current: typeof Element > "u" ? t.any : function(a, s, i, r, n, e) {
+      var o = a[s];
+      return t.instanceOf(o && "ownerDocument" in o ? o.ownerDocument.defaultView.Element : Element)(a, s, i, r, n, e);
     }
   }),
   /**
@@ -389,23 +445,23 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    * </Transition>
    * ```
    */
-  children: n.oneOfType([n.func.isRequired, n.element.isRequired]).isRequired,
+  children: t.oneOfType([t.func.isRequired, t.element.isRequired]).isRequired,
   /**
    * Show the component; triggers the enter or exit states
    */
-  in: n.bool,
+  in: t.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: n.bool,
+  mountOnEnter: t.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: n.bool,
+  unmountOnExit: t.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
@@ -417,15 +473,15 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    * > additional `.appear-*` classes, that way you can choose to style it
    * > differently.
    */
-  appear: n.bool,
+  appear: t.bool,
   /**
    * Enable or disable enter transitions.
    */
-  enter: n.bool,
+  enter: t.bool,
   /**
    * Enable or disable exit transitions.
    */
-  exit: n.bool,
+  exit: t.bool,
   /**
    * The duration of the transition, in milliseconds.
    * Required unless `addEndListener` is provided.
@@ -453,11 +509,11 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    * @type {number | { enter?: number, exit?: number, appear?: number }}
    */
   timeout: function(s) {
-    var i = ae;
+    var i = he;
     s.addEndListener || (i = i.isRequired);
-    for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), e = 1; e < r; e++)
-      t[e - 1] = arguments[e];
-    return i.apply(void 0, [s].concat(t));
+    for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), e = 1; e < r; e++)
+      n[e - 1] = arguments[e];
+    return i.apply(void 0, [s].concat(n));
   },
   /**
    * Add a custom transition end trigger. Called with the transitioning
@@ -473,7 +529,7 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    * }}
    * ```
    */
-  addEndListener: n.func,
+  addEndListener: t.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
@@ -482,7 +538,7 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEnter: n.func,
+  onEnter: t.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
@@ -491,7 +547,7 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: n.func,
+  onEntering: t.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
@@ -500,7 +556,7 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEntered: n.func,
+  onEntered: t.func,
   /**
    * Callback fired before the "exiting" status is applied.
    *
@@ -508,7 +564,7 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExit: n.func,
+  onExit: t.func,
   /**
    * Callback fired after the "exiting" status is applied.
    *
@@ -516,7 +572,7 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExiting: n.func,
+  onExiting: t.func,
   /**
    * Callback fired after the "exited" status is applied.
    *
@@ -524,9 +580,9 @@ x.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExited: n.func
+  onExited: t.func
 } : {};
-function _() {
+function y() {
 }
 x.defaultProps = {
   in: !1,
@@ -535,20 +591,20 @@ x.defaultProps = {
   appear: !1,
   enter: !0,
   exit: !0,
-  onEnter: _,
-  onEntering: _,
-  onEntered: _,
-  onExit: _,
-  onExiting: _,
-  onExited: _
+  onEnter: y,
+  onEntering: y,
+  onEntered: y,
+  onExit: y,
+  onExiting: y,
+  onExited: y
 };
-x.UNMOUNTED = C;
-x.EXITED = v;
-x.ENTERING = k;
-x.ENTERED = y;
-x.EXITING = A;
-const ue = "_snackbar_14f4w_2", ce = "_bottomToTop_14f4w_1", T = {
-  snackbar: ue,
+x.UNMOUNTED = R;
+x.EXITED = k;
+x.ENTERING = T;
+x.ENTERED = O;
+x.EXITING = M;
+const be = "_snackbar_14f4w_2", ve = "_bottomToTop_14f4w_1", g = {
+  snackbar: be,
   "snackbar__snackbar-el-wrapper": "_snackbar__snackbar-el-wrapper_14f4w_15",
   "snackbar--content": "_snackbar--content_14f4w_20",
   "snackbar--message": "_snackbar--message_14f4w_33",
@@ -556,36 +612,36 @@ const ue = "_snackbar_14f4w_2", ce = "_bottomToTop_14f4w_1", T = {
   "snackbar--error": "_snackbar--error_14f4w_41",
   "snackbar--warning": "_snackbar--warning_14f4w_45",
   "snackbar--action": "_snackbar--action_14f4w_49",
-  bottomToTop: ce
-}, ke = ({
-  snackbarMessage: u,
+  bottomToTop: ve
+}, De = ({
+  snackbarMessage: a,
   variant: s,
   autoHideDuration: i = 5e3,
   open: r = !0,
-  onClose: t,
+  onClose: n,
   onClosed: e,
   classNameWrapper: o,
-  "data-testid": a
+  "data-testid": u
 }) => {
-  const [d, m] = V(!0), p = X(null), E = {
+  const [d, E] = Q(!0), p = ee(null), m = {
     entering: "translateY(0)",
     entered: "translateY(0)",
     exiting: "translateY(80px)",
     exited: "translateY(80px)",
     unmounted: "translateY(80px)"
   }, b = () => {
-    m(!1);
-  }, g = () => {
-    m(!0);
+    E(!1);
+  }, N = () => {
+    E(!0);
   };
-  return /* @__PURE__ */ h("div", { className: R(T.snackbar, o), children: /* @__PURE__ */ h(
-    q,
+  return /* @__PURE__ */ h("div", { className: C(g.snackbar, o), children: /* @__PURE__ */ h(
+    X,
     {
       autoHideDuration: i,
       open: r,
-      onClose: (w, O) => O !== "clickaway" && (t == null ? void 0 : t()),
+      onClose: (v, _) => _ !== "clickaway" && (n == null ? void 0 : n()),
       exited: d,
-      className: R(T["snackbar__snackbar-el-wrapper"]),
+      className: C(g["snackbar__snackbar-el-wrapper"]),
       children: /* @__PURE__ */ h(
         x,
         {
@@ -594,22 +650,22 @@ const ue = "_snackbar_14f4w_2", ce = "_bottomToTop_14f4w_1", T = {
           appear: !0,
           unmountOnExit: !0,
           onEnter: b,
-          onExited: g,
+          onExited: N,
           onExit: e,
           nodeRef: p,
-          children: (w) => /* @__PURE__ */ Y(
+          children: (v) => /* @__PURE__ */ J(
             "div",
             {
-              className: R(T["snackbar--content"], T[`snackbar--${s}`]),
+              className: C(g["snackbar--content"], g[`snackbar--${s}`]),
               style: {
-                transform: E[w],
+                transform: m[v],
                 transition: "transform 300ms ease"
               },
               ref: p,
-              "data-testid": a,
+              "data-testid": u,
               children: [
-                /* @__PURE__ */ h("div", { className: T["snackbar--message"], children: /* @__PURE__ */ h($, { variant: "base-lg", bold: !0, color: "var(--colors-neutral-text-color-text)", children: u }) }),
-                /* @__PURE__ */ h("button", { type: "button", className: R(T["snackbar--action"]), onClick: t, children: /* @__PURE__ */ h(K, { icon: "circle-xmark", color: "var(--colors-neutral-text-color-text)", size: "1.5rem" }) })
+                /* @__PURE__ */ h("div", { className: g["snackbar--message"], children: /* @__PURE__ */ h(ne, { variant: "base-lg", bold: !0, color: "var(--colors-neutral-text-color-text)", children: a }) }),
+                /* @__PURE__ */ h("button", { type: "button", className: C(g["snackbar--action"]), onClick: n, children: /* @__PURE__ */ h(te, { icon: "circle-xmark", color: "var(--colors-neutral-text-color-text)", size: "1.5rem" }) })
               ]
             }
           )
@@ -619,5 +675,5 @@ const ue = "_snackbar_14f4w_2", ce = "_bottomToTop_14f4w_1", T = {
   ) });
 };
 export {
-  ke as Snackbar
+  De as Snackbar
 };