boottent-design 0.1.6 → 0.1.7

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

@@ -1,2106 +1,97 @@
-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 }];
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import { P as f, T as m, D as p, f as C, M as h } from "./tooltip-x7XcU5XA.js";
+import { useState as P, useEffect as a } from "react";
+import { p as u } from "./portal-manager-CttMAZAu.js";
+import { toast as T } from "./boottent-design.utils.es.js";
+const j = () => {
+  const [t, d] = P([]);
+  a(() => {
+    const s = u.subscribe(
+      (e, o) => {
+        d((i) => {
+          if (o) {
+            if (!i.find((r) => r.id === e.id))
+              return [...i, { ...e, isOpen: o }];
           } else
-            return l.map(
-              (i) => i.id === o.id ? { ...i, isOpen: a } : i
+            return i.map(
+              (r) => r.id === e.id ? { ...r, isOpen: o } : r
             );
-          return l;
+          return i;
         });
       }
     );
     return () => {
-      n();
+      s();
     };
   }, []);
-  const r = (n) => {
-    nt.setPortalOpen(n, !1);
+  const n = (s) => {
+    u.setPortalOpen(s, !1);
   };
-  return ce(() => {
-    e.forEach((n) => {
-      if (!n.isOpen) {
-        const o = setTimeout(() => {
-          t((a) => a.filter((l) => l.id !== n.id));
+  return a(() => {
+    t.forEach((s) => {
+      if (!s.isOpen) {
+        const e = setTimeout(() => {
+          d((o) => o.filter((i) => i.id !== s.id));
         }, 300);
-        return () => clearTimeout(o);
+        return () => clearTimeout(e);
       }
     });
-  }, [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);
+  }, [t]), a(() => {
+    const s = (e) => {
+      const o = e.props;
+      T({
+        title: o.title,
+        description: o.description,
+        action: o.action,
+        closeButton: o.closeButton,
+        variant: o.variant,
+        position: o.position,
+        size: o.size,
+        className: o.className
+      }), n(e.id);
     };
-    e.forEach((o) => {
-      o.type === "toast" && o.isOpen && n(o);
+    t.forEach((e) => {
+      e.type === "toast" && e.isOpen && s(e);
     });
-  }, [e, r]), /* @__PURE__ */ N(ia, { children: [
-    /* @__PURE__ */ c(sa, {}),
-    e.map((n) => {
-      var o;
-      if (!n.isOpen) return null;
-      switch (n.type) {
+  }, [t, n]), /* @__PURE__ */ l(f, { children: [
+    /* @__PURE__ */ c(m, {}),
+    t.map((s) => {
+      var e;
+      if (!s.isOpen) return null;
+      switch (s.type) {
         case "modal":
           return /* @__PURE__ */ c(
-            Dr,
+            h,
             {
-              ...n.props,
+              ...s.props,
               onClose: () => {
-                n.props.onClose && n.props.onClose(), r(n.id);
+                s.props.onClose && s.props.onClose(), n(s.id);
               },
-              description: (o = n.props.description) == null ? void 0 : o.toString()
+              description: (e = s.props.description) == null ? void 0 : e.toString()
             },
-            n.id
+            s.id
           );
         case "alert":
           return /* @__PURE__ */ c(
-            Er,
+            C,
             {
-              ...n.props,
+              ...s.props,
               onClose: () => {
-                n.props.onClose && n.props.onClose(), r(n.id);
+                s.props.onClose && s.props.onClose(), n(s.id);
               }
             },
-            n.id
+            s.id
           );
         case "dialog":
           return /* @__PURE__ */ c(
-            Ar,
+            p,
             {
-              ...n.props,
+              ...s.props,
               onClose: () => {
-                n.props.onClose && n.props.onClose(), r(n.id);
+                s.props.onClose && s.props.onClose(), n(s.id);
               }
             },
-            n.id
+            s.id
           );
         case "toast":
           return null;
@@ -2111,5 +102,5 @@ const ia = ({ children: e }) => {
   ] });
 };
 export {
-  ga as PortalProvider
+  j as PortalProvider
 };