boottent-design 0.1.4 → 0.1.6

package/dist/boottent-design.provider.es.js

@@ -0,0 +1,2115 @@
+import { jsx as c, jsxs as N, Fragment as pe } from "react/jsx-runtime";
+import { p as nt } from "./portal-manager-CttMAZAu.js";
+import * as s from "react";
+import { useState as me, Fragment as rn, useEffect as ce } from "react";
+import { g as ht, P, i as X, f as W, c as Le, d as D, e as ge, j as nn, D as on, k as an, u as yt, a as Te, S as sn, b as J, I as wt, B as ot, h as cn, l as ln, V as Et, m as un, n as dn, o as fn } from "./index-NAHSuYsJ.js";
+import * as pn from "react-dom";
+import bt from "react-dom";
+import { cn as x } from "./boottent-design.utils.es.js";
+var mn = "Portal", $e = s.forwardRef((e, t) => {
+  var i;
+  const { container: r, ...n } = e, [o, a] = s.useState(!1);
+  ht(() => a(!0), []);
+  const l = r || o && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
+  return l ? bt.createPortal(/* @__PURE__ */ c(P.div, { ...n, ref: t }), l) : null;
+});
+$e.displayName = mn;
+const vn = 5, gn = 2e3;
+let Ce = 0;
+function hn() {
+  return Ce = (Ce + 1) % Number.MAX_SAFE_INTEGER, Ce.toString();
+}
+const xe = /* @__PURE__ */ new Map(), at = (e) => {
+  if (xe.has(e))
+    return;
+  const t = setTimeout(() => {
+    xe.delete(e), Z({
+      type: "REMOVE_TOAST",
+      toastId: e
+    });
+  }, gn);
+  xe.set(e, t);
+}, yn = (e, t) => {
+  switch (t.type) {
+    case "ADD_TOAST":
+      return {
+        ...e,
+        toasts: [t.toast, ...e.toasts].slice(0, vn)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...e,
+        toasts: e.toasts.map(
+          (r) => r.id === t.toast.id ? { ...r, ...t.toast } : r
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: r } = t;
+      return r ? at(r) : e.toasts.forEach((n) => {
+        at(n.id);
+      }), {
+        ...e,
+        toasts: e.toasts.map(
+          (n) => n.id === r || r === void 0 ? {
+            ...n,
+            open: !1
+          } : n
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return t.toastId === void 0 ? {
+        ...e,
+        toasts: []
+      } : {
+        ...e,
+        toasts: e.toasts.filter((r) => r.id !== t.toastId)
+      };
+  }
+}, le = [];
+let ue = { toasts: [] };
+function Z(e) {
+  ue = yn(ue, e), le.forEach((t) => {
+    t(ue);
+  });
+}
+function Tt({ ...e }) {
+  const t = hn(), r = (o) => Z({
+    type: "UPDATE_TOAST",
+    toast: { ...o, id: t }
+  }), n = () => Z({ type: "DISMISS_TOAST", toastId: t });
+  return Z({
+    type: "ADD_TOAST",
+    toast: {
+      ...e,
+      id: t,
+      open: !0,
+      onOpenChange: (o) => {
+        o || (n(), e.onClose && e.onClose());
+      }
+    }
+  }), {
+    id: t,
+    dismiss: n,
+    update: r
+  };
+}
+function wn() {
+  const [e, t] = s.useState(ue);
+  return s.useEffect(() => (le.push(t), () => {
+    const r = le.indexOf(t);
+    r > -1 && le.splice(r, 1);
+  }), [e]), {
+    ...e,
+    toast: Tt,
+    dismiss: (r) => Z({ type: "DISMISS_TOAST", toastId: r })
+  };
+}
+var Ne = "focusScope.autoFocusOnMount", Se = "focusScope.autoFocusOnUnmount", st = { bubbles: !1, cancelable: !0 }, En = "FocusScope", Ct = s.forwardRef((e, t) => {
+  const {
+    loop: r = !1,
+    trapped: n = !1,
+    onMountAutoFocus: o,
+    onUnmountAutoFocus: a,
+    ...l
+  } = e, [i, m] = s.useState(null), d = X(o), v = X(a), p = s.useRef(null), b = W(t, (u) => m(u)), T = s.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  s.useEffect(() => {
+    if (n) {
+      let u = function(h) {
+        if (T.paused || !i) return;
+        const w = h.target;
+        i.contains(w) ? p.current = w : $(p.current, { select: !0 });
+      }, f = function(h) {
+        if (T.paused || !i) return;
+        const w = h.relatedTarget;
+        w !== null && (i.contains(w) || $(p.current, { select: !0 }));
+      }, g = function(h) {
+        if (document.activeElement === document.body)
+          for (const C of h)
+            C.removedNodes.length > 0 && $(i);
+      };
+      document.addEventListener("focusin", u), document.addEventListener("focusout", f);
+      const y = new MutationObserver(g);
+      return i && y.observe(i, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", u), document.removeEventListener("focusout", f), y.disconnect();
+      };
+    }
+  }, [n, i, T.paused]), s.useEffect(() => {
+    if (i) {
+      ct.add(T);
+      const u = document.activeElement;
+      if (!i.contains(u)) {
+        const g = new CustomEvent(Ne, st);
+        i.addEventListener(Ne, d), i.dispatchEvent(g), g.defaultPrevented || (bn(Sn(xt(i)), { select: !0 }), document.activeElement === u && $(i));
+      }
+      return () => {
+        i.removeEventListener(Ne, d), setTimeout(() => {
+          const g = new CustomEvent(Se, st);
+          i.addEventListener(Se, v), i.dispatchEvent(g), g.defaultPrevented || $(u ?? document.body, { select: !0 }), i.removeEventListener(Se, v), ct.remove(T);
+        }, 0);
+      };
+    }
+  }, [i, d, v, T]);
+  const S = s.useCallback(
+    (u) => {
+      if (!r && !n || T.paused) return;
+      const f = u.key === "Tab" && !u.altKey && !u.ctrlKey && !u.metaKey, g = document.activeElement;
+      if (f && g) {
+        const y = u.currentTarget, [h, w] = Tn(y);
+        h && w ? !u.shiftKey && g === w ? (u.preventDefault(), r && $(h, { select: !0 })) : u.shiftKey && g === h && (u.preventDefault(), r && $(w, { select: !0 })) : g === y && u.preventDefault();
+      }
+    },
+    [r, n, T.paused]
+  );
+  return /* @__PURE__ */ c(P.div, { tabIndex: -1, ...l, ref: b, onKeyDown: S });
+});
+Ct.displayName = En;
+function bn(e, { select: t = !1 } = {}) {
+  const r = document.activeElement;
+  for (const n of e)
+    if ($(n, { select: t }), document.activeElement !== r) return;
+}
+function Tn(e) {
+  const t = xt(e), r = it(t, e), n = it(t.reverse(), e);
+  return [r, n];
+}
+function xt(e) {
+  const t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (n) => {
+      const o = n.tagName === "INPUT" && n.type === "hidden";
+      return n.disabled || n.hidden || o ? NodeFilter.FILTER_SKIP : n.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; r.nextNode(); ) t.push(r.currentNode);
+  return t;
+}
+function it(e, t) {
+  for (const r of e)
+    if (!Cn(r, { upTo: t })) return r;
+}
+function Cn(e, { upTo: t }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (t !== void 0 && e === t) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function xn(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function $(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const r = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== r && xn(e) && t && e.select();
+  }
+}
+var ct = Nn();
+function Nn() {
+  let e = [];
+  return {
+    add(t) {
+      const r = e[0];
+      t !== r && (r == null || r.pause()), e = lt(e, t), e.unshift(t);
+    },
+    remove(t) {
+      var r;
+      e = lt(e, t), (r = e[0]) == null || r.resume();
+    }
+  };
+}
+function lt(e, t) {
+  const r = [...e], n = r.indexOf(t);
+  return n !== -1 && r.splice(n, 1), r;
+}
+function Sn(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+var Ae = 0;
+function An() {
+  s.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? ut()), document.body.insertAdjacentElement("beforeend", e[1] ?? ut()), Ae++, () => {
+      Ae === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Ae--;
+    };
+  }, []);
+}
+function ut() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+var M = function() {
+  return M = Object.assign || function(t) {
+    for (var r, n = 1, o = arguments.length; n < o; n++) {
+      r = arguments[n];
+      for (var a in r) Object.prototype.hasOwnProperty.call(r, a) && (t[a] = r[a]);
+    }
+    return t;
+  }, M.apply(this, arguments);
+};
+function Nt(e, t) {
+  var r = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
+      t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
+  return r;
+}
+function Dn(e, t, r) {
+  if (r || arguments.length === 2) for (var n = 0, o = t.length, a; n < o; n++)
+    (a || !(n in t)) && (a || (a = Array.prototype.slice.call(t, 0, n)), a[n] = t[n]);
+  return e.concat(a || Array.prototype.slice.call(t));
+}
+var de = "right-scroll-bar-position", fe = "width-before-scroll-bar", Rn = "with-scroll-bars-hidden", Pn = "--removed-body-scroll-bar-size";
+function De(e, t) {
+  return typeof e == "function" ? e(t) : e && (e.current = t), e;
+}
+function _n(e, t) {
+  var r = me(function() {
+    return {
+      // value
+      value: e,
+      // last callback
+      callback: t,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return r.value;
+        },
+        set current(n) {
+          var o = r.value;
+          o !== n && (r.value = n, r.callback(n, o));
+        }
+      }
+    };
+  })[0];
+  return r.callback = t, r.facade;
+}
+var On = typeof window < "u" ? s.useLayoutEffect : s.useEffect, dt = /* @__PURE__ */ new WeakMap();
+function In(e, t) {
+  var r = _n(null, function(n) {
+    return e.forEach(function(o) {
+      return De(o, n);
+    });
+  });
+  return On(function() {
+    var n = dt.get(r);
+    if (n) {
+      var o = new Set(n), a = new Set(e), l = r.current;
+      o.forEach(function(i) {
+        a.has(i) || De(i, null);
+      }), a.forEach(function(i) {
+        o.has(i) || De(i, l);
+      });
+    }
+    dt.set(r, e);
+  }, [e]), r;
+}
+function Mn(e) {
+  return e;
+}
+function Fn(e, t) {
+  t === void 0 && (t = Mn);
+  var r = [], n = !1, o = {
+    read: function() {
+      if (n)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return r.length ? r[r.length - 1] : e;
+    },
+    useMedium: function(a) {
+      var l = t(a, n);
+      return r.push(l), function() {
+        r = r.filter(function(i) {
+          return i !== l;
+        });
+      };
+    },
+    assignSyncMedium: function(a) {
+      for (n = !0; r.length; ) {
+        var l = r;
+        r = [], l.forEach(a);
+      }
+      r = {
+        push: function(i) {
+          return a(i);
+        },
+        filter: function() {
+          return r;
+        }
+      };
+    },
+    assignMedium: function(a) {
+      n = !0;
+      var l = [];
+      if (r.length) {
+        var i = r;
+        r = [], i.forEach(a), l = r;
+      }
+      var m = function() {
+        var v = l;
+        l = [], v.forEach(a);
+      }, d = function() {
+        return Promise.resolve().then(m);
+      };
+      d(), r = {
+        push: function(v) {
+          l.push(v), d();
+        },
+        filter: function(v) {
+          return l = l.filter(v), r;
+        }
+      };
+    }
+  };
+  return o;
+}
+function kn(e) {
+  e === void 0 && (e = {});
+  var t = Fn(null);
+  return t.options = M({ async: !0, ssr: !1 }, e), t;
+}
+var St = function(e) {
+  var t = e.sideCar, r = Nt(e, ["sideCar"]);
+  if (!t)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var n = t.read();
+  if (!n)
+    throw new Error("Sidecar medium not found");
+  return s.createElement(n, M({}, r));
+};
+St.isSideCarExport = !0;
+function Ln(e, t) {
+  return e.useMedium(t), St;
+}
+var At = kn(), Re = function() {
+}, he = s.forwardRef(function(e, t) {
+  var r = s.useRef(null), n = s.useState({
+    onScrollCapture: Re,
+    onWheelCapture: Re,
+    onTouchMoveCapture: Re
+  }), o = n[0], a = n[1], l = e.forwardProps, i = e.children, m = e.className, d = e.removeScrollBar, v = e.enabled, p = e.shards, b = e.sideCar, T = e.noIsolation, S = e.inert, u = e.allowPinchZoom, f = e.as, g = f === void 0 ? "div" : f, y = e.gapMode, h = Nt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), w = b, C = In([r, t]), A = M(M({}, h), o);
+  return s.createElement(
+    s.Fragment,
+    null,
+    v && s.createElement(w, { sideCar: At, removeScrollBar: d, shards: p, noIsolation: T, inert: S, setCallbacks: a, allowPinchZoom: !!u, lockRef: r, gapMode: y }),
+    l ? s.cloneElement(s.Children.only(i), M(M({}, A), { ref: C })) : s.createElement(g, M({}, A, { className: m, ref: C }), i)
+  );
+});
+he.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+he.classNames = {
+  fullWidth: fe,
+  zeroRight: de
+};
+var $n = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+function Wn() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var t = $n();
+  return t && e.setAttribute("nonce", t), e;
+}
+function Vn(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+}
+function Bn(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
+}
+var Kn = function() {
+  var e = 0, t = null;
+  return {
+    add: function(r) {
+      e == 0 && (t = Wn()) && (Vn(t, r), Bn(t)), e++;
+    },
+    remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    }
+  };
+}, zn = function() {
+  var e = Kn();
+  return function(t, r) {
+    s.useEffect(function() {
+      return e.add(t), function() {
+        e.remove();
+      };
+    }, [t && r]);
+  };
+}, Dt = function() {
+  var e = zn(), t = function(r) {
+    var n = r.styles, o = r.dynamic;
+    return e(n, o), null;
+  };
+  return t;
+}, Hn = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, Pe = function(e) {
+  return parseInt(e || "", 10) || 0;
+}, Un = function(e) {
+  var t = window.getComputedStyle(document.body), r = t[e === "padding" ? "paddingLeft" : "marginLeft"], n = t[e === "padding" ? "paddingTop" : "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"];
+  return [Pe(r), Pe(n), Pe(o)];
+}, jn = function(e) {
+  if (e === void 0 && (e = "margin"), typeof window > "u")
+    return Hn;
+  var t = Un(e), r = document.documentElement.clientWidth, n = window.innerWidth;
+  return {
+    left: t[0],
+    top: t[1],
+    right: t[2],
+    gap: Math.max(0, n - r + t[2] - t[0])
+  };
+}, Yn = Dt(), j = "data-scroll-locked", Xn = function(e, t, r, n) {
+  var o = e.left, a = e.top, l = e.right, i = e.gap;
+  return r === void 0 && (r = "margin"), `
+  .`.concat(Rn, ` {
+   overflow: hidden `).concat(n, `;
+   padding-right: `).concat(i, "px ").concat(n, `;
+  }
+  body[`).concat(j, `] {
+    overflow: hidden `).concat(n, `;
+    overscroll-behavior: contain;
+    `).concat([
+    t && "position: relative ".concat(n, ";"),
+    r === "margin" && `
+    padding-left: `.concat(o, `px;
+    padding-top: `).concat(a, `px;
+    padding-right: `).concat(l, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(i, "px ").concat(n, `;
+    `),
+    r === "padding" && "padding-right: ".concat(i, "px ").concat(n, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(de, ` {
+    right: `).concat(i, "px ").concat(n, `;
+  }
+  
+  .`).concat(fe, ` {
+    margin-right: `).concat(i, "px ").concat(n, `;
+  }
+  
+  .`).concat(de, " .").concat(de, ` {
+    right: 0 `).concat(n, `;
+  }
+  
+  .`).concat(fe, " .").concat(fe, ` {
+    margin-right: 0 `).concat(n, `;
+  }
+  
+  body[`).concat(j, `] {
+    `).concat(Pn, ": ").concat(i, `px;
+  }
+`);
+}, ft = function() {
+  var e = parseInt(document.body.getAttribute(j) || "0", 10);
+  return isFinite(e) ? e : 0;
+}, Gn = function() {
+  s.useEffect(function() {
+    return document.body.setAttribute(j, (ft() + 1).toString()), function() {
+      var e = ft() - 1;
+      e <= 0 ? document.body.removeAttribute(j) : document.body.setAttribute(j, e.toString());
+    };
+  }, []);
+}, qn = function(e) {
+  var t = e.noRelative, r = e.noImportant, n = e.gapMode, o = n === void 0 ? "margin" : n;
+  Gn();
+  var a = s.useMemo(function() {
+    return jn(o);
+  }, [o]);
+  return s.createElement(Yn, { styles: Xn(a, !t, o, r ? "" : "!important") });
+}, Ie = !1;
+if (typeof window < "u")
+  try {
+    var ne = Object.defineProperty({}, "passive", {
+      get: function() {
+        return Ie = !0, !0;
+      }
+    });
+    window.addEventListener("test", ne, ne), window.removeEventListener("test", ne, ne);
+  } catch {
+    Ie = !1;
+  }
+var z = Ie ? { passive: !1 } : !1, Zn = function(e) {
+  return e.tagName === "TEXTAREA";
+}, Rt = function(e, t) {
+  if (!(e instanceof Element))
+    return !1;
+  var r = window.getComputedStyle(e);
+  return (
+    // not-not-scrollable
+    r[t] !== "hidden" && // contains scroll inside self
+    !(r.overflowY === r.overflowX && !Zn(e) && r[t] === "visible")
+  );
+}, Qn = function(e) {
+  return Rt(e, "overflowY");
+}, Jn = function(e) {
+  return Rt(e, "overflowX");
+}, pt = function(e, t) {
+  var r = t.ownerDocument, n = t;
+  do {
+    typeof ShadowRoot < "u" && n instanceof ShadowRoot && (n = n.host);
+    var o = Pt(e, n);
+    if (o) {
+      var a = _t(e, n), l = a[1], i = a[2];
+      if (l > i)
+        return !0;
+    }
+    n = n.parentNode;
+  } while (n && n !== r.body);
+  return !1;
+}, eo = function(e) {
+  var t = e.scrollTop, r = e.scrollHeight, n = e.clientHeight;
+  return [
+    t,
+    r,
+    n
+  ];
+}, to = function(e) {
+  var t = e.scrollLeft, r = e.scrollWidth, n = e.clientWidth;
+  return [
+    t,
+    r,
+    n
+  ];
+}, Pt = function(e, t) {
+  return e === "v" ? Qn(t) : Jn(t);
+}, _t = function(e, t) {
+  return e === "v" ? eo(t) : to(t);
+}, ro = function(e, t) {
+  return e === "h" && t === "rtl" ? -1 : 1;
+}, no = function(e, t, r, n, o) {
+  var a = ro(e, window.getComputedStyle(t).direction), l = a * n, i = r.target, m = t.contains(i), d = !1, v = l > 0, p = 0, b = 0;
+  do {
+    var T = _t(e, i), S = T[0], u = T[1], f = T[2], g = u - f - a * S;
+    (S || g) && Pt(e, i) && (p += g, b += S), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
+  } while (
+    // portaled content
+    !m && i !== document.body || // self content
+    m && (t.contains(i) || t === i)
+  );
+  return (v && (Math.abs(p) < 1 || !o) || !v && (Math.abs(b) < 1 || !o)) && (d = !0), d;
+}, oe = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, mt = function(e) {
+  return [e.deltaX, e.deltaY];
+}, vt = function(e) {
+  return e && "current" in e ? e.current : e;
+}, oo = function(e, t) {
+  return e[0] === t[0] && e[1] === t[1];
+}, ao = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, so = 0, H = [];
+function io(e) {
+  var t = s.useRef([]), r = s.useRef([0, 0]), n = s.useRef(), o = s.useState(so++)[0], a = s.useState(Dt)[0], l = s.useRef(e);
+  s.useEffect(function() {
+    l.current = e;
+  }, [e]), s.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(o));
+      var u = Dn([e.lockRef.current], (e.shards || []).map(vt), !0).filter(Boolean);
+      return u.forEach(function(f) {
+        return f.classList.add("allow-interactivity-".concat(o));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(o)), u.forEach(function(f) {
+          return f.classList.remove("allow-interactivity-".concat(o));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var i = s.useCallback(function(u, f) {
+    if ("touches" in u && u.touches.length === 2 || u.type === "wheel" && u.ctrlKey)
+      return !l.current.allowPinchZoom;
+    var g = oe(u), y = r.current, h = "deltaX" in u ? u.deltaX : y[0] - g[0], w = "deltaY" in u ? u.deltaY : y[1] - g[1], C, A = u.target, R = Math.abs(h) > Math.abs(w) ? "h" : "v";
+    if ("touches" in u && R === "h" && A.type === "range")
+      return !1;
+    var I = pt(R, A);
+    if (!I)
+      return !0;
+    if (I ? C = R : (C = R === "v" ? "h" : "v", I = pt(R, A)), !I)
+      return !1;
+    if (!n.current && "changedTouches" in u && (h || w) && (n.current = C), !C)
+      return !0;
+    var F = n.current || C;
+    return no(F, f, u, F === "h" ? h : w, !0);
+  }, []), m = s.useCallback(function(u) {
+    var f = u;
+    if (!(!H.length || H[H.length - 1] !== a)) {
+      var g = "deltaY" in f ? mt(f) : oe(f), y = t.current.filter(function(C) {
+        return C.name === f.type && (C.target === f.target || f.target === C.shadowParent) && oo(C.delta, g);
+      })[0];
+      if (y && y.should) {
+        f.cancelable && f.preventDefault();
+        return;
+      }
+      if (!y) {
+        var h = (l.current.shards || []).map(vt).filter(Boolean).filter(function(C) {
+          return C.contains(f.target);
+        }), w = h.length > 0 ? i(f, h[0]) : !l.current.noIsolation;
+        w && f.cancelable && f.preventDefault();
+      }
+    }
+  }, []), d = s.useCallback(function(u, f, g, y) {
+    var h = { name: u, delta: f, target: g, should: y, shadowParent: co(g) };
+    t.current.push(h), setTimeout(function() {
+      t.current = t.current.filter(function(w) {
+        return w !== h;
+      });
+    }, 1);
+  }, []), v = s.useCallback(function(u) {
+    r.current = oe(u), n.current = void 0;
+  }, []), p = s.useCallback(function(u) {
+    d(u.type, mt(u), u.target, i(u, e.lockRef.current));
+  }, []), b = s.useCallback(function(u) {
+    d(u.type, oe(u), u.target, i(u, e.lockRef.current));
+  }, []);
+  s.useEffect(function() {
+    return H.push(a), e.setCallbacks({
+      onScrollCapture: p,
+      onWheelCapture: p,
+      onTouchMoveCapture: b
+    }), document.addEventListener("wheel", m, z), document.addEventListener("touchmove", m, z), document.addEventListener("touchstart", v, z), function() {
+      H = H.filter(function(u) {
+        return u !== a;
+      }), document.removeEventListener("wheel", m, z), document.removeEventListener("touchmove", m, z), document.removeEventListener("touchstart", v, z);
+    };
+  }, []);
+  var T = e.removeScrollBar, S = e.inert;
+  return s.createElement(
+    s.Fragment,
+    null,
+    S ? s.createElement(a, { styles: ao(o) }) : null,
+    T ? s.createElement(qn, { gapMode: e.gapMode }) : null
+  );
+}
+function co(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
+}
+const lo = Ln(At, io);
+var Ot = s.forwardRef(function(e, t) {
+  return s.createElement(he, M({}, e, { ref: t, sideCar: lo }));
+});
+Ot.classNames = he.classNames;
+var uo = function(e) {
+  if (typeof document > "u")
+    return null;
+  var t = Array.isArray(e) ? e[0] : e;
+  return t.ownerDocument.body;
+}, U = /* @__PURE__ */ new WeakMap(), ae = /* @__PURE__ */ new WeakMap(), se = {}, _e = 0, It = function(e) {
+  return e && (e.host || It(e.parentNode));
+}, fo = function(e, t) {
+  return t.map(function(r) {
+    if (e.contains(r))
+      return r;
+    var n = It(r);
+    return n && e.contains(n) ? n : (console.error("aria-hidden", r, "in not contained inside", e, ". Doing nothing"), null);
+  }).filter(function(r) {
+    return !!r;
+  });
+}, po = function(e, t, r, n) {
+  var o = fo(t, Array.isArray(e) ? e : [e]);
+  se[r] || (se[r] = /* @__PURE__ */ new WeakMap());
+  var a = se[r], l = [], i = /* @__PURE__ */ new Set(), m = new Set(o), d = function(p) {
+    !p || i.has(p) || (i.add(p), d(p.parentNode));
+  };
+  o.forEach(d);
+  var v = function(p) {
+    !p || m.has(p) || Array.prototype.forEach.call(p.children, function(b) {
+      if (i.has(b))
+        v(b);
+      else
+        try {
+          var T = b.getAttribute(n), S = T !== null && T !== "false", u = (U.get(b) || 0) + 1, f = (a.get(b) || 0) + 1;
+          U.set(b, u), a.set(b, f), l.push(b), u === 1 && S && ae.set(b, !0), f === 1 && b.setAttribute(r, "true"), S || b.setAttribute(n, "true");
+        } catch (g) {
+          console.error("aria-hidden: cannot operate on ", b, g);
+        }
+    });
+  };
+  return v(t), i.clear(), _e++, function() {
+    l.forEach(function(p) {
+      var b = U.get(p) - 1, T = a.get(p) - 1;
+      U.set(p, b), a.set(p, T), b || (ae.has(p) || p.removeAttribute(n), ae.delete(p)), T || p.removeAttribute(r);
+    }), _e--, _e || (U = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), ae = /* @__PURE__ */ new WeakMap(), se = {});
+  };
+}, mo = function(e, t, r) {
+  r === void 0 && (r = "data-aria-hidden");
+  var n = Array.from(Array.isArray(e) ? e : [e]), o = uo(e);
+  return o ? (n.push.apply(n, Array.from(o.querySelectorAll("[aria-live]"))), po(n, o, r, "aria-hidden")) : function() {
+    return null;
+  };
+}, We = "Dialog", [Mt, Ft] = Le(We), [vo, O] = Mt(We), kt = (e) => {
+  const {
+    __scopeDialog: t,
+    children: r,
+    open: n,
+    defaultOpen: o,
+    onOpenChange: a,
+    modal: l = !0
+  } = e, i = s.useRef(null), m = s.useRef(null), [d = !1, v] = yt({
+    prop: n,
+    defaultProp: o,
+    onChange: a
+  });
+  return /* @__PURE__ */ c(
+    vo,
+    {
+      scope: t,
+      triggerRef: i,
+      contentRef: m,
+      contentId: Te(),
+      titleId: Te(),
+      descriptionId: Te(),
+      open: d,
+      onOpenChange: v,
+      onOpenToggle: s.useCallback(() => v((p) => !p), [v]),
+      modal: l,
+      children: r
+    }
+  );
+};
+kt.displayName = We;
+var Lt = "DialogTrigger", $t = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...n } = e, o = O(Lt, r), a = W(t, o.triggerRef);
+    return /* @__PURE__ */ c(
+      P.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": o.open,
+        "aria-controls": o.contentId,
+        "data-state": Ke(o.open),
+        ...n,
+        ref: a,
+        onClick: D(e.onClick, o.onOpenToggle)
+      }
+    );
+  }
+);
+$t.displayName = Lt;
+var Ve = "DialogPortal", [go, Wt] = Mt(Ve, {
+  forceMount: void 0
+}), Vt = (e) => {
+  const { __scopeDialog: t, forceMount: r, children: n, container: o } = e, a = O(Ve, t);
+  return /* @__PURE__ */ c(go, { scope: t, forceMount: r, children: s.Children.map(n, (l) => /* @__PURE__ */ c(ge, { present: r || a.open, children: /* @__PURE__ */ c($e, { asChild: !0, container: o, children: l }) })) });
+};
+Vt.displayName = Ve;
+var ve = "DialogOverlay", Bt = s.forwardRef(
+  (e, t) => {
+    const r = Wt(ve, e.__scopeDialog), { forceMount: n = r.forceMount, ...o } = e, a = O(ve, e.__scopeDialog);
+    return a.modal ? /* @__PURE__ */ c(ge, { present: n || a.open, children: /* @__PURE__ */ c(ho, { ...o, ref: t }) }) : null;
+  }
+);
+Bt.displayName = ve;
+var ho = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...n } = e, o = O(ve, r);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ c(Ot, { as: nn, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ c(
+        P.div,
+        {
+          "data-state": Ke(o.open),
+          ...n,
+          ref: t,
+          style: { pointerEvents: "auto", ...n.style }
+        }
+      ) })
+    );
+  }
+), B = "DialogContent", Kt = s.forwardRef(
+  (e, t) => {
+    const r = Wt(B, e.__scopeDialog), { forceMount: n = r.forceMount, ...o } = e, a = O(B, e.__scopeDialog);
+    return /* @__PURE__ */ c(ge, { present: n || a.open, children: a.modal ? /* @__PURE__ */ c(yo, { ...o, ref: t }) : /* @__PURE__ */ c(wo, { ...o, ref: t }) });
+  }
+);
+Kt.displayName = B;
+var yo = s.forwardRef(
+  (e, t) => {
+    const r = O(B, e.__scopeDialog), n = s.useRef(null), o = W(t, r.contentRef, n);
+    return s.useEffect(() => {
+      const a = n.current;
+      if (a) return mo(a);
+    }, []), /* @__PURE__ */ c(
+      zt,
+      {
+        ...e,
+        ref: o,
+        trapFocus: r.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: D(e.onCloseAutoFocus, (a) => {
+          var l;
+          a.preventDefault(), (l = r.triggerRef.current) == null || l.focus();
+        }),
+        onPointerDownOutside: D(e.onPointerDownOutside, (a) => {
+          const l = a.detail.originalEvent, i = l.button === 0 && l.ctrlKey === !0;
+          (l.button === 2 || i) && a.preventDefault();
+        }),
+        onFocusOutside: D(
+          e.onFocusOutside,
+          (a) => a.preventDefault()
+        )
+      }
+    );
+  }
+), wo = s.forwardRef(
+  (e, t) => {
+    const r = O(B, e.__scopeDialog), n = s.useRef(!1), o = s.useRef(!1);
+    return /* @__PURE__ */ c(
+      zt,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (a) => {
+          var l, i;
+          (l = e.onCloseAutoFocus) == null || l.call(e, a), a.defaultPrevented || (n.current || (i = r.triggerRef.current) == null || i.focus(), a.preventDefault()), n.current = !1, o.current = !1;
+        },
+        onInteractOutside: (a) => {
+          var m, d;
+          (m = e.onInteractOutside) == null || m.call(e, a), a.defaultPrevented || (n.current = !0, a.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          const l = a.target;
+          ((d = r.triggerRef.current) == null ? void 0 : d.contains(l)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && o.current && a.preventDefault();
+        }
+      }
+    );
+  }
+), zt = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, trapFocus: n, onOpenAutoFocus: o, onCloseAutoFocus: a, ...l } = e, i = O(B, r), m = s.useRef(null), d = W(t, m);
+    return An(), /* @__PURE__ */ N(pe, { children: [
+      /* @__PURE__ */ c(
+        Ct,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: n,
+          onMountAutoFocus: o,
+          onUnmountAutoFocus: a,
+          children: /* @__PURE__ */ c(
+            on,
+            {
+              role: "dialog",
+              id: i.contentId,
+              "aria-describedby": i.descriptionId,
+              "aria-labelledby": i.titleId,
+              "data-state": Ke(i.open),
+              ...l,
+              ref: d,
+              onDismiss: () => i.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ N(pe, { children: [
+        /* @__PURE__ */ c(bo, { titleId: i.titleId }),
+        /* @__PURE__ */ c(Co, { contentRef: m, descriptionId: i.descriptionId })
+      ] })
+    ] });
+  }
+), Be = "DialogTitle", Ht = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...n } = e, o = O(Be, r);
+    return /* @__PURE__ */ c(P.h2, { id: o.titleId, ...n, ref: t });
+  }
+);
+Ht.displayName = Be;
+var Ut = "DialogDescription", jt = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...n } = e, o = O(Ut, r);
+    return /* @__PURE__ */ c(P.p, { id: o.descriptionId, ...n, ref: t });
+  }
+);
+jt.displayName = Ut;
+var Yt = "DialogClose", Xt = s.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...n } = e, o = O(Yt, r);
+    return /* @__PURE__ */ c(
+      P.button,
+      {
+        type: "button",
+        ...n,
+        ref: t,
+        onClick: D(e.onClick, () => o.onOpenChange(!1))
+      }
+    );
+  }
+);
+Xt.displayName = Yt;
+function Ke(e) {
+  return e ? "open" : "closed";
+}
+var Gt = "DialogTitleWarning", [Eo, qt] = an(Gt, {
+  contentName: B,
+  titleName: Be,
+  docsSlug: "dialog"
+}), bo = ({ titleId: e }) => {
+  const t = qt(Gt), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
+  return s.useEffect(() => {
+    e && (document.getElementById(e) || console.error(r));
+  }, [r, e]), null;
+}, To = "DialogDescriptionWarning", Co = ({ contentRef: e, descriptionId: t }) => {
+  const n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${qt(To).contentName}}.`;
+  return s.useEffect(() => {
+    var a;
+    const o = (a = e.current) == null ? void 0 : a.getAttribute("aria-describedby");
+    t && o && (document.getElementById(t) || console.warn(n));
+  }, [n, e, t]), null;
+}, Zt = kt, xo = $t, Qt = Vt, ze = Bt, He = Kt, Ue = Ht, je = jt, Ye = Xt, Jt = "AlertDialog", [No, ma] = Le(Jt, [
+  Ft
+]), k = Ft(), er = (e) => {
+  const { __scopeAlertDialog: t, ...r } = e, n = k(t);
+  return /* @__PURE__ */ c(Zt, { ...n, ...r, modal: !0 });
+};
+er.displayName = Jt;
+var So = "AlertDialogTrigger", Ao = s.forwardRef(
+  (e, t) => {
+    const { __scopeAlertDialog: r, ...n } = e, o = k(r);
+    return /* @__PURE__ */ c(xo, { ...o, ...n, ref: t });
+  }
+);
+Ao.displayName = So;
+var Do = "AlertDialogPortal", tr = (e) => {
+  const { __scopeAlertDialog: t, ...r } = e, n = k(t);
+  return /* @__PURE__ */ c(Qt, { ...n, ...r });
+};
+tr.displayName = Do;
+var Ro = "AlertDialogOverlay", rr = s.forwardRef(
+  (e, t) => {
+    const { __scopeAlertDialog: r, ...n } = e, o = k(r);
+    return /* @__PURE__ */ c(ze, { ...o, ...n, ref: t });
+  }
+);
+rr.displayName = Ro;
+var Y = "AlertDialogContent", [Po, _o] = No(Y), nr = s.forwardRef(
+  (e, t) => {
+    const { __scopeAlertDialog: r, children: n, ...o } = e, a = k(r), l = s.useRef(null), i = W(t, l), m = s.useRef(null);
+    return /* @__PURE__ */ c(
+      Eo,
+      {
+        contentName: Y,
+        titleName: or,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ c(Po, { scope: r, cancelRef: m, children: /* @__PURE__ */ N(
+          He,
+          {
+            role: "alertdialog",
+            ...a,
+            ...o,
+            ref: i,
+            onOpenAutoFocus: D(o.onOpenAutoFocus, (d) => {
+              var v;
+              d.preventDefault(), (v = m.current) == null || v.focus({ preventScroll: !0 });
+            }),
+            onPointerDownOutside: (d) => d.preventDefault(),
+            onInteractOutside: (d) => d.preventDefault(),
+            children: [
+              /* @__PURE__ */ c(sn, { children: n }),
+              /* @__PURE__ */ c(Io, { contentRef: l })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+nr.displayName = Y;
+var or = "AlertDialogTitle", ar = s.forwardRef(
+  (e, t) => {
+    const { __scopeAlertDialog: r, ...n } = e, o = k(r);
+    return /* @__PURE__ */ c(Ue, { ...o, ...n, ref: t });
+  }
+);
+ar.displayName = or;
+var sr = "AlertDialogDescription", ir = s.forwardRef((e, t) => {
+  const { __scopeAlertDialog: r, ...n } = e, o = k(r);
+  return /* @__PURE__ */ c(je, { ...o, ...n, ref: t });
+});
+ir.displayName = sr;
+var Oo = "AlertDialogAction", cr = s.forwardRef(
+  (e, t) => {
+    const { __scopeAlertDialog: r, ...n } = e, o = k(r);
+    return /* @__PURE__ */ c(Ye, { ...o, ...n, ref: t });
+  }
+);
+cr.displayName = Oo;
+var lr = "AlertDialogCancel", ur = s.forwardRef(
+  (e, t) => {
+    const { __scopeAlertDialog: r, ...n } = e, { cancelRef: o } = _o(lr, r), a = k(r), l = W(t, o);
+    return /* @__PURE__ */ c(Ye, { ...a, ...n, ref: l });
+  }
+);
+ur.displayName = lr;
+var Io = ({ contentRef: e }) => {
+  const t = `\`${Y}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${Y}\` by passing a \`${sr}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${Y}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  return s.useEffect(() => {
+    var n;
+    document.getElementById(
+      (n = e.current) == null ? void 0 : n.getAttribute("aria-describedby")
+    ) || console.warn(t);
+  }, [t, e]), null;
+}, Mo = er, Fo = tr, dr = rr, fr = nr, pr = cr, mr = ur, vr = ar, gr = ir;
+const hr = Mo, ko = Fo, yr = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ c(
+  dr,
+  {
+    className: x(
+      "fixed inset-0 z-50 bg-black/60 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...t,
+    ref: r
+  }
+));
+yr.displayName = dr.displayName;
+const Lo = {
+  sm: "max-w-[344px]",
+  // 24rem
+  md: "max-w-[500px]",
+  // 28rem
+  lg: "max-w-[640px]",
+  // 32rem
+  fit: "max-w-fit"
+}, Xe = s.forwardRef(({ className: e, size: t = "sm", ...r }, n) => /* @__PURE__ */ N(ko, { children: [
+  /* @__PURE__ */ c(yr, {}),
+  /* @__PURE__ */ c(
+    fr,
+    {
+      ref: n,
+      className: x(
+        "fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-4 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+        Lo[t],
+        e
+      ),
+      ...r
+    }
+  )
+] }));
+Xe.displayName = fr.displayName;
+const Ge = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: x(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      e
+    ),
+    ...t
+  }
+);
+Ge.displayName = "AlertDialogHeader";
+const qe = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: x(
+      "flex flex-col-reverse sm:flex-row sm:justify-between sm:space-x-2",
+      e
+    ),
+    ...t
+  }
+);
+qe.displayName = "AlertDialogFooter";
+const Ze = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ c(
+  vr,
+  {
+    ref: r,
+    className: x("whitespace-pre-wrap text-semibold16", e),
+    ...t
+  }
+));
+Ze.displayName = vr.displayName;
+const Q = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ c(
+  gr,
+  {
+    ref: r,
+    className: x(
+      "whitespace-pre-wrap text-xs font-normal text-grey-600",
+      e
+    ),
+    ...t
+  }
+));
+Q.displayName = gr.displayName;
+const Qe = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ c(
+  pr,
+  {
+    ref: r,
+    className: x(J({ size: "sm" }), e),
+    ...t
+  }
+));
+Qe.displayName = pr.displayName;
+const wr = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ c(
+  mr,
+  {
+    ref: r,
+    className: x(
+      J({ variant: "outline", size: "sm" }),
+      "mt-2 w-1/2 sm:mt-0",
+      e
+    ),
+    ...t
+  }
+));
+wr.displayName = mr.displayName;
+const Er = ({
+  title: e = "알림",
+  description: t,
+  confirmText: r = "확인",
+  onConfirm: n,
+  size: o = "sm",
+  onClose: a
+}) => /* @__PURE__ */ c(
+  hr,
+  {
+    open: !0,
+    onOpenChange: (l) => {
+      !l && a && a();
+    },
+    children: /* @__PURE__ */ N(Xe, { size: o, children: [
+      /* @__PURE__ */ N(Ge, { children: [
+        /* @__PURE__ */ c(Ze, { children: e }),
+        /* @__PURE__ */ c(Q, { children: t })
+      ] }),
+      /* @__PURE__ */ c(qe, { children: /* @__PURE__ */ c(
+        Qe,
+        {
+          className: x("w-full font-normal"),
+          onClick: () => {
+            a && a(), n && n();
+          },
+          children: r
+        }
+      ) })
+    ] })
+  }
+);
+Er.displayName = "Alert";
+const $o = Zt, Wo = Qt, br = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ c(
+  ze,
+  {
+    ref: r,
+    className: x(
+      "fixed inset-0 z-50 bg-black/50  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...t
+  }
+));
+br.displayName = ze.displayName;
+const Tr = s.forwardRef(({ className: e, children: t, ...r }, n) => /* @__PURE__ */ N(Wo, { children: [
+  /* @__PURE__ */ c(br, {}),
+  /* @__PURE__ */ N(
+    He,
+    {
+      ref: n,
+      className: x(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-xl translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+        e
+      ),
+      ...r,
+      children: [
+        t,
+        /* @__PURE__ */ N(Ye, { className: "absolute right-4 top-5 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground md:right-[30px] md:top-[25px]", children: [
+          /* @__PURE__ */ c(wt.Cancel, { size: "16" }),
+          /* @__PURE__ */ c("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+Tr.displayName = He.displayName;
+const Cr = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: x("flex flex-col text-left md:text-center", e),
+    ...t
+  }
+);
+Cr.displayName = "DialogHeader";
+const xr = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: x(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      e
+    ),
+    ...t
+  }
+);
+xr.displayName = "DialogFooter";
+const Nr = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ c(
+  Ue,
+  {
+    ref: r,
+    className: x(
+      "text-lg font-semibold leading-none tracking-tight",
+      e
+    ),
+    ...t
+  }
+));
+Nr.displayName = Ue.displayName;
+const Sr = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ c(
+  je,
+  {
+    ref: r,
+    className: x("text-sm text-muted", e),
+    ...t
+  }
+));
+Sr.displayName = je.displayName;
+const Ar = s.forwardRef(
+  ({
+    id: e,
+    title: t,
+    description: r,
+    onConfirm: n,
+    onCancel: o,
+    onClose: a,
+    confirmText: l = "확인",
+    cancelText: i = "취소",
+    size: m = "sm",
+    content: d,
+    className: v,
+    ...p
+  }, b) => /* @__PURE__ */ c(
+    $o,
+    {
+      open: !0,
+      onOpenChange: (T) => {
+        !T && a && a();
+      },
+      children: /* @__PURE__ */ N(
+        Tr,
+        {
+          className: x(
+            "max-w-[328px] gap-0 px-0 py-0 md:max-w-[600px]",
+            v
+          ),
+          ...p,
+          ref: b,
+          children: [
+            /* @__PURE__ */ N(Cr, { className: "border-b border-b-border", children: [
+              /* @__PURE__ */ c(Nr, { className: "flex h-[57px] w-full items-center justify-start px-5 md:h-[65px] md:justify-center md:px-[30px]", children: t }),
+              r && /* @__PURE__ */ c(Sr, { children: r })
+            ] }),
+            d && /* @__PURE__ */ c("div", { children: d }),
+            /* @__PURE__ */ N(xr, { children: [
+              o && /* @__PURE__ */ c(
+                ot,
+                {
+                  onClick: () => {
+                    o && o(), a && a();
+                  },
+                  className: x(
+                    J({ variant: "outline", size: "sm" }),
+                    "w-full sm:w-auto"
+                  ),
+                  children: i
+                }
+              ),
+              n && /* @__PURE__ */ c(
+                ot,
+                {
+                  onClick: () => {
+                    n && n(), a && a();
+                  },
+                  className: x(
+                    J({ size: "sm" }),
+                    "w-full sm:w-auto"
+                  ),
+                  children: l
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  )
+);
+Ar.displayName = "Dialog";
+const Dr = s.forwardRef(
+  ({
+    title: e,
+    description: t,
+    subDescription: r,
+    contents: n,
+    onConfirm: o,
+    confirmText: a = "확인",
+    cancelText: l = "취소",
+    size: i = "sm",
+    className: m,
+    onClose: d,
+    ...v
+  }, p) => /* @__PURE__ */ c(
+    hr,
+    {
+      open: !0,
+      onOpenChange: (b) => {
+        !b && d && d();
+      },
+      children: /* @__PURE__ */ N(
+        Xe,
+        {
+          size: i,
+          className: m,
+          ...v,
+          ref: p,
+          children: [
+            /* @__PURE__ */ N(Ge, { children: [
+              /* @__PURE__ */ c(Ze, { children: e }),
+              t && /* @__PURE__ */ c(Q, { children: t }),
+              r && /* @__PURE__ */ c(Q, { className: "text-xs text-grey-600", children: r })
+            ] }),
+            n && /* @__PURE__ */ c(Q, { className: "text-sm font-normal text-grey-600", children: n }),
+            /* @__PURE__ */ N(qe, { children: [
+              /* @__PURE__ */ c(
+                wr,
+                {
+                  className: x("w-full font-normal"),
+                  children: l
+                }
+              ),
+              /* @__PURE__ */ c(
+                Qe,
+                {
+                  className: x("w-full font-normal"),
+                  onClick: () => {
+                    o && o();
+                  },
+                  children: a
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  )
+);
+Dr.displayName = "Modal";
+var Je = "ToastProvider", [et, Vo, Bo] = cn("Toast"), [Rr, va] = Le("Toast", [Bo]), [Ko, ye] = Rr(Je), Pr = (e) => {
+  const {
+    __scopeToast: t,
+    label: r = "Notification",
+    duration: n = 5e3,
+    swipeDirection: o = "right",
+    swipeThreshold: a = 50,
+    children: l
+  } = e, [i, m] = s.useState(null), [d, v] = s.useState(0), p = s.useRef(!1), b = s.useRef(!1);
+  return r.trim() || console.error(
+    `Invalid prop \`label\` supplied to \`${Je}\`. Expected non-empty \`string\`.`
+  ), /* @__PURE__ */ c(et.Provider, { scope: t, children: /* @__PURE__ */ c(
+    Ko,
+    {
+      scope: t,
+      label: r,
+      duration: n,
+      swipeDirection: o,
+      swipeThreshold: a,
+      toastCount: d,
+      viewport: i,
+      onViewportChange: m,
+      onToastAdd: s.useCallback(() => v((T) => T + 1), []),
+      onToastRemove: s.useCallback(() => v((T) => T - 1), []),
+      isFocusedToastEscapeKeyDownRef: p,
+      isClosePausedRef: b,
+      children: l
+    }
+  ) });
+};
+Pr.displayName = Je;
+var _r = "ToastViewport", zo = ["F8"], Me = "toast.viewportPause", Fe = "toast.viewportResume", Or = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToast: r,
+      hotkey: n = zo,
+      label: o = "Notifications ({hotkey})",
+      ...a
+    } = e, l = ye(_r, r), i = Vo(r), m = s.useRef(null), d = s.useRef(null), v = s.useRef(null), p = s.useRef(null), b = W(t, p, l.onViewportChange), T = n.join("+").replace(/Key/g, "").replace(/Digit/g, ""), S = l.toastCount > 0;
+    s.useEffect(() => {
+      const f = (g) => {
+        var h;
+        n.length !== 0 && n.every((w) => g[w] || g.code === w) && ((h = p.current) == null || h.focus());
+      };
+      return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
+    }, [n]), s.useEffect(() => {
+      const f = m.current, g = p.current;
+      if (S && f && g) {
+        const y = () => {
+          if (!l.isClosePausedRef.current) {
+            const A = new CustomEvent(Me);
+            g.dispatchEvent(A), l.isClosePausedRef.current = !0;
+          }
+        }, h = () => {
+          if (l.isClosePausedRef.current) {
+            const A = new CustomEvent(Fe);
+            g.dispatchEvent(A), l.isClosePausedRef.current = !1;
+          }
+        }, w = (A) => {
+          !f.contains(A.relatedTarget) && h();
+        }, C = () => {
+          f.contains(document.activeElement) || h();
+        };
+        return f.addEventListener("focusin", y), f.addEventListener("focusout", w), f.addEventListener("pointermove", y), f.addEventListener("pointerleave", C), window.addEventListener("blur", y), window.addEventListener("focus", h), () => {
+          f.removeEventListener("focusin", y), f.removeEventListener("focusout", w), f.removeEventListener("pointermove", y), f.removeEventListener("pointerleave", C), window.removeEventListener("blur", y), window.removeEventListener("focus", h);
+        };
+      }
+    }, [S, l.isClosePausedRef]);
+    const u = s.useCallback(
+      ({ tabbingDirection: f }) => {
+        const y = i().map((h) => {
+          const w = h.ref.current, C = [w, ...ra(w)];
+          return f === "forwards" ? C : C.reverse();
+        });
+        return (f === "forwards" ? y.reverse() : y).flat();
+      },
+      [i]
+    );
+    return s.useEffect(() => {
+      const f = p.current;
+      if (f) {
+        const g = (y) => {
+          var C, A, R;
+          const h = y.altKey || y.ctrlKey || y.metaKey;
+          if (y.key === "Tab" && !h) {
+            const I = document.activeElement, F = y.shiftKey;
+            if (y.target === f && F) {
+              (C = d.current) == null || C.focus();
+              return;
+            }
+            const V = u({ tabbingDirection: F ? "backwards" : "forwards" }), ee = V.findIndex((E) => E === I);
+            Oe(V.slice(ee + 1)) ? y.preventDefault() : F ? (A = d.current) == null || A.focus() : (R = v.current) == null || R.focus();
+          }
+        };
+        return f.addEventListener("keydown", g), () => f.removeEventListener("keydown", g);
+      }
+    }, [i, u]), /* @__PURE__ */ N(
+      ln,
+      {
+        ref: m,
+        role: "region",
+        "aria-label": o.replace("{hotkey}", T),
+        tabIndex: -1,
+        style: { pointerEvents: S ? void 0 : "none" },
+        children: [
+          S && /* @__PURE__ */ c(
+            ke,
+            {
+              ref: d,
+              onFocusFromOutsideViewport: () => {
+                const f = u({
+                  tabbingDirection: "forwards"
+                });
+                Oe(f);
+              }
+            }
+          ),
+          /* @__PURE__ */ c(et.Slot, { scope: r, children: /* @__PURE__ */ c(P.ol, { tabIndex: -1, ...a, ref: b }) }),
+          S && /* @__PURE__ */ c(
+            ke,
+            {
+              ref: v,
+              onFocusFromOutsideViewport: () => {
+                const f = u({
+                  tabbingDirection: "backwards"
+                });
+                Oe(f);
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Or.displayName = _r;
+var Ir = "ToastFocusProxy", ke = s.forwardRef(
+  (e, t) => {
+    const { __scopeToast: r, onFocusFromOutsideViewport: n, ...o } = e, a = ye(Ir, r);
+    return /* @__PURE__ */ c(
+      Et,
+      {
+        "aria-hidden": !0,
+        tabIndex: 0,
+        ...o,
+        ref: t,
+        style: { position: "fixed" },
+        onFocus: (l) => {
+          var d;
+          const i = l.relatedTarget;
+          !((d = a.viewport) != null && d.contains(i)) && n();
+        }
+      }
+    );
+  }
+);
+ke.displayName = Ir;
+var we = "Toast", Ho = "toast.swipeStart", Uo = "toast.swipeMove", jo = "toast.swipeCancel", Yo = "toast.swipeEnd", Mr = s.forwardRef(
+  (e, t) => {
+    const { forceMount: r, open: n, defaultOpen: o, onOpenChange: a, ...l } = e, [i = !0, m] = yt({
+      prop: n,
+      defaultProp: o,
+      onChange: a
+    });
+    return /* @__PURE__ */ c(ge, { present: r || i, children: /* @__PURE__ */ c(
+      qo,
+      {
+        open: i,
+        ...l,
+        ref: t,
+        onClose: () => m(!1),
+        onPause: X(e.onPause),
+        onResume: X(e.onResume),
+        onSwipeStart: D(e.onSwipeStart, (d) => {
+          d.currentTarget.setAttribute("data-swipe", "start");
+        }),
+        onSwipeMove: D(e.onSwipeMove, (d) => {
+          const { x: v, y: p } = d.detail.delta;
+          d.currentTarget.setAttribute("data-swipe", "move"), d.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${v}px`), d.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${p}px`);
+        }),
+        onSwipeCancel: D(e.onSwipeCancel, (d) => {
+          d.currentTarget.setAttribute("data-swipe", "cancel"), d.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), d.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), d.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), d.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
+        }),
+        onSwipeEnd: D(e.onSwipeEnd, (d) => {
+          const { x: v, y: p } = d.detail.delta;
+          d.currentTarget.setAttribute("data-swipe", "end"), d.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), d.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), d.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${v}px`), d.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${p}px`), m(!1);
+        })
+      }
+    ) });
+  }
+);
+Mr.displayName = we;
+var [Xo, Go] = Rr(we, {
+  onClose() {
+  }
+}), qo = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToast: r,
+      type: n = "foreground",
+      duration: o,
+      open: a,
+      onClose: l,
+      onEscapeKeyDown: i,
+      onPause: m,
+      onResume: d,
+      onSwipeStart: v,
+      onSwipeMove: p,
+      onSwipeCancel: b,
+      onSwipeEnd: T,
+      ...S
+    } = e, u = ye(we, r), [f, g] = s.useState(null), y = W(t, (E) => g(E)), h = s.useRef(null), w = s.useRef(null), C = o || u.duration, A = s.useRef(0), R = s.useRef(C), I = s.useRef(0), { onToastAdd: F, onToastRemove: Ee } = u, K = X(() => {
+      var _;
+      (f == null ? void 0 : f.contains(document.activeElement)) && ((_ = u.viewport) == null || _.focus()), l();
+    }), V = s.useCallback(
+      (E) => {
+        !E || E === 1 / 0 || (window.clearTimeout(I.current), A.current = (/* @__PURE__ */ new Date()).getTime(), I.current = window.setTimeout(K, E));
+      },
+      [K]
+    );
+    s.useEffect(() => {
+      const E = u.viewport;
+      if (E) {
+        const _ = () => {
+          V(R.current), d == null || d();
+        }, L = () => {
+          const G = (/* @__PURE__ */ new Date()).getTime() - A.current;
+          R.current = R.current - G, window.clearTimeout(I.current), m == null || m();
+        };
+        return E.addEventListener(Me, L), E.addEventListener(Fe, _), () => {
+          E.removeEventListener(Me, L), E.removeEventListener(Fe, _);
+        };
+      }
+    }, [u.viewport, C, m, d, V]), s.useEffect(() => {
+      a && !u.isClosePausedRef.current && V(C);
+    }, [a, C, u.isClosePausedRef, V]), s.useEffect(() => (F(), () => Ee()), [F, Ee]);
+    const ee = s.useMemo(() => f ? Br(f) : null, [f]);
+    return u.viewport ? /* @__PURE__ */ N(pe, { children: [
+      ee && /* @__PURE__ */ c(
+        Zo,
+        {
+          __scopeToast: r,
+          role: "status",
+          "aria-live": n === "foreground" ? "assertive" : "polite",
+          "aria-atomic": !0,
+          children: ee
+        }
+      ),
+      /* @__PURE__ */ c(Xo, { scope: r, onClose: K, children: pn.createPortal(
+        /* @__PURE__ */ c(et.ItemSlot, { scope: r, children: /* @__PURE__ */ c(
+          un,
+          {
+            asChild: !0,
+            onEscapeKeyDown: D(i, () => {
+              u.isFocusedToastEscapeKeyDownRef.current || K(), u.isFocusedToastEscapeKeyDownRef.current = !1;
+            }),
+            children: /* @__PURE__ */ c(
+              P.li,
+              {
+                role: "status",
+                "aria-live": "off",
+                "aria-atomic": !0,
+                tabIndex: 0,
+                "data-state": a ? "open" : "closed",
+                "data-swipe-direction": u.swipeDirection,
+                ...S,
+                ref: y,
+                style: { userSelect: "none", touchAction: "none", ...e.style },
+                onKeyDown: D(e.onKeyDown, (E) => {
+                  E.key === "Escape" && (i == null || i(E.nativeEvent), E.nativeEvent.defaultPrevented || (u.isFocusedToastEscapeKeyDownRef.current = !0, K()));
+                }),
+                onPointerDown: D(e.onPointerDown, (E) => {
+                  E.button === 0 && (h.current = { x: E.clientX, y: E.clientY });
+                }),
+                onPointerMove: D(e.onPointerMove, (E) => {
+                  if (!h.current) return;
+                  const _ = E.clientX - h.current.x, L = E.clientY - h.current.y, G = !!w.current, q = ["left", "right"].includes(u.swipeDirection), te = ["left", "up"].includes(u.swipeDirection) ? Math.min : Math.max, en = q ? te(0, _) : 0, tn = q ? 0 : te(0, L), be = E.pointerType === "touch" ? 10 : 2, re = { x: en, y: tn }, rt = { originalEvent: E, delta: re };
+                  G ? (w.current = re, ie(Uo, p, rt, {
+                    discrete: !1
+                  })) : gt(re, u.swipeDirection, be) ? (w.current = re, ie(Ho, v, rt, {
+                    discrete: !1
+                  }), E.target.setPointerCapture(E.pointerId)) : (Math.abs(_) > be || Math.abs(L) > be) && (h.current = null);
+                }),
+                onPointerUp: D(e.onPointerUp, (E) => {
+                  const _ = w.current, L = E.target;
+                  if (L.hasPointerCapture(E.pointerId) && L.releasePointerCapture(E.pointerId), w.current = null, h.current = null, _) {
+                    const G = E.currentTarget, q = { originalEvent: E, delta: _ };
+                    gt(_, u.swipeDirection, u.swipeThreshold) ? ie(Yo, T, q, {
+                      discrete: !0
+                    }) : ie(
+                      jo,
+                      b,
+                      q,
+                      {
+                        discrete: !0
+                      }
+                    ), G.addEventListener("click", (te) => te.preventDefault(), {
+                      once: !0
+                    });
+                  }
+                })
+              }
+            )
+          }
+        ) }),
+        u.viewport
+      ) })
+    ] }) : null;
+  }
+), Zo = (e) => {
+  const { __scopeToast: t, children: r, ...n } = e, o = ye(we, t), [a, l] = s.useState(!1), [i, m] = s.useState(!1);
+  return ea(() => l(!0)), s.useEffect(() => {
+    const d = window.setTimeout(() => m(!0), 1e3);
+    return () => window.clearTimeout(d);
+  }, []), i ? null : /* @__PURE__ */ c($e, { asChild: !0, children: /* @__PURE__ */ c(Et, { ...n, children: a && /* @__PURE__ */ N(pe, { children: [
+    o.label,
+    " ",
+    r
+  ] }) }) });
+}, Qo = "ToastTitle", Fr = s.forwardRef(
+  (e, t) => {
+    const { __scopeToast: r, ...n } = e;
+    return /* @__PURE__ */ c(P.div, { ...n, ref: t });
+  }
+);
+Fr.displayName = Qo;
+var Jo = "ToastDescription", kr = s.forwardRef(
+  (e, t) => {
+    const { __scopeToast: r, ...n } = e;
+    return /* @__PURE__ */ c(P.div, { ...n, ref: t });
+  }
+);
+kr.displayName = Jo;
+var Lr = "ToastAction", $r = s.forwardRef(
+  (e, t) => {
+    const { altText: r, ...n } = e;
+    return r.trim() ? /* @__PURE__ */ c(Vr, { altText: r, asChild: !0, children: /* @__PURE__ */ c(tt, { ...n, ref: t }) }) : (console.error(
+      `Invalid prop \`altText\` supplied to \`${Lr}\`. Expected non-empty \`string\`.`
+    ), null);
+  }
+);
+$r.displayName = Lr;
+var Wr = "ToastClose", tt = s.forwardRef(
+  (e, t) => {
+    const { __scopeToast: r, ...n } = e, o = Go(Wr, r);
+    return /* @__PURE__ */ c(Vr, { asChild: !0, children: /* @__PURE__ */ c(
+      P.button,
+      {
+        type: "button",
+        ...n,
+        ref: t,
+        onClick: D(e.onClick, o.onClose)
+      }
+    ) });
+  }
+);
+tt.displayName = Wr;
+var Vr = s.forwardRef((e, t) => {
+  const { __scopeToast: r, altText: n, ...o } = e;
+  return /* @__PURE__ */ c(
+    P.div,
+    {
+      "data-radix-toast-announce-exclude": "",
+      "data-radix-toast-announce-alt": n || void 0,
+      ...o,
+      ref: t
+    }
+  );
+});
+function Br(e) {
+  const t = [];
+  return Array.from(e.childNodes).forEach((n) => {
+    if (n.nodeType === n.TEXT_NODE && n.textContent && t.push(n.textContent), ta(n)) {
+      const o = n.ariaHidden || n.hidden || n.style.display === "none", a = n.dataset.radixToastAnnounceExclude === "";
+      if (!o)
+        if (a) {
+          const l = n.dataset.radixToastAnnounceAlt;
+          l && t.push(l);
+        } else
+          t.push(...Br(n));
+    }
+  }), t;
+}
+function ie(e, t, r, { discrete: n }) {
+  const o = r.originalEvent.currentTarget, a = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: r });
+  t && o.addEventListener(e, t, { once: !0 }), n ? dn(o, a) : o.dispatchEvent(a);
+}
+var gt = (e, t, r = 0) => {
+  const n = Math.abs(e.x), o = Math.abs(e.y), a = n > o;
+  return t === "left" || t === "right" ? a && n > r : !a && o > r;
+};
+function ea(e = () => {
+}) {
+  const t = X(e);
+  ht(() => {
+    let r = 0, n = 0;
+    return r = window.requestAnimationFrame(() => n = window.requestAnimationFrame(t)), () => {
+      window.cancelAnimationFrame(r), window.cancelAnimationFrame(n);
+    };
+  }, [t]);
+}
+function ta(e) {
+  return e.nodeType === e.ELEMENT_NODE;
+}
+function ra(e) {
+  const t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (n) => {
+      const o = n.tagName === "INPUT" && n.type === "hidden";
+      return n.disabled || n.hidden || o ? NodeFilter.FILTER_SKIP : n.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; r.nextNode(); ) t.push(r.currentNode);
+  return t;
+}
+function Oe(e) {
+  const t = document.activeElement;
+  return e.some((r) => r === t ? !0 : (r.focus(), document.activeElement !== t));
+}
+var na = Pr, Kr = Or, zr = Mr, Hr = Fr, Ur = kr, jr = $r, Yr = tt;
+const oa = na, Xr = s.forwardRef(({ className: e, id: t, ...r }, n) => /* @__PURE__ */ c(
+  Kr,
+  {
+    ref: n,
+    id: t,
+    className: x(
+      "fixed z-[100] flex max-h-screen flex-col-reverse gap-2 p-4 outline-none ring-transparent",
+      e
+    ),
+    ...r
+  }
+));
+Xr.displayName = Kr.displayName;
+const aa = fn(
+  "group pointer-events-auto relative flex w-full whitespace-pre-wrap bg-opacity-90 items-center justify-between space-x-4 overflow-hidden rounded-lg border p-4 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-top-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-top-full",
+  {
+    variants: {
+      variant: {
+        black: "group border bg-grey-800 border-grey-800 text-grey-50",
+        white: "group border bg-grey-50 border-grey-50 text-grey-800"
+      },
+      position: {
+        "top-left": "top-0 left-0",
+        "top-center": "top-0 left-1/2 transform -translate-x-1/2",
+        "top-right": "top-0 right-0",
+        "bottom-left": "bottom-0 left-0",
+        "bottom-center": "bottom-0 left-1/2 transform -translate-x-1/2",
+        "bottom-right": "bottom-0 right-0"
+      },
+      size: {
+        sm: "max-w-xs",
+        md: "max-w-md",
+        lg: "max-w-lg",
+        xl: "max-w-2xl",
+        full: "max-w-full",
+        fit: "max-w-fit"
+      }
+    },
+    defaultVariants: {
+      variant: "black",
+      position: "top-center",
+      // 기본값 변경
+      size: "fit"
+    }
+  }
+), Gr = s.forwardRef(({ className: e, variant: t, position: r, size: n, ...o }, a) => /* @__PURE__ */ c(
+  zr,
+  {
+    ref: a,
+    className: x(aa({ variant: t, position: r, size: n }), e),
+    ...o,
+    duration: 2500
+  }
+));
+Gr.displayName = zr.displayName;
+const qr = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ c(
+  jr,
+  {
+    ref: r,
+    className: x(
+      J({ variant: "outline", size: "sm", theme: "secondary" }),
+      e
+    ),
+    ...t
+  }
+));
+qr.displayName = jr.displayName;
+const Zr = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ c(
+  Yr,
+  {
+    ref: r,
+    className: x(
+      "absolute right-2 top-2 rounded-md p-1 text-grey-50/50 opacity-0 transition-opacity hover:text-grey-50 focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.white]:text-grey-300 group-[.white]:hover:text-grey-50 group-[.white]:focus:ring-grey-400",
+      e
+    ),
+    "toast-close": "",
+    ...t,
+    children: /* @__PURE__ */ c(wt.Cancel, { size: "12" })
+  }
+));
+Zr.displayName = Yr.displayName;
+const Qr = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ c(
+  Hr,
+  {
+    ref: r,
+    className: x("text-sm font-semibold", e),
+    ...t
+  }
+));
+Qr.displayName = Hr.displayName;
+const Jr = s.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ c(
+  Ur,
+  {
+    ref: r,
+    className: x("text-sm font-normal", e),
+    ...t
+  }
+));
+Jr.displayName = Ur.displayName;
+function sa() {
+  const { toasts: e } = wn(), t = e.reduce((r, n) => {
+    const o = n.position || "center";
+    return r[o] || (r[o] = []), r[o].push(n), r;
+  }, {});
+  return /* @__PURE__ */ c(rn, { children: Object.entries(t).map(([r, n]) => /* @__PURE__ */ N(oa, { children: [
+    /* @__PURE__ */ c(
+      Xr,
+      {
+        className: x(
+          r === "top-left" && "top-0 left-0",
+          r === "top-center" && "top-0 left-1/2 transform -translate-x-1/2",
+          r === "top-right" && "top-0 right-0 items-end",
+          r === "bottom-left" && "bottom-0 left-0",
+          r === "bottom-center" && "bottom-0 left-1/2 transform -translate-x-1/2",
+          r === "bottom-right" && "bottom-0 right-0 items-end"
+        )
+      }
+    ),
+    n.map(function({
+      id: o,
+      title: a,
+      description: l,
+      action: i,
+      actionText: m = "확인",
+      closeButton: d = !1,
+      variant: v = "black",
+      ...p
+    }) {
+      return /* @__PURE__ */ N(
+        Gr,
+        {
+          variant: v,
+          position: r,
+          ...p,
+          children: [
+            /* @__PURE__ */ N("div", { className: "grid gap-1", children: [
+              a && /* @__PURE__ */ c(Qr, { children: a }),
+              l && /* @__PURE__ */ c(Jr, { children: l })
+            ] }),
+            i && /* @__PURE__ */ c(qr, { altText: o, onClick: i, className: "overflow-hidden", children: m }),
+            d && /* @__PURE__ */ c(Zr, {})
+          ]
+        },
+        o
+      );
+    })
+  ] }, r)) });
+}
+const ia = ({ children: e }) => {
+  const [t, r] = me(!1), [n, o] = me(null);
+  return ce(() => {
+    r(!0);
+    let a = document.getElementById("portal");
+    a || (a = document.createElement("div"), a.id = "portal", document.body.appendChild(a)), o(a);
+  }, []), !t || !n ? null : bt.createPortal(e, n);
+}, ga = () => {
+  const [e, t] = me([]);
+  ce(() => {
+    const n = nt.subscribe(
+      (o, a) => {
+        t((l) => {
+          if (a) {
+            if (!l.find((i) => i.id === o.id))
+              return [...l, { ...o, isOpen: a }];
+          } else
+            return l.map(
+              (i) => i.id === o.id ? { ...i, isOpen: a } : i
+            );
+          return l;
+        });
+      }
+    );
+    return () => {
+      n();
+    };
+  }, []);
+  const r = (n) => {
+    nt.setPortalOpen(n, !1);
+  };
+  return ce(() => {
+    e.forEach((n) => {
+      if (!n.isOpen) {
+        const o = setTimeout(() => {
+          t((a) => a.filter((l) => l.id !== n.id));
+        }, 300);
+        return () => clearTimeout(o);
+      }
+    });
+  }, [e]), ce(() => {
+    const n = (o) => {
+      const a = o.props;
+      Tt({
+        title: a.title,
+        description: a.description,
+        action: a.action,
+        closeButton: a.closeButton,
+        variant: a.variant,
+        position: a.position,
+        size: a.size,
+        className: a.className
+      }), r(o.id);
+    };
+    e.forEach((o) => {
+      o.type === "toast" && o.isOpen && n(o);
+    });
+  }, [e, r]), /* @__PURE__ */ N(ia, { children: [
+    /* @__PURE__ */ c(sa, {}),
+    e.map((n) => {
+      var o;
+      if (!n.isOpen) return null;
+      switch (n.type) {
+        case "modal":
+          return /* @__PURE__ */ c(
+            Dr,
+            {
+              ...n.props,
+              onClose: () => {
+                n.props.onClose && n.props.onClose(), r(n.id);
+              },
+              description: (o = n.props.description) == null ? void 0 : o.toString()
+            },
+            n.id
+          );
+        case "alert":
+          return /* @__PURE__ */ c(
+            Er,
+            {
+              ...n.props,
+              onClose: () => {
+                n.props.onClose && n.props.onClose(), r(n.id);
+              }
+            },
+            n.id
+          );
+        case "dialog":
+          return /* @__PURE__ */ c(
+            Ar,
+            {
+              ...n.props,
+              onClose: () => {
+                n.props.onClose && n.props.onClose(), r(n.id);
+              }
+            },
+            n.id
+          );
+        case "toast":
+          return null;
+        default:
+          return null;
+      }
+    })
+  ] });
+};
+export {
+  ga as PortalProvider
+};