@khencahyo13/notifin-react 1.2.1

package/dist/notifin.js

@@ -0,0 +1,749 @@
+import de, { useSyncExternalStore as ue, useEffect as Z, useState as me, useMemo as he } from "react";
+import * as b from "@radix-ui/react-alert-dialog";
+import { Root as be } from "@radix-ui/react-visually-hidden";
+import { clsx as pe } from "clsx";
+import { twMerge as ge } from "tailwind-merge";
+const ve = ":root{--nf-overlay-bg: rgb(0 0 0 / .5);--nf-content-width: min(92vw, 24rem);--nf-content-max-height: 90dvh;--nf-content-radius: .75rem;--nf-content-padding: 1rem;--nf-content-shadow: 0 20px 30px -12px rgb(0 0 0 / .25);--nf-text-title-size: 1rem;--nf-text-title-weight: 600;--nf-text-description-size: .875rem;--nf-text-pending-size: .75rem;--nf-icon-wrap-size: 1.75rem;--nf-icon-size: 1rem;--nf-button-height: 2rem;--nf-button-radius: .375rem;--nf-button-padding-x: 1rem;--nf-button-font-size: .875rem;--nf-button-min-width-sm: 6rem;--nf-focus-ring: 0 0 0 2px #a3a3a3}.nf-icon-wrap{flex-shrink:0;display:flex;width:var(--nf-icon-wrap-size);height:var(--nf-icon-wrap-size);align-items:center;justify-content:center;border:1px solid transparent;border-radius:9999px}.nf-icon{width:var(--nf-icon-size);height:var(--nf-icon-size)}.nf-icon-spin{animation:nf-spin 1s linear infinite}.nf-title{margin:0;font-size:var(--nf-text-title-size);font-weight:var(--nf-text-title-weight);line-height:1.35;word-break:break-word}.nf-description{margin:0;color:#525252;font-size:var(--nf-text-description-size);line-height:1.45;word-break:break-word}.nf-pending{color:#737373;font-size:var(--nf-text-pending-size)}.nf-button{height:var(--nf-button-height);width:100%;min-width:0;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--nf-button-padding-x);border-radius:var(--nf-button-radius);border:1px solid transparent;font-size:var(--nf-button-font-size);font-weight:500;line-height:1;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.nf-button:focus-visible{outline:none;box-shadow:var(--nf-focus-ring)}.nf-button:disabled{cursor:not-allowed;opacity:.6}.nf-button-cancel{border-color:#d4d4d4;background:#fff;color:#404040}.nf-button-cancel:hover:not(:disabled){background:#f5f5f5}.nf-button-action{color:#fff}@media(min-width:640px){.nf-button{width:auto;min-width:var(--nf-button-min-width-sm)}}.nf-title-row{display:flex;align-items:center;gap:.5rem}.nf-actions{display:flex;width:100%;align-items:center;gap:.5rem}@media(min-width:640px){.nf-actions{justify-content:flex-end}}.nf-overlay{position:fixed;inset:0;z-index:50;background:var(--nf-overlay-bg)}.nf-content{position:fixed;top:50%;left:50%;z-index:50;width:var(--nf-content-width);max-height:var(--nf-content-max-height);overflow-y:auto;transform:translate(-50%,-50%);border:1px solid transparent;border-radius:var(--nf-content-radius);padding:var(--nf-content-padding);box-shadow:var(--nf-content-shadow);outline:none}.nf-header{display:grid;gap:.375rem}.nf-footer{margin-top:1rem;display:grid;gap:.5rem}.nf-action-default{background:#171717}.nf-action-default:hover:not(:disabled){background:#262626}.nf-action-error{background:#dc2626}.nf-action-error:hover:not(:disabled){background:#b91c1c}.nf-action-info{background:#2563eb}.nf-action-info:hover:not(:disabled){background:#1d4ed8}.nf-action-success{background:#16a34a}.nf-action-success:hover:not(:disabled){background:#15803d}.nf-action-warning{background:#ca8a04}.nf-action-warning:hover:not(:disabled){background:#a16207}.nf-dialog-tone-default{border-color:#e5e5e5;background:#fff;color:#0a0a0a}.nf-dialog-tone-error{border-color:#fecaca;background:#fff;color:#7f1d1d}.nf-dialog-tone-info{border-color:#bfdbfe;background:#fff;color:#1e3a8a}.nf-dialog-tone-loading{border-color:#e5e5e5;background:#fff;color:#0a0a0a}.nf-dialog-tone-success{border-color:#bbf7d0;background:#fff;color:#14532d}.nf-dialog-tone-warning{border-color:#fde68a;background:#fff;color:#713f12}.nf-icon-tone-default{border-color:#e5e5e5;background:#f5f5f5;color:#404040}.nf-icon-tone-error{border-color:#fca5a5;background:#fef2f2;color:#dc2626}.nf-icon-tone-info{border-color:#93c5fd;background:#eff6ff;color:#2563eb}.nf-icon-tone-loading{border-color:#e5e5e5;background:#f5f5f5;color:#525252}.nf-icon-tone-success{border-color:#86efac;background:#f0fdf4;color:#16a34a}.nf-icon-tone-warning{border-color:#fcd34d;background:#fefce8;color:#ca8a04}.nf-scheme-dark{--nf-overlay-bg: rgb(0 0 0 / .72);--nf-content-shadow: 0 20px 35px -14px rgb(0 0 0 / .7);--nf-focus-ring: 0 0 0 2px #525252}.nf-scheme-dark.nf-dialog-tone-default,.nf-scheme-dark.nf-dialog-tone-loading{border-color:#404040;background:#171717;color:#fafafa}.nf-scheme-dark.nf-dialog-tone-error{border-color:#7f1d1d;background:#1f1416;color:#fecaca}.nf-scheme-dark.nf-dialog-tone-info{border-color:#1e3a8a;background:#111827;color:#bfdbfe}.nf-scheme-dark.nf-dialog-tone-success{border-color:#14532d;background:#0d1f14;color:#bbf7d0}.nf-scheme-dark.nf-dialog-tone-warning{border-color:#713f12;background:#22180b;color:#fde68a}.nf-scheme-dark .nf-description{color:#d4d4d4}.nf-scheme-dark .nf-pending{color:#a3a3a3}.nf-scheme-dark .nf-button-cancel{border-color:#525252;background:#262626;color:#f5f5f5}.nf-scheme-dark .nf-button-cancel:hover:not(:disabled){background:#333}.nf-scheme-dark .nf-icon-tone-default,.nf-scheme-dark .nf-icon-tone-loading{border-color:#525252;background:#262626;color:#d4d4d4}.nf-scheme-dark .nf-icon-tone-error{border-color:#7f1d1d;background:#2b1318;color:#f87171}.nf-scheme-dark .nf-icon-tone-info{border-color:#1d4ed8;background:#172554;color:#93c5fd}.nf-scheme-dark .nf-icon-tone-success{border-color:#166534;background:#13271a;color:#86efac}.nf-scheme-dark .nf-icon-tone-warning{border-color:#92400e;background:#2c2110;color:#facc15}.nf-overlay:not(.nf-motion-none)[data-state=open]{animation:nf-fade-in .2s ease-out both}.nf-overlay:not(.nf-motion-none)[data-state=closed]{animation:nf-fade-out .2s ease-in both}.nf-content.nf-motion-subtle[data-state=open]{animation:nf-fade-in .2s ease-out both,nf-zoom-in-subtle .2s ease-out both}.nf-content.nf-motion-subtle[data-state=closed]{animation:nf-fade-out .2s ease-in both,nf-zoom-out-subtle .2s ease-in both}.nf-content.nf-motion-slide[data-state=open]{animation:nf-fade-in .22s ease-out both,nf-slide-in-top .22s ease-out both}.nf-content.nf-motion-slide[data-state=closed]{animation:nf-fade-out .18s ease-in both,nf-slide-out-top .2s ease-in both}.nf-content.nf-motion-scale[data-state=open]{animation:nf-fade-in .2s ease-out both,nf-scale-in .2s ease-out both}.nf-content.nf-motion-scale[data-state=closed]{animation:nf-fade-out .18s ease-in both,nf-scale-out .18s ease-in both}.nf-content.nf-motion-bounce[data-state=open]{animation:nf-fade-in .24s ease-out both,nf-bounce-in .24s cubic-bezier(.2,.8,.2,1) both}.nf-content.nf-motion-bounce[data-state=closed]{animation:nf-fade-out .18s ease-in both,nf-bounce-out .18s ease-in both}.nf-content.nf-motion-none,.nf-overlay.nf-motion-none{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.nf-overlay,.nf-content,.nf-icon-spin{animation:none!important;transition:none!important}}@keyframes nf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes nf-zoom-in-subtle{0%{transform:translate(-50%,-50%) scale(.95)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes nf-zoom-out-subtle{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(.95)}}@keyframes nf-slide-in-top{0%{transform:translate(-50%,calc(-50% - 8px))}to{transform:translate(-50%,-50%)}}@keyframes nf-slide-out-top{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,calc(-50% - 8px))}}@keyframes nf-scale-in{0%{transform:translate(-50%,-50%) scale(.9)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes nf-scale-out{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(.9)}}@keyframes nf-bounce-in{0%{transform:translate(-50%,calc(-50% - 12px)) scale(.92)}60%{transform:translate(-50%,-50%) scale(1.03)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes nf-bounce-out{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,calc(-50% - 8px)) scale(.95)}}@keyframes nf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}", q = "notifin-style";
+let M = !1;
+function ke() {
+  if (M || typeof document > "u")
+    return;
+  if (document.getElementById(q)) {
+    M = !0;
+    return;
+  }
+  const t = document.createElement("style");
+  t.id = q, t.textContent = ve, document.head.appendChild(t), M = !0;
+}
+const xe = 120, ye = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+class we {
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Set(), this.dialogs = /* @__PURE__ */ new Map(), this.order = [], this.activeId = null, this.snapshot = {
+      current: null,
+      pendingCount: 0
+    }, this.removeTimeouts = /* @__PURE__ */ new Map(), this.durationTimeouts = /* @__PURE__ */ new Map(), this.hostCount = 0;
+  }
+  subscribe(n) {
+    return this.listeners.add(n), () => this.listeners.delete(n);
+  }
+  registerHost() {
+    return this.hostCount += 1, () => {
+      this.hostCount = Math.max(0, this.hostCount - 1);
+    };
+  }
+  hasHost() {
+    return this.hostCount > 0;
+  }
+  getSnapshot() {
+    return this.snapshot;
+  }
+  create(n, r, s = {}) {
+    const o = s.id ?? ye(), c = this.dialogs.get(o), f = this.activeId === o || this.activeId === null, m = {
+      action: s.action,
+      allowEscapeClose: s.allowEscapeClose,
+      cancel: s.cancel,
+      createdAt: c?.createdAt ?? Date.now(),
+      description: s.description,
+      dismissible: s.dismissible ?? !0,
+      duration: s.duration,
+      id: o,
+      onDismiss: s.onDismiss,
+      open: f,
+      title: r,
+      type: n
+    };
+    return this.clearDurationTimer(o), this.clearRemoveTimer(o), this.dialogs.set(o, m), this.order.includes(o) || this.order.push(o), this.activeId === null && (this.activeId = o, this.startDurationTimer(o)), this.emit(), o;
+  }
+  update(n, r) {
+    const s = this.dialogs.get(n);
+    if (!s)
+      return;
+    const o = {
+      ...s,
+      ...r,
+      createdAt: s.createdAt,
+      id: n
+    };
+    this.dialogs.set(n, o), this.activeId === n && this.startDurationTimer(n), this.emit();
+  }
+  dismiss(n) {
+    if (!n) {
+      this.activeId && this.dismissActive(this.activeId);
+      return;
+    }
+    if (this.activeId === n) {
+      this.dismissActive(n);
+      return;
+    }
+    this.removeImmediately(n);
+  }
+  dismissActive(n) {
+    const r = this.dialogs.get(n);
+    if (!r || !r.open)
+      return;
+    this.clearDurationTimer(n), this.dialogs.set(n, {
+      ...r,
+      open: !1
+    }), this.emit();
+    const s = setTimeout(() => {
+      this.removeImmediately(n), this.promoteNext();
+    }, xe);
+    this.removeTimeouts.set(n, s);
+  }
+  removeImmediately(n) {
+    const r = this.dialogs.get(n);
+    r && (this.clearDurationTimer(n), this.clearRemoveTimer(n), this.dialogs.delete(n), this.order = this.order.filter((s) => s !== n), this.activeId === n && (this.activeId = null), r.onDismiss?.(), this.emit());
+  }
+  promoteNext() {
+    if (this.activeId !== null)
+      return;
+    const n = this.order[0];
+    if (!n)
+      return;
+    const r = this.dialogs.get(n);
+    if (!r) {
+      this.order.shift(), this.promoteNext();
+      return;
+    }
+    this.activeId = n, this.dialogs.set(n, {
+      ...r,
+      open: !0
+    }), this.startDurationTimer(n), this.emit();
+  }
+  startDurationTimer(n) {
+    this.clearDurationTimer(n);
+    const r = this.dialogs.get(n);
+    if (!r?.duration || this.activeId !== n)
+      return;
+    const s = setTimeout(() => this.dismiss(n), r.duration);
+    this.durationTimeouts.set(n, s);
+  }
+  clearDurationTimer(n) {
+    const r = this.durationTimeouts.get(n);
+    r && (clearTimeout(r), this.durationTimeouts.delete(n));
+  }
+  clearRemoveTimer(n) {
+    const r = this.removeTimeouts.get(n);
+    r && (clearTimeout(r), this.removeTimeouts.delete(n));
+  }
+  emit() {
+    const n = this.activeId ? this.dialogs.get(this.activeId) ?? null : null, r = Math.max(this.order.length - (n ? 1 : 0), 0);
+    this.snapshot = {
+      current: n,
+      pendingCount: r
+    };
+    for (const s of this.listeners)
+      s();
+  }
+}
+const h = new we();
+function Y() {
+  if (!h.hasHost())
+    throw new Error(
+      "[notifin] <Notifin /> is not mounted. Render <Notifin /> once in your app root before calling notifin(...)."
+    );
+}
+function L(t) {
+  return typeof t == "string" ? {
+    title: t
+  } : t;
+}
+function J(t, n) {
+  return typeof t == "function" ? t(n) : t;
+}
+function g(t, n, r) {
+  return Y(), h.create(t, n, r);
+}
+const We = Object.assign(
+  (t, n) => g("default", t, n),
+  {
+    dismiss: (t) => {
+      Y(), h.dismiss(t);
+    },
+    error: (t, n) => g("error", t, n),
+    info: (t, n) => g("info", t, n),
+    loading: (t, n) => g("loading", t, { dismissible: !1, ...n }),
+    async promise(t, n) {
+      const r = L(n.loading), s = g(
+        "loading",
+        r.title ?? "Loading...",
+        {
+          dismissible: !1,
+          ...r
+        }
+      );
+      try {
+        const o = await t, c = J(n.success, o), f = L(c);
+        return h.update(s, {
+          ...f,
+          dismissible: f.dismissible ?? !0,
+          open: !0,
+          title: f.title ?? "Success",
+          type: "success"
+        }), o;
+      } catch (o) {
+        const c = J(n.error, o), f = L(c);
+        throw h.update(s, {
+          ...f,
+          dismissible: f.dismissible ?? !0,
+          open: !0,
+          title: f.title ?? "Something went wrong",
+          type: "error"
+        }), o;
+      }
+    },
+    success: (t, n) => g("success", t, n),
+    update: (t, n) => {
+      Y(), h.update(t, {
+        ...n,
+        title: n.title,
+        type: n.type
+      });
+    },
+    warning: (t, n) => g("warning", t, n)
+  }
+);
+var S = { exports: {} }, j = {};
+var H;
+function Te() {
+  if (H) return j;
+  H = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
+  function r(s, o, c) {
+    var f = null;
+    if (c !== void 0 && (f = "" + c), o.key !== void 0 && (f = "" + o.key), "key" in o) {
+      c = {};
+      for (var m in o)
+        m !== "key" && (c[m] = o[m]);
+    } else c = o;
+    return o = c.ref, {
+      $$typeof: t,
+      type: s,
+      key: f,
+      ref: o !== void 0 ? o : null,
+      props: c
+    };
+  }
+  return j.Fragment = n, j.jsx = r, j.jsxs = r, j;
+}
+var _ = {};
+var G;
+function Ee() {
+  return G || (G = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === ce ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case A:
+          return "Fragment";
+        case ee:
+          return "Profiler";
+        case K:
+          return "StrictMode";
+        case re:
+          return "Suspense";
+        case se:
+          return "SuspenseList";
+        case ae:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case N:
+            return "Portal";
+          case te:
+            return e.displayName || "Context";
+          case ne:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case oe:
+            var i = e.render;
+            return e = e.displayName, e || (e = i.displayName || i.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case ie:
+            return i = e.displayName || null, i !== null ? i : t(e.type) || "Memo";
+          case I:
+            i = e._payload, e = e._init;
+            try {
+              return t(e(i));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function n(e) {
+      return "" + e;
+    }
+    function r(e) {
+      try {
+        n(e);
+        var i = !1;
+      } catch {
+        i = !0;
+      }
+      if (i) {
+        i = console;
+        var l = i.error, d = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l.call(
+          i,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          d
+        ), n(e);
+      }
+    }
+    function s(e) {
+      if (e === A) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === I)
+        return "<...>";
+      try {
+        var i = t(e);
+        return i ? "<" + i + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = O.A;
+      return e === null ? null : e.getOwner();
+    }
+    function c() {
+      return Error("react-stack-top-frame");
+    }
+    function f(e) {
+      if ($.call(e, "key")) {
+        var i = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (i && i.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, i) {
+      function l() {
+        W || (W = !0, console.error(
+          "%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://react.dev/link/special-props)",
+          i
+        ));
+      }
+      l.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: l,
+        configurable: !0
+      });
+    }
+    function T() {
+      var e = t(this.type);
+      return F[e] || (F[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function E(e, i, l, d, C, D) {
+      var u = l.ref;
+      return e = {
+        $$typeof: R,
+        type: e,
+        key: i,
+        props: l,
+        _owner: d
+      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: T
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: C
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: D
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function v(e, i, l, d, C, D) {
+      var u = i.children;
+      if (u !== void 0)
+        if (d)
+          if (fe(u)) {
+            for (d = 0; d < u.length; d++)
+              p(u[d]);
+            Object.freeze && Object.freeze(u);
+          } else
+            console.error(
+              "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 p(u);
+      if ($.call(i, "key")) {
+        u = t(e);
+        var y = Object.keys(i).filter(function(le) {
+          return le !== "key";
+        });
+        d = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", V[u + d] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
+          `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} />`,
+          d,
+          u,
+          y,
+          u
+        ), V[u + d] = !0);
+      }
+      if (u = null, l !== void 0 && (r(l), u = "" + l), f(i) && (r(i.key), u = "" + i.key), "key" in i) {
+        l = {};
+        for (var z in i)
+          z !== "key" && (l[z] = i[z]);
+      } else l = i;
+      return u && m(
+        l,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), E(
+        e,
+        u,
+        l,
+        o(),
+        C,
+        D
+      );
+    }
+    function p(e) {
+      k(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === I && (e._payload.status === "fulfilled" ? k(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function k(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === R;
+    }
+    var x = de, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), N = /* @__PURE__ */ Symbol.for("react.portal"), A = /* @__PURE__ */ Symbol.for("react.fragment"), K = /* @__PURE__ */ Symbol.for("react.strict_mode"), ee = /* @__PURE__ */ Symbol.for("react.profiler"), ne = /* @__PURE__ */ Symbol.for("react.consumer"), te = /* @__PURE__ */ Symbol.for("react.context"), oe = /* @__PURE__ */ Symbol.for("react.forward_ref"), re = /* @__PURE__ */ Symbol.for("react.suspense"), se = /* @__PURE__ */ Symbol.for("react.suspense_list"), ie = /* @__PURE__ */ Symbol.for("react.memo"), I = /* @__PURE__ */ Symbol.for("react.lazy"), ae = /* @__PURE__ */ Symbol.for("react.activity"), ce = /* @__PURE__ */ Symbol.for("react.client.reference"), O = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, fe = Array.isArray, P = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    x = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var W, F = {}, U = x.react_stack_bottom_frame.bind(
+      x,
+      c
+    )(), B = P(s(c)), V = {};
+    _.Fragment = A, _.jsx = function(e, i, l) {
+      var d = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return v(
+        e,
+        i,
+        l,
+        !1,
+        d ? Error("react-stack-top-frame") : U,
+        d ? P(s(e)) : B
+      );
+    }, _.jsxs = function(e, i, l) {
+      var d = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return v(
+        e,
+        i,
+        l,
+        !0,
+        d ? Error("react-stack-top-frame") : U,
+        d ? P(s(e)) : B
+      );
+    };
+  })()), _;
+}
+var X;
+function je() {
+  return X || (X = 1, process.env.NODE_ENV === "production" ? S.exports = Te() : S.exports = Ee()), S.exports;
+}
+var a = je();
+function _e() {
+  return ue(
+    (t) => h.subscribe(t),
+    () => h.getSnapshot(),
+    () => h.getSnapshot()
+  );
+}
+function w(...t) {
+  return ge(pe(t));
+}
+function Re({ className: t }) {
+  return /* @__PURE__ */ a.jsxs(
+    "svg",
+    {
+      className: t,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "2",
+      viewBox: "0 0 24 24",
+      children: [
+        /* @__PURE__ */ a.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ a.jsx("path", { d: "m9 12 2 2 4-4" })
+      ]
+    }
+  );
+}
+function Ce({ className: t }) {
+  return /* @__PURE__ */ a.jsxs(
+    "svg",
+    {
+      className: t,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "2",
+      viewBox: "0 0 24 24",
+      children: [
+        /* @__PURE__ */ a.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ a.jsx("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
+        /* @__PURE__ */ a.jsx("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+      ]
+    }
+  );
+}
+function Se({ className: t }) {
+  return /* @__PURE__ */ a.jsxs(
+    "svg",
+    {
+      className: t,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "2",
+      viewBox: "0 0 24 24",
+      children: [
+        /* @__PURE__ */ a.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ a.jsx("path", { d: "m15 9-6 6" }),
+        /* @__PURE__ */ a.jsx("path", { d: "m9 9 6 6" })
+      ]
+    }
+  );
+}
+function Q({ className: t }) {
+  return /* @__PURE__ */ a.jsxs(
+    "svg",
+    {
+      className: t,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "2",
+      viewBox: "0 0 24 24",
+      children: [
+        /* @__PURE__ */ a.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ a.jsx("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ a.jsx("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function Ne({ className: t }) {
+  return /* @__PURE__ */ a.jsx(
+    "svg",
+    {
+      className: t,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "2",
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ a.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+const Ae = {
+  default: Q,
+  error: Se,
+  info: Q,
+  loading: Ne,
+  success: Re,
+  warning: Ce
+}, Ie = {
+  default: "nf-dialog-tone-default",
+  error: "nf-dialog-tone-error",
+  info: "nf-dialog-tone-info",
+  loading: "nf-dialog-tone-loading",
+  success: "nf-dialog-tone-success",
+  warning: "nf-dialog-tone-warning"
+}, Oe = {
+  default: "nf-icon-tone-default",
+  error: "nf-icon-tone-error",
+  info: "nf-icon-tone-info",
+  loading: "nf-icon-tone-loading",
+  success: "nf-icon-tone-success",
+  warning: "nf-icon-tone-warning"
+}, Pe = {
+  bounce: "nf-motion-bounce",
+  none: "nf-motion-none",
+  scale: "nf-motion-scale",
+  slide: "nf-motion-slide",
+  subtle: "nf-motion-subtle"
+};
+function Fe({
+  colorScheme: t,
+  motion: n = "subtle",
+  showQueueCount: r = !0,
+  theme: s
+}) {
+  const { current: o, pendingCount: c } = _e(), f = De(t), m = s?.schemes?.[f], T = Pe[n];
+  Z(() => h.registerHost(), []);
+  const E = {
+    ...Ae,
+    ...s?.icons
+  }, v = {
+    ...Ie,
+    ...s?.dialogToneClasses,
+    ...m?.dialogToneClasses
+  }, p = {
+    ...Oe,
+    ...s?.iconToneClasses,
+    ...m?.iconToneClasses
+  };
+  return /* @__PURE__ */ a.jsx(
+    b.Root,
+    {
+      onOpenChange: (k) => {
+        !k && o?.dismissible && h.dismiss(o.id);
+      },
+      open: !!o?.open,
+      children: o ? /* @__PURE__ */ a.jsx(
+        ze,
+        {
+          dialog: o,
+          dialogToneClasses: v,
+          icons: E,
+          iconToneClasses: p,
+          pendingCount: c,
+          scheme: f,
+          motionClassName: T,
+          schemeClassName: m?.className,
+          showQueueCount: r
+        }
+      ) : null
+    }
+  );
+}
+function De(t) {
+  const n = t ?? "system", [r, s] = me(
+    () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches
+  );
+  return Z(() => {
+    if (n !== "system" || typeof window > "u" || typeof window.matchMedia != "function")
+      return;
+    const o = window.matchMedia("(prefers-color-scheme: dark)"), c = (f) => s(f.matches);
+    return s(o.matches), o.addEventListener("change", c), () => o.removeEventListener("change", c);
+  }, [n]), he(() => n === "dark" ? "dark" : n === "light" ? "light" : r ? "dark" : "light", [r, n]);
+}
+function ze({
+  dialog: t,
+  dialogToneClasses: n,
+  icons: r,
+  iconToneClasses: s,
+  pendingCount: o,
+  scheme: c,
+  motionClassName: f,
+  schemeClassName: m,
+  showQueueCount: T
+}) {
+  const E = r[t.type], v = !!t.action || t.dismissible, p = t.type === "loading", k = n[t.type], x = s[t.type], R = w(
+    t.type === "error" && "nf-action-error",
+    t.type === "info" && "nf-action-info",
+    t.type === "success" && "nf-action-success",
+    t.type === "warning" && "nf-action-warning",
+    (t.type === "default" || t.type === "loading") && "nf-action-default"
+  );
+  return /* @__PURE__ */ a.jsxs(b.Portal, { children: [
+    /* @__PURE__ */ a.jsx(b.Overlay, { className: w("nf-overlay", f) }),
+    /* @__PURE__ */ a.jsxs(
+      b.Content,
+      {
+        className: w(
+          "nf-content",
+          f,
+          c === "dark" && "nf-scheme-dark",
+          k,
+          m
+        ),
+        onEscapeKeyDown: (N) => {
+          (!t.dismissible || !t.allowEscapeClose) && N.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ a.jsxs("div", { className: "nf-header", children: [
+            /* @__PURE__ */ a.jsxs("div", { className: "nf-title-row", children: [
+              /* @__PURE__ */ a.jsx("div", { className: w("nf-icon-wrap", x), children: /* @__PURE__ */ a.jsx(
+                E,
+                {
+                  className: w(
+                    "nf-icon",
+                    t.type === "loading" && "nf-icon-spin"
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ a.jsx(b.Title, { className: "nf-title", children: t.title })
+            ] }),
+            /* @__PURE__ */ a.jsx(
+              b.Description,
+              {
+                "aria-live": t.type === "error" ? "assertive" : "polite",
+                className: "nf-description",
+                children: t.description ? t.description : /* @__PURE__ */ a.jsx(be, { children: "Notification dialog" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a.jsxs("div", { className: "nf-footer", children: [
+            T && o > 0 ? /* @__PURE__ */ a.jsxs("div", { className: "nf-pending", children: [
+              o,
+              " pending"
+            ] }) : null,
+            /* @__PURE__ */ a.jsxs("div", { className: "nf-actions", children: [
+              t.cancel ? /* @__PURE__ */ a.jsx(b.Cancel, { asChild: !0, children: /* @__PURE__ */ a.jsx(
+                "button",
+                {
+                  className: "nf-button nf-button-cancel",
+                  disabled: p,
+                  onClick: () => {
+                    t.cancel?.onClick?.(), h.dismiss(t.id);
+                  },
+                  type: "button",
+                  children: t.cancel.label
+                }
+              ) }) : null,
+              v ? /* @__PURE__ */ a.jsx(b.Action, { asChild: !0, children: /* @__PURE__ */ a.jsx(
+                "button",
+                {
+                  className: w(
+                    "nf-button nf-button-action",
+                    R
+                  ),
+                  disabled: p,
+                  onClick: () => {
+                    t.action?.onClick?.(), h.dismiss(t.id);
+                  },
+                  type: "button",
+                  children: t.action?.label ?? "OK"
+                }
+              ) }) : null
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+ke();
+export {
+  Fe as Notifin,
+  We as notifin
+};