@starasia/toast 1.0.0

package/dist/toast.es.js

@@ -0,0 +1,1127 @@
+import z, { useState as Cr, useRef as pe, useEffect as Sr } from "react";
+import me from "react-dom";
+var nr = { exports: {} }, Y = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var jr;
+function be() {
+  if (jr)
+    return Y;
+  jr = 1;
+  var l = z, a = Symbol.for("react.element"), b = Symbol.for("react.fragment"), y = Object.prototype.hasOwnProperty, v = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, w = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function T(E, d, C) {
+    var p, k = {}, j = null, x = null;
+    C !== void 0 && (j = "" + C), d.key !== void 0 && (j = "" + d.key), d.ref !== void 0 && (x = d.ref);
+    for (p in d)
+      y.call(d, p) && !w.hasOwnProperty(p) && (k[p] = d[p]);
+    if (E && E.defaultProps)
+      for (p in d = E.defaultProps, d)
+        k[p] === void 0 && (k[p] = d[p]);
+    return { $$typeof: a, type: E, key: j, ref: x, props: k, _owner: v.current };
+  }
+  return Y.Fragment = b, Y.jsx = T, Y.jsxs = T, Y;
+}
+var N = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Or;
+function he() {
+  return Or || (Or = 1, process.env.NODE_ENV !== "production" && function() {
+    var l = z, a = Symbol.for("react.element"), b = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), T = Symbol.for("react.provider"), E = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), I = Symbol.iterator, Ar = "@@iterator";
+    function Dr(r) {
+      if (r === null || typeof r != "object")
+        return null;
+      var e = I && r[I] || r[Ar];
+      return typeof e == "function" ? e : null;
+    }
+    var D = l.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function m(r) {
+      {
+        for (var e = arguments.length, n = new Array(e > 1 ? e - 1 : 0), t = 1; t < e; t++)
+          n[t - 1] = arguments[t];
+        Fr("error", r, n);
+      }
+    }
+    function Fr(r, e, n) {
+      {
+        var t = D.ReactDebugCurrentFrame, s = t.getStackAddendum();
+        s !== "" && (e += "%s", n = n.concat([s]));
+        var u = n.map(function(i) {
+          return String(i);
+        });
+        u.unshift("Warning: " + e), Function.prototype.apply.call(console[r], console, u);
+      }
+    }
+    var Lr = !1, Ir = !1, $r = !1, Wr = !1, Mr = !1, tr;
+    tr = Symbol.for("react.module.reference");
+    function Yr(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === y || r === w || Mr || r === v || r === C || r === p || Wr || r === x || Lr || Ir || $r || typeof r == "object" && r !== null && (r.$$typeof === j || r.$$typeof === k || r.$$typeof === T || r.$$typeof === E || r.$$typeof === d || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      r.$$typeof === tr || r.getModuleId !== void 0));
+    }
+    function Nr(r, e, n) {
+      var t = r.displayName;
+      if (t)
+        return t;
+      var s = e.displayName || e.name || "";
+      return s !== "" ? n + "(" + s + ")" : n;
+    }
+    function ar(r) {
+      return r.displayName || "Context";
+    }
+    function S(r) {
+      if (r == null)
+        return null;
+      if (typeof r.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+        return r.displayName || r.name || null;
+      if (typeof r == "string")
+        return r;
+      switch (r) {
+        case y:
+          return "Fragment";
+        case b:
+          return "Portal";
+        case w:
+          return "Profiler";
+        case v:
+          return "StrictMode";
+        case C:
+          return "Suspense";
+        case p:
+          return "SuspenseList";
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case E:
+            var e = r;
+            return ar(e) + ".Consumer";
+          case T:
+            var n = r;
+            return ar(n._context) + ".Provider";
+          case d:
+            return Nr(r, r.render, "ForwardRef");
+          case k:
+            var t = r.displayName || null;
+            return t !== null ? t : S(r.type) || "Memo";
+          case j: {
+            var s = r, u = s._payload, i = s._init;
+            try {
+              return S(i(u));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var P = Object.assign, $ = 0, or, ir, sr, ur, lr, cr, fr;
+    function dr() {
+    }
+    dr.__reactDisabledLog = !0;
+    function Ur() {
+      {
+        if ($ === 0) {
+          or = console.log, ir = console.info, sr = console.warn, ur = console.error, lr = console.group, cr = console.groupCollapsed, fr = console.groupEnd;
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            value: dr,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: r,
+            log: r,
+            warn: r,
+            error: r,
+            group: r,
+            groupCollapsed: r,
+            groupEnd: r
+          });
+        }
+        $++;
+      }
+    }
+    function Br() {
+      {
+        if ($--, $ === 0) {
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: P({}, r, {
+              value: or
+            }),
+            info: P({}, r, {
+              value: ir
+            }),
+            warn: P({}, r, {
+              value: sr
+            }),
+            error: P({}, r, {
+              value: ur
+            }),
+            group: P({}, r, {
+              value: lr
+            }),
+            groupCollapsed: P({}, r, {
+              value: cr
+            }),
+            groupEnd: P({}, r, {
+              value: fr
+            })
+          });
+        }
+        $ < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var G = D.ReactCurrentDispatcher, J;
+    function U(r, e, n) {
+      {
+        if (J === void 0)
+          try {
+            throw Error();
+          } catch (s) {
+            var t = s.stack.trim().match(/\n( *(at )?)/);
+            J = t && t[1] || "";
+          }
+        return `
+` + J + r;
+      }
+    }
+    var q = !1, B;
+    {
+      var Vr = typeof WeakMap == "function" ? WeakMap : Map;
+      B = new Vr();
+    }
+    function vr(r, e) {
+      if (!r || q)
+        return "";
+      {
+        var n = B.get(r);
+        if (n !== void 0)
+          return n;
+      }
+      var t;
+      q = !0;
+      var s = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var u;
+      u = G.current, G.current = null, Ur();
+      try {
+        if (e) {
+          var i = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(i.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(i, []);
+            } catch (R) {
+              t = R;
+            }
+            Reflect.construct(r, [], i);
+          } else {
+            try {
+              i.call();
+            } catch (R) {
+              t = R;
+            }
+            r.call(i.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (R) {
+            t = R;
+          }
+          r();
+        }
+      } catch (R) {
+        if (R && t && typeof R.stack == "string") {
+          for (var o = R.stack.split(`
+`), h = t.stack.split(`
+`), c = o.length - 1, f = h.length - 1; c >= 1 && f >= 0 && o[c] !== h[f]; )
+            f--;
+          for (; c >= 1 && f >= 0; c--, f--)
+            if (o[c] !== h[f]) {
+              if (c !== 1 || f !== 1)
+                do
+                  if (c--, f--, f < 0 || o[c] !== h[f]) {
+                    var _ = `
+` + o[c].replace(" at new ", " at ");
+                    return r.displayName && _.includes("<anonymous>") && (_ = _.replace("<anonymous>", r.displayName)), typeof r == "function" && B.set(r, _), _;
+                  }
+                while (c >= 1 && f >= 0);
+              break;
+            }
+        }
+      } finally {
+        q = !1, G.current = u, Br(), Error.prepareStackTrace = s;
+      }
+      var L = r ? r.displayName || r.name : "", A = L ? U(L) : "";
+      return typeof r == "function" && B.set(r, A), A;
+    }
+    function Xr(r, e, n) {
+      return vr(r, !1);
+    }
+    function zr(r) {
+      var e = r.prototype;
+      return !!(e && e.isReactComponent);
+    }
+    function V(r, e, n) {
+      if (r == null)
+        return "";
+      if (typeof r == "function")
+        return vr(r, zr(r));
+      if (typeof r == "string")
+        return U(r);
+      switch (r) {
+        case C:
+          return U("Suspense");
+        case p:
+          return U("SuspenseList");
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case d:
+            return Xr(r.render);
+          case k:
+            return V(r.type, e, n);
+          case j: {
+            var t = r, s = t._payload, u = t._init;
+            try {
+              return V(u(s), e, n);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var W = Object.prototype.hasOwnProperty, gr = {}, pr = D.ReactDebugCurrentFrame;
+    function X(r) {
+      if (r) {
+        var e = r._owner, n = V(r.type, r._source, e ? e.type : null);
+        pr.setExtraStackFrame(n);
+      } else
+        pr.setExtraStackFrame(null);
+    }
+    function Gr(r, e, n, t, s) {
+      {
+        var u = Function.call.bind(W);
+        for (var i in r)
+          if (u(r, i)) {
+            var o = void 0;
+            try {
+              if (typeof r[i] != "function") {
+                var h = Error((t || "React class") + ": " + n + " type `" + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[i] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw h.name = "Invariant Violation", h;
+              }
+              o = r[i](e, i, t, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (c) {
+              o = c;
+            }
+            o && !(o instanceof Error) && (X(s), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", t || "React class", n, i, typeof o), X(null)), o instanceof Error && !(o.message in gr) && (gr[o.message] = !0, X(s), m("Failed %s type: %s", n, o.message), X(null));
+          }
+      }
+    }
+    var Jr = Array.isArray;
+    function K(r) {
+      return Jr(r);
+    }
+    function qr(r) {
+      {
+        var e = typeof Symbol == "function" && Symbol.toStringTag, n = e && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return n;
+      }
+    }
+    function Kr(r) {
+      try {
+        return mr(r), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function mr(r) {
+      return "" + r;
+    }
+    function br(r) {
+      if (Kr(r))
+        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qr(r)), mr(r);
+    }
+    var M = D.ReactCurrentOwner, Hr = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, hr, yr, H;
+    H = {};
+    function Zr(r) {
+      if (W.call(r, "ref")) {
+        var e = Object.getOwnPropertyDescriptor(r, "ref").get;
+        if (e && e.isReactWarning)
+          return !1;
+      }
+      return r.ref !== void 0;
+    }
+    function Qr(r) {
+      if (W.call(r, "key")) {
+        var e = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (e && e.isReactWarning)
+          return !1;
+      }
+      return r.key !== void 0;
+    }
+    function re(r, e) {
+      if (typeof r.ref == "string" && M.current && e && M.current.stateNode !== e) {
+        var n = S(M.current.type);
+        H[n] || (m('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', S(M.current.type), r.ref), H[n] = !0);
+      }
+    }
+    function ee(r, e) {
+      {
+        var n = function() {
+          hr || (hr = !0, m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", e));
+        };
+        n.isReactWarning = !0, Object.defineProperty(r, "key", {
+          get: n,
+          configurable: !0
+        });
+      }
+    }
+    function ne(r, e) {
+      {
+        var n = function() {
+          yr || (yr = !0, m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", e));
+        };
+        n.isReactWarning = !0, Object.defineProperty(r, "ref", {
+          get: n,
+          configurable: !0
+        });
+      }
+    }
+    var te = function(r, e, n, t, s, u, i) {
+      var o = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: a,
+        // Built-in properties that belong on the element
+        type: r,
+        key: e,
+        ref: n,
+        props: i,
+        // Record the component responsible for creating this element.
+        _owner: u
+      };
+      return o._store = {}, Object.defineProperty(o._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(o, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: t
+      }), Object.defineProperty(o, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: s
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+    };
+    function ae(r, e, n, t, s) {
+      {
+        var u, i = {}, o = null, h = null;
+        n !== void 0 && (br(n), o = "" + n), Qr(e) && (br(e.key), o = "" + e.key), Zr(e) && (h = e.ref, re(e, s));
+        for (u in e)
+          W.call(e, u) && !Hr.hasOwnProperty(u) && (i[u] = e[u]);
+        if (r && r.defaultProps) {
+          var c = r.defaultProps;
+          for (u in c)
+            i[u] === void 0 && (i[u] = c[u]);
+        }
+        if (o || h) {
+          var f = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          o && ee(i, f), h && ne(i, f);
+        }
+        return te(r, o, h, s, t, M.current, i);
+      }
+    }
+    var Z = D.ReactCurrentOwner, Er = D.ReactDebugCurrentFrame;
+    function F(r) {
+      if (r) {
+        var e = r._owner, n = V(r.type, r._source, e ? e.type : null);
+        Er.setExtraStackFrame(n);
+      } else
+        Er.setExtraStackFrame(null);
+    }
+    var Q;
+    Q = !1;
+    function rr(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === a;
+    }
+    function Rr() {
+      {
+        if (Z.current) {
+          var r = S(Z.current.type);
+          if (r)
+            return `
+
+Check the render method of \`` + r + "`.";
+        }
+        return "";
+      }
+    }
+    function oe(r) {
+      {
+        if (r !== void 0) {
+          var e = r.fileName.replace(/^.*[\\\/]/, ""), n = r.lineNumber;
+          return `
+
+Check your code at ` + e + ":" + n + ".";
+        }
+        return "";
+      }
+    }
+    var wr = {};
+    function ie(r) {
+      {
+        var e = Rr();
+        if (!e) {
+          var n = typeof r == "string" ? r : r.displayName || r.name;
+          n && (e = `
+
+Check the top-level render call using <` + n + ">.");
+        }
+        return e;
+      }
+    }
+    function _r(r, e) {
+      {
+        if (!r._store || r._store.validated || r.key != null)
+          return;
+        r._store.validated = !0;
+        var n = ie(e);
+        if (wr[n])
+          return;
+        wr[n] = !0;
+        var t = "";
+        r && r._owner && r._owner !== Z.current && (t = " It was passed a child from " + S(r._owner.type) + "."), F(r), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, t), F(null);
+      }
+    }
+    function kr(r, e) {
+      {
+        if (typeof r != "object")
+          return;
+        if (K(r))
+          for (var n = 0; n < r.length; n++) {
+            var t = r[n];
+            rr(t) && _r(t, e);
+          }
+        else if (rr(r))
+          r._store && (r._store.validated = !0);
+        else if (r) {
+          var s = Dr(r);
+          if (typeof s == "function" && s !== r.entries)
+            for (var u = s.call(r), i; !(i = u.next()).done; )
+              rr(i.value) && _r(i.value, e);
+        }
+      }
+    }
+    function se(r) {
+      {
+        var e = r.type;
+        if (e == null || typeof e == "string")
+          return;
+        var n;
+        if (typeof e == "function")
+          n = e.propTypes;
+        else if (typeof e == "object" && (e.$$typeof === d || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        e.$$typeof === k))
+          n = e.propTypes;
+        else
+          return;
+        if (n) {
+          var t = S(e);
+          Gr(n, r.props, "prop", t, r);
+        } else if (e.PropTypes !== void 0 && !Q) {
+          Q = !0;
+          var s = S(e);
+          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", s || "Unknown");
+        }
+        typeof e.getDefaultProps == "function" && !e.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function ue(r) {
+      {
+        for (var e = Object.keys(r.props), n = 0; n < e.length; n++) {
+          var t = e[n];
+          if (t !== "children" && t !== "key") {
+            F(r), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", t), F(null);
+            break;
+          }
+        }
+        r.ref !== null && (F(r), m("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
+      }
+    }
+    var xr = {};
+    function Tr(r, e, n, t, s, u) {
+      {
+        var i = Yr(r);
+        if (!i) {
+          var o = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (o += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var h = oe(s);
+          h ? o += h : o += Rr();
+          var c;
+          r === null ? c = "null" : K(r) ? c = "array" : r !== void 0 && r.$$typeof === a ? (c = "<" + (S(r.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : c = typeof r, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", c, o);
+        }
+        var f = ae(r, e, n, s, u);
+        if (f == null)
+          return f;
+        if (i) {
+          var _ = e.children;
+          if (_ !== void 0)
+            if (t)
+              if (K(_)) {
+                for (var L = 0; L < _.length; L++)
+                  kr(_[L], r);
+                Object.freeze && Object.freeze(_);
+              } else
+                m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              kr(_, r);
+        }
+        if (W.call(e, "key")) {
+          var A = S(r), R = Object.keys(e).filter(function(ge) {
+            return ge !== "key";
+          }), er = R.length > 0 ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!xr[A + er]) {
+            var ve = R.length > 0 ? "{" + R.join(": ..., ") + ": ...}" : "{}";
+            m(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, er, A, ve, A), xr[A + er] = !0;
+          }
+        }
+        return r === y ? ue(f) : se(f), f;
+      }
+    }
+    function le(r, e, n) {
+      return Tr(r, e, n, !0);
+    }
+    function ce(r, e, n) {
+      return Tr(r, e, n, !1);
+    }
+    var fe = ce, de = le;
+    N.Fragment = y, N.jsx = fe, N.jsxs = de;
+  }()), N;
+}
+process.env.NODE_ENV === "production" ? nr.exports = be() : nr.exports = he();
+var g = nr.exports;
+const ye = `@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: "Poppins", sans-serif;
+}
+
+:root {
+  /* color solid default */
+  --starasia-ui-solid-background-default: #111827;
+  --starasia-ui-solid-color-default: #fff;
+  --starasia-ui-solid-border-default: #e5e7eb;
+
+  /* color outline default */
+  --starasia-ui-outline-background-default: #f9fafb;
+  --starasia-ui-outline-color-default: #111827;
+  --starasia-ui-outline-border-default: #e5e7eb;
+  --starasia-ui-outline-progress-default: #181a19;
+
+  /* color outline red */
+  --starasia-ui-outline-background-danger: #fef2f2;
+  --starasia-ui-outline-color-danger: #dc2626;
+  --starasia-ui-outline-border-danger: #fecaca;
+  --starasia-ui-outline-progress-danger: #181a19;
+  --starasia-ui-outline-progress-danger: #c9184a;
+
+  /* color solid red */
+  --starasia-ui-solid-background-danger: #c9184a;
+  --starasia-ui-solid-color-danger: #fff0f3;
+  --starasia-ui-solid-border-danger: #c9184a;
+
+  /* color outline success */
+  --starasia-ui-outline-background-success: #dcf6ea;
+  --starasia-ui-outline-color-success: #28ac6e;
+  --starasia-ui-outline-border-success: #97e6c1;
+  --starasia-ui-outline-progress-success: #28ac6e;
+
+  /* color solid success */
+  --starasia-ui-solid-background-success: #28ac6e;
+  --starasia-ui-solid-color-success: #dcf6ea;
+  --starasia-ui-solid-border-success: #28ac6e;
+
+  /* color outline info */
+  --starasia-ui-outline-background-info: #e3f2fd;
+  --starasia-ui-outline-color-info: #1976d2;
+  --starasia-ui-outline-border-info: #64b5f6;
+  --starasia-ui-outline-progress-info: #1976d2;
+
+  /* color solid info */
+  --starasia-ui-solid-background-info: #1976d2;
+  --starasia-ui-solid-color-info: #e3f2fd;
+  --starasia-ui-solid-border-info: #1976d2;
+
+  /* color outline warning */
+  --starasia-ui-outline-background-warning: #fdf3e4;
+  --starasia-ui-outline-color-warning: #181a19;
+  --starasia-ui-outline-border-warning: #f4c583;
+  --starasia-ui-outline-progress-warning: #ed9f30;
+
+  /* color solid warning */
+  --starasia-ui-solid-background-warning: #ed9f30;
+  --starasia-ui-solid-color-warning: #fffeff;
+  --starasia-ui-solid-border-warning: #ed9f30;
+
+  /* height */
+  --starasia-ui-h-0-5: 0.125rem; /* 2px */
+}
+/* styling for container */
+.starasia-toast-container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--starasia-ui-spacing-xs, 4px);
+  padding: var(--starasia-ui-spacing-sm, 8px);
+  position: fixed;
+  max-height: 100vh;
+  overflow: auto;
+  z-index: 99999;
+}
+.starasia-toast-container-bottom-right {
+  bottom: 0;
+  right: 0;
+}
+.starasia-toast-container-bottom-left {
+  bottom: 0;
+  left: 0;
+}
+.starasia-toast-container-bottom-center {
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.starasia-toast-container-top-right {
+  top: 0;
+  right: 0;
+}
+.starasia-toast-container-top-left {
+  top: 0;
+  left: 0;
+}
+.starasia-toast-container-top-center {
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+/* styling for */
+.starasia-toast-item-container {
+  padding: var(--starasia-ui-spacing-lg, 16px);
+  width: max-content;
+  border-radius: var(--starasia-ui-radii-md, 6px);
+  display: flex;
+  align-items: center;
+  gap: var(--starasia-ui-spacing-sm, 8px);
+  border: var(--starasia-ui-border, 1px) solid transparent;
+  font-size: var(--starasia-ui-fontSizes-md, 14px);
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+}
+/* DEFAULT TOAST */
+.starasia-toast-item-container-solid-default {
+  background-color: var(--starasia-ui-solid-background-default);
+  color: var(--starasia-ui-solid-color-default);
+  border-color: var(--starasia-ui-solid-border-default);
+}
+
+.starasia-toast-item-container-outline-default {
+  background-color: var(--starasia-ui-outline-background-default);
+  color: var(--starasia-ui-outline-color-default);
+  border-color: var(--starasia-ui-outline-border-default);
+}
+
+/* DEFAULT DANGER */
+.starasia-toast-item-container-outline-danger {
+  background-color: var(--starasia-ui-outline-background-danger);
+  color: var(--starasia-ui-outline-color-danger);
+  border-color: var(--starasia-ui-outline-border-danger);
+}
+
+.starasia-toast-item-container-solid-danger {
+  background-color: var(--starasia-ui-solid-background-danger);
+  color: var(--starasia-ui-solid-color-danger);
+  border-color: var(--starasia-ui-solid-border-danger);
+}
+
+/* DEFAULT SUCCESS */
+.starasia-toast-item-container-outline-success {
+  background-color: var(--starasia-ui-outline-background-success);
+  color: var(--starasia-ui-outline-color-success);
+  border-color: var(--starasia-ui-outline-border-success);
+}
+
+.starasia-toast-item-container-solid-success {
+  background-color: var(--starasia-ui-solid-background-success);
+  color: var(--starasia-ui-solid-color-success);
+  border-color: var(--starasia-ui-solid-border-success);
+}
+
+/* DEFAULT INFO */
+.starasia-toast-item-container-outline-info {
+  background-color: var(--starasia-ui-outline-background-info);
+  color: var(--starasia-ui-outline-color-info);
+  border-color: var(--starasia-ui-outline-border-info);
+}
+
+.starasia-toast-item-container-solid-info {
+  background-color: var(--starasia-ui-solid-background-info);
+  color: var(--starasia-ui-solid-color-info);
+  border-color: var(--starasia-ui-solid-border-info);
+}
+/* DEFAULT WARNING */
+.starasia-toast-item-container-outline-warning {
+  background-color: var(--starasia-ui-outline-background-warning);
+  color: var(--starasia-ui-outline-color-warning);
+  border-color: var(--starasia-ui-outline-border-warning);
+}
+
+.starasia-toast-item-container-solid-warning {
+  background-color: var(--starasia-ui-solid-background-warning);
+  color: var(--starasia-ui-solid-color-warning);
+  border-color: var(--starasia-ui-solid-border-warning);
+}
+
+/* PROGRESS BAR */
+.starasia-toast-item-progress {
+  height: var(--starasia-ui-h-0-5);
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  /* animation: progressBarr 5s forwards; */
+  animation: progressBarr 5s linear forwards;
+}
+
+.starasia-toast-item-progress-outline-default {
+  background-color: var(--starasia-ui-outline-progress-default);
+}
+.starasia-toast-item-progress-outline-info {
+  background-color: var(--starasia-ui-outline-progress-info);
+}
+.starasia-toast-item-progress-outline-success {
+  background-color: var(--starasia-ui-outline-progress-success);
+}
+.starasia-toast-item-progress-outline-danger {
+  background-color: var(--starasia-ui-outline-progress-danger);
+}
+.starasia-toast-item-progress-outline-warning {
+  background-color: var(--starasia-ui-outline-progress-warning);
+}
+
+/* animation */
+.starasia-toast-item-container-animation-bottom-right {
+  animation: bottomRight 0.375s;
+}
+.starasia-toast-item-container-animation-bottom-left {
+  animation: bottomLeft 0.375s;
+}
+.starasia-toast-item-container-animation-bottom-center {
+  animation: bottomCenter 0.375s;
+}
+.starasia-toast-item-container-animation-top-left {
+  animation: topLeft 0.375s;
+}
+.starasia-toast-item-container-animation-top-right {
+  animation: topRight 0.375s;
+}
+.starasia-toast-item-container-animation-top-center {
+  animation: topCenter 0.375s;
+}
+
+@keyframes bottomRight {
+  from {
+    transform: translateX(100%);
+    opacity: 0.3;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes bottomLeft {
+  from {
+    transform: translateX(-100%);
+    opacity: 0.3;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes bottomCenter {
+  from {
+    transform: translateY(100%);
+    opacity: 0.3;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes topRight {
+  from {
+    transform: translateX(100%);
+    opacity: 0.3;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes topCenter {
+  from {
+    transform: translateY(-100%);
+    opacity: 0.3;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes topLeft {
+  from {
+    transform: translateX(-100%);
+    opacity: 0.3;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes progressBarr {
+  from {
+    width: 100%;
+  }
+  to {
+    width: 0px;
+  }
+}
+`;
+let Ee = 1;
+class Re {
+  constructor() {
+    this.subscribe = (a) => (this.subscribers.push(a), () => {
+      const b = this.subscribers.indexOf(a);
+      this.subscribers.splice(b, 1);
+    }), this.publish = (a) => {
+      this.subscribers.forEach((b) => b(a));
+    }, this.addToast = (a) => {
+      this.publish(a), this.toasts = [...this.toasts, a];
+    }, this.create = (a) => {
+      const { message: b, type: y } = a, v = Ee++;
+      return this.addToast({ title: b, type: y, id: v }), v;
+    }, this.dismiss = (a) => (this.subscribers.forEach((b) => b({ id: a, dismiss: !0 })), a), this.danger = (a) => this.create({ message: a, type: "danger" }), this.warning = (a) => this.create({ message: a, type: "warning" }), this.success = (a) => this.create({ type: "success", message: a }), this.info = (a) => this.create({ type: "info", message: a }), this.default = (a) => this.create({ type: "default", message: a }), this.subscribers = [], this.toasts = [];
+  }
+}
+const O = new Re(), je = Object.assign({
+  success: O.success,
+  info: O.info,
+  default: O.default,
+  danger: O.danger,
+  warning: O.warning
+}), Pr = "starasia-toast-styles", we = (l) => {
+  if (!document.getElementById(Pr)) {
+    const a = document.createElement("style");
+    a.id = Pr, a.textContent = l, document.head.appendChild(a);
+  }
+};
+we(ye);
+const Oe = ({
+  type: l = "outline",
+  direction: a = "bottom-right"
+}) => {
+  const [b, y] = z.useState([]);
+  return z.useEffect(() => O.subscribe((v) => {
+    if (v.dismiss) {
+      y((w) => w.filter((T) => T.id !== v.id));
+      return;
+    }
+    setTimeout(() => {
+      me.flushSync(() => {
+        y((w) => [v, ...w]);
+      });
+    });
+  }), []), /* @__PURE__ */ g.jsx(
+    "div",
+    {
+      className: `starasia-toast-container starasia-toast-container-${a}`,
+      children: b.map((v) => /* @__PURE__ */ g.jsx(
+        _e,
+        {
+          data: v,
+          type: l,
+          direction: a
+        },
+        v.id
+      ))
+    }
+  );
+}, _e = ({ data: l, type: a = "solid", direction: b }) => {
+  const [y, v] = Cr(null), [w, T] = Cr(!1), E = pe(null), d = () => {
+    const x = setTimeout(() => {
+      p();
+    }, 5e3);
+    v(x);
+  }, C = () => {
+    y && (clearTimeout(y), v(null));
+  }, p = () => {
+    O.dismiss(l.id);
+  };
+  Sr(() => (w ? C() : d(), () => {
+    C();
+  }), [w]), Sr(() => {
+    const x = E.current, I = () => {
+      p();
+    };
+    return x && x.addEventListener("animationend", I), () => {
+      x && x.removeEventListener("animationend", I);
+    };
+  }, []);
+  const k = () => {
+    T(!0), C(), E.current && (E.current.style.animationPlayState = "paused");
+  }, j = () => {
+    T(!1), d(), E.current && (E.current.style.animationPlayState = "running");
+  };
+  return /* @__PURE__ */ g.jsxs(
+    "div",
+    {
+      className: `starasia-toast-item-container starasia-toast-item-container-${a}-${l.type} starasia-toast-item-container-animation-${b}`,
+      onMouseEnter: k,
+      onMouseLeave: j,
+      children: [
+        /* @__PURE__ */ g.jsx("div", { style: { display: "flex" }, children: l.type === "success" ? /* @__PURE__ */ g.jsx(xe, { style: { color: "inherit" } }) : /* @__PURE__ */ g.jsx(ke, { style: { color: "inherit" } }) }),
+        /* @__PURE__ */ g.jsx("div", { style: { flex: 1 }, children: l.title }),
+        /* @__PURE__ */ g.jsx(
+          "div",
+          {
+            style: { display: "flex", cursor: "pointer" },
+            onClick: () => O.dismiss(l.id),
+            children: /* @__PURE__ */ g.jsx(Te, { style: { color: "inherit" } })
+          }
+        ),
+        a === "outline" ? /* @__PURE__ */ g.jsx(
+          "div",
+          {
+            ref: E,
+            className: `starasia-toast-item-progress starasia-toast-item-progress-outline-${l.type}`,
+            style: {
+              animation: "progressBarr 5s linear forwards",
+              animationPlayState: w ? "paused" : "running"
+            }
+          }
+        ) : null
+      ]
+    }
+  );
+}, ke = (l) => /* @__PURE__ */ g.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "20",
+    height: "20",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ...l,
+    children: /* @__PURE__ */ g.jsx(
+      "path",
+      {
+        d: "M12 7.01001V7.00002M12 17L12 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        cursor: "pointer"
+      }
+    )
+  }
+), xe = (l) => /* @__PURE__ */ g.jsx(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...l,
+    children: /* @__PURE__ */ g.jsx("g", { id: "Curved/Basic-actions-and-state", children: /* @__PURE__ */ g.jsx(
+      "path",
+      {
+        id: "shape",
+        d: "M14.1667 7.5L8.33332 13.3333L5.83328 10.8333M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ) })
+  }
+), Te = (l) => /* @__PURE__ */ g.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "20",
+    height: "20",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ...l,
+    children: /* @__PURE__ */ g.jsx(
+      "path",
+      {
+        d: "M19 5L5 19M5.00003 5L19 19",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+export {
+  Oe as ToastContainer,
+  je as toast
+};