@yeji0214/modal
Version:
모달 컴포넌트
1,590 lines (1,589 loc) • 50 kB
JavaScript
import * as G from "react";
import { forwardRef as vr, useContext as yr, useRef as br, useState as xr, useEffect as gr } from "react";
import Y from "@emotion/styled";
function Er(e) {
if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
var r = e.default;
if (typeof r == "function") {
var t = function n() {
return this instanceof n ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
};
t.prototype = r.prototype;
} else t = {};
return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(n) {
var a = Object.getOwnPropertyDescriptor(e, n);
Object.defineProperty(t, n, a.get ? a : {
enumerable: !0,
get: function() {
return e[n];
}
});
}), t;
}
var xe = { exports: {} }, oe = {};
/**
* @license React
* react-jsx-runtime.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var Ue;
function Sr() {
if (Ue) return oe;
Ue = 1;
var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
function t(n, a, o) {
var i = null;
if (o !== void 0 && (i = "" + o), a.key !== void 0 && (i = "" + a.key), "key" in a) {
o = {};
for (var f in a)
f !== "key" && (o[f] = a[f]);
} else o = a;
return a = o.ref, {
$$typeof: e,
type: n,
key: i,
ref: a !== void 0 ? a : null,
props: o
};
}
return oe.Fragment = r, oe.jsx = t, oe.jsxs = t, oe;
}
var ce = {};
const wr = /* @__PURE__ */ Er(G);
/**
* @license React
* react-jsx-runtime.development.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var Ge;
function Rr() {
return Ge || (Ge = 1, process.env.NODE_ENV !== "production" && function() {
function e(c) {
if (c == null) return null;
if (typeof c == "function")
return c.$$typeof === $e ? null : c.displayName || c.name || null;
if (typeof c == "string") return c;
switch (c) {
case h:
return "Fragment";
case E:
return "Profiler";
case A:
return "StrictMode";
case s:
return "Suspense";
case S:
return "SuspenseList";
case W:
return "Activity";
}
if (typeof c == "object")
switch (typeof c.tag == "number" && console.error(
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
), c.$$typeof) {
case b:
return "Portal";
case g:
return (c.displayName || "Context") + ".Provider";
case v:
return (c._context.displayName || "Context") + ".Consumer";
case P:
var p = c.render;
return c = c.displayName, c || (c = p.displayName || p.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
case x:
return p = c.displayName || null, p !== null ? p : e(c.type) || "Memo";
case H:
p = c._payload, c = c._init;
try {
return e(c(p));
} catch {
}
}
return null;
}
function r(c) {
return "" + c;
}
function t(c) {
try {
r(c);
var p = !1;
} catch {
p = !0;
}
if (p) {
p = console;
var O = p.error, M = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
return O.call(
p,
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
M
), r(c);
}
}
function n(c) {
if (c === h) return "<>";
if (typeof c == "object" && c !== null && c.$$typeof === H)
return "<...>";
try {
var p = e(c);
return p ? "<" + p + ">" : "<...>";
} catch {
return "<...>";
}
}
function a() {
var c = Q.A;
return c === null ? null : c.getOwner();
}
function o() {
return Error("react-stack-top-frame");
}
function i(c) {
if (pe.call(c, "key")) {
var p = Object.getOwnPropertyDescriptor(c, "key").get;
if (p && p.isReactWarning) return !1;
}
return c.key !== void 0;
}
function f(c, p) {
function O() {
me || (me = !0, console.error(
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
p
));
}
O.isReactWarning = !0, Object.defineProperty(c, "key", {
get: O,
configurable: !0
});
}
function d() {
var c = e(this.type);
return he[c] || (he[c] = !0, console.error(
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
)), c = this.props.ref, c !== void 0 ? c : null;
}
function l(c, p, O, M, q, z, te, ne) {
return O = z.ref, c = {
$$typeof: C,
type: c,
key: p,
props: z,
_owner: q
}, (O !== void 0 ? O : null) !== null ? Object.defineProperty(c, "ref", {
enumerable: !1,
get: d
}) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: 0
}), Object.defineProperty(c, "_debugInfo", {
configurable: !1,
enumerable: !1,
writable: !0,
value: null
}), Object.defineProperty(c, "_debugStack", {
configurable: !1,
enumerable: !1,
writable: !0,
value: te
}), Object.defineProperty(c, "_debugTask", {
configurable: !1,
enumerable: !1,
writable: !0,
value: ne
}), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
}
function m(c, p, O, M, q, z, te, ne) {
var N = p.children;
if (N !== void 0)
if (M)
if (ke(N)) {
for (M = 0; M < N.length; M++)
y(N[M]);
Object.freeze && Object.freeze(N);
} else
console.error(
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
);
else y(N);
if (pe.call(p, "key")) {
N = e(c);
var J = Object.keys(p).filter(function(Me) {
return Me !== "key";
});
M = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", ye[N + M] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
`A props object containing a "key" prop is being spread into JSX:
let props = %s;
<%s {...props} />
React keys must be passed directly to JSX without using spread:
let props = %s;
<%s key={someKey} {...props} />`,
M,
N,
J,
N
), ye[N + M] = !0);
}
if (N = null, O !== void 0 && (t(O), N = "" + O), i(p) && (t(p.key), N = "" + p.key), "key" in p) {
O = {};
for (var ae in p)
ae !== "key" && (O[ae] = p[ae]);
} else O = p;
return N && f(
O,
typeof c == "function" ? c.displayName || c.name || "Unknown" : c
), l(
c,
N,
z,
q,
a(),
O,
te,
ne
);
}
function y(c) {
typeof c == "object" && c !== null && c.$$typeof === C && c._store && (c._store.validated = 1);
}
var $ = wr, C = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), E = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), g = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), s = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), H = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), $e = Symbol.for("react.client.reference"), Q = $.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, pe = Object.prototype.hasOwnProperty, ke = Array.isArray, ee = console.createTask ? console.createTask : function() {
return null;
};
$ = {
"react-stack-bottom-frame": function(c) {
return c();
}
};
var me, he = {}, ve = $["react-stack-bottom-frame"].bind(
$,
o
)(), re = ee(n(o)), ye = {};
ce.Fragment = h, ce.jsx = function(c, p, O, M, q) {
var z = 1e4 > Q.recentlyCreatedOwnerStacks++;
return m(
c,
p,
O,
!1,
M,
q,
z ? Error("react-stack-top-frame") : ve,
z ? ee(n(c)) : re
);
}, ce.jsxs = function(c, p, O, M, q) {
var z = 1e4 > Q.recentlyCreatedOwnerStacks++;
return m(
c,
p,
O,
!0,
M,
q,
z ? Error("react-stack-top-frame") : ve,
z ? ee(n(c)) : re
);
};
}()), ce;
}
var Be;
function _r() {
return Be || (Be = 1, process.env.NODE_ENV === "production" ? xe.exports = Sr() : xe.exports = Rr()), xe.exports;
}
var _e = _r();
function Tr(e) {
if (e.sheet)
return e.sheet;
for (var r = 0; r < document.styleSheets.length; r++)
if (document.styleSheets[r].ownerNode === e)
return document.styleSheets[r];
}
function Pr(e) {
var r = document.createElement("style");
return r.setAttribute("data-emotion", e.key), e.nonce !== void 0 && r.setAttribute("nonce", e.nonce), r.appendChild(document.createTextNode("")), r.setAttribute("data-s", ""), r;
}
var Cr = /* @__PURE__ */ function() {
function e(t) {
var n = this;
this._insertTag = function(a) {
var o;
n.tags.length === 0 ? n.insertionPoint ? o = n.insertionPoint.nextSibling : n.prepend ? o = n.container.firstChild : o = n.before : o = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(a, o), n.tags.push(a);
}, this.isSpeedy = t.speedy === void 0 ? !0 : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
}
var r = e.prototype;
return r.hydrate = function(n) {
n.forEach(this._insertTag);
}, r.insert = function(n) {
this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Pr(this));
var a = this.tags[this.tags.length - 1];
if (this.isSpeedy) {
var o = Tr(a);
try {
o.insertRule(n, o.cssRules.length);
} catch {
}
} else
a.appendChild(document.createTextNode(n));
this.ctr++;
}, r.flush = function() {
this.tags.forEach(function(n) {
var a;
return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
}), this.tags = [], this.ctr = 0;
}, e;
}(), I = "-ms-", Te = "-moz-", w = "-webkit-", ar = "comm", ze = "rule", We = "decl", Ar = "@import", or = "@keyframes", Or = "@layer", $r = Math.abs, Pe = String.fromCharCode, kr = Object.assign;
function Mr(e, r) {
return j(e, 0) ^ 45 ? (((r << 2 ^ j(e, 0)) << 2 ^ j(e, 1)) << 2 ^ j(e, 2)) << 2 ^ j(e, 3) : 0;
}
function cr(e) {
return e.trim();
}
function Nr(e, r) {
return (e = r.exec(e)) ? e[0] : e;
}
function R(e, r, t) {
return e.replace(r, t);
}
function Fe(e, r) {
return e.indexOf(r);
}
function j(e, r) {
return e.charCodeAt(r) | 0;
}
function fe(e, r, t) {
return e.slice(r, t);
}
function V(e) {
return e.length;
}
function qe(e) {
return e.length;
}
function ge(e, r) {
return r.push(e), e;
}
function jr(e, r) {
return e.map(r).join("");
}
var Ce = 1, Z = 1, sr = 0, F = 0, k = 0, K = "";
function Ae(e, r, t, n, a, o, i) {
return { value: e, root: r, parent: t, type: n, props: a, children: o, line: Ce, column: Z, length: i, return: "" };
}
function se(e, r) {
return kr(Ae("", null, null, "", null, null, 0), e, { length: -e.length }, r);
}
function Ir() {
return k;
}
function Lr() {
return k = F > 0 ? j(K, --F) : 0, Z--, k === 10 && (Z = 1, Ce--), k;
}
function D() {
return k = F < sr ? j(K, F++) : 0, Z++, k === 10 && (Z = 1, Ce++), k;
}
function B() {
return j(K, F);
}
function Se() {
return F;
}
function de(e, r) {
return fe(K, e, r);
}
function ue(e) {
switch (e) {
// \0 \t \n \r \s whitespace token
case 0:
case 9:
case 10:
case 13:
case 32:
return 5;
// ! + , / > @ ~ isolate token
case 33:
case 43:
case 44:
case 47:
case 62:
case 64:
case 126:
// ; { } breakpoint token
case 59:
case 123:
case 125:
return 4;
// : accompanied token
case 58:
return 3;
// " ' ( [ opening delimit token
case 34:
case 39:
case 40:
case 91:
return 2;
// ) ] closing delimit token
case 41:
case 93:
return 1;
}
return 0;
}
function ir(e) {
return Ce = Z = 1, sr = V(K = e), F = 0, [];
}
function fr(e) {
return K = "", e;
}
function we(e) {
return cr(de(F - 1, Ye(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
}
function Fr(e) {
for (; (k = B()) && k < 33; )
D();
return ue(e) > 2 || ue(k) > 3 ? "" : " ";
}
function Yr(e, r) {
for (; --r && D() && !(k < 48 || k > 102 || k > 57 && k < 65 || k > 70 && k < 97); )
;
return de(e, Se() + (r < 6 && B() == 32 && D() == 32));
}
function Ye(e) {
for (; D(); )
switch (k) {
// ] ) " '
case e:
return F;
// " '
case 34:
case 39:
e !== 34 && e !== 39 && Ye(k);
break;
// (
case 40:
e === 41 && Ye(e);
break;
// \
case 92:
D();
break;
}
return F;
}
function Dr(e, r) {
for (; D() && e + k !== 57; )
if (e + k === 84 && B() === 47)
break;
return "/*" + de(r, F - 1) + "*" + Pe(e === 47 ? e : D());
}
function zr(e) {
for (; !ue(B()); )
D();
return de(e, F);
}
function Wr(e) {
return fr(Re("", null, null, null, [""], e = ir(e), 0, [0], e));
}
function Re(e, r, t, n, a, o, i, f, d) {
for (var l = 0, m = 0, y = i, $ = 0, C = 0, b = 0, h = 1, A = 1, E = 1, v = 0, g = "", P = a, s = o, S = n, x = g; A; )
switch (b = v, v = D()) {
// (
case 40:
if (b != 108 && j(x, y - 1) == 58) {
Fe(x += R(we(v), "&", "&\f"), "&\f") != -1 && (E = -1);
break;
}
// " ' [
case 34:
case 39:
case 91:
x += we(v);
break;
// \t \n \r \s
case 9:
case 10:
case 13:
case 32:
x += Fr(b);
break;
// \
case 92:
x += Yr(Se() - 1, 7);
continue;
// /
case 47:
switch (B()) {
case 42:
case 47:
ge(qr(Dr(D(), Se()), r, t), d);
break;
default:
x += "/";
}
break;
// {
case 123 * h:
f[l++] = V(x) * E;
// } ; \0
case 125 * h:
case 59:
case 0:
switch (v) {
// \0 }
case 0:
case 125:
A = 0;
// ;
case 59 + m:
E == -1 && (x = R(x, /\f/g, "")), C > 0 && V(x) - y && ge(C > 32 ? Je(x + ";", n, t, y - 1) : Je(R(x, " ", "") + ";", n, t, y - 2), d);
break;
// @ ;
case 59:
x += ";";
// { rule/at-rule
default:
if (ge(S = He(x, r, t, l, m, a, f, g, P = [], s = [], y), o), v === 123)
if (m === 0)
Re(x, r, S, S, P, o, y, f, s);
else
switch ($ === 99 && j(x, 3) === 110 ? 100 : $) {
// d l m s
case 100:
case 108:
case 109:
case 115:
Re(e, S, S, n && ge(He(e, S, S, 0, 0, a, f, g, a, P = [], y), s), a, s, y, f, n ? P : s);
break;
default:
Re(x, S, S, S, [""], s, 0, f, s);
}
}
l = m = C = 0, h = E = 1, g = x = "", y = i;
break;
// :
case 58:
y = 1 + V(x), C = b;
default:
if (h < 1) {
if (v == 123)
--h;
else if (v == 125 && h++ == 0 && Lr() == 125)
continue;
}
switch (x += Pe(v), v * h) {
// &
case 38:
E = m > 0 ? 1 : (x += "\f", -1);
break;
// ,
case 44:
f[l++] = (V(x) - 1) * E, E = 1;
break;
// @
case 64:
B() === 45 && (x += we(D())), $ = B(), m = y = V(g = x += zr(Se())), v++;
break;
// -
case 45:
b === 45 && V(x) == 2 && (h = 0);
}
}
return o;
}
function He(e, r, t, n, a, o, i, f, d, l, m) {
for (var y = a - 1, $ = a === 0 ? o : [""], C = qe($), b = 0, h = 0, A = 0; b < n; ++b)
for (var E = 0, v = fe(e, y + 1, y = $r(h = i[b])), g = e; E < C; ++E)
(g = cr(h > 0 ? $[E] + " " + v : R(v, /&\f/g, $[E]))) && (d[A++] = g);
return Ae(e, r, t, a === 0 ? ze : f, d, l, m);
}
function qr(e, r, t) {
return Ae(e, r, t, ar, Pe(Ir()), fe(e, 2, -2), 0);
}
function Je(e, r, t, n) {
return Ae(e, r, t, We, fe(e, 0, n), fe(e, n + 1, -1), n);
}
function X(e, r) {
for (var t = "", n = qe(e), a = 0; a < n; a++)
t += r(e[a], a, e, r) || "";
return t;
}
function Vr(e, r, t, n) {
switch (e.type) {
case Or:
if (e.children.length) break;
case Ar:
case We:
return e.return = e.return || e.value;
case ar:
return "";
case or:
return e.return = e.value + "{" + X(e.children, n) + "}";
case ze:
e.value = e.props.join(",");
}
return V(t = X(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
}
function Ur(e) {
var r = qe(e);
return function(t, n, a, o) {
for (var i = "", f = 0; f < r; f++)
i += e[f](t, n, a, o) || "";
return i;
};
}
function Gr(e) {
return function(r) {
r.root || (r = r.return) && e(r);
};
}
function Br(e) {
var r = /* @__PURE__ */ Object.create(null);
return function(t) {
return r[t] === void 0 && (r[t] = e(t)), r[t];
};
}
var Hr = function(r, t, n) {
for (var a = 0, o = 0; a = o, o = B(), a === 38 && o === 12 && (t[n] = 1), !ue(o); )
D();
return de(r, F);
}, Jr = function(r, t) {
var n = -1, a = 44;
do
switch (ue(a)) {
case 0:
a === 38 && B() === 12 && (t[n] = 1), r[n] += Hr(F - 1, t, n);
break;
case 2:
r[n] += we(a);
break;
case 4:
if (a === 44) {
r[++n] = B() === 58 ? "&\f" : "", t[n] = r[n].length;
break;
}
// fallthrough
default:
r[n] += Pe(a);
}
while (a = D());
return r;
}, Xr = function(r, t) {
return fr(Jr(ir(r), t));
}, Xe = /* @__PURE__ */ new WeakMap(), Zr = function(r) {
if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
// negative .length indicates that this rule has been already prefixed
r.length < 1)) {
for (var t = r.value, n = r.parent, a = r.column === n.column && r.line === n.line; n.type !== "rule"; )
if (n = n.parent, !n) return;
if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !Xe.get(n)) && !a) {
Xe.set(r, !0);
for (var o = [], i = Xr(t, o), f = n.props, d = 0, l = 0; d < i.length; d++)
for (var m = 0; m < f.length; m++, l++)
r.props[l] = o[d] ? i[d].replace(/&\f/g, f[m]) : f[m] + " " + i[d];
}
}
}, Kr = function(r) {
if (r.type === "decl") {
var t = r.value;
// charcode for l
t.charCodeAt(0) === 108 && // charcode for b
t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
}
};
function ur(e, r) {
switch (Mr(e, r)) {
// color-adjust
case 5103:
return w + "print-" + e + e;
// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
case 5737:
case 4201:
case 3177:
case 3433:
case 1641:
case 4457:
case 2921:
// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
case 5572:
case 6356:
case 5844:
case 3191:
case 6645:
case 3005:
// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
case 6391:
case 5879:
case 5623:
case 6135:
case 4599:
case 4855:
// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
case 4215:
case 6389:
case 5109:
case 5365:
case 5621:
case 3829:
return w + e + e;
// appearance, user-select, transform, hyphens, text-size-adjust
case 5349:
case 4246:
case 4810:
case 6968:
case 2756:
return w + e + Te + e + I + e + e;
// flex, flex-direction
case 6828:
case 4268:
return w + e + I + e + e;
// order
case 6165:
return w + e + I + "flex-" + e + e;
// align-items
case 5187:
return w + e + R(e, /(\w+).+(:[^]+)/, w + "box-$1$2" + I + "flex-$1$2") + e;
// align-self
case 5443:
return w + e + I + "flex-item-" + R(e, /flex-|-self/, "") + e;
// align-content
case 4675:
return w + e + I + "flex-line-pack" + R(e, /align-content|flex-|-self/, "") + e;
// flex-shrink
case 5548:
return w + e + I + R(e, "shrink", "negative") + e;
// flex-basis
case 5292:
return w + e + I + R(e, "basis", "preferred-size") + e;
// flex-grow
case 6060:
return w + "box-" + R(e, "-grow", "") + w + e + I + R(e, "grow", "positive") + e;
// transition
case 4554:
return w + R(e, /([^-])(transform)/g, "$1" + w + "$2") + e;
// cursor
case 6187:
return R(R(R(e, /(zoom-|grab)/, w + "$1"), /(image-set)/, w + "$1"), e, "") + e;
// background, background-image
case 5495:
case 3959:
return R(e, /(image-set\([^]*)/, w + "$1$`$1");
// justify-content
case 4968:
return R(R(e, /(.+:)(flex-)?(.*)/, w + "box-pack:$3" + I + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + w + e + e;
// (margin|padding)-inline-(start|end)
case 4095:
case 3583:
case 4068:
case 2532:
return R(e, /(.+)-inline(.+)/, w + "$1$2") + e;
// (min|max)?(width|height|inline-size|block-size)
case 8116:
case 7059:
case 5753:
case 5535:
case 5445:
case 5701:
case 4933:
case 4677:
case 5533:
case 5789:
case 5021:
case 4765:
if (V(e) - 1 - r > 6) switch (j(e, r + 1)) {
// (m)ax-content, (m)in-content
case 109:
if (j(e, r + 4) !== 45) break;
// (f)ill-available, (f)it-content
case 102:
return R(e, /(.+:)(.+)-([^]+)/, "$1" + w + "$2-$3$1" + Te + (j(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
// (s)tretch
case 115:
return ~Fe(e, "stretch") ? ur(R(e, "stretch", "fill-available"), r) + e : e;
}
break;
// position: sticky
case 4949:
if (j(e, r + 1) !== 115) break;
// display: (flex|inline-flex)
case 6444:
switch (j(e, V(e) - 3 - (~Fe(e, "!important") && 10))) {
// stic(k)y
case 107:
return R(e, ":", ":" + w) + e;
// (inline-)?fl(e)x
case 101:
return R(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + w + (j(e, 14) === 45 ? "inline-" : "") + "box$3$1" + w + "$2$3$1" + I + "$2box$3") + e;
}
break;
// writing-mode
case 5936:
switch (j(e, r + 11)) {
// vertical-l(r)
case 114:
return w + e + I + R(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
// vertical-r(l)
case 108:
return w + e + I + R(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
// horizontal(-)tb
case 45:
return w + e + I + R(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
}
return w + e + I + e + e;
}
return e;
}
var Qr = function(r, t, n, a) {
if (r.length > -1 && !r.return) switch (r.type) {
case We:
r.return = ur(r.value, r.length);
break;
case or:
return X([se(r, {
value: R(r.value, "@", "@" + w)
})], a);
case ze:
if (r.length) return jr(r.props, function(o) {
switch (Nr(o, /(::plac\w+|:read-\w+)/)) {
// :read-(only|write)
case ":read-only":
case ":read-write":
return X([se(r, {
props: [R(o, /:(read-\w+)/, ":" + Te + "$1")]
})], a);
// :placeholder
case "::placeholder":
return X([se(r, {
props: [R(o, /:(plac\w+)/, ":" + w + "input-$1")]
}), se(r, {
props: [R(o, /:(plac\w+)/, ":" + Te + "$1")]
}), se(r, {
props: [R(o, /:(plac\w+)/, I + "input-$1")]
})], a);
}
return "";
});
}
}, et = [Qr], rt = function(r) {
var t = r.key;
if (t === "css") {
var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
Array.prototype.forEach.call(n, function(h) {
var A = h.getAttribute("data-emotion");
A.indexOf(" ") !== -1 && (document.head.appendChild(h), h.setAttribute("data-s", ""));
});
}
var a = r.stylisPlugins || et, o = {}, i, f = [];
i = r.container || document.head, Array.prototype.forEach.call(
// this means we will ignore elements which don't have a space in them which
// means that the style elements we're looking at are only Emotion 11 server-rendered style elements
document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
function(h) {
for (var A = h.getAttribute("data-emotion").split(" "), E = 1; E < A.length; E++)
o[A[E]] = !0;
f.push(h);
}
);
var d, l = [Zr, Kr];
{
var m, y = [Vr, Gr(function(h) {
m.insert(h);
})], $ = Ur(l.concat(a, y)), C = function(A) {
return X(Wr(A), $);
};
d = function(A, E, v, g) {
m = v, C(A ? A + "{" + E.styles + "}" : E.styles), g && (b.inserted[E.name] = !0);
};
}
var b = {
key: t,
sheet: new Cr({
key: t,
container: i,
nonce: r.nonce,
speedy: r.speedy,
prepend: r.prepend,
insertionPoint: r.insertionPoint
}),
nonce: r.nonce,
inserted: o,
registered: {},
insert: d
};
return b.sheet.hydrate(f), b;
}, Ee = { exports: {} }, _ = {};
/** @license React v16.13.1
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var Ze;
function tt() {
if (Ze) return _;
Ze = 1;
var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, y = e ? Symbol.for("react.suspense") : 60113, $ = e ? Symbol.for("react.suspense_list") : 60120, C = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, h = e ? Symbol.for("react.block") : 60121, A = e ? Symbol.for("react.fundamental") : 60117, E = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
function g(s) {
if (typeof s == "object" && s !== null) {
var S = s.$$typeof;
switch (S) {
case r:
switch (s = s.type, s) {
case d:
case l:
case n:
case o:
case a:
case y:
return s;
default:
switch (s = s && s.$$typeof, s) {
case f:
case m:
case b:
case C:
case i:
return s;
default:
return S;
}
}
case t:
return S;
}
}
}
function P(s) {
return g(s) === l;
}
return _.AsyncMode = d, _.ConcurrentMode = l, _.ContextConsumer = f, _.ContextProvider = i, _.Element = r, _.ForwardRef = m, _.Fragment = n, _.Lazy = b, _.Memo = C, _.Portal = t, _.Profiler = o, _.StrictMode = a, _.Suspense = y, _.isAsyncMode = function(s) {
return P(s) || g(s) === d;
}, _.isConcurrentMode = P, _.isContextConsumer = function(s) {
return g(s) === f;
}, _.isContextProvider = function(s) {
return g(s) === i;
}, _.isElement = function(s) {
return typeof s == "object" && s !== null && s.$$typeof === r;
}, _.isForwardRef = function(s) {
return g(s) === m;
}, _.isFragment = function(s) {
return g(s) === n;
}, _.isLazy = function(s) {
return g(s) === b;
}, _.isMemo = function(s) {
return g(s) === C;
}, _.isPortal = function(s) {
return g(s) === t;
}, _.isProfiler = function(s) {
return g(s) === o;
}, _.isStrictMode = function(s) {
return g(s) === a;
}, _.isSuspense = function(s) {
return g(s) === y;
}, _.isValidElementType = function(s) {
return typeof s == "string" || typeof s == "function" || s === n || s === l || s === o || s === a || s === y || s === $ || typeof s == "object" && s !== null && (s.$$typeof === b || s.$$typeof === C || s.$$typeof === i || s.$$typeof === f || s.$$typeof === m || s.$$typeof === A || s.$$typeof === E || s.$$typeof === v || s.$$typeof === h);
}, _.typeOf = g, _;
}
var T = {};
/** @license React v16.13.1
* react-is.development.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var Ke;
function nt() {
return Ke || (Ke = 1, process.env.NODE_ENV !== "production" && function() {
var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, y = e ? Symbol.for("react.suspense") : 60113, $ = e ? Symbol.for("react.suspense_list") : 60120, C = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, h = e ? Symbol.for("react.block") : 60121, A = e ? Symbol.for("react.fundamental") : 60117, E = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
function g(u) {
return typeof u == "string" || typeof u == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
u === n || u === l || u === o || u === a || u === y || u === $ || typeof u == "object" && u !== null && (u.$$typeof === b || u.$$typeof === C || u.$$typeof === i || u.$$typeof === f || u.$$typeof === m || u.$$typeof === A || u.$$typeof === E || u.$$typeof === v || u.$$typeof === h);
}
function P(u) {
if (typeof u == "object" && u !== null) {
var Ne = u.$$typeof;
switch (Ne) {
case r:
var be = u.type;
switch (be) {
case d:
case l:
case n:
case o:
case a:
case y:
return be;
default:
var Ve = be && be.$$typeof;
switch (Ve) {
case f:
case m:
case b:
case C:
case i:
return Ve;
default:
return Ne;
}
}
case t:
return Ne;
}
}
}
var s = d, S = l, x = f, H = i, W = r, $e = m, Q = n, pe = b, ke = C, ee = t, me = o, he = a, ve = y, re = !1;
function ye(u) {
return re || (re = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), c(u) || P(u) === d;
}
function c(u) {
return P(u) === l;
}
function p(u) {
return P(u) === f;
}
function O(u) {
return P(u) === i;
}
function M(u) {
return typeof u == "object" && u !== null && u.$$typeof === r;
}
function q(u) {
return P(u) === m;
}
function z(u) {
return P(u) === n;
}
function te(u) {
return P(u) === b;
}
function ne(u) {
return P(u) === C;
}
function N(u) {
return P(u) === t;
}
function J(u) {
return P(u) === o;
}
function ae(u) {
return P(u) === a;
}
function Me(u) {
return P(u) === y;
}
T.AsyncMode = s, T.ConcurrentMode = S, T.ContextConsumer = x, T.ContextProvider = H, T.Element = W, T.ForwardRef = $e, T.Fragment = Q, T.Lazy = pe, T.Memo = ke, T.Portal = ee, T.Profiler = me, T.StrictMode = he, T.Suspense = ve, T.isAsyncMode = ye, T.isConcurrentMode = c, T.isContextConsumer = p, T.isContextProvider = O, T.isElement = M, T.isForwardRef = q, T.isFragment = z, T.isLazy = te, T.isMemo = ne, T.isPortal = N, T.isProfiler = J, T.isStrictMode = ae, T.isSuspense = Me, T.isValidElementType = g, T.typeOf = P;
}()), T;
}
var Qe;
function at() {
return Qe || (Qe = 1, process.env.NODE_ENV === "production" ? Ee.exports = tt() : Ee.exports = nt()), Ee.exports;
}
var je, er;
function ot() {
if (er) return je;
er = 1;
var e = at(), r = {
childContextTypes: !0,
contextType: !0,
contextTypes: !0,
defaultProps: !0,
displayName: !0,
getDefaultProps: !0,
getDerivedStateFromError: !0,
getDerivedStateFromProps: !0,
mixins: !0,
propTypes: !0,
type: !0
}, t = {
name: !0,
length: !0,
prototype: !0,
caller: !0,
callee: !0,
arguments: !0,
arity: !0
}, n = {
$$typeof: !0,
render: !0,
defaultProps: !0,
displayName: !0,
propTypes: !0
}, a = {
$$typeof: !0,
compare: !0,
defaultProps: !0,
displayName: !0,
propTypes: !0,
type: !0
}, o = {};
o[e.ForwardRef] = n, o[e.Memo] = a;
function i(b) {
return e.isMemo(b) ? a : o[b.$$typeof] || r;
}
var f = Object.defineProperty, d = Object.getOwnPropertyNames, l = Object.getOwnPropertySymbols, m = Object.getOwnPropertyDescriptor, y = Object.getPrototypeOf, $ = Object.prototype;
function C(b, h, A) {
if (typeof h != "string") {
if ($) {
var E = y(h);
E && E !== $ && C(b, E, A);
}
var v = d(h);
l && (v = v.concat(l(h)));
for (var g = i(b), P = i(h), s = 0; s < v.length; ++s) {
var S = v[s];
if (!t[S] && !(A && A[S]) && !(P && P[S]) && !(g && g[S])) {
var x = m(h, S);
try {
f(b, S, x);
} catch {
}
}
}
}
return b;
}
return je = C, je;
}
ot();
var ct = !0;
function st(e, r, t) {
var n = "";
return t.split(" ").forEach(function(a) {
e[a] !== void 0 ? r.push(e[a] + ";") : a && (n += a + " ");
}), n;
}
var lr = function(r, t, n) {
var a = r.key + "-" + t.name;
// we only need to add the styles to the registered cache if the
// class name could be used further down
// the tree but if it's a string tag, we know it won't
// so we don't have to add it to registered cache.
// this improves memory usage since we can avoid storing the whole style string
(n === !1 || // we need to always store it if we're in compat mode and
// in node since emotion-server relies on whether a style is in
// the registered cache to know whether a style is global or not
// also, note that this check will be dead code eliminated in the browser
ct === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
}, it = function(r, t, n) {
lr(r, t, n);
var a = r.key + "-" + t.name;
if (r.inserted[t.name] === void 0) {
var o = t;
do
r.insert(t === o ? "." + a : "", o, r.sheet, !0), o = o.next;
while (o !== void 0);
}
};
function ft(e) {
for (var r = 0, t, n = 0, a = e.length; a >= 4; ++n, a -= 4)
t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
(t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
t >>> 24, r = /* Math.imul(k, m): */
(t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
(r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
switch (a) {
case 3:
r ^= (e.charCodeAt(n + 2) & 255) << 16;
case 2:
r ^= (e.charCodeAt(n + 1) & 255) << 8;
case 1:
r ^= e.charCodeAt(n) & 255, r = /* Math.imul(h, m): */
(r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
}
return r ^= r >>> 13, r = /* Math.imul(h, m): */
(r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
}
var ut = {
animationIterationCount: 1,
aspectRatio: 1,
borderImageOutset: 1,
borderImageSlice: 1,
borderImageWidth: 1,
boxFlex: 1,
boxFlexGroup: 1,
boxOrdinalGroup: 1,
columnCount: 1,
columns: 1,
flex: 1,
flexGrow: 1,
flexPositive: 1,
flexShrink: 1,
flexNegative: 1,
flexOrder: 1,
gridRow: 1,
gridRowEnd: 1,
gridRowSpan: 1,
gridRowStart: 1,
gridColumn: 1,
gridColumnEnd: 1,
gridColumnSpan: 1,
gridColumnStart: 1,
msGridRow: 1,
msGridRowSpan: 1,
msGridColumn: 1,
msGridColumnSpan: 1,
fontWeight: 1,
lineHeight: 1,
opacity: 1,
order: 1,
orphans: 1,
scale: 1,
tabSize: 1,
widows: 1,
zIndex: 1,
zoom: 1,
WebkitLineClamp: 1,
// SVG-related properties
fillOpacity: 1,
floodOpacity: 1,
stopOpacity: 1,
strokeDasharray: 1,
strokeDashoffset: 1,
strokeMiterlimit: 1,
strokeOpacity: 1,
strokeWidth: 1
}, lt = /[A-Z]|^ms/g, dt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, dr = function(r) {
return r.charCodeAt(1) === 45;
}, rr = function(r) {
return r != null && typeof r != "boolean";
}, Ie = /* @__PURE__ */ Br(function(e) {
return dr(e) ? e : e.replace(lt, "-$&").toLowerCase();
}), tr = function(r, t) {
switch (r) {
case "animation":
case "animationName":
if (typeof t == "string")
return t.replace(dt, function(n, a, o) {
return U = {
name: a,
styles: o,
next: U
}, a;
});
}
return ut[r] !== 1 && !dr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
};
function le(e, r, t) {
if (t == null)
return "";
var n = t;
if (n.__emotion_styles !== void 0)
return n;
switch (typeof t) {
case "boolean":
return "";
case "object": {
var a = t;
if (a.anim === 1)
return U = {
name: a.name,
styles: a.styles,
next: U
}, a.name;
var o = t;
if (o.styles !== void 0) {
var i = o.next;
if (i !== void 0)
for (; i !== void 0; )
U = {
name: i.name,
styles: i.styles,
next: U
}, i = i.next;
var f = o.styles + ";";
return f;
}
return pt(e, r, t);
}
case "function": {
if (e !== void 0) {
var d = U, l = t(e);
return U = d, le(e, r, l);
}
break;
}
}
var m = t;
return m;
}
function pt(e, r, t) {
var n = "";
if (Array.isArray(t))
for (var a = 0; a < t.length; a++)
n += le(e, r, t[a]) + ";";
else
for (var o in t) {
var i = t[o];
if (typeof i != "object") {
var f = i;
rr(f) && (n += Ie(o) + ":" + tr(o, f) + ";");
} else if (Array.isArray(i) && typeof i[0] == "string" && r == null)
for (var d = 0; d < i.length; d++)
rr(i[d]) && (n += Ie(o) + ":" + tr(o, i[d]) + ";");
else {
var l = le(e, r, i);
switch (o) {
case "animation":
case "animationName": {
n += Ie(o) + ":" + l + ";";
break;
}
default:
n += o + "{" + l + "}";
}
}
}
return n;
}
var nr = /label:\s*([^\s;{]+)\s*(;|$)/g, U;
function mt(e, r, t) {
if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
return e[0];
var n = !0, a = "";
U = void 0;
var o = e[0];
if (o == null || o.raw === void 0)
n = !1, a += le(t, r, o);
else {
var i = o;
a += i[0];
}
for (var f = 1; f < e.length; f++)
if (a += le(t, r, e[f]), n) {
var d = o;
a += d[f];
}
nr.lastIndex = 0;
for (var l = "", m; (m = nr.exec(a)) !== null; )
l += "-" + m[1];
var y = ft(a) + l;
return {
name: y,
styles: a,
next: U
};
}
var ht = function(r) {
return r();
}, vt = G.useInsertionEffect ? G.useInsertionEffect : !1, yt = vt || ht, pr = /* @__PURE__ */ G.createContext(
// we're doing this to avoid preconstruct's dead code elimination in this one case
// because this module is primarily intended for the browser and node
// but it's also required in react native and similar environments sometimes
// and we could have a special build just for that
// but this is much easier and the native packages
// might use a different theme context in the future anyway
typeof HTMLElement < "u" ? /* @__PURE__ */ rt({
key: "css"
}) : null
);
pr.Provider;
var bt = function(r) {
return /* @__PURE__ */ vr(function(t, n) {
var a = yr(pr);
return r(t, a, n);
});
}, xt = /* @__PURE__ */ G.createContext({}), Oe = {}.hasOwnProperty, De = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", mr = function(r, t) {
var n = {};
for (var a in t)
Oe.call(t, a) && (n[a] = t[a]);
return n[De] = r, n;
}, gt = function(r) {
var t = r.cache, n = r.serialized, a = r.isStringTag;
return lr(t, n, a), yt(function() {
return it(t, n, a);
}), null;
}, Et = /* @__PURE__ */ bt(function(e, r, t) {
var n = e.css;
typeof n == "string" && r.registered[n] !== void 0 && (n = r.registered[n]);
var a = e[De], o = [n], i = "";
typeof e.className == "string" ? i = st(r.registered, o, e.className) : e.className != null && (i = e.className + " ");
var f = mt(o, void 0, G.useContext(xt));
i += r.key + "-" + f.name;
var d = {};
for (var l in e)
Oe.call(e, l) && l !== "css" && l !== De && (d[l] = e[l]);
return d.className = i, t && (d.ref = t), /* @__PURE__ */ G.createElement(G.Fragment, null, /* @__PURE__ */ G.createElement(gt, {
cache: r,
serialized: f,
isStringTag: typeof a == "string"
}), /* @__PURE__ */ G.createElement(a, d));
}), hr = Et, L = function(r, t, n) {
return Oe.call(t, "css") ? _e.jsx(hr, mr(r, t), n) : _e.jsx(r, t, n);
}, ie = function(r, t, n) {
return Oe.call(t, "css") ? _e.jsxs(hr, mr(r, t), n) : _e.jsxs(r, t, n);
};
const St = ({ onClose: e }) => /* @__PURE__ */ L("svg", {
onClick: e,
xmlns: "http://www.w3.org/2000/svg",
width: "15",
height: "14",
viewBox: "0 0 15 14",
fill: "none",
role: "button",
"aria-label": "Close",
children: /* @__PURE__ */ L("path", {
d: "M14.4854 1.41L13.0754 0L7.48535 5.59L1.89535 0L0.485352 1.41L6.07535 7L0.485352 12.59L1.89535 14L7.48535 8.41L13.0754 14L14.4854 12.59L8.89535 7L14.4854 1.41Z",
fill: "black"
})
}), Le = ({ text: e, onClick: r, variant: t = "confirm" }) => /* @__PURE__ */ L(wt, {
variant: t,
onClick: r,
children: e
}), wt = /* @__PURE__ */ Y("button", {
target: "eabcmoq0"
})("width:100%;padding:8px 16px;font-size:14px;border-radius:4px;cursor:pointer;border:", ({ variant: e }) => e === "cancel" ? "1px solid gray" : "none", ";color:", ({ variant: e }) => e === "cancel" ? "#333333" : "white", ";background-color:", ({ variant: e }) => e === "cancel" ? "white" : "#333333", ";"), Rt = ({ title: e, value: r, onChange: t, name: n, placeholder: a }) => /* @__PURE__ */ ie(_t, {
children: [
/* @__PURE__ */ L(Tt, {
children: e
}),
/* @__PURE__ */ L(Pt, {
id: n,
name: n,
value: r,
onChange: t,
placeholder: a
})
]
}), _t = /* @__PURE__ */ Y("div", {
target: "e10xncbb0"
})("width:100%;"), Tt = /* @__PURE__ */ Y("p", {
target: "e10xncbb1"
})("margin-top:20px;margin-bottom:8px;font-size:14px;"), Pt = /* @__PURE__ */ Y("input", {
target: "e10xncbb2"
})("width:100%;padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;background:white;color:black;&:focus{outline:none;border-color:#333;}"), qt = ({ variant: e = "alert", position: r = "center", size: t = "small", title: n = "알림", content: a = "내용이 없습니다.", handleBackdropClick: o, hasCloseButton: i = !0, onClose: f, onConfirm: d, confirmButton: l, cancelButton: m, inputTitle: y = "입력해주세요.", inputName: $ = "input" }) => {
const C = br(null), [b, h] = xr(""), A = {
text: "확인",
onClick: d,
variant: "confirm"
}, E = {
text: "취소",
onClick: f,
variant: "cancel"
};
return gr(() => {
const v = C.current;
if (!v) return;
const g = document.body.style.overflow;
document.body.style.overflow = "hidden";
const P = [
"button",
"a[href]",
"input",
"textarea",
"select",
'[tabindex]:not([tabindex="-1"])'
], s = v.querySelectorAll(P.join(",")), S = s[0], x = s[s.length - 1];
S == null || S.focus();
const H = (W) => {
if (W.key === "Escape") {
W.preventDefault(), f();
return;
}
W.key === "Tab" && (!S || !x || (W.shiftKey ? document.activeElement === S && (W.preventDefault(), x.focus()) : document.activeElement === x && (W.preventDefault(), S.focus())));
};
return v.addEventListener("keydown", H), () => {
v.removeEventListener("keydown", H), document.body.style.overflow = g;
};
}, []), /* @__PURE__ */ L($t, {
children: /* @__PURE__ */ L(kt, {
position: r,
onClick: o || f,
children: /* @__PURE__ */ ie(Mt, {
position: r,
size: t,
onClick: (v) => v.stopPropagation(),
ref: C,
children: [
/* @__PURE__ */ ie(Nt, {
children: [
/* @__PURE__ */ L(jt, {
children: n
}),
/* @__PURE__ */ L(It, {
children: i && /* @__PURE__ */ L(St, {
onClose: f
})
})
]
}),
e !== "prompt" && /* @__PURE__ */ L(Lt, {
children: a
}),
e === "prompt" && /* @__PURE__ */ L(Dt, {
children: /* @__PURE__ */ L(Rt, {
title: y,
name: $,
value: b,
onChange: (v) => h(v.target.value),
placeholder: "이름을 입력하세요"
})
}),
/* @__PURE__ */ ie(Ft, {
children: [
e === "alert" && /* @__PURE__ */ L(Le, {
...l || A
}),
(e === "confirm" || e === "prompt") && /* @__PURE__ */ ie(Yt, {
children: [
/* @__PURE__ */ L(Le, {
...m || E
}),
/* @__PURE__ */ L(Le, {
...l || A
})
]
})
]
})
]
})
})
});
}, Ct = {
center: "center",
top: "flex-start",
bottom: "flex-end"
}, At = {
center: "8px",
bottom: "8px 8px 0 0",
top: "0 0 8px 8px"
}, Ot = {
small: "304px",
medium: "40%",
large: "70%"
}, $t = /* @__PURE__ */ Y("div", {
target: "e10y6vcs0"
})("position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:1000;"), kt = /* @__PURE__ */ Y("div", {
target: "e10y6vcs1"
})("display:flex;justify-content:center;align-items:", ({ position: e }) => Ct[e], ";width:100%;height:100%;"), Mt = /* @__PURE__ */ Y("div", {
target: "e10y6vcs2"
})("display:flex;flex-direction:column;background-color:white;border-radius:", ({ position: e }) => At[e], ";width:", ({ size: e }) => Ot[e], ";min-height:216px;box-shadow:0 4px 8px rgba(0,0,0,0.2);padding:24px 32px;"), Nt = /* @__PURE__ */ Y("div", {
target: "e10y6vcs3"
})("display:flex;justify-content:space-between;"), jt = /* @__PURE__ */ Y("h2", {
target: "e10y6vcs4"
})("font-size:18px;font-weight:700;margin:0;"), It = /* @__PURE__ */ Y("div", {
target: "e10y6vcs5"
})("cursor:pointer;"), Lt = /* @__PURE__ */ Y("div", {
target: "e10y6vcs6"
})("margin-top:24px;"), Ft = /* @__PURE__ */ Y("div", {
target: "e10y6vcs7"
})("margin-top:auto;text-align:center;justify-content:flex-end;"), Yt = /* @__PURE__ */ Y("div", {
target: "e10y6vcs8"
})("display:flex;gap:7px;"), Dt = /* @__PURE__ */ Y("div", {
target: "e10y6vcs9"
})("display:flex;");
export {
qt as Modal
};