@myzbox/react-overlay 1.0.0

package/dist/react-overlay.es.js

@@ -0,0 +1,865 @@
+import re, { useRef as S, useCallback as O, useEffect as N, useState as A, createContext as he, useContext as be } from "react";
+import { createPortal as ve } from "react-dom";
+function ge(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var X = { exports: {} }, D = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ue;
+function we() {
+  if (ue) return D;
+  ue = 1;
+  var r = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
+  function s(c, n, t) {
+    var o = null;
+    if (t !== void 0 && (o = "" + t), n.key !== void 0 && (o = "" + n.key), "key" in n) {
+      t = {};
+      for (var l in n)
+        l !== "key" && (t[l] = n[l]);
+    } else t = n;
+    return n = t.ref, {
+      $$typeof: r,
+      type: c,
+      key: o,
+      ref: n !== void 0 ? n : null,
+      props: t
+    };
+  }
+  return D.Fragment = a, D.jsx = s, D.jsxs = s, D;
+}
+var Y = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var de;
+function xe() {
+  return de || (de = 1, process.env.NODE_ENV !== "production" && (function() {
+    function r(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === C ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case P:
+          return "Fragment";
+        case M:
+          return "Profiler";
+        case G:
+          return "StrictMode";
+        case L:
+          return "Suspense";
+        case H:
+          return "SuspenseList";
+        case v:
+          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 J:
+            return "Portal";
+          case W:
+            return e.displayName || "Context";
+          case F:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case q:
+            var u = e.render;
+            return e = e.displayName, e || (e = u.displayName || u.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case Z:
+            return u = e.displayName || null, u !== null ? u : r(e.type) || "Memo";
+          case B:
+            u = e._payload, e = e._init;
+            try {
+              return r(e(u));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function a(e) {
+      return "" + e;
+    }
+    function s(e) {
+      try {
+        a(e);
+        var u = !1;
+      } catch {
+        u = !0;
+      }
+      if (u) {
+        u = console;
+        var m = u.error, p = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return m.call(
+          u,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          p
+        ), a(e);
+      }
+    }
+    function c(e) {
+      if (e === P) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === B)
+        return "<...>";
+      try {
+        var u = r(e);
+        return u ? "<" + u + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function n() {
+      var e = j.A;
+      return e === null ? null : e.getOwner();
+    }
+    function t() {
+      return Error("react-stack-top-frame");
+    }
+    function o(e) {
+      if ($.call(e, "key")) {
+        var u = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (u && u.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function l(e, u) {
+      function m() {
+        se || (se = !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)",
+          u
+        ));
+      }
+      m.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: m,
+        configurable: !0
+      });
+    }
+    function i() {
+      var e = r(this.type);
+      return ae[e] || (ae[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, u, m, p, z, K) {
+      var h = m.ref;
+      return e = {
+        $$typeof: k,
+        type: e,
+        key: u,
+        props: m,
+        _owner: p
+      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: i
+      }) : 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: z
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: K
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function f(e, u, m, p, z, K) {
+      var h = u.children;
+      if (h !== void 0)
+        if (p)
+          if (U(h)) {
+            for (p = 0; p < h.length; p++)
+              b(h[p]);
+            Object.freeze && Object.freeze(h);
+          } 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 b(h);
+      if ($.call(u, "key")) {
+        h = r(e);
+        var I = Object.keys(u).filter(function(pe) {
+          return pe !== "key";
+        });
+        p = 0 < I.length ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}", ie[h + p] || (I = 0 < I.length ? "{" + I.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} />`,
+          p,
+          h,
+          I,
+          h
+        ), ie[h + p] = !0);
+      }
+      if (h = null, m !== void 0 && (s(m), h = "" + m), o(u) && (s(u.key), h = "" + u.key), "key" in u) {
+        m = {};
+        for (var Q in u)
+          Q !== "key" && (m[Q] = u[Q]);
+      } else m = u;
+      return h && l(
+        m,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), _(
+        e,
+        h,
+        m,
+        n(),
+        z,
+        K
+      );
+    }
+    function b(e) {
+      g(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === B && (e._payload.status === "fulfilled" ? g(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function g(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === k;
+    }
+    var y = re, k = Symbol.for("react.transitional.element"), J = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), G = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), F = Symbol.for("react.consumer"), W = Symbol.for("react.context"), q = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), v = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), j = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, U = Array.isArray, R = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    y = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var se, ae = {}, ce = y.react_stack_bottom_frame.bind(
+      y,
+      t
+    )(), le = R(c(t)), ie = {};
+    Y.Fragment = P, Y.jsx = function(e, u, m) {
+      var p = 1e4 > j.recentlyCreatedOwnerStacks++;
+      return f(
+        e,
+        u,
+        m,
+        !1,
+        p ? Error("react-stack-top-frame") : ce,
+        p ? R(c(e)) : le
+      );
+    }, Y.jsxs = function(e, u, m) {
+      var p = 1e4 > j.recentlyCreatedOwnerStacks++;
+      return f(
+        e,
+        u,
+        m,
+        !0,
+        p ? Error("react-stack-top-frame") : ce,
+        p ? R(c(e)) : le
+      );
+    };
+  })()), Y;
+}
+var _e;
+function Ee() {
+  return _e || (_e = 1, process.env.NODE_ENV === "production" ? X.exports = we() : X.exports = xe()), X.exports;
+}
+var d = Ee();
+const ye = "_overlay_1pta6_15", Te = "_open_1pta6_32", ke = "_center_1pta6_38", je = "_top_1pta6_44", Re = "_bottom_1pta6_50", Ne = "_left_1pta6_55", Se = "_right_1pta6_61", Oe = "_modal_1pta6_94", Ae = "_openScale_1pta6_1", Pe = "_sm_1pta6_124", Ce = "_md_1pta6_128", $e = "_lg_1pta6_132", Ie = "_xl_1pta6_136", Me = "_full_1pta6_140", Le = "_auto_1pta6_147", Be = "_fade_1pta6_180", De = "_header_1pta6_237", Ye = "_draggable_1pta6_247", Ve = "_title_1pta6_252", Fe = "_closeButton_1pta6_259", We = "_content_1pta6_294", qe = "_footer_1pta6_305", w = {
+  overlay: ye,
+  open: Te,
+  center: ke,
+  top: je,
+  bottom: Re,
+  left: Ne,
+  right: Se,
+  "top-left": "_top-left_1pta6_66",
+  "top-right": "_top-right_1pta6_73",
+  "bottom-left": "_bottom-left_1pta6_80",
+  "bottom-right": "_bottom-right_1pta6_87",
+  modal: Oe,
+  openScale: Ae,
+  sm: Pe,
+  md: Ce,
+  lg: $e,
+  xl: Ie,
+  full: Me,
+  auto: Le,
+  "slide-up": "_slide-up_1pta6_164",
+  "slide-down": "_slide-down_1pta6_172",
+  fade: Be,
+  "slide-left": "_slide-left_1pta6_188",
+  "slide-right": "_slide-right_1pta6_196",
+  "drawer-slide-right": "_drawer-slide-right_1pta6_205",
+  "drawer-slide-left": "_drawer-slide-left_1pta6_213",
+  "drawer-slide-up": "_drawer-slide-up_1pta6_221",
+  "drawer-slide-down": "_drawer-slide-down_1pta6_229",
+  header: De,
+  draggable: Ye,
+  title: Ve,
+  closeButton: Fe,
+  content: We,
+  footer: qe
+};
+var ee = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var fe;
+function Ue() {
+  return fe || (fe = 1, (function(r) {
+    (function() {
+      var a = {}.hasOwnProperty;
+      function s() {
+        for (var t = "", o = 0; o < arguments.length; o++) {
+          var l = arguments[o];
+          l && (t = n(t, c(l)));
+        }
+        return t;
+      }
+      function c(t) {
+        if (typeof t == "string" || typeof t == "number")
+          return t;
+        if (typeof t != "object")
+          return "";
+        if (Array.isArray(t))
+          return s.apply(null, t);
+        if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+          return t.toString();
+        var o = "";
+        for (var l in t)
+          a.call(t, l) && t[l] && (o = n(o, l));
+        return o;
+      }
+      function n(t, o) {
+        return o ? t ? t + " " + o : t + o : t;
+      }
+      r.exports ? (s.default = s, r.exports = s) : window.classNames = s;
+    })();
+  })(ee)), ee.exports;
+}
+var ze = Ue();
+const E = /* @__PURE__ */ ge(ze), oe = (r, a) => {
+  const s = S(!1), c = S({ x: 0, y: 0 }), n = S({ x: 0, y: 0 }), t = O((i) => {
+    if (!s.current || !a.current) return;
+    const _ = i.clientX - c.current.x, f = i.clientY - c.current.y, b = n.current.x + _, g = n.current.y + f;
+    a.current.style.transform = `translate(${b}px, ${g}px)`;
+  }, [a]), o = O((i) => {
+    if (!s.current) return;
+    s.current = !1;
+    const _ = i.clientX - c.current.x, f = i.clientY - c.current.y;
+    n.current = {
+      x: n.current.x + _,
+      y: n.current.y + f
+    }, a.current && (a.current.style.transition = ""), document.body.style.userSelect = "", window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", o);
+  }, [a, t]), l = (i) => {
+    !r || !a.current || (s.current = !0, c.current = { x: i.clientX, y: i.clientY }, a.current.style.transition = "none", document.body.style.userSelect = "none", window.addEventListener("mousemove", t), window.addEventListener("mouseup", o));
+  };
+  return N(() => () => {
+    window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", o);
+  }, [t, o]), N(() => {
+    r || (n.current = { x: 0, y: 0 });
+  }, [r]), { onMouseDown: l };
+}, ne = ({
+  isOpen: r,
+  onClose: a,
+  children: s,
+  title: c,
+  footer: n,
+  closeOnOverlayClick: t = !0,
+  closeOnEsc: o = !0,
+  overlayClassName: l,
+  className: i,
+  overlayStyle: _,
+  style: f,
+  position: b = "center",
+  size: g = "md",
+  animation: y = "zoom",
+  initialFocusRef: k,
+  zIndex: J,
+  draggable: P = !1,
+  hideHeader: G = !1
+}) => {
+  const [M, F] = A(!1), [W, q] = A(!1), L = S(null), { onMouseDown: H } = oe(P, L);
+  if (N(() => {
+    if (r)
+      F(!0), requestAnimationFrame(() => q(!0));
+    else {
+      q(!1);
+      const v = setTimeout(() => {
+        F(!1);
+      }, 200);
+      return () => clearTimeout(v);
+    }
+  }, [r]), N(() => {
+    if (!r || !o) return;
+    const v = (C) => {
+      C.key === "Escape" && a();
+    };
+    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
+  }, [r, o, a]), N(() => {
+    if (!r || !M) return;
+    const v = L.current;
+    if (!v) return;
+    k != null && k.current ? k.current.focus() : v.focus();
+    const C = v.querySelectorAll(
+      'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
+    ), j = C[0], $ = C[C.length - 1], U = (R) => {
+      R.key === "Tab" && (R.shiftKey ? document.activeElement === j && (R.preventDefault(), $ == null || $.focus()) : document.activeElement === $ && (R.preventDefault(), j == null || j.focus()));
+    };
+    return v.addEventListener("keydown", U), () => v.removeEventListener("keydown", U);
+  }, [r, M, k]), N(() => {
+    if (r) {
+      const v = window.getComputedStyle(document.body).overflow;
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = v;
+      };
+    }
+  }, [r]), !M) return null;
+  const Z = (v) => {
+    v.target === v.currentTarget && t && a();
+  }, B = /* @__PURE__ */ d.jsx(
+    "div",
+    {
+      className: E(w.overlay, { [w.open]: W }, w[b], l),
+      style: { zIndex: J, ..._ },
+      onClick: Z,
+      role: "presentation",
+      children: /* @__PURE__ */ d.jsxs(
+        "div",
+        {
+          ref: L,
+          className: E(
+            w.modal,
+            { [w.open]: W },
+            w[g],
+            w[y],
+            i
+          ),
+          style: f,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": c ? "modal-title" : void 0,
+          tabIndex: -1,
+          children: [
+            !G && /* @__PURE__ */ d.jsxs(
+              "div",
+              {
+                className: E(w.header, { [w.draggable]: P }),
+                onMouseDown: H,
+                style: { cursor: P ? "move" : "default" },
+                children: [
+                  c ? /* @__PURE__ */ d.jsx("h2", { id: "modal-title", className: w.title, children: c }) : /* @__PURE__ */ d.jsx("div", {}),
+                  /* @__PURE__ */ d.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: w.closeButton,
+                      onClick: a,
+                      "aria-label": "Close modal",
+                      children: /* @__PURE__ */ d.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                        /* @__PURE__ */ d.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                        /* @__PURE__ */ d.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                      ] })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ d.jsx("div", { className: w.content, children: s }),
+            n && /* @__PURE__ */ d.jsx("div", { className: w.footer, children: n })
+          ]
+        }
+      )
+    }
+  );
+  return ve(B, document.body);
+}, Xe = "_drawer_43ihb_24", Je = "_left_43ihb_29", Ge = "_right_43ihb_30", He = "_top_43ihb_35", Ze = "_bottom_43ihb_36", Ke = "_alertModal_43ihb_41", Qe = "_alertContent_43ihb_47", et = "_icon_43ihb_53", tt = "_success_43ihb_64", rt = "_error_43ihb_69", ot = "_warning_43ihb_74", nt = "_info_43ihb_79", st = "_okButton_43ihb_84", at = "_confirmButton_43ihb_85", ct = "_cancelButton_43ihb_107", lt = "_destructive_43ihb_126", x = {
+  drawer: Xe,
+  left: Je,
+  right: Ge,
+  top: He,
+  bottom: Ze,
+  alertModal: Ke,
+  alertContent: Qe,
+  icon: et,
+  success: tt,
+  error: rt,
+  warning: ot,
+  info: nt,
+  okButton: st,
+  confirmButton: at,
+  cancelButton: ct,
+  destructive: lt
+}, Wt = ({
+  type: r = "info",
+  message: a,
+  onOk: s,
+  okText: c = "OK",
+  onClose: n,
+  className: t,
+  showHeader: o = !0,
+  ...l
+}) => {
+  const i = () => {
+    s == null || s(), n();
+  };
+  return /* @__PURE__ */ d.jsx(
+    ne,
+    {
+      ...l,
+      onClose: n,
+      className: E(x.alertModal, x[r], t),
+      size: "sm",
+      hideHeader: !o,
+      footer: /* @__PURE__ */ d.jsx("button", { className: x.okButton, onClick: i, children: c }),
+      children: /* @__PURE__ */ d.jsxs("div", { className: x.alertContent, children: [
+        /* @__PURE__ */ d.jsxs("div", { className: x.icon, children: [
+          r === "success" && "✓",
+          r === "error" && "✕",
+          r === "warning" && "!",
+          r === "info" && "i"
+        ] }),
+        /* @__PURE__ */ d.jsx("div", { className: x.message, children: a })
+      ] })
+    }
+  );
+}, qt = ({
+  message: r,
+  onConfirm: a,
+  onCancel: s,
+  confirmText: c = "Confirm",
+  cancelText: n = "Cancel",
+  isDestructive: t = !1,
+  onClose: o,
+  className: l,
+  ...i
+}) => {
+  const [_, f] = A(!1), b = async () => {
+    try {
+      f(!0), await a(), o();
+    } catch (y) {
+      console.error(y);
+    } finally {
+      f(!1);
+    }
+  }, g = () => {
+    s == null || s(), o();
+  };
+  return /* @__PURE__ */ d.jsx(
+    ne,
+    {
+      ...i,
+      onClose: o,
+      className: E(x.confirmModal, l),
+      size: "sm",
+      closeOnOverlayClick: !_,
+      closeOnEsc: !_,
+      footer: /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+        /* @__PURE__ */ d.jsx(
+          "button",
+          {
+            className: x.cancelButton,
+            onClick: g,
+            disabled: _,
+            children: n
+          }
+        ),
+        /* @__PURE__ */ d.jsx(
+          "button",
+          {
+            className: E(x.confirmButton, { [x.destructive]: t }),
+            onClick: b,
+            disabled: _,
+            children: _ ? "Processing..." : c
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ d.jsx("div", { className: x.confirmContent, children: r })
+    }
+  );
+}, Ut = ({
+  placement: r = "right",
+  className: a,
+  ...s
+}) => {
+  let c = "right", n = "slide-right";
+  switch (r) {
+    case "left":
+      c = "left", n = "drawer-slide-left";
+      break;
+    case "top":
+      c = "top", n = "drawer-slide-down";
+      break;
+    case "bottom":
+      c = "bottom", n = "drawer-slide-up";
+      break;
+    case "right":
+    default:
+      c = "right", n = "drawer-slide-right";
+      break;
+  }
+  return /* @__PURE__ */ d.jsx(
+    ne,
+    {
+      ...s,
+      position: c,
+      animation: n,
+      className: E(x.drawer, x[r], a)
+    }
+  );
+}, it = "_wrapper_1bfkp_1", ut = "_trigger_1bfkp_6", dt = "_popover_1bfkp_11", _t = "_fadeIn_1bfkp_1", ft = "_draggable_1bfkp_24", mt = "_bottom_1bfkp_30", pt = "_top_1bfkp_37", ht = "_left_1bfkp_44", bt = "_right_1bfkp_51", V = {
+  wrapper: it,
+  trigger: ut,
+  popover: dt,
+  fadeIn: _t,
+  draggable: ft,
+  bottom: mt,
+  top: pt,
+  left: ht,
+  right: bt
+}, vt = (r, a) => {
+  N(() => {
+    const s = (c) => {
+      !r.current || r.current.contains(c.target) || a(c);
+    };
+    return document.addEventListener("mousedown", s), document.addEventListener("touchstart", s), () => {
+      document.removeEventListener("mousedown", s), document.removeEventListener("touchstart", s);
+    };
+  }, [r, a]);
+}, zt = ({
+  children: r,
+  content: a,
+  position: s = "bottom",
+  className: c,
+  style: n,
+  width: t,
+  draggable: o = !1
+}) => {
+  const [l, i] = A(!1), _ = S(null), f = S(null);
+  vt(_, () => {
+    l && i(!1);
+  });
+  const { onMouseDown: b } = oe(o, f), g = () => i(!l);
+  return /* @__PURE__ */ d.jsxs("div", { className: V.wrapper, ref: _, children: [
+    /* @__PURE__ */ d.jsx("div", { onClick: g, className: V.trigger, children: r }),
+    l && /* @__PURE__ */ d.jsx(
+      "div",
+      {
+        ref: f,
+        className: E(
+          V.popover,
+          V[s],
+          c,
+          { [V.draggable]: o }
+        ),
+        style: { width: t, ...n },
+        role: "dialog",
+        "aria-modal": "false",
+        onMouseDown: b,
+        children: typeof a == "function" ? a(() => i(!1)) : a
+      }
+    )
+  ] });
+}, gt = "_toast_15h14_1", wt = "_slideIn_15h14_1", xt = "_draggable_15h14_19", Et = "_exiting_15h14_24", yt = "_success_15h14_31", Tt = "_error_15h14_35", kt = "_warning_15h14_39", jt = "_info_15h14_43", Rt = "_icon_15h14_47", Nt = "_content_15h14_78", St = "_closeBtn_15h14_85", Ot = "_container_15h14_119", At = "_slideInBottom_15h14_1", T = {
+  toast: gt,
+  slideIn: wt,
+  draggable: xt,
+  exiting: Et,
+  success: yt,
+  error: Tt,
+  warning: kt,
+  info: jt,
+  icon: Rt,
+  content: Nt,
+  closeBtn: St,
+  container: Ot,
+  "top-left": "_top-left_15h14_129",
+  "top-right": "_top-right_15h14_135",
+  "top-center": "_top-center_15h14_141",
+  "bottom-left": "_bottom-left_15h14_148",
+  "bottom-right": "_bottom-right_15h14_155",
+  "bottom-center": "_bottom-center_15h14_162",
+  slideInBottom: At
+}, Pt = ({
+  id: r,
+  type: a,
+  content: s,
+  duration: c = 3e3,
+  onDismiss: n,
+  draggable: t = !1
+}) => {
+  const [o, l] = A(!1), i = S(null), { onMouseDown: _ } = oe(t, i), f = re.useCallback(() => {
+    l(!0), setTimeout(() => {
+      n(r);
+    }, 300);
+  }, [r, n]);
+  return N(() => {
+    if (c > 0) {
+      const b = setTimeout(() => {
+        f();
+      }, c);
+      return () => clearTimeout(b);
+    }
+  }, [c, f]), /* @__PURE__ */ d.jsxs(
+    "div",
+    {
+      ref: i,
+      className: E(
+        T.toast,
+        T[a],
+        {
+          [T.exiting]: o,
+          [T.draggable]: t
+        }
+      ),
+      role: "alert",
+      onMouseDown: _,
+      children: [
+        /* @__PURE__ */ d.jsxs("div", { className: T.icon, children: [
+          a === "success" && "✓",
+          a === "error" && "✕",
+          a === "warning" && "!",
+          a === "info" && "i"
+        ] }),
+        /* @__PURE__ */ d.jsx("div", { className: T.content, children: s }),
+        /* @__PURE__ */ d.jsx("button", { className: T.closeBtn, onClick: f, children: "×" })
+      ]
+    }
+  );
+}, me = he(void 0);
+let Ct = 0;
+const Xt = ({ children: r }) => {
+  const [a, s] = A([]), c = O(({ closeOthers: l, delay: i = 0, ..._ }) => {
+    const f = `toast-${Ct++}`, b = { ..._, duration: _.duration, delay: i, id: f }, g = () => {
+      s((y) => l ? [b] : [...y, b]);
+    };
+    i > 0 ? setTimeout(g, i) : g();
+  }, []), n = O((l) => {
+    s((i) => i.filter((_) => _.id !== l));
+  }, []), t = O(() => {
+    s([]);
+  }, []), o = a.reduce((l, i) => {
+    const _ = i.position || "top-right";
+    return l[_] || (l[_] = []), l[_].push(i), l;
+  }, {});
+  return /* @__PURE__ */ d.jsxs(me.Provider, { value: { addToast: c, removeToast: n, clearAll: t }, children: [
+    r,
+    Object.keys(o).map((l) => /* @__PURE__ */ d.jsx("div", { className: E(T.container, T[l]), children: o[l].map((i) => /* @__PURE__ */ d.jsx(Pt, { ...i, onDismiss: n }, i.id)) }, l))
+  ] });
+}, Jt = () => {
+  const r = be(me);
+  if (!r)
+    throw new Error("useToast must be used within a ToastProvider");
+  const { addToast: a, removeToast: s, clearAll: c } = r, n = (t, o, l = {}) => {
+    let i, _ = { ...l };
+    if (typeof o == "object" && o !== null && "content" in o && !re.isValidElement(o)) {
+      const f = o;
+      i = f.content, _ = { ..._, ...f };
+    } else
+      i = o;
+    a({
+      type: t,
+      content: i,
+      duration: 3e3,
+      position: "top-right",
+      ..._
+    });
+  };
+  return {
+    success: (t, o) => n("success", t, o),
+    error: (t, o) => n("error", t, o),
+    warning: (t, o) => n("warning", t, o),
+    info: (t, o) => n("info", t, o),
+    dismiss: (t) => s(t),
+    dismissAll: () => c()
+  };
+}, $t = "_wrapper_1dham_1", It = "_tooltip_1dham_6", Mt = "_fadeIn_1dham_1", Lt = "_top_1dham_22", Bt = "_bottom_1dham_28", Dt = "_left_1dham_34", Yt = "_right_1dham_40", te = {
+  wrapper: $t,
+  tooltip: It,
+  fadeIn: Mt,
+  top: Lt,
+  bottom: Bt,
+  left: Dt,
+  right: Yt
+}, Gt = ({
+  children: r,
+  content: a,
+  position: s = "top",
+  delay: c = 200,
+  width: n,
+  height: t,
+  className: o,
+  style: l
+}) => {
+  const [i, _] = A(!1), f = S(null), b = () => {
+    f.current = setTimeout(() => {
+      _(!0);
+    }, c);
+  }, g = () => {
+    f.current && clearTimeout(f.current), _(!1);
+  };
+  return /* @__PURE__ */ d.jsxs(
+    "div",
+    {
+      className: te.wrapper,
+      onMouseEnter: b,
+      onMouseLeave: g,
+      onFocus: b,
+      onBlur: g,
+      children: [
+        r,
+        i && /* @__PURE__ */ d.jsx(
+          "div",
+          {
+            className: E(te.tooltip, te[s], o),
+            style: { width: n, height: t, ...l },
+            role: "tooltip",
+            children: a
+          }
+        )
+      ]
+    }
+  );
+}, Ht = (r = !1) => {
+  const [a, s] = A(r), c = O(() => s(!0), []), n = O(() => s(!1), []), t = O(() => s((o) => !o), []);
+  return {
+    isOpen: a,
+    open: c,
+    close: n,
+    toggle: t
+  };
+};
+export {
+  Wt as AlertModal,
+  qt as ConfirmModal,
+  Ut as Drawer,
+  ne as Modal,
+  zt as Popover,
+  Pt as Toast,
+  me as ToastContext,
+  Xt as ToastProvider,
+  Gt as Tooltip,
+  vt as useClickOutside,
+  oe as useDraggable,
+  Ht as useModal,
+  Jt as useToast
+};