@imc0nt0/mirror 0.1.0

package/dist/mirror.js

@@ -0,0 +1,1858 @@
+import { AnimatePresence as e, AnimatePresence as t, motion as n, useAnimate as r } from "framer-motion";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useEffect as o, useState as s } from "react";
+//#region src/components/Button.jsx
+function c({ children: e, variant: t = "primary", size: r = "medium", disabled: a = !1, fullWidth: o = !1, onClick: s, className: c = "", ...l }) {
+	let u = {
+		primary: {
+			background: "#b8e8fd",
+			color: "#000000",
+			border: "none"
+		},
+		secondary: {
+			background: "#f4f4fe",
+			color: "#000000",
+			border: "none"
+		},
+		outline: {
+			background: "transparent",
+			color: "#b8e8fd",
+			border: "1px solid #b8e8fd"
+		},
+		ghost: {
+			background: "transparent",
+			color: "#212529",
+			border: "none"
+		}
+	}, d = {
+		small: {
+			padding: "8px 16px",
+			fontSize: "13px",
+			borderRadius: "8px"
+		},
+		medium: {
+			padding: "14px 20px",
+			fontSize: "15px",
+			borderRadius: "10px"
+		},
+		large: {
+			padding: "18px 24px",
+			fontSize: "16px",
+			borderRadius: "12px"
+		}
+	}, f = {
+		...u[t],
+		...d[r],
+		cursor: a ? "not-allowed" : "pointer",
+		fontWeight: "600",
+		width: o ? "100%" : "auto",
+		opacity: a ? .4 : 1,
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		gap: "6px",
+		transition: "all 0.2s"
+	};
+	return /* @__PURE__ */ i(n.button, {
+		style: f,
+		className: c,
+		onClick: a ? void 0 : s,
+		disabled: a,
+		whileHover: a ? {} : {
+			opacity: .9,
+			scale: 1.02
+		},
+		whileTap: a ? {} : { scale: .98 },
+		transition: { duration: .15 },
+		...l,
+		children: e
+	});
+}
+//#endregion
+//#region src/components/Card.jsx
+function l({ children: e, hoverable: t = !1, onClick: r, noPadding: a = !1, className: o = "", ...s }) {
+	let c = {
+		background: "#ffffff",
+		borderRadius: "16px",
+		boxShadow: "0 1px 3px rgba(0,0,0,0.08)",
+		padding: a ? "0" : "20px",
+		cursor: r ? "pointer" : "default",
+		overflow: "hidden"
+	};
+	return /* @__PURE__ */ i(n.div, {
+		style: c,
+		className: o,
+		onClick: r,
+		whileHover: t || r ? {
+			boxShadow: "0 4px 12px rgba(0,0,0,0.12)",
+			y: -2
+		} : {},
+		whileTap: r ? { scale: .98 } : {},
+		transition: { duration: .2 },
+		...s,
+		children: e
+	});
+}
+//#endregion
+//#region src/components/TextField.jsx
+function u({ label: e, placeholder: t, error: n, disabled: r = !1, fullWidth: o = !1, type: c = "text", value: l, onChange: u, className: d = "", ...f }) {
+	let [p, m] = s(!1), [h, g] = s(!1), _ = {
+		display: "flex",
+		flexDirection: "column",
+		gap: "8px",
+		width: o ? "100%" : "auto"
+	}, v = {
+		padding: "12px 16px",
+		fontSize: "16px",
+		borderRadius: "8px",
+		border: n ? "2px solid #ef4444" : p ? "2px solid #b8e8fd" : h ? "2px solid #d4f1fd" : "2px solid #e5e7eb",
+		outline: "none",
+		transition: "all 0.2s",
+		background: r ? "#f9fafb" : h ? "#fafbfc" : "#ffffff",
+		cursor: r ? "not-allowed" : "text",
+		width: "100%",
+		color: "#212529"
+	}, y = {
+		fontSize: "14px",
+		fontWeight: "600",
+		color: "#374151"
+	}, b = {
+		fontSize: "12px",
+		color: "#ef4444",
+		marginTop: "4px"
+	};
+	return /* @__PURE__ */ a("div", {
+		style: _,
+		className: d,
+		children: [
+			e && /* @__PURE__ */ i("label", {
+				style: y,
+				children: e
+			}),
+			/* @__PURE__ */ i("input", {
+				type: c,
+				style: v,
+				placeholder: t,
+				disabled: r,
+				value: l,
+				onChange: u,
+				onFocus: () => m(!0),
+				onBlur: () => m(!1),
+				onMouseEnter: () => g(!0),
+				onMouseLeave: () => g(!1),
+				...f
+			}),
+			n && /* @__PURE__ */ i("span", {
+				style: b,
+				children: n
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Toast.jsx
+function d({ message: e, type: r = "info", position: c = "bottom", duration: l = 3e3, onClose: u, isOpen: d = !0 }) {
+	let [f, p] = s(d);
+	o(() => {
+		p(d);
+	}, [d]), o(() => {
+		if (f && l > 0) {
+			let e = setTimeout(() => {
+				p(!1), u?.();
+			}, l);
+			return () => clearTimeout(e);
+		}
+	}, [
+		f,
+		l,
+		u
+	]);
+	let m = {
+		success: {
+			icon: "bi-check-circle-fill",
+			iconBg: "#4bd964"
+		},
+		error: {
+			icon: "bi-x-circle-fill",
+			iconBg: "#cc0000"
+		},
+		warning: {
+			icon: "bi-exclamation-triangle-fill",
+			iconBg: "#ff4d00"
+		},
+		info: {
+			icon: "bi-info-circle-fill",
+			iconBg: "#b8e8fd"
+		}
+	}, h = {
+		position: "fixed",
+		...c === "top" ? { top: "24px" } : { bottom: "24px" },
+		left: "50%",
+		transform: "translateX(-50%)",
+		background: "rgba(50, 50, 50, 0.95)",
+		backdropFilter: "blur(10px)",
+		color: "#ffffff",
+		padding: "14px 20px",
+		borderRadius: "12px",
+		fontSize: "14px",
+		fontWeight: "500",
+		boxShadow: "0 4px 16px rgba(0,0,0,0.25)",
+		zIndex: 9999,
+		maxWidth: "90%",
+		minWidth: "200px",
+		display: "flex",
+		alignItems: "center",
+		gap: "12px"
+	}, g = {
+		width: "24px",
+		height: "24px",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		flexShrink: 0
+	}, _ = {
+		fontSize: "20px",
+		color: m[r].iconBg
+	}, v = c === "top" ? {
+		initial: {
+			opacity: 0,
+			y: -50,
+			scale: .8
+		},
+		animate: {
+			opacity: 1,
+			y: 0,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			y: -50,
+			scale: .8
+		}
+	} : {
+		initial: {
+			opacity: 0,
+			y: 50,
+			scale: .8
+		},
+		animate: {
+			opacity: 1,
+			y: 0,
+			scale: 1
+		},
+		exit: {
+			opacity: 0,
+			y: 50,
+			scale: .8
+		}
+	};
+	return /* @__PURE__ */ i(t, { children: f && /* @__PURE__ */ a(n.div, {
+		style: h,
+		...v,
+		transition: {
+			type: "spring",
+			stiffness: 400,
+			damping: 25,
+			mass: .5
+		},
+		children: [/* @__PURE__ */ i(n.div, {
+			style: g,
+			initial: {
+				scale: 0,
+				rotate: -180
+			},
+			animate: {
+				scale: 1,
+				rotate: 0
+			},
+			transition: {
+				delay: .1,
+				type: "spring",
+				stiffness: 500,
+				damping: 15
+			},
+			children: /* @__PURE__ */ i("i", {
+				className: `bi ${m[r].icon}`,
+				style: _
+			})
+		}), /* @__PURE__ */ i(n.span, {
+			initial: {
+				opacity: 0,
+				x: -10
+			},
+			animate: {
+				opacity: 1,
+				x: 0
+			},
+			transition: { delay: .15 },
+			children: e
+		})]
+	}) });
+}
+function f() {
+	let [e, t] = s(null), n = (e, n = "info", r = "bottom", i = 3e3) => {
+		t({
+			id: Date.now() + Math.random(),
+			message: e,
+			type: n,
+			position: r,
+			duration: i,
+			isOpen: !0
+		});
+	}, r = () => {
+		t((e) => e ? {
+			...e,
+			isOpen: !1
+		} : null);
+	};
+	return {
+		toast: e,
+		showToast: n,
+		hideToast: r,
+		ToastComponent: e ? /* @__PURE__ */ i(d, {
+			message: e.message,
+			type: e.type,
+			position: e.position,
+			duration: e.duration,
+			isOpen: e.isOpen,
+			onClose: r
+		}, e.id) : null
+	};
+}
+//#endregion
+//#region src/components/Modal.jsx
+function p({ isOpen: e = !1, onClose: r, title: s, children: c, type: l = "normal", confirmText: u = "확인", cancelText: d = "취소", onConfirm: f, showCloseButton: p = !0 }) {
+	o(() => {
+		let t = (t) => {
+			t.key === "Escape" && e && r?.();
+		};
+		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+	}, [e, r]), o(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+		document.body.style.overflow = "unset";
+	}), [e]);
+	let m = {
+		position: "fixed",
+		top: 0,
+		left: 0,
+		right: 0,
+		bottom: 0,
+		background: "rgba(0, 0, 0, 0.5)",
+		backdropFilter: "blur(4px)",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		zIndex: 1e4,
+		padding: "20px"
+	}, h = {
+		background: "#ffffff",
+		borderRadius: "16px",
+		boxShadow: "0 8px 32px rgba(0,0,0,0.2)",
+		maxWidth: "500px",
+		width: "100%",
+		maxHeight: "90vh",
+		overflow: "hidden",
+		display: "flex",
+		flexDirection: "column"
+	}, g = {
+		padding: "24px 24px 16px",
+		borderBottom: "1px solid #f1f3f5",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between"
+	}, _ = {
+		fontSize: "18px",
+		fontWeight: "700",
+		color: "#212529",
+		margin: 0
+	}, v = {
+		background: "transparent",
+		border: "none",
+		fontSize: "24px",
+		color: "#868e96",
+		cursor: "pointer",
+		padding: "4px",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		width: "32px",
+		height: "32px",
+		borderRadius: "8px",
+		transition: "all 0.2s"
+	}, y = {
+		padding: "24px",
+		overflowY: "auto",
+		flex: 1,
+		fontSize: "14px",
+		color: "#495057",
+		lineHeight: "1.6"
+	}, b = {
+		padding: "16px 24px",
+		borderTop: "1px solid #f1f3f5",
+		display: "flex",
+		gap: "12px",
+		justifyContent: "flex-end"
+	}, x = {
+		padding: "10px 20px",
+		borderRadius: "8px",
+		fontSize: "14px",
+		fontWeight: "600",
+		cursor: "pointer",
+		border: "none",
+		transition: "all 0.2s"
+	}, S = {
+		...x,
+		background: "#f1f3f5",
+		color: "#212529"
+	}, C = {
+		...x,
+		background: "#b8e8fd",
+		color: "#000000"
+	};
+	return /* @__PURE__ */ i(t, { children: e && /* @__PURE__ */ i(n.div, {
+		style: m,
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		onClick: r,
+		children: /* @__PURE__ */ a(n.div, {
+			style: h,
+			initial: {
+				scale: .8,
+				opacity: 0,
+				y: 20
+			},
+			animate: {
+				scale: 1,
+				opacity: 1,
+				y: 0
+			},
+			exit: {
+				scale: .8,
+				opacity: 0,
+				y: 20
+			},
+			transition: {
+				type: "spring",
+				stiffness: 300,
+				damping: 25
+			},
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ a("div", {
+					style: g,
+					children: [/* @__PURE__ */ i("h2", {
+						style: _,
+						children: s
+					}), p && /* @__PURE__ */ i(n.button, {
+						style: v,
+						onClick: r,
+						whileHover: { background: "#f1f3f5" },
+						whileTap: { scale: .95 },
+						children: /* @__PURE__ */ i("i", { className: "bi bi-x-lg" })
+					})]
+				}),
+				/* @__PURE__ */ i("div", {
+					style: y,
+					children: c
+				}),
+				l === "confirm" && /* @__PURE__ */ a("div", {
+					style: b,
+					children: [/* @__PURE__ */ i(n.button, {
+						style: S,
+						onClick: r,
+						whileHover: { opacity: .8 },
+						whileTap: { scale: .98 },
+						children: d
+					}), /* @__PURE__ */ i(n.button, {
+						style: C,
+						onClick: () => {
+							f?.(), r?.();
+						},
+						whileHover: { opacity: .9 },
+						whileTap: { scale: .98 },
+						children: u
+					})]
+				})
+			]
+		})
+	}) });
+}
+function m() {
+	let [e, t] = s(!1);
+	return {
+		isOpen: e,
+		openModal: () => t(!0),
+		closeModal: () => t(!1)
+	};
+}
+//#endregion
+//#region src/components/IconButton.jsx
+function h({ icon: e, variant: t = "ghost", size: r = "medium", disabled: a = !1, rounded: o = !0, onClick: s, className: c = "", ...l }) {
+	let u = {
+		primary: {
+			background: "#b8e8fd",
+			color: "#000000",
+			border: "none"
+		},
+		secondary: {
+			background: "#f4f4fe",
+			color: "#000000",
+			border: "none"
+		},
+		ghost: {
+			background: "transparent",
+			color: "#212529",
+			border: "none"
+		},
+		danger: {
+			background: "transparent",
+			color: "#cc0000",
+			border: "none"
+		}
+	}, d = {
+		small: {
+			width: "32px",
+			height: "32px",
+			fontSize: "16px",
+			borderRadius: o ? "50%" : "6px"
+		},
+		medium: {
+			width: "40px",
+			height: "40px",
+			fontSize: "20px",
+			borderRadius: o ? "50%" : "8px"
+		},
+		large: {
+			width: "48px",
+			height: "48px",
+			fontSize: "24px",
+			borderRadius: o ? "50%" : "10px"
+		}
+	}, f = {
+		...u[t],
+		...d[r],
+		cursor: a ? "not-allowed" : "pointer",
+		opacity: a ? .4 : 1,
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		transition: "all 0.2s",
+		padding: 0
+	};
+	return /* @__PURE__ */ i(n.button, {
+		style: f,
+		className: c,
+		onClick: a ? void 0 : s,
+		disabled: a,
+		whileHover: a ? {} : {
+			ghost: { background: "#f1f3f5" },
+			primary: { opacity: .9 },
+			secondary: { opacity: .9 },
+			danger: { background: "#fff5f5" }
+		}[t],
+		whileTap: a ? {} : { scale: .95 },
+		transition: { duration: .15 },
+		...l,
+		children: /* @__PURE__ */ i("i", { className: `bi ${e}` })
+	});
+}
+//#endregion
+//#region src/components/ListRow.jsx
+function g({ left: e, title: t, description: r, right: o, showArrow: s = !1, divider: c = !0, onClick: l, disabled: u = !1, className: d = "", ...f }) {
+	let p = {
+		display: "flex",
+		alignItems: "center",
+		padding: "18px 0",
+		gap: "14px",
+		background: "transparent",
+		borderBottom: c ? "1px solid #f1f3f5" : "none",
+		cursor: l && !u ? "pointer" : "default",
+		transition: "all 0.2s ease",
+		userSelect: "none",
+		position: "relative"
+	}, m = {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		flexShrink: 0
+	}, h = {
+		flex: 1,
+		display: "flex",
+		flexDirection: "column",
+		gap: "5px",
+		minWidth: 0
+	}, g = {
+		fontSize: "16px",
+		fontWeight: "600",
+		color: u ? "#adb5bd" : "#191f28",
+		lineHeight: "1.5",
+		letterSpacing: "-0.3px",
+		textAlign: "left"
+	}, _ = {
+		fontSize: "14px",
+		color: u ? "#ced4da" : "#8b95a1",
+		lineHeight: "1.5",
+		letterSpacing: "-0.2px",
+		textAlign: "left"
+	}, v = {
+		display: "flex",
+		alignItems: "center",
+		gap: "6px",
+		flexShrink: 0,
+		color: "#8b95a1",
+		fontSize: "15px",
+		fontWeight: "500"
+	}, y = {
+		fontSize: "18px",
+		color: "#b0b8c1",
+		marginLeft: "2px"
+	};
+	return /* @__PURE__ */ a(n.div, {
+		style: p,
+		className: d,
+		onClick: l && !u ? l : void 0,
+		whileHover: l && !u ? { x: 2 } : {},
+		transition: {
+			duration: .2,
+			ease: "easeOut"
+		},
+		...f,
+		children: [
+			e && /* @__PURE__ */ i("div", {
+				style: m,
+				children: e
+			}),
+			/* @__PURE__ */ a("div", {
+				style: h,
+				children: [/* @__PURE__ */ i("div", {
+					style: g,
+					children: t
+				}), r && /* @__PURE__ */ i("div", {
+					style: _,
+					children: r
+				})]
+			}),
+			(o || s) && /* @__PURE__ */ a("div", {
+				style: v,
+				children: [o, s && /* @__PURE__ */ i("i", {
+					className: "bi bi-chevron-right",
+					style: y
+				})]
+			})
+		]
+	});
+}
+function _({ color: e = "#b8e8fd", size: t = 44 }) {
+	return /* @__PURE__ */ i("div", { style: {
+		width: `${t}px`,
+		height: `${t}px`,
+		borderRadius: "12px",
+		background: e,
+		flexShrink: 0
+	} });
+}
+function v({ title: e, children: t, className: n = "", ...r }) {
+	let o = { marginBottom: "32px" }, s = {
+		fontSize: "14px",
+		fontWeight: "700",
+		color: "#6b7684",
+		padding: "0 0 12px 0",
+		letterSpacing: "-0.2px"
+	}, c = {
+		background: "#ffffff",
+		borderRadius: "12px",
+		padding: "0 20px",
+		boxShadow: "0 1px 3px rgba(0,0,0,0.04)"
+	};
+	return /* @__PURE__ */ a("div", {
+		style: o,
+		className: n,
+		...r,
+		children: [e && /* @__PURE__ */ i("div", {
+			style: s,
+			children: e
+		}), /* @__PURE__ */ i("div", {
+			style: c,
+			children: t
+		})]
+	});
+}
+//#endregion
+//#region src/components/Stepper.jsx
+function y({ steps: e = [], currentStep: t = null, className: n = "", style: r = {}, ...a }) {
+	return /* @__PURE__ */ i("div", {
+		style: {
+			background: "#ffffff",
+			borderRadius: "12px",
+			padding: "0",
+			boxShadow: "0 1px 3px rgba(0,0,0,0.04)",
+			overflow: "hidden",
+			...r
+		},
+		className: n,
+		...a,
+		children: e.map((n, r) => /* @__PURE__ */ i(b, {
+			stepNumber: r + 1,
+			title: n.title,
+			description: n.description,
+			icon: n.icon || "bi-chevron-right",
+			onClick: n.onClick,
+			isLast: r === e.length - 1,
+			isActive: t !== null && r === t
+		}, r))
+	});
+}
+function b({ stepNumber: e, title: t, description: r, icon: o, onClick: c, isLast: l, isActive: u }) {
+	let [d, f] = s(!1), p = {
+		display: "flex",
+		alignItems: "center",
+		gap: "16px",
+		padding: "20px 20px",
+		borderBottom: l ? "none" : "1px solid #f1f3f5",
+		cursor: c ? "pointer" : "default",
+		background: u ? "#fafbfc" : "#ffffff",
+		transition: "background 0.2s ease"
+	}, m = {
+		width: "32px",
+		height: "32px",
+		borderRadius: "50%",
+		background: u ? "#b8e8fd" : "#f1f3f5",
+		color: u ? "#212529" : "#868e96",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		fontSize: "14px",
+		fontWeight: "600",
+		flexShrink: 0
+	}, h = {
+		flex: 1,
+		minWidth: 0
+	}, g = {
+		fontSize: "16px",
+		fontWeight: "600",
+		color: "#212529",
+		marginBottom: r ? "4px" : "0",
+		textAlign: "left"
+	};
+	return /* @__PURE__ */ a(n.div, {
+		style: p,
+		onClick: c,
+		onMouseEnter: () => f(!0),
+		onMouseLeave: () => f(!1),
+		whileHover: c ? { backgroundColor: "#fafbfc" } : {},
+		animate: c && d ? { x: [
+			0,
+			4,
+			0
+		] } : { x: 0 },
+		transition: { duration: .3 },
+		children: [
+			/* @__PURE__ */ i("div", {
+				style: m,
+				children: e
+			}),
+			/* @__PURE__ */ a("div", {
+				style: h,
+				children: [/* @__PURE__ */ i("div", {
+					style: g,
+					children: t
+				}), r && /* @__PURE__ */ i("div", {
+					style: {
+						fontSize: "14px",
+						color: "#868e96",
+						lineHeight: "1.4",
+						textAlign: "left"
+					},
+					children: r
+				})]
+			}),
+			o && /* @__PURE__ */ i("div", {
+				style: {
+					fontSize: "20px",
+					color: "#adb5bd",
+					flexShrink: 0
+				},
+				children: typeof o == "string" ? /* @__PURE__ */ i("i", { className: o }) : o
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Skeleton.jsx
+function x({ variant: e = "rect", width: t = "100%", height: r = "20px", animation: a = !0, className: o = "", style: s = {}, ...c }) {
+	let l = {
+		display: "inline-block",
+		background: "linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)",
+		backgroundSize: "200% 100%",
+		width: typeof t == "number" ? `${t}px` : t,
+		height: typeof r == "number" ? `${r}px` : r,
+		...s
+	}, u = {
+		text: {
+			borderRadius: "4px",
+			height: r || "16px"
+		},
+		circle: {
+			borderRadius: "50%",
+			width: t || r || "40px",
+			height: r || t || "40px"
+		},
+		rect: { borderRadius: "8px" }
+	}, d = {
+		...l,
+		...u[e]
+	};
+	return /* @__PURE__ */ i(n.div, {
+		style: d,
+		className: o,
+		animate: a ? { backgroundPosition: ["0% 0%", "100% 0%"] } : {},
+		transition: {
+			duration: 1.5,
+			repeat: Infinity,
+			ease: "linear"
+		},
+		...c
+	});
+}
+function S({ lines: e = 3, lastLineWidth: t = "60%", spacing: n = "12px" }) {
+	return /* @__PURE__ */ i("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: n,
+			width: "100%"
+		},
+		children: Array.from({ length: e }, (n, r) => /* @__PURE__ */ i(x, {
+			variant: "text",
+			width: r === e - 1 ? t : "100%"
+		}, r))
+	});
+}
+function C({ hasImage: e = !0, hasAvatar: t = !1 }) {
+	return /* @__PURE__ */ a("div", {
+		style: {
+			background: "#ffffff",
+			borderRadius: "12px",
+			padding: "20px",
+			boxShadow: "0 1px 3px rgba(0,0,0,0.04)"
+		},
+		children: [
+			e && /* @__PURE__ */ i(x, {
+				variant: "rect",
+				width: "100%",
+				height: "180px",
+				style: { marginBottom: "16px" }
+			}),
+			t && /* @__PURE__ */ a("div", {
+				style: {
+					display: "flex",
+					gap: "12px",
+					marginBottom: "16px",
+					alignItems: "center"
+				},
+				children: [/* @__PURE__ */ i(x, {
+					variant: "circle",
+					width: "40px",
+					height: "40px"
+				}), /* @__PURE__ */ i("div", {
+					style: { flex: 1 },
+					children: /* @__PURE__ */ i(x, {
+						variant: "text",
+						width: "40%",
+						height: "14px"
+					})
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: "12px"
+				},
+				children: [/* @__PURE__ */ i(x, {
+					variant: "text",
+					width: "80%",
+					height: "18px"
+				}), /* @__PURE__ */ i(S, {
+					lines: 2,
+					lastLineWidth: "60%"
+				})]
+			})
+		]
+	});
+}
+function w({ count: e = 3, hasIcon: t = !0 }) {
+	let n = {
+		background: "#ffffff",
+		borderRadius: "12px",
+		padding: "0 20px",
+		boxShadow: "0 1px 3px rgba(0,0,0,0.04)"
+	}, r = {
+		display: "flex",
+		alignItems: "center",
+		gap: "14px",
+		padding: "18px 0",
+		borderBottom: "1px solid #f1f3f5"
+	}, o = {
+		...r,
+		borderBottom: "none"
+	}, s = {
+		flex: 1,
+		display: "flex",
+		flexDirection: "column",
+		gap: "8px"
+	};
+	return /* @__PURE__ */ i("div", {
+		style: n,
+		children: Array.from({ length: e }, (n, c) => /* @__PURE__ */ a("div", {
+			style: c === e - 1 ? o : r,
+			children: [
+				t && /* @__PURE__ */ i(x, {
+					variant: "circle",
+					width: "44px",
+					height: "44px"
+				}),
+				/* @__PURE__ */ a("div", {
+					style: s,
+					children: [/* @__PURE__ */ i(x, {
+						variant: "text",
+						width: "60%",
+						height: "16px"
+					}), /* @__PURE__ */ i(x, {
+						variant: "text",
+						width: "40%",
+						height: "14px"
+					})]
+				}),
+				/* @__PURE__ */ i(x, {
+					variant: "text",
+					width: "20px",
+					height: "20px"
+				})
+			]
+		}, c))
+	});
+}
+//#endregion
+//#region src/components/StatusSection.jsx
+function T({ icon: e = "✅", title: t, description: r, buttonText: o, onButtonClick: s, type: c = "success", className: l = "", style: u = {}, ...d }) {
+	let f = {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		textAlign: "center",
+		gap: "14px",
+		paddingTop: "32px",
+		...u
+	}, p = {
+		fontSize: "48px",
+		lineHeight: 1,
+		marginBottom: "4px",
+		fontFamily: "var(--font-emoji, TossFace)"
+	}, m = {
+		fontSize: "20px",
+		fontWeight: "700",
+		lineHeight: 1.3,
+		margin: 0,
+		letterSpacing: "-0.3px",
+		color: "#191f28"
+	}, h = {
+		fontSize: "13px",
+		color: "#888",
+		lineHeight: 1.65,
+		margin: 0,
+		wordBreak: "keep-all"
+	}, g = {
+		width: "100%",
+		padding: "14px",
+		background: "#b8e8fd",
+		color: "#111",
+		fontSize: "15px",
+		fontWeight: "700",
+		border: "none",
+		borderRadius: "50px",
+		cursor: "pointer",
+		fontFamily: "inherit",
+		position: "relative",
+		overflow: "hidden"
+	}, _ = {
+		hidden: {
+			scale: .25,
+			opacity: 0
+		},
+		visible: {
+			scale: [
+				.25,
+				1.22,
+				.9,
+				1
+			],
+			opacity: 1,
+			transition: {
+				duration: .58,
+				ease: [
+					.34,
+					1.56,
+					.64,
+					1
+				]
+			}
+		}
+	};
+	return /* @__PURE__ */ a(n.div, {
+		style: f,
+		className: l,
+		initial: "hidden",
+		animate: "visible",
+		variants: {
+			hidden: {
+				opacity: 0,
+				y: 14,
+				filter: "blur(3px)"
+			},
+			visible: {
+				opacity: 1,
+				y: 0,
+				filter: "blur(0px)",
+				transition: {
+					duration: .28,
+					ease: [
+						.22,
+						1,
+						.36,
+						1
+					]
+				}
+			}
+		},
+		...d,
+		children: [
+			/* @__PURE__ */ i(n.div, {
+				style: p,
+				variants: _,
+				children: e
+			}),
+			t && /* @__PURE__ */ i("p", {
+				style: m,
+				children: t
+			}),
+			r && /* @__PURE__ */ i("p", {
+				style: h,
+				children: r
+			}),
+			o && s && /* @__PURE__ */ i(n.button, {
+				style: g,
+				onClick: s,
+				whileHover: {
+					opacity: .92,
+					y: -1,
+					boxShadow: "0 6px 22px rgba(184, 232, 253, 0.65)"
+				},
+				whileTap: {
+					scale: .97,
+					y: 0,
+					boxShadow: "none",
+					transition: { duration: .08 }
+				},
+				children: o
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Border.jsx
+function E({ children: e, width: t = 1, color: n = "#e9ecef", style: r = "solid", radius: a = 0, top: o, right: s, bottom: c, left: l, padding: u, className: d = "", ...f }) {
+	let p = o !== void 0 || s !== void 0 || c !== void 0 || l !== void 0, m = (e, i) => {
+		if (i === !1) return "none";
+		if (i === !0) return `${t}px ${r} ${n}`;
+		if (typeof i == "string") return `${t}px ${r} ${i}`;
+	};
+	return /* @__PURE__ */ i("div", {
+		style: {
+			...p ? {
+				borderTop: o === void 0 ? "none" : m("top", o),
+				borderRight: s === void 0 ? "none" : m("right", s),
+				borderBottom: c === void 0 ? "none" : m("bottom", c),
+				borderLeft: l === void 0 ? "none" : m("left", l)
+			} : { border: `${t}px ${r} ${n}` },
+			borderRadius: typeof a == "number" ? `${a}px` : a,
+			...u && { padding: typeof u == "number" ? `${u}px` : u }
+		},
+		className: d,
+		...f,
+		children: e
+	});
+}
+function D({ children: e, variant: t = "default", padding: n = 20, className: r = "", ...a }) {
+	return /* @__PURE__ */ i("div", {
+		style: {
+			...{
+				default: {
+					border: "1px solid #e9ecef",
+					borderRadius: "12px"
+				},
+				primary: {
+					border: "2px solid #b8e8fd",
+					borderRadius: "12px"
+				},
+				secondary: {
+					border: "2px solid #f4f4fe",
+					borderRadius: "12px"
+				},
+				dashed: {
+					border: "2px dashed #e9ecef",
+					borderRadius: "12px"
+				},
+				shadow: {
+					border: "1px solid #e9ecef",
+					borderRadius: "12px",
+					boxShadow: "0 2px 8px rgba(0,0,0,0.04)"
+				}
+			}[t],
+			padding: typeof n == "number" ? `${n}px` : n
+		},
+		className: r,
+		...a,
+		children: e
+	});
+}
+function O({ orientation: e = "horizontal", color: t = "#f1f3f5", thickness: n = 1, spacing: r = 20, dashed: a = !1, className: o = "", style: s = {}, ...c }) {
+	let l = e === "horizontal";
+	return /* @__PURE__ */ i("div", {
+		style: {
+			background: a ? "transparent" : t,
+			...a && {
+				borderTop: l ? `${n}px dashed ${t}` : "none",
+				borderLeft: l ? "none" : `${n}px dashed ${t}`
+			},
+			...l ? {
+				width: "100%",
+				height: a ? "0" : `${n}px`,
+				margin: `${r}px 0`
+			} : {
+				width: a ? "0" : `${n}px`,
+				height: "100%",
+				margin: `0 ${r}px`
+			},
+			...s
+		},
+		className: o,
+		...c
+	});
+}
+function k({ children: e, title: t, divider: n = !0, padding: r = 20, className: o = "", ...s }) {
+	let c = {
+		background: "#ffffff",
+		borderRadius: "12px",
+		border: "1px solid #f1f3f5",
+		overflow: "hidden"
+	}, l = {
+		fontSize: "16px",
+		fontWeight: "600",
+		color: "#191f28",
+		padding: typeof r == "number" ? `${r}px` : r,
+		borderBottom: n ? "1px solid #f1f3f5" : "none",
+		margin: 0
+	}, u = { padding: typeof r == "number" ? `${r}px` : r };
+	return /* @__PURE__ */ a("div", {
+		style: c,
+		className: o,
+		...s,
+		children: [t && /* @__PURE__ */ i("div", {
+			style: l,
+			children: t
+		}), /* @__PURE__ */ i("div", {
+			style: u,
+			children: e
+		})]
+	});
+}
+//#endregion
+//#region src/components/Dialog.jsx
+function A() {
+	let [e, t] = s(!1);
+	return {
+		isOpen: e,
+		openDialog: () => t(!0),
+		closeDialog: () => t(!1)
+	};
+}
+function j({ isOpen: e, onClose: r, title: s, children: c, confirmText: l = "확인", icon: u, type: d = "info", ...f }) {
+	o(() => {
+		if (!e) return;
+		let t = (e) => {
+			e.key === "Escape" && r();
+		};
+		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+	}, [e, r]);
+	let { icon: p, color: m } = (() => {
+		switch (d) {
+			case "success": return {
+				icon: "✅",
+				color: "#4bd964"
+			};
+			case "warning": return {
+				icon: "⚠️",
+				color: "#ff4d00"
+			};
+			case "error": return {
+				icon: "❌",
+				color: "#cc0000"
+			};
+			default: return {
+				icon: "ℹ️",
+				color: "#b8e8fd"
+			};
+		}
+	})(), h = {
+		position: "fixed",
+		inset: 0,
+		background: "rgba(0, 0, 0, 0.5)",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		zIndex: 1e3,
+		padding: "20px"
+	}, g = {
+		background: "#ffffff",
+		borderRadius: "16px",
+		maxWidth: "400px",
+		width: "100%",
+		boxShadow: "0 20px 60px rgba(0, 0, 0, 0.3)",
+		overflow: "hidden"
+	}, _ = {
+		padding: "32px 24px 24px",
+		textAlign: "center"
+	}, v = {
+		fontSize: "48px",
+		marginBottom: "16px",
+		lineHeight: 1,
+		fontFamily: "var(--font-emoji, TossFace)"
+	}, y = {
+		fontSize: "20px",
+		fontWeight: "700",
+		color: "#191f28",
+		marginBottom: "12px",
+		lineHeight: 1.3
+	}, b = {
+		fontSize: "14px",
+		color: "#6b7684",
+		lineHeight: 1.6,
+		marginBottom: "24px"
+	}, x = {
+		width: "100%",
+		padding: "14px",
+		background: m,
+		color: d === "warning" || d === "error" ? "#ffffff" : "#111111",
+		fontSize: "15px",
+		fontWeight: "700",
+		border: "none",
+		borderRadius: "8px",
+		cursor: "pointer",
+		fontFamily: "inherit"
+	};
+	return /* @__PURE__ */ i(t, { children: e && /* @__PURE__ */ i(n.div, {
+		style: h,
+		onClick: r,
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		...f,
+		children: /* @__PURE__ */ i(n.div, {
+			style: g,
+			onClick: (e) => e.stopPropagation(),
+			initial: {
+				scale: .9,
+				opacity: 0,
+				y: 20
+			},
+			animate: {
+				scale: 1,
+				opacity: 1,
+				y: 0
+			},
+			exit: {
+				scale: .9,
+				opacity: 0,
+				y: 20
+			},
+			transition: {
+				type: "spring",
+				damping: 25,
+				stiffness: 300
+			},
+			children: /* @__PURE__ */ a("div", {
+				style: _,
+				children: [
+					(u || p) && /* @__PURE__ */ i(n.div, {
+						style: v,
+						initial: {
+							scale: 0,
+							rotate: -180
+						},
+						animate: {
+							scale: 1,
+							rotate: 0
+						},
+						transition: {
+							type: "spring",
+							damping: 15,
+							stiffness: 200,
+							delay: .1
+						},
+						children: u || p
+					}),
+					s && /* @__PURE__ */ i("div", {
+						style: y,
+						children: s
+					}),
+					c && /* @__PURE__ */ i("div", {
+						style: b,
+						children: c
+					}),
+					/* @__PURE__ */ i(n.button, {
+						style: x,
+						onClick: r,
+						whileHover: { opacity: .9 },
+						whileTap: { scale: .97 },
+						children: l
+					})
+				]
+			})
+		})
+	}) });
+}
+function M({ isOpen: e, onClose: r, onConfirm: s, title: c, children: l, confirmText: u = "확인", cancelText: d = "취소", icon: f, type: p = "info", ...m }) {
+	o(() => {
+		if (!e) return;
+		let t = (e) => {
+			e.key === "Escape" && r();
+		};
+		return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+	}, [e, r]);
+	let h = () => {
+		s?.(), r();
+	}, { icon: g, color: _ } = (() => {
+		switch (p) {
+			case "success": return {
+				icon: "✅",
+				color: "#4bd964"
+			};
+			case "warning": return {
+				icon: "⚠️",
+				color: "#ff4d00"
+			};
+			case "error": return {
+				icon: "❌",
+				color: "#cc0000"
+			};
+			default: return {
+				icon: "❓",
+				color: "#b8e8fd"
+			};
+		}
+	})(), v = {
+		position: "fixed",
+		inset: 0,
+		background: "rgba(0, 0, 0, 0.5)",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		zIndex: 1e3,
+		padding: "20px"
+	}, y = {
+		background: "#ffffff",
+		borderRadius: "16px",
+		maxWidth: "400px",
+		width: "100%",
+		boxShadow: "0 20px 60px rgba(0, 0, 0, 0.3)",
+		overflow: "hidden"
+	}, b = {
+		padding: "32px 24px 24px",
+		textAlign: "center"
+	}, x = {
+		fontSize: "48px",
+		marginBottom: "16px",
+		lineHeight: 1,
+		fontFamily: "var(--font-emoji, TossFace)"
+	}, S = {
+		fontSize: "20px",
+		fontWeight: "700",
+		color: "#191f28",
+		marginBottom: "12px",
+		lineHeight: 1.3
+	}, C = {
+		fontSize: "14px",
+		color: "#6b7684",
+		lineHeight: 1.6,
+		marginBottom: "24px"
+	}, w = {
+		display: "flex",
+		gap: "12px"
+	}, T = {
+		flex: 1,
+		padding: "14px",
+		background: "#f1f3f5",
+		color: "#495057",
+		fontSize: "15px",
+		fontWeight: "600",
+		border: "none",
+		borderRadius: "8px",
+		cursor: "pointer",
+		fontFamily: "inherit"
+	}, E = {
+		flex: 1,
+		padding: "14px",
+		background: _,
+		color: p === "warning" || p === "error" ? "#ffffff" : "#111111",
+		fontSize: "15px",
+		fontWeight: "700",
+		border: "none",
+		borderRadius: "8px",
+		cursor: "pointer",
+		fontFamily: "inherit"
+	};
+	return /* @__PURE__ */ i(t, { children: e && /* @__PURE__ */ i(n.div, {
+		style: v,
+		onClick: r,
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		...m,
+		children: /* @__PURE__ */ i(n.div, {
+			style: y,
+			onClick: (e) => e.stopPropagation(),
+			initial: {
+				scale: .9,
+				opacity: 0,
+				y: 20
+			},
+			animate: {
+				scale: 1,
+				opacity: 1,
+				y: 0
+			},
+			exit: {
+				scale: .9,
+				opacity: 0,
+				y: 20
+			},
+			transition: {
+				type: "spring",
+				damping: 25,
+				stiffness: 300
+			},
+			children: /* @__PURE__ */ a("div", {
+				style: b,
+				children: [
+					(f || g) && /* @__PURE__ */ i(n.div, {
+						style: x,
+						initial: {
+							scale: 0,
+							rotate: -180
+						},
+						animate: {
+							scale: 1,
+							rotate: 0
+						},
+						transition: {
+							type: "spring",
+							damping: 15,
+							stiffness: 200,
+							delay: .1
+						},
+						children: f || g
+					}),
+					c && /* @__PURE__ */ i("div", {
+						style: S,
+						children: c
+					}),
+					l && /* @__PURE__ */ i("div", {
+						style: C,
+						children: l
+					}),
+					/* @__PURE__ */ a("div", {
+						style: w,
+						children: [/* @__PURE__ */ i(n.button, {
+							style: T,
+							onClick: r,
+							whileHover: { opacity: .9 },
+							whileTap: { scale: .97 },
+							children: d
+						}), /* @__PURE__ */ i(n.button, {
+							style: E,
+							onClick: h,
+							whileHover: { opacity: .9 },
+							whileTap: { scale: .97 },
+							children: u
+						})]
+					})
+				]
+			})
+		})
+	}) });
+}
+//#endregion
+//#region src/animations/index.js
+var N = {
+	linear: [
+		0,
+		0,
+		1,
+		1
+	],
+	ease: [
+		.25,
+		.1,
+		.25,
+		1
+	],
+	easeIn: [
+		.42,
+		0,
+		1,
+		1
+	],
+	easeOut: [
+		0,
+		0,
+		.58,
+		1
+	],
+	easeInOut: [
+		.42,
+		0,
+		.58,
+		1
+	],
+	spring: {
+		type: "spring",
+		damping: 25,
+		stiffness: 300
+	},
+	springBouncy: {
+		type: "spring",
+		damping: 15,
+		stiffness: 200
+	},
+	springSoft: {
+		type: "spring",
+		damping: 30,
+		stiffness: 150
+	},
+	toss: [
+		.22,
+		1,
+		.36,
+		1
+	],
+	smooth: [
+		.34,
+		1.56,
+		.64,
+		1
+	],
+	bounce: [
+		.68,
+		-.55,
+		.265,
+		1.55
+	],
+	anticipate: [
+		.36,
+		0,
+		.66,
+		-.56
+	]
+}, P = {
+	fadeIn: {
+		from: { opacity: 0 },
+		to: { opacity: 1 },
+		duration: .3,
+		ease: N.ease
+	},
+	fadeOut: {
+		from: { opacity: 1 },
+		to: { opacity: 0 },
+		duration: .3,
+		ease: N.ease
+	},
+	slideUp: {
+		from: {
+			y: 20,
+			opacity: 0
+		},
+		to: {
+			y: 0,
+			opacity: 1
+		},
+		duration: .4,
+		ease: N.toss
+	},
+	slideDown: {
+		from: {
+			y: -20,
+			opacity: 0
+		},
+		to: {
+			y: 0,
+			opacity: 1
+		},
+		duration: .4,
+		ease: N.toss
+	},
+	slideLeft: {
+		from: {
+			x: 20,
+			opacity: 0
+		},
+		to: {
+			x: 0,
+			opacity: 1
+		},
+		duration: .4,
+		ease: N.toss
+	},
+	slideRight: {
+		from: {
+			x: -20,
+			opacity: 0
+		},
+		to: {
+			x: 0,
+			opacity: 1
+		},
+		duration: .4,
+		ease: N.toss
+	},
+	scaleIn: {
+		from: {
+			scale: .8,
+			opacity: 0
+		},
+		to: {
+			scale: 1,
+			opacity: 1
+		},
+		duration: .3,
+		ease: N.smooth
+	},
+	scaleOut: {
+		from: {
+			scale: 1,
+			opacity: 1
+		},
+		to: {
+			scale: .8,
+			opacity: 0
+		},
+		duration: .3,
+		ease: N.ease
+	},
+	scaleBounce: {
+		from: {
+			scale: .25,
+			opacity: 0
+		},
+		to: {
+			scale: 1,
+			opacity: 1
+		},
+		duration: .58,
+		ease: N.smooth
+	},
+	rotateIn: {
+		from: {
+			rotate: -180,
+			scale: 0,
+			opacity: 0
+		},
+		to: {
+			rotate: 0,
+			scale: 1,
+			opacity: 1
+		},
+		duration: .5,
+		ease: N.spring
+	},
+	blurIn: {
+		from: {
+			filter: "blur(10px)",
+			opacity: 0
+		},
+		to: {
+			filter: "blur(0px)",
+			opacity: 1
+		},
+		duration: .4,
+		ease: N.ease
+	},
+	entrance: {
+		from: {
+			y: 20,
+			opacity: 0,
+			filter: "blur(3px)"
+		},
+		to: {
+			y: 0,
+			opacity: 1,
+			filter: "blur(0px)"
+		},
+		duration: .5,
+		ease: N.toss
+	},
+	pop: {
+		from: {
+			scale: .9,
+			opacity: 0
+		},
+		to: {
+			scale: [
+				.9,
+				1.05,
+				1
+			],
+			opacity: 1
+		},
+		duration: .4,
+		ease: N.bounce
+	}
+};
+function F() {
+	let [e, t] = r(), n = async (e, n, r = {}) => {
+		let { from: i, to: a, duration: o, ease: s, delay: c = 0 } = {
+			...n,
+			...r
+		};
+		return i && await t(e, i, { duration: 0 }), t(e, a, {
+			duration: o,
+			ease: s,
+			delay: c
+		});
+	}, i = async (e) => {
+		for (let t of e) {
+			let { target: e, motion: r, options: i } = t;
+			await n(e, r, i);
+		}
+	}, a = async (e) => {
+		let t = e.map(({ target: e, motion: t, options: r }) => n(e, t, r));
+		return Promise.all(t);
+	}, o = async (e, t = .1) => {
+		let r = e.map(({ target: e, motion: r, options: i }, a) => n(e, r, {
+			...i,
+			delay: (i?.delay || 0) + t * a
+		}));
+		return Promise.all(r);
+	};
+	return {
+		scope: e,
+		animate: t,
+		play: n,
+		serial: i,
+		parallel: a,
+		stagger: o,
+		timeline: async (e) => {
+			for (let t of e) t.type === "serial" ? await i(t.animations) : t.type === "parallel" ? await a(t.animations) : t.type === "stagger" ? await o(t.animations, t.delayBetween) : t.type === "wait" && await new Promise((e) => setTimeout(e, t.duration * 1e3));
+		}
+	};
+}
+function I({ from: e, to: t, duration: n = .3, ease: r = N.ease }) {
+	return {
+		from: e,
+		to: t,
+		duration: n,
+		ease: r
+	};
+}
+function L(...e) {
+	return e.reduce((e, t) => ({
+		from: {
+			...e.from,
+			...t.from
+		},
+		to: {
+			...e.to,
+			...t.to
+		},
+		duration: Math.max(e.duration || 0, t.duration || 0),
+		ease: t.ease || e.ease
+	}), {});
+}
+//#endregion
+//#region src/components/Animate.jsx
+function R({ children: e, motion: t = "fadeIn", delay: r = 0, onComplete: a, className: o = "", style: s = {}, ...c }) {
+	let { from: l, to: u, duration: d, ease: f } = P[t] || P.fadeIn;
+	return /* @__PURE__ */ i(n.div, {
+		initial: l,
+		animate: u,
+		transition: {
+			duration: d,
+			ease: f,
+			delay: r
+		},
+		onAnimationComplete: a,
+		className: o,
+		style: s,
+		...c,
+		children: e
+	});
+}
+function z({ children: e, motion: t = "slideUp", delay: r = 0, once: a = !0, amount: o = .3, className: s = "", style: c = {}, ...l }) {
+	let { from: u, to: d, duration: f, ease: p } = P[t] || P.slideUp;
+	return /* @__PURE__ */ i(n.div, {
+		initial: u,
+		whileInView: d,
+		viewport: {
+			once: a,
+			amount: o
+		},
+		transition: {
+			duration: f,
+			ease: p,
+			delay: r
+		},
+		className: s,
+		style: c,
+		...l,
+		children: e
+	});
+}
+function B({ children: e, motion: t = "fadeIn", staggerDelay: r = .1, className: a = "", style: o = {}, ...s }) {
+	let { from: c, to: l, duration: u, ease: d } = P[t] || P.fadeIn;
+	return /* @__PURE__ */ i(n.div, {
+		initial: "hidden",
+		animate: "visible",
+		variants: {
+			hidden: {},
+			visible: { transition: { staggerChildren: r } }
+		},
+		className: a,
+		style: o,
+		...s,
+		children: Array.isArray(e) ? e.map((e, t) => /* @__PURE__ */ i(n.div, {
+			variants: {
+				hidden: c,
+				visible: l
+			},
+			transition: {
+				duration: u,
+				ease: d
+			},
+			children: e
+		}, t)) : /* @__PURE__ */ i(n.div, {
+			variants: {
+				hidden: c,
+				visible: l
+			},
+			transition: {
+				duration: u,
+				ease: d
+			},
+			children: e
+		})
+	});
+}
+//#endregion
+export { j as AlertDialog, R as Animate, z as AnimateOnView, e as AnimatePresence, B as AnimateStagger, E as Border, D as BorderBox, c as Button, l as Card, _ as ColorBlock, M as ConfirmDialog, O as Divider, h as IconButton, g as ListRow, v as ListSection, p as Modal, k as Section, x as Skeleton, C as SkeletonCard, w as SkeletonListRow, S as SkeletonText, T as StatusSection, y as Stepper, u as TextField, d as Toast, L as combineMotions, I as createMotion, N as easings, P as motions, F as useAnimation, A as useDialog, m as useModal, f as useToast };