@gusun/design-system 0.1.0

package/dist-lib/index.js

@@ -0,0 +1,4707 @@
+import { A as e, C as t, D as n, E as r, F as i, I as a, L as o, M as s, N as c, O as l, P as u, R as d, S as f, T as p, _ as m, b as h, c as g, d as _, f as v, g as y, h as b, i as x, j as S, k as C, l as w, m as T, o as E, p as D, r as O, s as k, t as A, u as j, v as M, w as N, x as P, y as F, z as I } from "./Editor-wECQz1CV.js";
+import { A as L, C as R, D as z, E as B, F as V, M as H, N as U, O as W, P as G, S as K, T as ee, _ as q, a as J, b as Y, c as te, d as ne, f as re, g as ie, h as ae, i as oe, j as se, k as ce, l as le, m as ue, n as de, o as fe, p as pe, r as me, s as he, t as ge, u as _e, v as ve, w as ye, x as be, y as xe } from "./tokens-CbcaxhkP.js";
+import { Children as Se, Component as Ce, Fragment as we, cloneElement as Te, createContext as Ee, forwardRef as De, isValidElement as Oe, useCallback as ke, useContext as Ae, useEffect as je, useImperativeHandle as Me, useLayoutEffect as Ne, useMemo as Pe, useRef as X, useState as Z } from "react";
+import { Calendar as Fe, ChevronDown as Ie, ChevronLeft as Le, ChevronRight as Re, ChevronsLeft as ze, ChevronsRight as Be, Clock as Ve, Copy as He, FolderInput as Ue, FolderOutput as We, GripVertical as Ge, Image as Ke, LoaderCircle as qe, MoreVertical as Je, Paperclip as Ye, Plus as Xe, Settings as Ze, SquarePen as Qe, Trash2 as $e, Upload as et, X as tt } from "lucide-react";
+import { createPortal as nt } from "react-dom";
+import { Fragment as rt, jsx as Q, jsxs as $ } from "react/jsx-runtime";
+//#region src/components/Divider.tsx
+var it = {
+	subtle: "bg-divider-subtle",
+	default: "bg-divider-default",
+	strong: "bg-divider-strong"
+};
+function at({ direction: e = "horizontal", color: t = "default", className: n = "", ...r }) {
+	let i = e === "vertical";
+	return /* @__PURE__ */ Q("div", {
+		role: "separator",
+		"aria-orientation": i ? "vertical" : "horizontal",
+		className: `shrink-0 ${i ? "w-px self-stretch" : "h-px w-full"} ${it[t] ?? it.default} ${n}`,
+		...r
+	});
+}
+//#endregion
+//#region src/components/Accordion.tsx
+function ot({ children: e, className: t = "", ...n }) {
+	let r = Se.toArray(e);
+	return /* @__PURE__ */ $("div", {
+		className: `flex w-full flex-col ${t}`,
+		...n,
+		children: [/* @__PURE__ */ Q(at, {}), r.map((e) => /* @__PURE__ */ $(we, { children: [e, /* @__PURE__ */ Q(at, {})] }, e.key ?? void 0))]
+	});
+}
+function st({ title: e = "", children: t, defaultOpen: n = !1, open: r, onOpenChange: a, nameEditable: s = !1, onTitleChange: l, deletable: d = !1, deleteDisabled: f = !1, onDelete: p, keepMounted: m = !1, maxHeight: h, className: g = "", ..._ }) {
+	let v = r !== void 0, [y, b] = Z(n), x = v ? r : y, S = (e) => {
+		v || b(e), a?.(e);
+	}, [C, w] = Z(n || m);
+	x && !C && w(!0);
+	let T = m || C, [E, D] = Z(!1), [O, k] = Z(""), A = () => {
+		k(e ?? ""), D(!0);
+	}, j = () => D(!1), M = () => {
+		D(!1);
+		let t = O.trim();
+		t && t !== e && l?.(t);
+	};
+	return /* @__PURE__ */ $("div", {
+		className: `w-full ${g}`,
+		..._,
+		children: [E ? /* @__PURE__ */ $("div", {
+			className: "flex w-full items-start gap-spacing-5 py-spacing-5",
+			children: [/* @__PURE__ */ Q("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ Q(u, {
+					width: "100%",
+					value: O,
+					onChange: (e) => k(e.target.value),
+					inputProps: {
+						autoFocus: !0,
+						onKeyDown: (e) => {
+							e.key === "Enter" && M(), e.key === "Escape" && j();
+						}
+					}
+				})
+			}), /* @__PURE__ */ $("div", {
+				className: "flex shrink-0 items-center gap-spacing-3",
+				children: [/* @__PURE__ */ Q(i, {
+					variant: "ghost",
+					size: "32",
+					onClick: j,
+					children: "취소"
+				}), /* @__PURE__ */ Q(i, {
+					variant: "ghost",
+					size: "32",
+					onClick: M,
+					children: "저장"
+				})]
+			})]
+		}) : /* @__PURE__ */ $("div", {
+			className: "flex w-full items-start gap-spacing-3 p-spacing-5",
+			children: [
+				/* @__PURE__ */ $("button", {
+					type: "button",
+					"aria-expanded": x,
+					onClick: () => S(!x),
+					className: "flex h-[32px] min-w-0 flex-1 cursor-pointer items-center gap-spacing-5 text-left",
+					children: [/* @__PURE__ */ Q(Ie, {
+						size: 16,
+						strokeWidth: 1.8,
+						className: `shrink-0 text-font-icon-5 transition-transform ${x ? "" : "rotate-180"}`
+					}), /* @__PURE__ */ Q(o, {
+						className: "min-w-0 text-14 text-accordion-list-name",
+						children: e
+					})]
+				}),
+				s && /* @__PURE__ */ Q(i, {
+					variant: "ghost",
+					icon: Qe,
+					"aria-label": "이름 편집",
+					onClick: A
+				}),
+				d && /* @__PURE__ */ Q(i, {
+					variant: "ghost",
+					icon: $e,
+					"aria-label": "리스트 삭제",
+					disabled: f,
+					onClick: p
+				})
+			]
+		}), /* @__PURE__ */ Q("div", {
+			className: `grid transition-[grid-template-rows] duration-200 ${x ? "grid-rows-[1fr]" : "grid-rows-[0fr]"}`,
+			children: /* @__PURE__ */ Q("div", {
+				className: "min-h-0 overflow-hidden",
+				children: T && /* @__PURE__ */ Q("div", {
+					className: "pb-spacing-6",
+					children: h ? /* @__PURE__ */ Q(c, {
+						maxHeight: h,
+						children: t
+					}) : t
+				})
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/CalendarDayButton.tsx
+var ct = {
+	default: {
+		left: "bg-calendar-day-bg",
+		right: "bg-calendar-day-bg"
+	},
+	muted: {
+		left: "bg-calendar-day-bg",
+		right: "bg-calendar-day-bg"
+	},
+	today: {
+		left: "bg-calendar-day-bg",
+		right: "bg-calendar-day-bg"
+	},
+	selected: {
+		left: "bg-calendar-day-bg",
+		right: "bg-calendar-day-bg"
+	},
+	"range-start": {
+		left: "bg-calendar-day-bg",
+		right: "bg-calendar-range-bg"
+	},
+	"range-end": {
+		left: "bg-calendar-range-bg",
+		right: "bg-calendar-day-bg"
+	},
+	"in-range": {
+		left: "bg-calendar-range-bg",
+		right: "bg-calendar-range-bg"
+	}
+}, lt = {
+	default: {
+		circle: "bg-calendar-day-bg",
+		text: "text-calendar-day-text"
+	},
+	muted: {
+		circle: "bg-transparent",
+		text: "text-calendar-muted-text"
+	},
+	today: {
+		circle: "bg-calendar-today-bg",
+		text: "text-calendar-today-text"
+	},
+	selected: {
+		circle: "bg-calendar-selected-bg",
+		text: "text-calendar-selected-text"
+	},
+	"range-start": {
+		circle: "bg-calendar-selected-bg",
+		text: "text-calendar-selected-text"
+	},
+	"range-end": {
+		circle: "bg-calendar-selected-bg",
+		text: "text-calendar-selected-text"
+	},
+	"in-range": {
+		circle: "bg-calendar-range-bg",
+		text: "text-calendar-range-text"
+	}
+}, ut = new Set(["default", "muted"]);
+function dt({ children: e, state: t = "default", edge: n, disabled: r = !1, onClick: i, className: a = "", ...o }) {
+	let s = ct[t] ?? ct.default, c = lt[t] ?? lt.default, l = !r && ut.has(t) ? "group-hover:bg-calendar-hover-bg group-focus-visible:bg-calendar-hover-bg" : "", u = r && t !== "muted", d = n === "left" && s.left.includes("range-bg") ? "rounded-l-round-00" : "", f = n === "right" && s.right.includes("range-bg") ? "rounded-r-round-00" : "";
+	return /* @__PURE__ */ $("button", {
+		type: "button",
+		disabled: r,
+		onClick: r ? void 0 : i,
+		"aria-disabled": r || void 0,
+		className: `group relative flex h-[24px] w-[36px] items-center justify-center focus:outline-none ${r ? "cursor-not-allowed" : "cursor-pointer"} ${u ? "opacity-40" : ""} ${a}`,
+		...o,
+		children: [
+			/* @__PURE__ */ Q("span", {
+				className: `absolute inset-y-0 left-0 w-1/2 ${s.left} ${d}`,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ Q("span", {
+				className: `absolute inset-y-0 right-0 w-1/2 ${s.right} ${f}`,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ Q("span", {
+				className: `relative z-10 flex size-[24px] items-center justify-center rounded-round-00 transition-colors ${c.circle} ${l}`,
+				children: /* @__PURE__ */ Q("span", {
+					className: `text-12 ${c.text}`,
+					children: e
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Chip.tsx
+function ft({ children: e, onRemove: t, onClick: n, color: r = "gray", removeAriaLabel: i = "삭제", className: a = "", ...o }) {
+	let c = !!n;
+	return /* @__PURE__ */ $("span", {
+		onClick: c ? n : void 0,
+		className: `inline-flex items-center gap-spacing-3 rounded-round-4 border pl-spacing-4 pr-spacing-3 py-spacing-1 font-pretendard font-normal text-12 transition-colors ${s[r] ?? s.gray} ${c ? "cursor-pointer" : ""} ${a}`,
+		...o,
+		children: [/* @__PURE__ */ Q("span", {
+			className: "whitespace-nowrap",
+			children: e
+		}), t && /* @__PURE__ */ Q("button", {
+			type: "button",
+			"aria-label": i,
+			onClick: (e) => {
+				e.stopPropagation(), t(e);
+			},
+			className: "flex shrink-0 items-center justify-center",
+			children: /* @__PURE__ */ Q(tt, {
+				size: 12,
+				strokeWidth: 1.8
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/ConditionOrderSlot.tsx
+function pt(e) {
+	return Se.map(e, (e) => Oe(e) ? e.type === we ? /* @__PURE__ */ Q(we, { children: pt(e.props.children) }) : Te(e, { disabled: !0 }) : e);
+}
+var mt = "border-condition-slot-card-default-line bg-condition-slot-card-default-bg text-condition-slot-card-default-text hover:border-condition-slot-card-hover-line hover:bg-condition-slot-card-hover-bg hover:text-condition-slot-card-hover-text", ht = "border-condition-slot-card-pressed-line bg-condition-slot-card-pressed-bg text-condition-slot-card-pressed-text";
+function gt({ title: e = "조건 1.", enabled: t = !0, onEnabledChange: n, dragging: r = !1, width: i = 202, dragHandleProps: a = null, children: o, className: s = "", ...c }) {
+	return /* @__PURE__ */ $("div", {
+		style: { width: typeof i == "number" ? `${i}px` : i },
+		className: `flex shrink-0 flex-col gap-spacing-6 rounded-round-4 border p-spacing-6 shadow-[0_2px_2px_0_rgba(0,0,0,0.12)] transition-colors ${r ? ht : mt} ${s}`,
+		...c,
+		children: [/* @__PURE__ */ $("div", {
+			className: "flex w-full items-center justify-between gap-spacing-4",
+			children: [/* @__PURE__ */ $("div", {
+				className: "flex min-w-0 items-center gap-spacing-4",
+				children: [/* @__PURE__ */ Q("span", {
+					"aria-label": "순서 변경",
+					className: "flex shrink-0 cursor-grab items-center active:cursor-grabbing",
+					...a || {},
+					children: /* @__PURE__ */ Q(Ge, {
+						size: 16,
+						strokeWidth: 1.8
+					})
+				}), /* @__PURE__ */ Q("span", {
+					className: `truncate text-14 ${t ? "" : "text-font-icon-3"}`,
+					children: e
+				})]
+			}), /* @__PURE__ */ Q(m, {
+				checked: t,
+				onChange: (e) => n?.(e.target.checked)
+			})]
+		}), /* @__PURE__ */ Q("div", {
+			className: "flex w-full flex-col gap-spacing-3",
+			children: t ? o : pt(o)
+		})]
+	});
+}
+function _t({ items: e = [], direction: t = "vertical", order: n, defaultOrder: r, onOrderChange: i, enabledIds: a, onEnabledChange: o, titlePrefix: s = "조건", cardWidth: c = 202, className: l = "", ...u }) {
+	let d = t === "vertical", f = e.map((e) => e.id), p = n !== void 0, [m, h] = Z(r ?? null), g = p ? n : m ?? f, _ = [...g.filter((e) => f.includes(e)), ...f.filter((e) => !g.includes(e))], v = a !== void 0, [y, b] = Z([]), x = (e) => v ? a.includes(e) : !y.includes(e), S = (e, t) => {
+		v || b((n) => t ? n.filter((t) => t !== e) : [...n, e]);
+		let n = _.filter((n) => n === e ? t : x(n));
+		o?.(n, {
+			id: e,
+			enabled: t
+		});
+	}, [C, w] = Z(null), T = X(!1), E = (e, t) => {
+		if (e === t) return;
+		let n = _.indexOf(e), r = _.indexOf(t);
+		if (n < 0 || r < 0) return;
+		let a = _.filter((t) => t !== e), o = a.indexOf(t);
+		a.splice(n < r ? o + 1 : o, 0, e), p || h(a), i?.(a);
+	}, D = d ? Ie : Re, O = 0;
+	return /* @__PURE__ */ Q("div", {
+		className: `inline-flex ${d ? "flex-col" : "flex-row"} items-center gap-spacing-2 rounded-round-4 bg-condition-slot-slot-bg p-spacing-6 ${l}`,
+		...u,
+		onDragOver: (e) => {
+			C != null && (e.preventDefault(), e.dataTransfer.dropEffect = "move");
+		},
+		onDrop: (e) => e.preventDefault(),
+		children: _.map((t, n) => {
+			let r = e.find((e) => e.id === t);
+			if (!r) return null;
+			let i = x(t), a = i ? `${s} ${++O}.` : `${s} -.`;
+			return /* @__PURE__ */ $("div", {
+				className: `flex ${d ? "flex-col" : "flex-row"} items-center gap-spacing-2`,
+				children: [n > 0 && /* @__PURE__ */ Q(D, {
+					size: 16,
+					strokeWidth: 1.8,
+					className: "shrink-0 text-condition-slot-card-default-icon"
+				}), /* @__PURE__ */ Q(gt, {
+					title: a,
+					enabled: i,
+					onEnabledChange: (e) => S(t, e),
+					dragging: C === t,
+					width: c,
+					dragHandleProps: {
+						onMouseDown: () => {
+							T.current = !0;
+						},
+						onMouseUp: () => {
+							T.current = !1;
+						}
+					},
+					draggable: !0,
+					onDragStart: (e) => {
+						if (!T.current) {
+							e.preventDefault();
+							return;
+						}
+						w(t), e.dataTransfer.effectAllowed = "move";
+						try {
+							e.dataTransfer.setData("text/plain", String(t));
+						} catch {}
+					},
+					onDragEnd: () => {
+						w(null), T.current = !1;
+					},
+					onDragOver: (e) => {
+						C != null && (e.preventDefault(), e.dataTransfer.dropEffect = "move");
+					},
+					onDrop: (e) => e.preventDefault(),
+					onDragEnter: () => {
+						C != null && C !== t && E(C, t);
+					},
+					children: r.body
+				})]
+			}, t);
+		})
+	});
+}
+//#endregion
+//#region src/components/TwoDepthList.tsx
+function vt({ options: e, value: t, onChange: n, maxVisible: r }) {
+	let i = X(null);
+	return je(() => {
+		(i.current?.querySelector("[aria-selected=\"true\"]"))?.scrollIntoView({ block: "nearest" });
+	}, [t]), /* @__PURE__ */ Q("div", {
+		ref: i,
+		className: "min-w-0 flex-1",
+		children: /* @__PURE__ */ Q(f, {
+			maxVisible: r,
+			children: e.map((e) => /* @__PURE__ */ Q(y, {
+				title: e.label,
+				selected: e.value === t,
+				disabled: e.disabled,
+				onClick: () => n?.(e.value),
+				"data-value": e.value
+			}, e.value))
+		})
+	});
+}
+var yt = (e, t) => {
+	let n = String(e).indexOf(t);
+	return n < 0 ? [String(e), ""] : [String(e).slice(0, n), String(e).slice(n + 1)];
+};
+function bt({ inputValue: e = "", separator: t = ":", showInput: n = !0, editable: r = !0, onInputChange: i, onInputApply: a, errorMessage: o = "형식이 올바르지 않습니다.", allowedChars: s = /\d/, inputPlaceholder: c = "", inputProps: l = {}, leftOptions: f = [], leftValue: p, onLeftChange: m, rightOptions: h = [], rightValue: g, onRightChange: _, maxVisible: v = 5, width: y = 160, className: b = "", ...x }) {
+	let S = typeof y == "number" ? `${y}px` : y, [C, w] = yt(c, t), [T, E] = Z(!1), [D, O] = Z(() => yt(e, t)), [k, A] = Z(null), j = X(null), M = X(null), N = X(null), P = X("left"), [F, I] = Z(null), [L, R] = Z(e);
+	e !== L && (R(e), T || (O(yt(e, t)), A(null)));
+	let z = (e, n) => `${e}${t}${n}`, B = (e) => (t) => {
+		let n = s ? Array.from(t.target.value).filter((e) => s.test(e)).join("") : t.target.value, r = e === "left" ? [n, D[1]] : [D[0], n];
+		P.current = e, O(r), i?.(t), k && A(null), (r[0] + r[1]).trim() !== "" && a?.(z(r[0], r[1]));
+	}, V = (e) => (t) => {
+		P.current = e, E(!0), l.onFocus?.(t), t.target.select();
+	}, H = (n) => {
+		if (l.onBlur?.(n), j.current?.contains(n.relatedTarget)) return;
+		E(!1);
+		let r = z(D[0].trim(), D[1].trim());
+		if (D[0].trim() === "" && D[1].trim() === "") {
+			O(yt(e, t)), A(null);
+			return;
+		}
+		let i = a ? a(r) : r;
+		if (i && !(typeof i == "object" && i.error)) O(yt(typeof i == "string" ? i : e, t)), A(null);
+		else {
+			let e = typeof i == "object" && !!i && i.error || P.current;
+			I((e === "right" ? N.current : M.current)?.getBoundingClientRect() ?? j.current?.getBoundingClientRect() ?? null), A({
+				side: e,
+				message: typeof i == "object" && !!i && i.message || o
+			});
+		}
+	}, U = (e) => {
+		l.onKeyDown?.(e), e.key === "Enter" && (e.preventDefault(), e.currentTarget.blur());
+	}, W = (n, i, a) => /* @__PURE__ */ Q("div", {
+		ref: n === "left" ? M : N,
+		className: "min-w-0 flex-1",
+		children: /* @__PURE__ */ Q(u, {
+			value: r ? i : yt(e, t)[n === "left" ? 0 : 1],
+			onChange: r ? B(n) : void 0,
+			readOnly: !r,
+			placeholder: a,
+			width: "100%",
+			inputProps: r ? {
+				...l,
+				onFocus: V(n),
+				onBlur: H,
+				onKeyDown: U
+			} : l
+		})
+	});
+	return /* @__PURE__ */ $("div", {
+		style: { width: S },
+		className: `flex flex-col gap-spacing-1 overflow-hidden rounded-round-4 outline outline-1 outline-list-popover-outline bg-list-popover-bg shadow-[0px_2px_5px_0px_rgba(13,13,13,0.12)] ${b}`,
+		...x,
+		children: [
+			n && /* @__PURE__ */ $("div", {
+				ref: j,
+				className: "flex w-full items-center gap-spacing-3 bg-list-group-bg p-spacing-5",
+				children: [
+					W("left", D[0], C),
+					/* @__PURE__ */ Q("span", {
+						className: "shrink-0 self-end pb-spacing-3 text-14 text-text-field-filled-text",
+						children: t
+					}),
+					W("right", D[1], w)
+				]
+			}),
+			/* @__PURE__ */ $("div", {
+				className: "flex w-full gap-spacing-1",
+				children: [/* @__PURE__ */ Q(vt, {
+					options: f,
+					value: p,
+					onChange: m,
+					maxVisible: v
+				}), /* @__PURE__ */ Q(vt, {
+					options: h,
+					value: g,
+					onChange: _,
+					maxVisible: v
+				})]
+			}),
+			n && k && F && nt(/* @__PURE__ */ Q("div", {
+				className: "pointer-events-none z-[1000]",
+				style: {
+					position: "fixed",
+					top: F.bottom + 6,
+					left: F.left
+				},
+				children: /* @__PURE__ */ Q(d, {
+					variant: "error",
+					beak: "top",
+					children: k.message
+				})
+			}), document.body)
+		]
+	});
+}
+//#endregion
+//#region src/components/DatePicker.tsx
+var xt = (e) => String(e).padStart(2, "0"), St = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Ct = (e, t) => !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate(), wt = (e, t) => new Date(e.getFullYear(), e.getMonth() + t, 1), Tt = (e) => `${e.getFullYear()}.${xt(e.getMonth() + 1)}`, Et = [
+	"일",
+	"월",
+	"화",
+	"수",
+	"목",
+	"금",
+	"토"
+];
+function Dt(e, t) {
+	let n = e.getFullYear(), r = e.getMonth(), i = (new Date(n, r, 1).getDay() - t + 7) % 7, a = new Date(n, r, 1 - i);
+	return Array.from({ length: 6 }, (e, t) => Array.from({ length: 7 }, (e, n) => new Date(a.getFullYear(), a.getMonth(), a.getDate() + t * 7 + n)));
+}
+var Ot = (e) => e.getDate() === 1 ? `${e.getMonth() + 1}.1` : e.getDate(), kt = (e) => e.getFullYear() * 12 + e.getMonth(), At = (e, t) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + t * 7), jt = (e, t) => {
+	let n = St(e), r = (n.getDay() - t + 7) % 7;
+	return new Date(n.getFullYear(), n.getMonth(), n.getDate() - r);
+}, Mt = (e, t) => jt(new Date(e.getFullYear(), e.getMonth(), 1), t), Nt = 36, Pt = 12, Ft = 228, It = 20, Lt = 10, Rt = 160;
+function zt(e, t) {
+	let n = Mt(e, t);
+	return Array.from({ length: 46 }, (e, t) => At(n, t - It));
+}
+function Bt({ anchorMonth: e, anchorKey: t, weekStartsOn: n, onVisibleMonthChange: r, renderDay: i }) {
+	let a = X(null), o = ke((e) => {
+		a.current = e;
+	}, []), [s, l] = Z(() => zt(e, n)), u = X(t), d = X("anchor"), f = X(!1);
+	return je(() => {
+		t !== u.current && (u.current = t, d.current = "anchor", l(zt(e, n)));
+	}, [
+		t,
+		e,
+		n
+	]), Ne(() => {
+		let e = a.current;
+		e && (d.current === "anchor" ? e.scrollTop = It * Nt : d.current && (e.scrollTop += d.current), d.current = 0, f.current = !1);
+	}, [s]), /* @__PURE__ */ Q(c, {
+		maxHeight: Ft,
+		onViewport: o,
+		onScroll: () => {
+			let e = a.current;
+			if (!e) return;
+			let t = s[Math.min(Math.max(Math.floor((e.scrollTop - Pt + e.clientHeight / 2) / Nt), 0), s.length - 1)], n = new Date(t.getFullYear(), t.getMonth(), t.getDate() + 3), i = kt(n);
+			if (i !== u.current && (u.current = i, r(new Date(n.getFullYear(), n.getMonth(), 1))), f.current) return;
+			let o = Nt * 4;
+			e.scrollTop < o ? (f.current = !0, l((e) => {
+				let t = e[0], n = [...Array.from({ length: Lt }, (e, n) => At(t, n - Lt)), ...e];
+				return d.current = Lt * Nt, n.length > Rt && (n = n.slice(0, Rt)), n;
+			})) : e.scrollTop + e.clientHeight > e.scrollHeight - o && (f.current = !0, l((e) => {
+				let t = e[e.length - 1], n = [...e, ...Array.from({ length: Lt }, (e, n) => At(t, n + 1))];
+				if (n.length > Rt) {
+					let e = n.length - Rt;
+					n = n.slice(e), d.current = -e * Nt;
+				}
+				return n;
+			}));
+		},
+		className: "w-full bg-list-group-bg",
+		contentClassName: "flex select-none flex-col gap-spacing-6 overscroll-contain p-spacing-6",
+		children: s.map((e) => /* @__PURE__ */ Q("div", {
+			className: "flex items-center",
+			children: Array.from({ length: 7 }, (t, n) => i(new Date(e.getFullYear(), e.getMonth(), e.getDate() + n)))
+		}, e.getTime()))
+	});
+}
+function Vt({ icon: e, display: t, panelWidth: n = 160, placement: r = "auto-left", disabled: i = !1, ...a }) {
+	let [o, s] = Z(!1);
+	return /* @__PURE__ */ Q(E, {
+		placement: r,
+		menuWidth: n,
+		disabled: i,
+		open: o,
+		onOpenChange: s,
+		trigger: /* @__PURE__ */ Q(S, {
+			icon: e,
+			open: o,
+			disabled: i,
+			children: t
+		}),
+		children: /* @__PURE__ */ Q(bt, {
+			width: n,
+			...a
+		})
+	});
+}
+function Ht({ label: e, value: t, onChange: n, hourOptions: r, minuteOptions: i, placement: a = "auto-right", disabled: o = !1, justify: s = "center" }) {
+	let [c = "00", l = "00"] = (t || "").split(":"), u = (e, t) => n?.(`${e}:${t}`);
+	return /* @__PURE__ */ $("div", {
+		className: `flex h-[44px] flex-1 items-center gap-spacing-6 bg-list-group-bg px-spacing-6 py-spacing-5 ${s === "between" ? "justify-between" : "justify-center"}`,
+		children: [/* @__PURE__ */ Q("span", {
+			className: `whitespace-nowrap text-12 ${o ? "text-font-icon-2" : "text-font-icon-5"}`,
+			children: e
+		}), /* @__PURE__ */ Q(Vt, {
+			disabled: o,
+			placement: a,
+			panelWidth: 140,
+			separator: ":",
+			display: `${c}:${l}`,
+			inputValue: `${c}:${l}`,
+			inputPlaceholder: "HH:MM",
+			onInputApply: (e) => {
+				let [t, r] = e.split(":"), i = Number(t), a = Number(r);
+				if (t.trim() === "" || Number.isNaN(i) || i > 23) return {
+					error: "left",
+					message: "시는 0~23으로 입력하세요"
+				};
+				if (r.trim() === "" || Number.isNaN(a) || a > 59) return {
+					error: "right",
+					message: "분은 0~59로 입력하세요"
+				};
+				let o = `${String(i).padStart(2, "0")}:${String(a).padStart(2, "0")}`;
+				return n?.(o), o;
+			},
+			leftOptions: r,
+			leftValue: c,
+			onLeftChange: (e) => u(e, l),
+			rightOptions: i,
+			rightValue: l,
+			onRightChange: (e) => u(c, e),
+			maxVisible: 5
+		})]
+	});
+}
+function Ut({ mode: e = "single", value: t, defaultValue: n, onChange: r, disablePast: a = !1, disableFuture: o = !1, minDate: s, maxDate: c, disabledDate: l, month: u, defaultMonth: f, onMonthChange: p, showTime: m = !1, startTime: h = "00:00", endTime: g = "23:59", onStartTimeChange: _, onEndTimeChange: v, timeLabel: y = "시간 입력", weekStartsOn: b = 0, weekdayLabels: x = Et, todayLabel: S = "오늘", scrollNavigate: C = !0, rangeTooltip: w = !0, rangeStartLabel: T = "시작일", rangeEndLabel: E = "마감일", minYear: D, maxYear: O, width: A = 276, className: j = "", ...M }) {
+	let N = St(/* @__PURE__ */ new Date()), P = e === "range", F = t !== void 0, [I, L] = Z(n ?? (P ? {
+		start: null,
+		end: null
+	} : null)), R = F ? t : I, z = P ? R ?? {
+		start: null,
+		end: null
+	} : null, B = P ? null : R ?? null, [V, H] = Z(null), U = P && w, W = (e) => {
+		F || L(e), r?.(e);
+	}, G = f ?? (P ? z?.start : B) ?? N, [K, ee] = Z(() => St(G)), q = u ?? K, J = (e) => {
+		u === void 0 && ee(e), p?.(e);
+	}, Y = (e) => {
+		let t = St(e);
+		return a && t < N || o && t > N || s && t < St(s) || c && t > St(c) ? !0 : !!l && !!l(t);
+	}, te = X("start"), ne = (e) => {
+		let { start: t, end: n } = z;
+		return t ? n ? e < t ? {
+			start: e,
+			end: n
+		} : e > n ? {
+			start: t,
+			end: e
+		} : te.current === "start" ? {
+			start: e,
+			end: n
+		} : {
+			start: t,
+			end: e
+		} : e < t ? {
+			start: e,
+			end: null
+		} : {
+			start: t,
+			end: e
+		} : {
+			start: e,
+			end: null
+		};
+	}, re = (e) => {
+		if (Y(e)) return;
+		let t = St(e);
+		if (!P) {
+			W(t);
+			return;
+		}
+		let { start: n, end: r } = z, i = !!(n && r) && t >= n && t <= r;
+		W(ne(t)), te.current = i && te.current === "start" ? "end" : "start";
+	}, ie = (e, t = z) => {
+		let n = St(e), { start: r, end: i } = t;
+		return r ? i ? n < r ? "start" : n > i ? "end" : te.current : n < r ? "start" : "end" : "start";
+	}, ae = (e) => {
+		if (Y(e)) return "muted";
+		if (P) {
+			let { start: t, end: n } = z, r = Ct(e, t), i = Ct(e, n);
+			if (r && i) return "selected";
+			if (r) return n ? "range-start" : "selected";
+			if (i) return "range-end";
+			if (t && n && e > t && e < n) return "in-range";
+		} else if (Ct(e, B)) return "selected";
+		return Ct(e, N) ? "today" : kt(e) === kt(q) ? "default" : "muted";
+	}, oe = q.getFullYear(), se = Math.min(D ?? oe - 12, oe), ce = Math.max(O ?? oe + 12, oe), le = Array.from({ length: ce - se + 1 }, (e, t) => ({
+		value: String(se + t),
+		label: `${se + t}년`
+	})), ue = Array.from({ length: 12 }, (e, t) => ({
+		value: String(t + 1),
+		label: `${t + 1}월`
+	})), de = Array.from({ length: 24 }, (e, t) => ({
+		value: xt(t),
+		label: `${xt(t)}시`
+	})), fe = Array.from({ length: 60 }, (e, t) => ({
+		value: xt(t),
+		label: `${xt(t)}분`
+	})), pe = x.map((e, t) => x[(t + b) % 7]), me = typeof A == "number" ? `${A}px` : A, he = (e) => {
+		let t = Y(e), n = U && !t, r = (e.getDay() - b + 7) % 7, i = r === 0 ? "left" : r === 6 ? "right" : void 0;
+		return /* @__PURE__ */ Q(dt, {
+			state: ae(e),
+			edge: i,
+			disabled: t,
+			onClick: (r) => {
+				let i = n && !t ? ne(St(e)) : null;
+				re(e), i && H({
+					rect: r.currentTarget.getBoundingClientRect(),
+					label: ie(e, i) === "start" ? T : E
+				});
+			},
+			onMouseEnter: n ? (t) => H({
+				rect: t.currentTarget.getBoundingClientRect(),
+				label: ie(e) === "start" ? T : E
+			}) : void 0,
+			onMouseLeave: n ? () => H(null) : void 0,
+			children: Ot(e)
+		}, e.toISOString());
+	};
+	return /* @__PURE__ */ $("div", {
+		style: { width: me },
+		className: `flex flex-col gap-spacing-1 overflow-hidden rounded-round-4 outline outline-1 outline-list-popover-outline bg-list-popover-bg shadow-[0px_2px_5px_0px_rgba(13,13,13,0.12)] ${j}`,
+		...M,
+		children: [
+			/* @__PURE__ */ $("div", {
+				className: "flex w-full flex-col gap-spacing-5 bg-list-group-bg p-spacing-6",
+				children: [/* @__PURE__ */ $("div", {
+					className: "flex h-[32px] items-center justify-between pl-spacing-5",
+					children: [/* @__PURE__ */ Q(Vt, {
+						icon: Fe,
+						separator: ".",
+						display: Tt(q),
+						inputValue: Tt(q),
+						inputPlaceholder: "YYYY.MM",
+						onInputApply: (e) => {
+							let [t, n] = e.split(".");
+							if (!/^(\d{2}|\d{4})$/.test(t.trim())) return {
+								error: "left",
+								message: "연도는 YYYY 형식으로 입력하세요 (예: 2026 · 26)"
+							};
+							let r = Number(n);
+							if (n.trim() === "" || Number.isNaN(r) || r < 1 || r > 12) return {
+								error: "right",
+								message: "월은 1~12로 입력하세요"
+							};
+							let i = t.trim().length === 2 ? 2e3 + Number(t) : Number(t), a = new Date(i, r - 1, 1);
+							return J(a), Tt(a);
+						},
+						leftOptions: le,
+						leftValue: String(oe),
+						onLeftChange: (e) => J(new Date(Number(e), q.getMonth(), 1)),
+						rightOptions: ue,
+						rightValue: String(q.getMonth() + 1),
+						onRightChange: (e) => J(new Date(oe, Number(e) - 1, 1)),
+						maxVisible: 5
+					}), /* @__PURE__ */ $(k, {
+						gap: "3",
+						className: "shrink-0",
+						children: [
+							/* @__PURE__ */ Q(i, {
+								variant: "ghost",
+								size: "24",
+								icon: Le,
+								"aria-label": "이전 달",
+								onClick: () => J(wt(q, -1))
+							}),
+							/* @__PURE__ */ Q(i, {
+								variant: "ghost",
+								size: "24",
+								onClick: () => J(St(/* @__PURE__ */ new Date())),
+								children: S
+							}),
+							/* @__PURE__ */ Q(i, {
+								variant: "ghost",
+								size: "24",
+								icon: Re,
+								"aria-label": "다음 달",
+								onClick: () => J(wt(q, 1))
+							})
+						]
+					})]
+				}), /* @__PURE__ */ Q("div", {
+					className: "flex items-center",
+					children: pe.map((e) => /* @__PURE__ */ Q("div", {
+						className: "flex h-[24px] w-[36px] items-center justify-center",
+						children: /* @__PURE__ */ Q("span", {
+							className: "text-12 text-font-icon-5",
+							children: e
+						})
+					}, e))
+				})]
+			}),
+			C ? /* @__PURE__ */ Q(Bt, {
+				anchorMonth: q,
+				anchorKey: kt(q),
+				weekStartsOn: b,
+				onVisibleMonthChange: J,
+				renderDay: he
+			}) : /* @__PURE__ */ Q("div", {
+				className: "flex w-full flex-col gap-spacing-6 bg-list-group-bg p-spacing-6",
+				children: Dt(q, b).map((e, t) => /* @__PURE__ */ Q("div", {
+					className: "flex items-center",
+					children: e.map((e) => he(e))
+				}, t))
+			}),
+			m && (P ? /* @__PURE__ */ $("div", {
+				className: "flex w-full gap-spacing-1",
+				children: [/* @__PURE__ */ Q(Ht, {
+					label: "시작 시간",
+					value: h,
+					onChange: _,
+					hourOptions: de,
+					minuteOptions: fe,
+					disabled: !z?.start
+				}), /* @__PURE__ */ Q(Ht, {
+					label: "마감 시간",
+					value: g,
+					onChange: v,
+					hourOptions: de,
+					minuteOptions: fe,
+					disabled: !z?.end
+				})]
+			}) : /* @__PURE__ */ Q("div", {
+				className: "flex w-full gap-spacing-1",
+				children: /* @__PURE__ */ Q(Ht, {
+					label: y,
+					justify: "between",
+					value: h,
+					onChange: _,
+					hourOptions: de,
+					minuteOptions: fe,
+					disabled: !B
+				})
+			})),
+			U && V && nt(/* @__PURE__ */ Q("div", {
+				className: "pointer-events-none z-[1000]",
+				style: {
+					position: "fixed",
+					left: V.rect.left + V.rect.width / 2,
+					top: V.rect.top - 6,
+					transform: "translate(-50%, -100%)"
+				},
+				children: /* @__PURE__ */ Q(d, {
+					variant: "normal",
+					beak: "none",
+					children: V.label
+				})
+			}), document.body)
+		]
+	});
+}
+//#endregion
+//#region src/utils/datetime.ts
+var Wt = (e) => String(e).padStart(2, "0"), Gt = (e) => e ? typeof e == "string" ? e : `${Wt(e.getHours())}:${Wt(e.getMinutes())}` : "";
+function Kt(e) {
+	return e ? `${Wt(e.getFullYear() % 100)}.${Wt(e.getMonth() + 1)}.${Wt(e.getDate())}` : "";
+}
+function qt(e, t) {
+	if (!e) return "";
+	let n = Gt(t);
+	return n ? `${Kt(e)} (${n})` : Kt(e);
+}
+function Jt(e, t, n, r, { emptyStartLabel: i = "시작일 없음", emptyEndLabel: a = "마감일 없음" } = {}) {
+	let o = qt(e, t), s = qt(n, r);
+	return e && n ? `${o}~${s}` : e ? `${o} ~ ${a}` : n ? `${i} ~ ${s}` : "";
+}
+//#endregion
+//#region src/components/DateField.tsx
+var Yt = "ring-inset ring-text-field-hover-line hover:ring-2 focus-within:ring-2 focus-within:ring-text-field-focused-line", Xt = (e) => String(e).padStart(2, "0"), Zt = /[\d.\-/:~() ]/;
+function Qt(e) {
+	let t = e.trim(), n = t.match(/^(\d{2}|\d{4})\D+(\d{1,2})\D+(\d{1,2})$/), r = t.match(/^(\d{4})(\d{2})(\d{2})$/), i = t.match(/^(\d{2})(\d{2})(\d{2})$/), a = t.match(/^(\d{2})(\d{2})$/), o, s, c;
+	if (n) o = n[1].length === 2 ? 2e3 + Number(n[1]) : Number(n[1]), s = Number(n[2]), c = Number(n[3]);
+	else if (r) o = Number(r[1]), s = Number(r[2]), c = Number(r[3]);
+	else if (i) o = 2e3 + Number(i[1]), s = Number(i[2]), c = Number(i[3]);
+	else if (a) o = (/* @__PURE__ */ new Date()).getFullYear(), s = Number(a[1]), c = Number(a[2]);
+	else return null;
+	if (s < 1 || s > 12 || c < 1 || c > 31) return null;
+	let l = new Date(o, s - 1, c);
+	return l.getMonth() !== s - 1 || l.getDate() !== c ? null : l;
+}
+function $t(e) {
+	let t = e.trim(), n = t.match(/^(\d{1,2}):(\d{1,2})$/), r = t.match(/^(\d{2})(\d{1,2})$/), i = n || r;
+	if (!i) return null;
+	let a = Number(i[1]), o = Number(i[2]);
+	return a > 23 || o > 59 ? null : `${Xt(a)}:${Xt(o)}`;
+}
+function en(e) {
+	let t = (e ?? "").trim();
+	if (t === "" || t === "마감일 없음" || t === "시작일 없음") return "empty";
+	let n = null, r = t.match(/\(([^)]*)\)\s*$/);
+	if (r) n = r[1].trim(), t = t.slice(0, r.index).trim();
+	else {
+		let e = t.match(/^(.*\S)\s+([\d:]+)$/);
+		e && (t = e[1].trim(), n = e[2]);
+	}
+	let i = Qt(t);
+	if (!i) return null;
+	let a = null;
+	return n && (a = $t(n), !a) ? null : {
+		date: i,
+		time: a
+	};
+}
+function tn(e, t) {
+	let n = e.trim();
+	if (!t) {
+		if (n === "") return { value: null };
+		let e = en(n);
+		return e === null ? null : e === "empty" ? { value: null } : {
+			value: e.date,
+			startTime: e.time
+		};
+	}
+	if (n === "") return { value: {
+		start: null,
+		end: null
+	} };
+	let r = n.indexOf("~"), i = r >= 0 ? n.slice(0, r) : n, a = r >= 0 ? n.slice(r + 1) : "", o = en(i), s = en(a);
+	return o === null || s === null ? null : {
+		value: {
+			start: o === "empty" ? null : o.date,
+			end: s === "empty" ? null : s.date
+		},
+		startTime: o === "empty" ? null : o.time,
+		endTime: s === "empty" ? null : s.time
+	};
+}
+function nn({ mode: e = "single", value: t, defaultValue: n, onChange: r, showTime: i = !1, startTime: a, defaultStartTime: o = "00:00", onStartTimeChange: s, endTime: c, defaultEndTime: l = "23:59", onEndTimeChange: u, placeholder: f = "날짜를 선택하세요", disabled: p = !1, readOnly: m = !1, error: h = !1, errorMessage: g = "", formatErrorMessage: _ = "날짜 형식이 올바르지 않습니다.", closeOnSelect: v = e !== "range", width: y, className: b = "", disablePast: x, disableFuture: S, minDate: C, maxDate: w, disabledDate: T, weekStartsOn: D, minYear: O, maxYear: k, ...A }) {
+	let j = e === "range", M = !p && !m, [N, P] = Z(!1), [F, I] = Z(!1), [L, R] = Z(""), [z, B] = Z(!1), V = X(!1), H = X(null), [U, W] = Z(null), G = t !== void 0, [K, ee] = Z(n ?? (j ? {
+		start: null,
+		end: null
+	} : null)), q = t === void 0 ? K : t, J = (e) => {
+		G || ee(e), r?.(e), B(!1);
+	}, Y = a !== void 0, [te, ne] = Z(o), re = a === void 0 ? te : a, ie = (e) => {
+		Y || ne(e), s?.(e);
+	}, ae = c !== void 0, [oe, se] = Z(l), ce = c === void 0 ? oe : c, le = (e) => {
+		ae || se(e), u?.(e);
+	}, ue = j ? Jt(q?.start, i ? re : void 0, q?.end, i ? ce : void 0) : qt(q, i ? re : void 0), de = !ue, fe = (e) => {
+		J(e), v && !i && (j ? e?.start && e?.end && P(!1) : P(!1));
+	}, pe = (e) => {
+		let t = tn(e, j);
+		if (!t) {
+			B(!0);
+			return;
+		}
+		B(!1), J(t.value), i && (t.startTime != null && ie(t.startTime), t.endTime != null && le(t.endTime));
+	}, me = p ? "text-text-field-disabled-text" : m ? "text-text-field-readonly-text" : "text-text-field-filled-text", he = p ? "text-text-field-disabled-icon" : m ? "text-text-field-readonly-icon" : de ? "text-text-field-default-text" : "text-font-icon-5", ge = h || z, _e = z ? _ : g, ve = y ?? (i ? 260 : 180), ye = ve === "hug", be = ve === "fill", xe = ye || be ? void 0 : typeof ve == "number" ? `${ve}px` : ve, Se = F ? L : ue, Ce = Math.max(Array.from(Se || f).reduce((e, t) => {
+		let n = t.charCodeAt(0);
+		return e + (n >= 4352 && n <= 4607 || n >= 12288 && n <= 40959 || n >= 44032 && n <= 55295 || n >= 65280 && n <= 65519 ? 2 : 1);
+	}, 1), 1), we = /* @__PURE__ */ $("div", {
+		className: `relative ${be ? "w-full" : ye ? "w-fit" : ""}`,
+		style: xe ? { width: xe } : void 0,
+		children: [
+			/* @__PURE__ */ $("div", {
+				className: `group flex min-h-[32px] ${ye ? "w-fit" : "w-full"} items-center gap-spacing-3 rounded-round-4 bg-text-field-default-bg px-spacing-6 py-spacing-3 transition-shadow ${M ? `cursor-text ${Yt}` : p ? "cursor-not-allowed" : "cursor-default"}`,
+				children: [/* @__PURE__ */ Q(Fe, {
+					size: 16,
+					strokeWidth: 1.8,
+					className: `shrink-0 ${he}`
+				}), /* @__PURE__ */ Q("input", {
+					ref: H,
+					type: "text",
+					value: F ? L : ue,
+					placeholder: f,
+					readOnly: !M,
+					disabled: p,
+					size: ye ? Ce : void 0,
+					"aria-invalid": ge || void 0,
+					onClick: (e) => e.stopPropagation(),
+					onMouseEnter: (e) => {
+						let t = e.currentTarget;
+						!F && ue && t.scrollWidth > t.clientWidth + 1 && W(t.getBoundingClientRect());
+					},
+					onMouseLeave: () => W(null),
+					onFocus: (e) => {
+						M && (I(!0), B(!1), W(null), R(ue), P(!0), e.target.select());
+					},
+					onChange: (e) => {
+						R(Array.from(e.target.value).filter((e) => Zt.test(e)).join("")), z && B(!1);
+					},
+					onBlur: () => {
+						if (M) {
+							if (I(!1), V.current) {
+								V.current = !1;
+								return;
+							}
+							pe(L);
+						}
+					},
+					onKeyDown: (e) => {
+						M && (e.key === "Enter" ? (e.preventDefault(), pe(L), P(!1), V.current = !0, e.currentTarget.blur()) : e.key === "Escape" && (R(ue), B(!1), P(!1), V.current = !0, e.currentTarget.blur()));
+					},
+					className: `bg-transparent text-14 outline-none placeholder:text-text-field-default-text disabled:cursor-not-allowed read-only:cursor-pointer ${me} ${ye ? "w-auto" : "min-w-0 flex-1 text-ellipsis"}`
+				})]
+			}),
+			ge && _e && !N && /* @__PURE__ */ Q("div", {
+				className: "absolute left-0 top-full z-10 mt-spacing-2",
+				children: /* @__PURE__ */ Q(d, {
+					variant: "error",
+					beak: "top",
+					children: _e
+				})
+			}),
+			U && !F && nt(/* @__PURE__ */ Q("div", {
+				className: "pointer-events-none z-[1000]",
+				style: {
+					position: "fixed",
+					left: U.left,
+					top: U.top > 40 ? U.top - 6 : U.bottom + 6,
+					transform: U.top > 40 ? "translateY(-100%)" : void 0
+				},
+				children: /* @__PURE__ */ Q(d, {
+					variant: "normal",
+					beak: "none",
+					children: ue
+				})
+			}), document.body)
+		]
+	});
+	return /* @__PURE__ */ Q(E, {
+		open: N,
+		onOpenChange: (e) => {
+			P(e), !e && H.current && document.activeElement === H.current && (R(ue), B(!1), V.current = !0, H.current.blur());
+		},
+		disabled: !M,
+		placement: "auto",
+		menuWidth: 276,
+		trigger: we,
+		className: `${be ? "w-full" : ""} ${b}`,
+		...A,
+		children: () => /* @__PURE__ */ Q(Ut, {
+			mode: e,
+			value: q,
+			onChange: fe,
+			showTime: i,
+			startTime: re,
+			onStartTimeChange: ie,
+			endTime: ce,
+			onEndTimeChange: le,
+			disablePast: x,
+			disableFuture: S,
+			minDate: C,
+			maxDate: w,
+			disabledDate: T,
+			weekStartsOn: D,
+			minYear: O,
+			maxYear: k
+		})
+	});
+}
+//#endregion
+//#region src/components/ErrorBoundary.tsx
+var rn = class extends Ce {
+	constructor(e) {
+		super(e), this.state = {
+			error: null,
+			prevResetKey: e.resetKey
+		}, this.reset = this.reset.bind(this);
+	}
+	static getDerivedStateFromError(e) {
+		return { error: e };
+	}
+	static getDerivedStateFromProps(e, t) {
+		return e.resetKey === t.prevResetKey ? null : {
+			error: null,
+			prevResetKey: e.resetKey
+		};
+	}
+	componentDidCatch(e, t) {
+		console.error("[ErrorBoundary]", e, t), this.props.onError?.(e, t);
+	}
+	reset() {
+		this.setState({ error: null });
+	}
+	render() {
+		let { error: e } = this.state, { children: t, title: n = "페이지를 표시할 수 없습니다.", description: r = "이 페이지를 렌더하는 중 오류가 발생했습니다. 다른 메뉴는 정상적으로 이용할 수 있습니다.", fallback: a } = this.props;
+		return e ? a ? a({
+			error: e,
+			reset: this.reset
+		}) : /* @__PURE__ */ $("div", {
+			className: "px-spacing-7 py-spacing-10 text-left",
+			children: [
+				/* @__PURE__ */ Q("h2", {
+					className: "text-16 font-semibold text-font-icon-5",
+					children: n
+				}),
+				/* @__PURE__ */ Q("p", {
+					className: "mt-spacing-3 text-14 text-font-icon-3",
+					children: r
+				}),
+				/* @__PURE__ */ Q("pre", {
+					className: "mt-spacing-6 overflow-auto whitespace-pre-wrap rounded-round-4 border border-gray-200 bg-gray-50 px-spacing-6 py-spacing-5 font-mono text-12 text-font-icon-4",
+					children: String(e?.message || e)
+				}),
+				/* @__PURE__ */ Q("div", {
+					className: "mt-spacing-6",
+					children: /* @__PURE__ */ Q(i, {
+						variant: "line",
+						size: "32",
+						onClick: this.reset,
+						children: "다시 시도"
+					})
+				})
+			]
+		}) : t;
+	}
+}, an = {
+	12: "text-12",
+	13: "text-13",
+	14: "text-14",
+	15: "text-15",
+	16: "text-16"
+};
+function on({ children: e, htmlFor: t, size: n = "14", required: r = !1, disabled: i = !1, className: a = "", ...o }) {
+	let s = i ? "text-label-field-disabled-text" : "text-label-field-default-text";
+	return /* @__PURE__ */ $("label", {
+		htmlFor: t,
+		className: `inline-flex items-center gap-spacing-3 font-pretendard font-normal ${an[n]} ${s} ${a}`,
+		...o,
+		children: [e, r && /* @__PURE__ */ Q("span", {
+			className: "h-spacing-4 w-spacing-4 shrink-0 rounded-round-00 bg-label-field-required-mark",
+			"aria-hidden": "true"
+		})]
+	});
+}
+//#endregion
+//#region src/components/Field.tsx
+var sn = {
+	"spacing-2": "gap-spacing-2",
+	"spacing-3": "gap-spacing-3",
+	"spacing-5": "gap-spacing-5",
+	"spacing-6": "gap-spacing-6",
+	"spacing-7": "gap-spacing-7"
+}, cn = {
+	vertical: "spacing-3",
+	horizontal: "spacing-6"
+};
+function ln({ label: e, htmlFor: t, required: n = !1, disabled: r = !1, description: i, direction: a = "vertical", controlsDirection: o = "column", labelWidth: s, labelSize: c, gap: l, className: u = "", children: d, ...f }) {
+	let p = a === "horizontal", m = o === "row", h = c ?? "14", g = sn[l ?? cn[p ? "horizontal" : "vertical"]], _ = p ? `flex flex-row items-start ${g}` : `flex flex-col ${g}`, v = p && s != null ? { width: typeof s == "number" ? `${s}px` : s } : void 0;
+	return /* @__PURE__ */ $("div", {
+		className: `${_} ${u}`,
+		...f,
+		children: [e != null && /* @__PURE__ */ Q("div", {
+			style: v,
+			className: p ? "shrink-0 pt-spacing-3" : void 0,
+			children: /* @__PURE__ */ Q(on, {
+				htmlFor: t,
+				size: h,
+				required: n,
+				disabled: r,
+				children: e
+			})
+		}), /* @__PURE__ */ $("div", {
+			className: `flex min-w-0 flex-col gap-spacing-3 ${p ? "flex-1" : ""}`,
+			children: [m ? /* @__PURE__ */ Q("div", {
+				className: "flex flex-row items-start gap-spacing-5",
+				children: Se.toArray(d).map((e) => /* @__PURE__ */ Q("div", {
+					className: "min-w-0 flex-1",
+					children: e
+				}, e.key))
+			}) : /* @__PURE__ */ Q("div", {
+				className: "flex flex-col gap-spacing-5",
+				children: d
+			}), i != null && /* @__PURE__ */ Q("p", {
+				className: "text-12 text-label-field-helper-text",
+				children: i
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/FileUploadMenu.tsx
+function un({ files: e = [], guide: t, maxCount: n = 5, accept: r, multiple: i = !0, onAdd: a, onDelete: o, findText: s = "파일 찾기", maxText: c, width: l = 420, className: u = "", ...d }) {
+	let p = X(null), m = e.length >= n, h = () => p.current?.click(), g = (e) => {
+		e.target.files?.length && a?.(e.target.files), e.target.value = "";
+	}, _ = (e) => typeof e == "number" ? `${e}MB - ` : e ? `${e} - ` : "";
+	return /* @__PURE__ */ $(N, {
+		width: l,
+		className: u,
+		footer: !0,
+		footerButtonsFill: !0,
+		showCancel: !1,
+		confirmText: m ? c ?? `최대 ${n}개까지 업로드할 수 있습니다` : s,
+		confirmDisabled: m,
+		onConfirm: h,
+		...d,
+		children: [
+			t != null && /* @__PURE__ */ Q("div", {
+				className: "bg-list-group-bg px-spacing-6 py-spacing-5",
+				children: /* @__PURE__ */ Q("p", {
+					className: "whitespace-pre-line text-14 text-list-default-text",
+					children: t
+				})
+			}),
+			e.length > 0 && /* @__PURE__ */ Q(f, { children: e.map((e, t) => /* @__PURE__ */ Q(y, {
+				title: `${_(e.size)}${e.name}`,
+				rightButton: !0,
+				rightButtonIcon: $e,
+				rightButtonAriaLabel: "삭제",
+				onButtonClick: () => o?.(e, t)
+			}, e.id ?? `${e.name}-${t}`)) }),
+			/* @__PURE__ */ Q("input", {
+				ref: p,
+				type: "file",
+				accept: r,
+				multiple: i,
+				hidden: !0,
+				onChange: g
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/FileUploadButton.tsx
+function dn({ files: e = [], triggerText: t = "파일 업로드", countSuffix: n = "개 등록됨", showCount: r = !0, buttonProps: a = {}, placement: o = "bottom-left", menuWidth: s = 420, open: c, onOpenChange: l, disabled: u = !1, className: d = "", ...f }) {
+	let p = e.length, m = r && p > 0 ? `${t} (${p}${n})` : t, { leftIcon: h = et, variant: g = "line", ..._ } = a;
+	return /* @__PURE__ */ Q(E, {
+		placement: o,
+		menuWidth: s,
+		open: c,
+		onOpenChange: l,
+		disabled: u,
+		className: d,
+		trigger: /* @__PURE__ */ Q(i, {
+			variant: g,
+			leftIcon: h,
+			disabled: u,
+			..._,
+			children: m
+		}),
+		children: /* @__PURE__ */ Q(un, {
+			files: e,
+			width: "100%",
+			...f
+		})
+	});
+}
+//#endregion
+//#region src/components/FormTemplate.tsx
+var fn = {
+	16: "gap-x-spacing-7",
+	20: "gap-x-spacing-8",
+	24: "gap-x-spacing-9",
+	28: "gap-x-spacing-10",
+	32: "gap-x-spacing-11"
+}, pn = {
+	16: "gap-y-spacing-7",
+	20: "gap-y-spacing-8",
+	24: "gap-y-spacing-9",
+	28: "gap-y-spacing-10",
+	32: "gap-y-spacing-11"
+};
+function mn({ fields: e = [], columns: t = 1, columnGap: n = 16, rowGap: r = 16, labelSize: i, className: a = "", ...o }) {
+	let s = 12 / Math.min(Math.max(t, 1), 3);
+	return /* @__PURE__ */ Q("div", {
+		className: `grid grid-cols-12 ${fn[n] ?? fn[16]} ${pn[r] ?? pn[16]} ${a}`,
+		...o,
+		children: e.map((e) => {
+			let t = Math.min(Math.max(e.span ?? s, 1), 12);
+			return /* @__PURE__ */ Q("div", {
+				style: { gridColumn: `span ${t} / span ${t}` },
+				children: /* @__PURE__ */ Q(ln, {
+					label: e.label,
+					required: e.required,
+					disabled: e.disabled,
+					description: e.description,
+					...i ? { labelSize: i } : {},
+					children: e.control
+				})
+			}, e.key);
+		})
+	});
+}
+//#endregion
+//#region src/components/ImageUploadMenu.tsx
+function hn({ image: e, guide: t, accept: n, onSelect: r, onRemove: i, findText: a = "파일 찾기", removeText: o = "파일 삭제", imageAlt: s = "업로드 이미지 미리보기", width: c = 320, className: l = "", ...u }) {
+	let d = X(null), f = () => d.current?.click(), p = (e) => {
+		e.target.files?.[0] && r?.(e.target.files[0]), e.target.value = "";
+	};
+	return /* @__PURE__ */ $(N, {
+		width: c,
+		className: l,
+		footer: !0,
+		footerButtonsFill: !0,
+		showCancel: !!e,
+		cancelText: o,
+		onCancel: i,
+		confirmText: a,
+		onConfirm: f,
+		...u,
+		children: [
+			t != null && /* @__PURE__ */ Q("div", {
+				className: "bg-list-group-bg px-spacing-6 py-spacing-5",
+				children: /* @__PURE__ */ Q("p", {
+					className: "whitespace-pre-line text-14 text-list-default-text",
+					children: t
+				})
+			}),
+			e && /* @__PURE__ */ Q("div", {
+				className: "bg-list-group-bg p-spacing-5",
+				children: /* @__PURE__ */ Q("div", {
+					className: "flex max-h-[360px] w-full items-center overflow-hidden rounded-round-4",
+					children: /* @__PURE__ */ Q("img", {
+						src: e,
+						alt: s,
+						className: "block w-full shrink-0"
+					})
+				})
+			}),
+			/* @__PURE__ */ Q("input", {
+				ref: d,
+				type: "file",
+				accept: n,
+				hidden: !0,
+				onChange: p
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ImageUploadButton.tsx
+function gn({ triggerText: e = "이미지 등록", buttonProps: t = {}, placement: n = "bottom-left", menuWidth: r = 320, open: a, onOpenChange: o, disabled: s = !1, className: c = "", ...l }) {
+	let { leftIcon: u = Ke, variant: d = "line", ...f } = t;
+	return /* @__PURE__ */ Q(E, {
+		placement: n,
+		menuWidth: r,
+		open: a,
+		onOpenChange: o,
+		disabled: s,
+		className: c,
+		trigger: /* @__PURE__ */ Q(i, {
+			variant: d,
+			leftIcon: u,
+			disabled: s,
+			...f,
+			children: e
+		}),
+		children: /* @__PURE__ */ Q(hn, {
+			width: "100%",
+			...l
+		})
+	});
+}
+//#endregion
+//#region src/components/tableView.ts
+function _n(e, t) {
+	if (e == null && t == null) return 0;
+	if (e == null) return 1;
+	if (t == null) return -1;
+	let n = Number(e), r = Number(t);
+	return !Number.isNaN(n) && !Number.isNaN(r) && e !== "" && t !== "" ? n - r : String(e).localeCompare(String(t), "ko");
+}
+function vn(e, t, n = {}) {
+	return e.filter((e) => t.every((t) => {
+		let r = n[t.key];
+		return t.filter == null || r == null || r === "" || String(e[t.key]) === String(r);
+	}));
+}
+function yn(e, t) {
+	return t?.key == null ? e : [...e].sort((e, n) => {
+		let r = _n(e[t.key], n[t.key]);
+		return t.dir === "desc" ? -r : r;
+	});
+}
+var bn = parseInt(oe["spacing-5-5"], 10);
+function xn(e = 1, { buttonSize: t = 24, gap: n = parseInt(oe["spacing-5"], 10) } = {}) {
+	return bn * 2 + t * e + n * Math.max(0, e - 1);
+}
+//#endregion
+//#region src/components/Table.tsx
+var Sn = {
+	left: "text-left justify-start",
+	center: "text-center justify-center",
+	right: "text-right justify-end"
+}, Cn = 44, wn = 40;
+function Tn({ column: e, sort: t, onSort: n }) {
+	let r = e.headerMenu, a = r.icon ?? Je, o = t?.key === e.key ? t.dir : null, s = r.items ?? [];
+	return /* @__PURE__ */ Q(E, {
+		placement: "bottom-right",
+		menuWidth: r.width ?? 120,
+		trigger: /* @__PURE__ */ Q(i, {
+			variant: "ghost",
+			size: "24",
+			icon: a,
+			"aria-label": `${e.label ?? ""} 컬럼 메뉴`,
+			showTooltip: !1
+		}),
+		children: (t) => /* @__PURE__ */ Q(N, {
+			width: "100%",
+			children: /* @__PURE__ */ $(f, { children: [r.sortable && [/* @__PURE__ */ Q(y, {
+				title: "오름차순 정렬",
+				selected: o === "asc",
+				onClick: () => {
+					n({
+						key: e.key,
+						dir: "asc"
+					}), t();
+				}
+			}, "__asc"), /* @__PURE__ */ Q(y, {
+				title: "내림차순 정렬",
+				selected: o === "desc",
+				onClick: () => {
+					n({
+						key: e.key,
+						dir: "desc"
+					}), t();
+				}
+			}, "__desc")], s.map((n, r) => /* @__PURE__ */ Q(y, {
+				title: n.label,
+				onClick: () => {
+					n.onClick?.(e), t();
+				}
+			}, n.key ?? r))] })
+		})
+	});
+}
+function En({ columns: e = [], rows: t = [], rowKey: n = "id", selectable: r = !1, selectedIds: i, onSelectChange: a, filters: s, onFilterChange: u, sort: d, onSortChange: f, bordered: p = !1, wrap: m = !1, maxHeight: h, minHeight: _, minWidth: v, scrollX: y = !1, loading: b = !1, loadingMessage: x = "불러오는 중…", emptyMessage: S = "데이터가 없습니다.", onRowClick: C, className: w = "", ...T }) {
+	let E = s !== void 0, [D, O] = Z({}), k = E ? s : D, A = (e, t) => {
+		let n = {
+			...k,
+			[e]: t
+		};
+		E || O(n), u?.(n);
+	}, j = Pe(() => vn(t, e, k), [
+		t,
+		e,
+		k
+	]), M = d !== void 0, [N, P] = Z(null), F = M ? d : N, I = (e) => {
+		M || P(e), f?.(e);
+	}, L = Pe(() => yn(j, F), [j, F]), R = i !== void 0, [z, B] = Z([]), V = R ? i : z, H = new Set(V), U = (e, t) => e[n] ?? t;
+	import.meta.env?.DEV && r && t.length > 0 && t[0]?.[n] == null && console.warn(`[Table] selectable인데 rows에 rowKey('${n}')가 없어 인덱스로 선택을 추적합니다 — 정렬/필터 시 선택이 다른 행으로 이동합니다. 고유 키 필드를 지정하세요.`);
+	let W = (e) => {
+		R || B(e), a?.(e);
+	}, G = L.map(U), K = L.length > 0 && G.every((e) => H.has(e)), ee = () => W(K ? [] : G), q = (e) => W(H.has(e) ? V.filter((t) => t !== e) : [...V, e]), J = e.length + +!!r, Y = h, te = Y === "fill", ne = Y != null, [re, ie] = Z(null), ae = e.some((e) => e.width == null), oe = (r ? Cn : 0) + e.reduce((e, t) => e + (t.width ?? wn), 0), se = y || v != null || ae, ce = se ? Math.max(v ?? 0, oe) : v, le = ne || se, ue = (e) => e ? "" : "border-r border-table-cell-line", de = (e) => e ? "" : "border-r border-table-header-line", fe = p ? "" : "border-b border-table-cell-line", pe = p ? { boxShadow: `inset 0 -1px 0 ${_e.outline}` } : void 0, me = (e, t) => p ? "" : `${e ? "rounded-l-round-4" : ""} ${t ? "rounded-r-round-4" : ""}`, he = (e, t, n) => ({
+		className: `${de(t)} ${me(e, t)} pl-spacing-5-5 pr-spacing-4 h-[32px] align-middle`,
+		style: {
+			...n ? { width: n } : null,
+			...pe
+		}
+	}), ge = (e, t, n) => /* @__PURE__ */ Q("th", {
+		...he(t, n, e.width),
+		children: /* @__PURE__ */ $("div", {
+			className: "flex items-center gap-spacing-3",
+			children: [/* @__PURE__ */ Q("div", {
+				className: `flex min-w-0 flex-1 items-center ${Sn[e.align] ?? Sn.left}`,
+				children: e.renderHeader ? e.renderHeader() : e.filter ? (() => {
+					let t = e.filter.allLabel ?? (e.label ? `${e.label} 전체` : "전체");
+					return /* @__PURE__ */ Q(g, {
+						variant: "text",
+						size: "20",
+						value: k[e.key] ?? "",
+						onChange: (t) => A(e.key, t.target.value),
+						options: [{
+							value: "",
+							label: t
+						}, ...e.filter.options],
+						placeholder: e.filter.placeholder ?? t
+					});
+				})() : /* @__PURE__ */ Q(o, {
+					as: "span",
+					className: "min-w-0 text-12 font-normal text-font-icon-5",
+					children: e.label
+				})
+			}), e.headerMenu && (e.headerMenu.sortable || (e.headerMenu.items?.length ?? 0) > 0) && /* @__PURE__ */ Q("div", {
+				className: "flex shrink-0 items-center",
+				children: /* @__PURE__ */ Q(Tn, {
+					column: e,
+					sort: F,
+					onSort: I
+				})
+			})]
+		})
+	}, e.key), ve = ne, ye = /* @__PURE__ */ $("colgroup", { children: [r && /* @__PURE__ */ Q("col", { style: { width: Cn } }), e.map((e) => /* @__PURE__ */ Q("col", { style: e.width ? { width: e.width } : void 0 }, e.key))] }), be = "w-full table-fixed border-separate", xe = {
+		borderSpacing: 0,
+		...ce ? { minWidth: ce } : null
+	}, Se = /* @__PURE__ */ Q("thead", { children: /* @__PURE__ */ $("tr", {
+		className: "bg-table-header-bg",
+		children: [r && /* @__PURE__ */ Q("th", {
+			className: `${ue(!1)} ${me(!0, !1)} p-spacing-5 align-middle`,
+			style: {
+				width: Cn,
+				...pe
+			},
+			children: /* @__PURE__ */ Q("div", {
+				className: "flex items-center justify-center",
+				children: /* @__PURE__ */ Q(l, {
+					checked: K,
+					onChange: ee
+				})
+			})
+		}), e.map((t, n) => ge(t, !r && n === 0, n === e.length - 1))]
+	}) }), Ce = /* @__PURE__ */ Q("tbody", { children: b ? /* @__PURE__ */ Q("tr", {
+		className: "bg-table-row-bg",
+		children: /* @__PURE__ */ Q("td", {
+			colSpan: J,
+			className: `${fe} px-spacing-5-5 py-spacing-12`,
+			children: /* @__PURE__ */ $("div", {
+				className: "flex items-center justify-center gap-spacing-4 text-14 text-font-icon-3",
+				children: [/* @__PURE__ */ Q(qe, {
+					size: 16,
+					strokeWidth: 1.8,
+					className: "animate-spin"
+				}), x]
+			})
+		})
+	}) : L.length === 0 ? /* @__PURE__ */ Q("tr", {
+		className: "bg-table-row-bg",
+		children: /* @__PURE__ */ Q("td", {
+			colSpan: J,
+			className: `${fe} px-spacing-5-5 py-spacing-12 text-center text-14 text-font-icon-3`,
+			children: S
+		})
+	}) : L.map((t, n) => {
+		let i = U(t, n), a = n === L.length - 1, s = p || ne, c = s && a ? "" : "border-b border-table-cell-line";
+		return /* @__PURE__ */ $("tr", {
+			onClick: C ? () => C(t) : void 0,
+			className: `bg-table-row-bg transition-colors hover:bg-table-row-hover-bg ${C ? "cursor-pointer" : ""}`,
+			children: [r && /* @__PURE__ */ Q("td", {
+				className: `${ue(!1)} ${c} h-[45px] px-spacing-5-5 py-spacing-4 align-middle`,
+				children: /* @__PURE__ */ Q("div", {
+					className: "flex items-center justify-center",
+					children: /* @__PURE__ */ Q(l, {
+						checked: H.has(i),
+						onChange: () => q(i),
+						onClick: (e) => e.stopPropagation()
+					})
+				})
+			}), e.map((r, i) => {
+				let a = r.cellSpan ? r.cellSpan(t, n, L) : 1;
+				if (a === 0) return null;
+				let c = n + Math.max(a, 1) - 1 >= L.length - 1, l = s && c ? "" : "border-b border-table-cell-line";
+				return /* @__PURE__ */ Q("td", {
+					rowSpan: a > 1 ? a : void 0,
+					className: `${ue(i === e.length - 1)} ${l} h-[45px] px-spacing-5-5 py-spacing-4 align-middle`,
+					children: /* @__PURE__ */ Q("div", {
+						className: `flex items-center ${Sn[r.align] ?? Sn.left} min-w-0 text-14 text-font-icon-5`,
+						children: r.render ? r.render(t) : m ? /* @__PURE__ */ Q("span", {
+							className: "break-words",
+							children: t[r.key]
+						}) : /* @__PURE__ */ Q(o, {
+							as: "span",
+							className: "min-w-0",
+							children: t[r.key]
+						})
+					})
+				}, r.key);
+			})]
+		}, i);
+	}) }), we = /* @__PURE__ */ $("table", {
+		className: be,
+		style: xe,
+		children: [
+			ye,
+			Se,
+			Ce
+		]
+	}), Te = p ? "overflow-clip rounded-round-4 border border-table-outline" : ne ? "border-b border-table-cell-line" : "", Ee;
+	if (ve) {
+		let e = /* @__PURE__ */ $("table", {
+			className: be,
+			style: xe,
+			children: [ye, Ce]
+		}), t = !b && L.length > 0, n = te && t, r = _ ? { minHeight: typeof _ == "number" ? `${_}px` : _ } : void 0, i = t ? se ? n ? /* @__PURE__ */ Q("div", {
+			ref: ie,
+			className: "hide-native-scroll min-h-0 flex-1 overflow-y-auto",
+			style: r,
+			children: e
+		}) : /* @__PURE__ */ Q("div", {
+			ref: ie,
+			className: "hide-native-scroll overflow-y-auto",
+			style: {
+				...r,
+				maxHeight: typeof Y == "number" ? `${Y}px` : Y
+			},
+			children: e
+		}) : n ? /* @__PURE__ */ Q(c, {
+			className: "min-h-0 flex-1",
+			contentClassName: "max-h-full",
+			style: r,
+			children: e
+		}) : /* @__PURE__ */ Q(c, {
+			maxHeight: Y,
+			style: r,
+			children: e
+		}) : /* @__PURE__ */ Q("div", { children: e }), a = /* @__PURE__ */ $("div", {
+			className: n ? "flex min-h-0 flex-1 flex-col" : void 0,
+			style: ce ? { minWidth: ce } : void 0,
+			children: [/* @__PURE__ */ $("table", {
+				className: `${be} shrink-0`,
+				style: xe,
+				children: [ye, Se]
+			}), i]
+		});
+		Ee = se ? /* @__PURE__ */ Q(c, {
+			horizontal: !0,
+			vScrollEl: re,
+			className: n ? "min-h-0 flex-1" : "",
+			contentClassName: n ? "flex h-full min-h-0 flex-col" : "",
+			children: a
+		}) : a;
+	} else Ee = le ? /* @__PURE__ */ Q(c, {
+		maxHeight: Y,
+		horizontal: se,
+		children: we
+	}) : we;
+	return /* @__PURE__ */ Q("div", {
+		className: `${Te} ${te && !b && L.length > 0 ? "flex min-h-0 flex-col" : ""} ${w}`,
+		...T,
+		children: Ee
+	});
+}
+//#endregion
+//#region src/components/JobPositionTemplate.tsx
+var Dn = () => `row-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
+function On({ criteriaOptions: e = [], valueOptions: t = {}, conditionCount: n = 4, defaultDisabledIds: r = [], multiLastValue: a = !1, defaultRows: o = [], onChange: s, step1Title: c = "1. 조건 조합 설정", step2Title: l = "2. 채용 직무 추가", addLabel: d = "추가", inputPlaceholder: f = "조건을 선택하세요", orderLabel: p = "순서", jobLabel: m = "채용 직무", manageLabel: h = "관리", tableHeight: _ = "fill", emptyMessage: v = "추가된 채용 직무가 없습니다.", duplicateMessage: y = "이미 추가된 조건 조합입니다.", emptyValueMessage: b = "값을 선택하세요.", ref: x, className: S = "", ...C }) {
+	let T = Array.from({ length: n }, (e, t) => `cond-${t + 1}`), [E, D] = Z(T), [O, k] = Z(() => T.filter((e) => !r.includes(e))), [A, j] = Z({}), M = [...E.filter((e) => T.includes(e)), ...T.filter((e) => !E.includes(e))], N = M.filter((e) => O.includes(e)), P = N[N.length - 1], F = (e, t) => j((n) => ({
+		...n,
+		[e]: {
+			criteria: t,
+			value: ""
+		}
+	})), I = (e, t) => j((n) => ({
+		...n,
+		[e]: {
+			...n[e] ?? { criteria: "" },
+			value: t
+		}
+	})), L = (e) => a && e === P, R = (e) => {
+		let t = A[e]?.value;
+		return L(e) ? Array.isArray(t) ? t : t ? [t] : [] : Array.isArray(t) ? "" : t ?? "";
+	}, z = (e, n) => (t[e] ?? []).find((e) => e.value === n)?.label ?? "", B = (e) => {
+		let t = /* @__PURE__ */ new Set();
+		for (let n of M) {
+			if (n === e || !O.includes(n)) continue;
+			let r = A[n]?.criteria;
+			r && t.add(r);
+		}
+		return t;
+	}, V = M.filter((e) => O.includes(e)).map((e) => ({
+		criteria: A[e]?.criteria,
+		value: R(e)
+	})).filter((e) => !!(e.criteria && (Array.isArray(e.value) ? e.value.length > 0 : e.value))), H = V.map((e) => Array.isArray(e.value) ? e.value.map((t) => z(e.criteria, t)).join(", ") : z(e.criteria, e.value)).join(" / "), [U, W] = Z(o), G = (e) => {
+		W(e), s?.(e);
+	}, K = (e) => e.map((e) => `${e.criteria}:${e.value}`).sort().join("|"), ee = V.length > 0 ? (() => {
+		let e = V.findIndex((e) => Array.isArray(e.value));
+		return e === -1 ? [V.map((e) => ({
+			criteria: e.criteria,
+			value: e.value
+		}))] : V[e].value.map((t) => V.map((n, r) => ({
+			criteria: n.criteria,
+			value: r === e ? t : n.value
+		})));
+	})() : [], q = ee.length > 0 && ee.every((e) => U.some((t) => K(t.items) === K(e))), [J, Y] = Z(!1), te = J && q, ne = () => {
+		if (V.length === 0) return;
+		let e = ee.filter((e) => !U.some((t) => K(t.items) === K(e)));
+		if (e.length === 0) {
+			Y(!0);
+			return;
+		}
+		Y(!1), G([...e.map((e) => ({
+			id: Dn(),
+			items: e
+		})), ...U]);
+	}, re = (e) => G(U.filter((t) => t.id !== e)), ie = (e) => G([{
+		id: Dn(),
+		items: e.items.map((t, n) => n === e.items.length - 1 ? {
+			...t,
+			value: ""
+		} : { ...t })
+	}, ...U]), ae = (e, t, n) => {
+		G(U.map((r) => r.id === e ? {
+			...r,
+			items: r.items.map((e, r) => r === t ? {
+				...e,
+				value: n
+			} : e)
+		} : r)), se((n) => {
+			let r = `${e}:${t}`;
+			if (!n.has(r)) return n;
+			let i = new Set(n);
+			return i.delete(r), i;
+		});
+	}, [oe, se] = Z(() => /* @__PURE__ */ new Set());
+	Me(x, () => ({
+		validate: () => {
+			let e = /* @__PURE__ */ new Set();
+			return U.forEach((t) => t.items.forEach((n, r) => {
+				n.value || e.add(`${t.id}:${r}`);
+			})), se(e), e.size === 0;
+		},
+		getRows: () => U
+	}));
+	let ce = U.map((e, t) => ({
+		...e,
+		orderNo: U.length - t
+	})), le = (e, t, n) => {
+		let r = K(e.items.map((e, r) => r === t ? {
+			...e,
+			value: n
+		} : e));
+		return U.some((t) => t.id !== e.id && K(t.items) === r);
+	}, ue = [
+		{
+			key: "orderNo",
+			label: p,
+			width: 60
+		},
+		{
+			key: "items",
+			label: m,
+			render: (e) => /* @__PURE__ */ Q("div", {
+				className: "flex min-w-0 flex-wrap items-center gap-spacing-3",
+				children: e.items.map((n, r) => /* @__PURE__ */ $("span", {
+					className: "flex items-center gap-spacing-3",
+					children: [r > 0 && /* @__PURE__ */ Q(Re, {
+						size: 12,
+						strokeWidth: 1.8,
+						className: "shrink-0 text-font-icon-3"
+					}), /* @__PURE__ */ Q(w, {
+						options: (t[n.criteria] ?? []).map((t) => t.value !== n.value && le(e, r, t.value) ? {
+							...t,
+							disabled: !0
+						} : t),
+						value: n.value,
+						searchable: !0,
+						searchPlaceholder: "검색어 입력",
+						menuWidth: 160,
+						error: oe.has(`${e.id}:${r}`),
+						errorMessage: b,
+						onChange: (t) => ae(e.id, r, t.target.value)
+					})]
+				}, `${n.criteria}-${r}`))
+			})
+		},
+		{
+			key: "manage",
+			label: h,
+			width: xn(2, { buttonSize: 32 }),
+			render: (e) => /* @__PURE__ */ $("div", {
+				className: "flex items-center gap-spacing-5",
+				children: [/* @__PURE__ */ Q(i, {
+					variant: "ghost",
+					size: "32",
+					icon: He,
+					"aria-label": "복사",
+					onClick: () => ie(e)
+				}), /* @__PURE__ */ Q(i, {
+					variant: "ghost",
+					size: "32",
+					icon: $e,
+					"aria-label": "삭제",
+					onClick: () => re(e.id)
+				})]
+			})
+		}
+	];
+	return /* @__PURE__ */ $("div", {
+		className: `flex w-full items-stretch gap-spacing-7 ${S}`,
+		...C,
+		children: [
+			/* @__PURE__ */ $("div", {
+				className: "flex shrink-0 flex-col gap-spacing-6",
+				children: [/* @__PURE__ */ Q("p", {
+					className: "text-14 text-font-icon-5",
+					children: c
+				}), /* @__PURE__ */ Q(_t, {
+					items: T.map((n) => {
+						let r = A[n] ?? {
+							criteria: "",
+							value: ""
+						}, i = B(n);
+						return {
+							id: n,
+							body: /* @__PURE__ */ $(rt, { children: [/* @__PURE__ */ Q(g, {
+								width: "100%",
+								options: e.map((e) => i.has(e.value) ? {
+									...e,
+									disabled: !0
+								} : e),
+								value: r.criteria,
+								label: "기준",
+								placeholder: "기준 선택",
+								onChange: (e) => F(n, e.target.value)
+							}), /* @__PURE__ */ Q(g, {
+								width: "100%",
+								options: t[r.criteria] ?? [],
+								label: "값",
+								placeholder: "값 선택",
+								disabled: !r.criteria,
+								multiple: L(n),
+								value: R(n),
+								onChange: (e) => I(n, e.target.value)
+							})] })
+						};
+					}),
+					order: E,
+					onOrderChange: D,
+					enabledIds: O,
+					onEnabledChange: (e, { id: t, enabled: n }) => {
+						if (k(e), n) {
+							let n = A[t]?.criteria;
+							n && e.some((e) => e !== t && A[e]?.criteria === n) && j((e) => ({
+								...e,
+								[t]: {
+									criteria: "",
+									value: ""
+								}
+							}));
+						}
+					}
+				})]
+			}),
+			/* @__PURE__ */ Q(at, { direction: "vertical" }),
+			/* @__PURE__ */ $("div", {
+				className: "flex min-h-0 min-w-0 flex-1 flex-col gap-spacing-6",
+				children: [
+					/* @__PURE__ */ Q("p", {
+						className: "text-14 text-font-icon-5",
+						children: l
+					}),
+					/* @__PURE__ */ $("div", {
+						className: "flex items-center gap-spacing-5",
+						children: [/* @__PURE__ */ Q("div", {
+							className: "min-w-0 flex-1",
+							children: /* @__PURE__ */ Q(u, {
+								width: "100%",
+								readOnly: !0,
+								value: H,
+								placeholder: f,
+								error: te,
+								errorMessage: y
+							})
+						}), /* @__PURE__ */ Q(i, {
+							variant: "line",
+							leftIcon: Xe,
+							disabled: V.length === 0,
+							onClick: ne,
+							children: d
+						})]
+					}),
+					/* @__PURE__ */ Q(En, {
+						columns: ue,
+						rows: ce,
+						rowKey: "id",
+						bordered: !0,
+						maxHeight: _,
+						className: _ === "fill" ? "min-h-0" : "",
+						emptyMessage: v
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/useFocusTrap.ts
+var kn = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(",");
+function An(e, t, { initialFocus: n = "container" } = {}) {
+	je(() => {
+		if (!e) return;
+		let r = t.current;
+		if (!r) return;
+		let i = document.activeElement, a = () => Array.from(r.querySelectorAll(kn)).filter((e) => e.offsetParent !== null);
+		n === "first" ? (a()[0] ?? r).focus() : r.focus();
+		let o = (e) => {
+			if (e.key !== "Tab" || e.defaultPrevented) return;
+			let t = a();
+			if (t.length === 0) {
+				e.preventDefault(), r.focus();
+				return;
+			}
+			let n = t[0], i = t[t.length - 1], o = document.activeElement;
+			o && !r.contains(o) || !e.shiftKey && o === i ? (e.preventDefault(), n.focus()) : e.shiftKey && (o === n || o === r) && (e.preventDefault(), i.focus());
+		};
+		return r.addEventListener("keydown", o), () => {
+			r.removeEventListener("keydown", o), i && document.contains(i) && i.focus();
+		};
+	}, [
+		e,
+		t,
+		n
+	]);
+}
+//#endregion
+//#region src/components/modalContext.ts
+var jn = Ee(null), Mn = [], Nn = 0, Pn = "", Fn = {
+	sm: "w-[360px]",
+	md: "w-[480px]",
+	lg: "w-[600px]",
+	xl: "w-[720px]",
+	"2xl": "w-[840px]",
+	"3xl": "w-[960px]",
+	"4xl": "w-[1260px]",
+	fill: "w-[calc(100vw-32px)]"
+};
+function In({ open: e, onClose: t, title: n, children: r, size: a = "md", placement: o = "top", showHeader: s = !0, showClose: l = !0, showFooter: u = !0, footer: d, footerStart: f = null, footerStartType: p = "text", confirmText: m = "확인", cancelText: h = "취소", onConfirm: g, onCancel: _, confirmVariant: v = "fill", confirmDisabled: y = !1, confirmLoading: b = !1, showCancel: x = !0, footerFullWidth: S = !1, closeOnOverlayClick: C = !0, closeOnEsc: w = !0, bodyMaxHeight: T = "70vh", bodyPadding: E = "p-spacing-7", footerPadding: D = null, bodyClassName: O = "", onSubmit: A, className: j = "", ...M }) {
+	let N = X(null), P = X(null), F = X(null), I = X(null), L = X(null), [R, z] = Z({
+		top: null,
+		bodyMax: null,
+		bodyInner: null
+	}), B = X(w), V = X(t);
+	if (je(() => {
+		B.current = w, V.current = t;
+	}), je(() => {
+		if (!e) return;
+		let t = {};
+		Mn.push(t);
+		let n = (e) => {
+			e.key === "Escape" && Mn[Mn.length - 1] === t && B.current && V.current?.();
+		};
+		return document.addEventListener("keydown", n), () => {
+			document.removeEventListener("keydown", n);
+			let e = Mn.indexOf(t);
+			e !== -1 && Mn.splice(e, 1);
+		};
+	}, [e]), je(() => {
+		if (e) return Nn += 1, Nn === 1 && (Pn = document.body.style.overflow, document.body.style.overflow = "hidden"), () => {
+			--Nn, Nn === 0 && (document.body.style.overflow = Pn);
+		};
+	}, [e]), An(e, N), Ne(() => {
+		if (!e) return;
+		let t = (e) => {
+			if (e == null) return Infinity;
+			if (typeof e == "number") return e;
+			let t = String(e).trim();
+			return t.endsWith("vh") ? window.innerHeight * parseFloat(t) / 100 : t.endsWith("px") ? parseFloat(t) : Infinity;
+		}, n = () => {
+			let e = window.innerHeight, n = P.current?.offsetHeight ?? 0, r = F.current?.offsetHeight ?? 0, i = I.current?.offsetHeight ?? 0, a = t(T), s = () => {
+				let e = I.current;
+				if (!e) return 0;
+				let t = getComputedStyle(e);
+				return parseFloat(t.paddingTop) + parseFloat(t.paddingBottom);
+			};
+			if (o === "top") {
+				if (L.current == null) {
+					let t = Math.max(16, e / 2 - 150), a = n + r + i, o = Math.min(1, Math.max(0, a / e)), s = t - (t - 16) * o;
+					L.current = Math.round(Math.min(t, Math.max(16, s)));
+				}
+				let t = L.current, a = Math.max(0, e - t - 16 - n - r - 2);
+				z({
+					top: t,
+					bodyMax: a,
+					bodyInner: Math.max(0, a - s())
+				});
+			} else {
+				let t = Math.max(0, Math.min(a, e - 32 - n - r));
+				z({
+					top: null,
+					bodyMax: t,
+					bodyInner: Math.max(0, t - s())
+				});
+			}
+		};
+		n();
+		let r = new ResizeObserver(n);
+		return [
+			P,
+			F,
+			I
+		].forEach((e) => e.current && r.observe(e.current)), window.addEventListener("resize", n), () => {
+			r.disconnect(), window.removeEventListener("resize", n), L.current = null;
+		};
+	}, [
+		e,
+		o,
+		T
+	]), !e) return null;
+	let H = /* @__PURE__ */ $(k, {
+		width: S ? "fill" : "hug",
+		children: [x && /* @__PURE__ */ Q(i, {
+			variant: "line",
+			onClick: _ ?? t,
+			children: h
+		}), /* @__PURE__ */ Q(i, {
+			variant: v,
+			type: A ? "submit" : "button",
+			disabled: y,
+			loading: b,
+			onClick: A ? void 0 : g,
+			children: m
+		})]
+	}), U = A ? "form" : "div", W = A ? { onSubmit: (e) => {
+		e.preventDefault(), A(e);
+	} } : {}, G = o === "top", K = R.top ?? Math.round(Math.max(16, (typeof window < "u" ? window.innerHeight : 800) / 2 - 150)), ee = G ? "items-start justify-center px-spacing-7" : "items-center justify-center p-spacing-7", q = G ? {
+		paddingTop: K,
+		paddingBottom: 16
+	} : void 0, J = G ? { maxHeight: `calc(100vh - ${K + 16}px)` } : { maxHeight: "calc(100vh - 32px)" }, Y = a === "fill" ? "min-w-[1260px]" : "min-w-[360px]";
+	return nt(/* @__PURE__ */ Q("div", {
+		className: `fixed inset-0 z-[1000] flex bg-modal-overlay ${ee}`,
+		style: q,
+		onMouseDown: C ? (e) => {
+			e.target === e.currentTarget && t();
+		} : void 0,
+		children: /* @__PURE__ */ Q("div", {
+			ref: N,
+			tabIndex: -1,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": typeof n == "string" ? n : void 0,
+			className: `flex ${Y} max-w-[calc(100vw-32px)] flex-col gap-spacing-1 overflow-hidden rounded-round-6 bg-modal-inline shadow-[0px_4px_6px_0px_rgba(0,0,0,0.08)] outline-none ring-1 ring-modal-outline ${Fn[a]} ${j}`,
+			style: J,
+			...M,
+			children: /* @__PURE__ */ $(U, {
+				className: "flex min-h-0 flex-1 flex-col gap-spacing-1",
+				...W,
+				children: [
+					s && /* @__PURE__ */ $("header", {
+						ref: P,
+						className: "flex shrink-0 items-center justify-between bg-modal-panel-bg py-spacing-6 pl-spacing-7 pr-spacing-6",
+						children: [/* @__PURE__ */ Q("h2", {
+							className: "text-15 font-semibold text-font-icon-5",
+							children: n
+						}), l && /* @__PURE__ */ Q(i, {
+							variant: "ghost",
+							size: "32",
+							icon: tt,
+							onClick: t,
+							"aria-label": "닫기",
+							showTooltip: !1
+						})]
+					}),
+					/* @__PURE__ */ Q("div", {
+						className: "min-h-0 bg-modal-panel-bg",
+						children: /* @__PURE__ */ Q(c, {
+							maxHeight: R.bodyMax ?? T,
+							children: /* @__PURE__ */ Q("div", {
+								ref: I,
+								className: `${E} text-14 text-font-icon-4 ${O}`,
+								children: /* @__PURE__ */ Q(jn.Provider, {
+									value: R.bodyInner ?? null,
+									children: r
+								})
+							})
+						})
+					}),
+					u && (d || f || m) && /* @__PURE__ */ $("footer", {
+						ref: F,
+						className: `flex shrink-0 items-center bg-modal-panel-bg ${D ?? `${p === "button" ? "pl-spacing-6" : "pl-spacing-7"} pr-spacing-6 py-spacing-6`} ${S ? "" : "justify-between"}`,
+						children: [!S && /* @__PURE__ */ Q("div", {
+							className: "min-w-0 flex-1 text-14 text-font-icon-5",
+							children: f
+						}), d ?? H]
+					})
+				]
+			})
+		})
+	}), document.body);
+}
+function Ln({ title: e, description: t, descriptionDetail: n, checkbox: r }) {
+	return /* @__PURE__ */ $("div", {
+		className: "flex flex-col gap-spacing-6",
+		children: [e != null && /* @__PURE__ */ Q("h2", {
+			className: "text-20 font-semibold text-font-icon-5",
+			children: e
+		}), (t != null || n != null || r != null) && /* @__PURE__ */ $("div", {
+			className: "flex flex-col gap-spacing-5",
+			children: [
+				t != null && /* @__PURE__ */ Q("div", {
+					className: "whitespace-pre-line text-14 text-font-icon-5",
+					children: t
+				}),
+				n != null && /* @__PURE__ */ Q("div", {
+					className: "whitespace-pre-line rounded-round-4 bg-modal-description-bg p-spacing-6 text-14 text-font-icon-5",
+					children: n
+				}),
+				r
+			]
+		})]
+	});
+}
+function Rn({ title: e, description: t, descriptionDetail: n, confirmText: r = "확인", onConfirm: i, onClose: a, size: o = "sm", placement: s = "center", ...c }) {
+	return /* @__PURE__ */ Q(In, {
+		...c,
+		title: e,
+		size: o,
+		placement: s,
+		onClose: a,
+		showHeader: !1,
+		showCancel: !1,
+		footerFullWidth: !0,
+		bodyPadding: "p-spacing-8",
+		footerPadding: "px-spacing-8 py-spacing-7",
+		confirmText: r,
+		onConfirm: i ?? a,
+		children: /* @__PURE__ */ Q(Ln, {
+			title: e,
+			description: t,
+			descriptionDetail: n
+		})
+	});
+}
+function zn({ title: e, description: t, descriptionDetail: n, checkboxLabel: r, checked: i, onCheckChange: a, requireCheck: o = !0, confirmText: s = "확인", cancelText: c = "취소", onConfirm: u, onCancel: d, onClose: f, confirmVariant: p = "fill", confirmDisabled: m = !1, open: h, size: g = "sm", placement: _ = "center", ...v }) {
+	let y = r != null, b = i !== void 0, [x, S] = Z(!1), C = b ? i : x, [w, T] = Z(h);
+	h !== w && (T(h), h && !b && S(!1));
+	let E = (e) => {
+		b || S(e.target.checked), a?.(e.target.checked, e);
+	}, D = y && o && !C;
+	return /* @__PURE__ */ Q(In, {
+		...v,
+		title: e,
+		open: h,
+		size: g,
+		placement: _,
+		onClose: f,
+		showHeader: !1,
+		showCancel: !0,
+		footerFullWidth: !0,
+		bodyPadding: "p-spacing-8",
+		footerPadding: "px-spacing-8 py-spacing-7",
+		confirmText: s,
+		cancelText: c,
+		onConfirm: u,
+		onCancel: d ?? f,
+		confirmVariant: p,
+		confirmDisabled: m || D,
+		children: /* @__PURE__ */ Q(Ln, {
+			title: e,
+			description: t,
+			descriptionDetail: n,
+			checkbox: y ? /* @__PURE__ */ Q(l, {
+				checked: C,
+				onChange: E,
+				label: r
+			}) : null
+		})
+	});
+}
+function Bn({ submitText: e = "저장", cancelText: t = "취소", onSubmit: n, onCancel: r, onClose: i, submitDisabled: a = !1, loading: o = !1, ...s }) {
+	return /* @__PURE__ */ Q(In, {
+		...s,
+		onClose: i,
+		onSubmit: n,
+		showCancel: !0,
+		confirmText: e,
+		cancelText: t,
+		onCancel: r ?? i,
+		confirmDisabled: a,
+		confirmLoading: o
+	});
+}
+//#endregion
+//#region src/components/Tabs.tsx
+function Vn({ children: e, icon: t = null, tag: n = !1, tagText: r = "태그", tagType: i = "blue", selected: a = !1, disabled: o = !1, onClick: s, className: c = "", ...l }) {
+	let u;
+	return u = o ? "text-tab-disabled-text border-transparent cursor-not-allowed" : a ? "text-tab-selected-text border-tab-selected-underline cursor-pointer" : "text-tab-default-text border-transparent cursor-pointer hover:text-tab-hover-text hover:border-tab-hover-underline focus-visible:text-tab-hover-text focus-visible:border-tab-hover-underline", /* @__PURE__ */ $("button", {
+		type: "button",
+		role: "tab",
+		"aria-selected": a,
+		disabled: o,
+		onClick: o ? void 0 : s,
+		className: `relative inline-flex h-[32px] items-center justify-center gap-spacing-4 px-spacing-5 border-b-2 -mb-px font-pretendard text-14 whitespace-nowrap transition-colors select-none focus:outline-none ${u} ${c}`,
+		...l,
+		children: [
+			t && /* @__PURE__ */ Q(t, {
+				size: 16,
+				strokeWidth: 1.8,
+				className: "shrink-0"
+			}),
+			e,
+			n && /* @__PURE__ */ Q(P, {
+				color: i,
+				children: r
+			})
+		]
+	});
+}
+function Hn({ items: e = [], value: t, defaultValue: n, onChange: r, variant: i = "hug", rightSlot: a = null, className: o = "", ...s }) {
+	let c = t !== void 0, [l, u] = Z(n), d = c ? t : l ?? e[0]?.value, f = (e) => {
+		c || u(e), r?.(e);
+	}, p = i === "fill", m = e.map((e) => /* @__PURE__ */ Q(Vn, {
+		icon: e.icon,
+		tag: e.tag,
+		tagText: e.tagText,
+		tagType: e.tagType,
+		selected: d === e.value,
+		disabled: e.disabled,
+		onClick: () => f(e.value),
+		className: p ? "flex-1 min-w-px" : "",
+		children: e.label
+	}, e.value));
+	return /* @__PURE__ */ $("div", {
+		role: "tablist",
+		className: `flex w-full border-b border-tab-group-underline ${a ? "items-center justify-between" : ""} ${o}`,
+		...s,
+		children: [/* @__PURE__ */ Q("div", {
+			className: `flex items-center gap-spacing-5 ${p ? "w-full" : ""}`,
+			children: m
+		}), a && /* @__PURE__ */ Q("div", {
+			className: "flex shrink-0 items-center",
+			children: a
+		})]
+	});
+}
+//#endregion
+//#region src/components/NoticeWritingTemplate.tsx
+var Un = [
+	{
+		value: "site",
+		label: "채용사이트 안내문",
+		titlePlaceholder: "채용 사이트안내문 제목을 입력하세요"
+	},
+	{
+		value: "email",
+		label: "이메일 안내문",
+		titlePlaceholder: "이메일 안내문 제목을 입력하세요"
+	},
+	{
+		value: "sms",
+		label: "SMS 안내문"
+	}
+], Wn = "90byte를 초과(한글 45자)하면 멀티 문자로 전환되며, 발송 비용이 변경될 수 있습니다.", Gn = [
+	"undo",
+	"redo",
+	"mergefield"
+], Kn = () => ({
+	site: [],
+	email: [],
+	sms: []
+});
+function qn({ channel: e, defaultChannel: t = "site", onChannelChange: n, onChange: r, showTabs: i = !0, tabVariant: a = "fill", enabledChannels: o, mergeFields: s = [], defaultBodies: c, showAttach: l = !0, maxAttachments: d = 5, attachGuide: f = "파일을 첨부하세요 (파일당 최대 10MB).", attachAccept: p, editorMinHeight: m = 360, editorMaxHeight: h, editorReadOnly: g = !1, editorPlaceholder: _, className: v = "", ...y }) {
+	let b = e !== void 0, [x, S] = Z(t), C = (e) => !o || o.includes(e), w = b ? e : x, T = C(w) ? w : Un.find((e) => C(e.value))?.value ?? w, E = (e) => {
+		b || S(e), n?.(e);
+	}, [D, O] = Z({
+		site: "",
+		email: "",
+		sms: ""
+	}), [k, j] = Z(() => ({
+		site: "",
+		email: "",
+		sms: "",
+		...c || {}
+	})), [M, N] = Z(Kn), P = (e) => r?.({
+		channel: T,
+		titles: D,
+		bodies: k,
+		attachments: M,
+		...e
+	}), F = Un.find((e) => e.value === T) ?? Un[0], I = T === "sms", L = (e) => {
+		let t = {
+			...D,
+			[T]: e
+		};
+		O(t), P({ titles: t });
+	}, R = (e) => {
+		let t = {
+			...k,
+			[T]: e
+		};
+		j(t), P({ bodies: t });
+	}, z = (e) => {
+		let t = {
+			...M,
+			[T]: [...M[T], ...Array.from(e).map((e) => ({
+				name: e.name,
+				size: Math.max(.1, Math.round(e.size / 1048576 * 10) / 10),
+				id: `${e.name}-${e.size}-${Date.now()}`,
+				file: e
+			}))].slice(0, d)
+		};
+		N(t), P({ attachments: t });
+	}, B = (e, t) => {
+		let n = {
+			...M,
+			[T]: M[T].filter((e, n) => n !== t)
+		};
+		N(n), P({ attachments: n });
+	};
+	return /* @__PURE__ */ $("div", {
+		className: `flex w-full flex-col gap-spacing-6 ${v}`,
+		...y,
+		children: [
+			i && /* @__PURE__ */ Q(Hn, {
+				items: Un.map(({ value: e, label: t }) => ({
+					value: e,
+					label: t,
+					disabled: !C(e)
+				})),
+				value: T,
+				onChange: E,
+				variant: a
+			}),
+			I ? /* @__PURE__ */ Q("p", {
+				className: "text-12 text-font-icon-4",
+				children: Wn
+			}) : /* @__PURE__ */ $("div", {
+				className: "flex items-start gap-spacing-6",
+				children: [/* @__PURE__ */ Q("div", {
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ Q(u, {
+						width: "100%",
+						placeholder: F.titlePlaceholder,
+						value: D[T],
+						onChange: (e) => L(e.target.value)
+					})
+				}), l && /* @__PURE__ */ Q(dn, {
+					triggerText: "첨부파일",
+					buttonProps: { leftIcon: Ye },
+					placement: "auto-right",
+					menuWidth: 320,
+					files: M[T],
+					guide: f,
+					accept: p,
+					maxCount: d,
+					onAdd: z,
+					onDelete: B
+				})]
+			}),
+			/* @__PURE__ */ Q(A, {
+				value: k[T],
+				onChange: R,
+				mergeFields: s,
+				toolbar: I ? Gn : void 0,
+				showSource: !I,
+				minHeight: m,
+				maxHeight: h,
+				readOnly: g,
+				..._ ? { placeholder: _ } : {}
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Pagination.tsx
+var Jn = [
+	5,
+	10,
+	20,
+	50
+], Yn = "inline-flex items-center justify-center min-w-[24px] min-h-[24px] px-spacing-3 rounded-round-10 font-pretendard font-normal text-14 transition-colors select-none focus:outline-none", Xn = "cursor-pointer hover:bg-button-ghost-hover-bg active:bg-transparent focus-visible:bg-button-ghost-hover-bg";
+function Zn(e, t, n) {
+	let r = Math.floor((e - 1) / n) * n + 1, i = Math.min(r + n - 1, t);
+	return Array.from({ length: i - r + 1 }, (e, t) => r + t);
+}
+var Qn = {
+	selected: "cursor-default bg-button-ghost-selected-bg text-button-ghost-selected-text",
+	disabled: "cursor-not-allowed text-button-ghost-disabled-fg"
+}, $n = {
+	number: "text-button-ghost-pagination-fg hover:text-button-ghost-default-fg active:text-button-ghost-default-fg focus-visible:text-button-ghost-default-fg",
+	icon: "text-button-ghost-default-fg"
+};
+function er({ state: e = "default", type: t = "number", icon: n, label: r, children: i, onClick: o }) {
+	let s = e === "default", c = e === "default" ? `${$n[t]} ${Xn}` : Qn[e], l = a(t === "icon" ? r : null);
+	return /* @__PURE__ */ $(rt, { children: [/* @__PURE__ */ Q("button", {
+		type: "button",
+		className: `${Yn} ${c}`,
+		"aria-current": e === "selected" ? "page" : void 0,
+		"aria-label": t === "icon" ? r : void 0,
+		disabled: e === "disabled",
+		onClick: s ? o : void 0,
+		onMouseEnter: l.onMouseEnter,
+		onMouseLeave: l.onMouseLeave,
+		children: t === "icon" && n ? /* @__PURE__ */ Q(n, {
+			size: ge.size,
+			strokeWidth: ge.strokeWidth
+		}) : i
+	}), l.tooltip] });
+}
+function tr({ page: e, defaultPage: t = 1, onChange: n, totalCount: r = 0, totalPages: i, pageSize: a, defaultPageSize: o = 10, onPageSizeChange: s, pageSizeOptions: c = Jn, maxButtons: l = 10, showTotal: u = !0, showPageSize: d = !0, className: f = "", ...p }) {
+	let m = e !== void 0, [h, _] = Z(t), v = m ? e : h, y = a !== void 0, [b, x] = Z(o), S = y ? a : b, C = (e) => i ?? Math.max(1, Math.ceil(r / e)), w = C(S), T = (e) => {
+		let t = Math.min(Math.max(e, 1), w);
+		t !== v && (m || _(t), n?.(t));
+	}, E = (e) => {
+		let t = Number(e.target.value);
+		y || x(t), s?.(t);
+		let n = C(t);
+		v > n && T(n);
+	}, D = Zn(v, w, l), O = v <= 1, k = v >= w, A = d && !(i != null && !s), j = c.map((e) => ({
+		value: e,
+		label: `${e}개`
+	}));
+	return /* @__PURE__ */ $("div", {
+		className: `grid min-h-[32px] grid-cols-3 items-center gap-spacing-9 ${f}`,
+		...p,
+		children: [
+			/* @__PURE__ */ Q("div", {
+				className: "justify-self-start",
+				children: u && /* @__PURE__ */ $("p", {
+					className: "text-14 text-font-icon-5",
+					children: [
+						"총 ",
+						r,
+						"개"
+					]
+				})
+			}),
+			/* @__PURE__ */ $("div", {
+				className: "flex items-center justify-center gap-spacing-3 justify-self-center",
+				children: [
+					/* @__PURE__ */ Q(er, {
+						type: "icon",
+						icon: ze,
+						label: "첫 페이지",
+						state: O ? "disabled" : "default",
+						onClick: () => T(1)
+					}),
+					/* @__PURE__ */ Q(er, {
+						type: "icon",
+						icon: Le,
+						label: "이전 페이지",
+						state: O ? "disabled" : "default",
+						onClick: () => T(v - 1)
+					}),
+					D.map((e) => /* @__PURE__ */ Q(er, {
+						state: e === v ? "selected" : "default",
+						onClick: () => T(e),
+						children: e
+					}, e)),
+					/* @__PURE__ */ Q(er, {
+						type: "icon",
+						icon: Re,
+						label: "다음 페이지",
+						state: k ? "disabled" : "default",
+						onClick: () => T(v + 1)
+					}),
+					/* @__PURE__ */ Q(er, {
+						type: "icon",
+						icon: Be,
+						label: "마지막 페이지",
+						state: k ? "disabled" : "default",
+						onClick: () => T(w)
+					})
+				]
+			}),
+			/* @__PURE__ */ Q("div", {
+				className: "flex items-center gap-spacing-5 justify-self-end",
+				children: A && /* @__PURE__ */ $(rt, { children: [/* @__PURE__ */ Q("span", {
+					className: "whitespace-nowrap text-14 text-font-icon-5",
+					children: "페이지 행"
+				}), /* @__PURE__ */ Q(g, {
+					variant: "text",
+					size: "24",
+					placement: "auto-right",
+					menuWidth: 80,
+					options: j,
+					value: S,
+					onChange: E
+				})] })
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ToolBar.tsx
+function nr({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ Q("div", {
+		role: "toolbar",
+		className: `inline-flex items-center gap-spacing-4 rounded-round-5 outline outline-1 outline-toolbar-line bg-gradient-to-b from-toolbar-bg-top to-toolbar-bg-bottom p-spacing-5-5 shadow-[0px_2px_5px_0px_rgba(0,0,0,0.12)] ${t}`,
+		...n,
+		children: e
+	});
+}
+function rr() {
+	return /* @__PURE__ */ Q("span", {
+		"aria-hidden": !0,
+		className: "h-spacing-7 w-px shrink-0 bg-divider-strong"
+	});
+}
+//#endregion
+//#region src/components/SegmentedTabs.tsx
+function ir({ items: e = [], value: t, defaultValue: n, onChange: r, width: i, className: a = "", ...s }) {
+	let c = t !== void 0, [l, u] = Z(n), d = c ? t : l ?? e[0]?.value, f = e.length, p = Math.max(0, e.findIndex((e) => e.value === d)), m = (e) => {
+		c || u(e), r?.(e);
+	}, h = (t) => {
+		if (f === 0) return;
+		let n = p;
+		for (let r = 0; r < f; r += 1) if (n = (n + t + f) % f, !e[n].disabled) {
+			m(e[n].value);
+			return;
+		}
+	};
+	return /* @__PURE__ */ Q("div", {
+		role: "tablist",
+		style: { width: i == null ? void 0 : typeof i == "number" ? `${i}px` : i },
+		className: `flex ${i == null ? "w-full" : ""} rounded-round-4 bg-segmented-tab-bg p-spacing-2 ${a}`,
+		...s,
+		children: /* @__PURE__ */ $("div", {
+			className: "relative flex min-w-0 flex-1",
+			children: [f > 0 && /* @__PURE__ */ Q("span", {
+				"aria-hidden": !0,
+				className: "pointer-events-none absolute inset-y-0 left-0 rounded-round-3 bg-segmented-select-bg ring-1 ring-segmented-select-line shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] transition-transform duration-200 ease-out",
+				style: {
+					width: `${100 / f}%`,
+					transform: `translateX(${p * 100}%)`
+				}
+			}), e.map((e) => {
+				let t = e.value === d;
+				return /* @__PURE__ */ Q("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": t,
+					disabled: e.disabled,
+					tabIndex: e.disabled ? -1 : 0,
+					onClick: () => !e.disabled && m(e.value),
+					onKeyDown: (e) => {
+						e.key === "ArrowRight" ? (e.preventDefault(), h(1)) : e.key === "ArrowLeft" && (e.preventDefault(), h(-1));
+					},
+					className: `relative z-[1] flex min-h-[24px] min-w-0 flex-1 items-center justify-center rounded-round-3 px-spacing-5-5 font-pretendard text-14 leading-24 transition-colors focus:outline-none ${e.disabled ? "cursor-not-allowed text-segmented-disabled-text" : t ? "cursor-pointer text-segmented-select-text focus-visible:text-segmented-hover-text" : "cursor-pointer text-segmented-unselect-text hover:text-segmented-hover-text focus-visible:text-segmented-hover-text"}`,
+					children: /* @__PURE__ */ Q(o, {
+						as: "span",
+						className: "min-w-0",
+						children: e.label
+					})
+				}, e.value);
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/ScreeningIndividualSettingModal.tsx
+var ar = (e) => e.replace(/[^0-9]/g, ""), or = [{
+	value: "plus",
+	label: "가점"
+}, {
+	value: "minus",
+	label: "감점"
+}], sr = [{
+	value: "fit",
+	label: "적합"
+}, {
+	value: "unfit",
+	label: "부적합"
+}], cr = (e) => [{
+	value: "points",
+	label: "가점/감점",
+	disabled: e
+}, {
+	value: "fitness",
+	label: "적합/부적합"
+}];
+function lr({ items: e = [], value: t = null, fitnessOnly: n = !1, onClose: r, onConfirm: a }) {
+	let [o, s] = Z(n ? "fitness" : t?.mode ?? "points"), c = (n, r) => {
+		let i = {};
+		return e.forEach((e) => {
+			let a = t?.mode === n ? t?.items?.[e.value] : null;
+			i[e.value] = a ?? r;
+		}), i;
+	}, [l, d] = Z(() => c("points", {
+		type: "plus",
+		points: ""
+	})), [f, p] = Z(() => c("fitness", { type: "fit" })), [m, h] = Z(""), [_, v] = Z(""), [y, b] = Z([]), x = (e) => {
+		s(e), h(""), v("");
+	}, S = o === "points", C = y.length > 0, w = (S ? !!m && !!_.trim() : !!m) && C, T = () => {
+		if (!w) return;
+		let e = S ? {
+			type: m,
+			points: _.trim()
+		} : { type: m }, t = (t) => ({
+			...t,
+			...Object.fromEntries(y.map((t) => [t, { ...e }]))
+		});
+		S ? d(t) : p(t);
+	}, E = (e, t) => S ? d((n) => ({
+		...n,
+		[e]: {
+			...n[e],
+			...t
+		}
+	})) : p((n) => ({
+		...n,
+		[e]: {
+			...n[e],
+			...t
+		}
+	})), D = S ? e.every((e) => !!l[e.value]?.points?.trim()) : !0, O = () => ({
+		type: "individual",
+		mode: o,
+		items: Object.fromEntries(e.map((e) => S ? [e.value, {
+			type: l[e.value].type,
+			points: l[e.value].points?.trim()
+		}] : [e.value, { type: f[e.value].type }]))
+	}), k = [
+		{
+			key: "label",
+			label: "항목"
+		},
+		{
+			key: "type",
+			label: "가/감점",
+			width: 120,
+			render: (e) => /* @__PURE__ */ Q(g, {
+				variant: "text",
+				width: "fill",
+				options: S ? or : sr,
+				value: (S ? l : f)[String(e.id)]?.type ?? "",
+				onChange: (t) => E(String(e.id), { type: t.target.value }),
+				menuWidth: 100
+			})
+		},
+		...S ? [{
+			key: "points",
+			label: "점수",
+			width: 120,
+			render: (e) => /* @__PURE__ */ $("span", {
+				className: "flex items-center gap-spacing-4",
+				children: [/* @__PURE__ */ Q(u, {
+					size: "32",
+					width: 70,
+					value: l[String(e.id)]?.points ?? "",
+					onChange: (t) => E(String(e.id), { points: ar(t.target.value) }),
+					inputProps: { inputMode: "numeric" },
+					placeholder: "입력"
+				}), /* @__PURE__ */ Q("span", {
+					className: "text-14 text-font-icon-5",
+					children: "점"
+				})]
+			})
+		}] : []
+	];
+	return /* @__PURE__ */ Q(In, {
+		open: !0,
+		onClose: r,
+		title: "개별설정",
+		size: "lg",
+		confirmText: "확인",
+		cancelText: "취소",
+		confirmDisabled: !D,
+		onConfirm: () => a?.(O()),
+		children: /* @__PURE__ */ $("div", {
+			className: "flex flex-col gap-spacing-6",
+			children: [/* @__PURE__ */ $("div", {
+				className: "flex items-center justify-between gap-spacing-5",
+				children: [/* @__PURE__ */ $("div", {
+					className: "flex items-center gap-spacing-4",
+					children: [S ? /* @__PURE__ */ $(rt, { children: [
+						/* @__PURE__ */ Q(g, {
+							width: 90,
+							options: or,
+							value: m,
+							onChange: (e) => h(e.target.value),
+							placeholder: "가/감점",
+							disabled: !C
+						}),
+						/* @__PURE__ */ Q(u, {
+							width: 70,
+							value: _,
+							onChange: (e) => v(ar(e.target.value)),
+							inputProps: { inputMode: "numeric" },
+							placeholder: "입력",
+							disabled: !C
+						}),
+						/* @__PURE__ */ Q("span", {
+							className: `text-14 ${C ? "text-font-icon-5" : "text-font-icon-2"}`,
+							children: "점"
+						})
+					] }) : /* @__PURE__ */ Q(g, {
+						width: 110,
+						options: sr,
+						value: m,
+						onChange: (e) => h(e.target.value),
+						placeholder: "적합/부적합",
+						disabled: !C
+					}), /* @__PURE__ */ Q(i, {
+						variant: "line",
+						size: "32",
+						disabled: !w,
+						onClick: T,
+						children: "일괄적용"
+					})]
+				}), /* @__PURE__ */ Q(ir, {
+					width: 200,
+					items: cr(n),
+					value: o,
+					onChange: x
+				})]
+			}), /* @__PURE__ */ Q(En, {
+				bordered: !0,
+				maxHeight: "fill",
+				className: "min-h-0",
+				columns: k,
+				rows: e.map((e) => ({
+					id: e.value,
+					label: e.label
+				})),
+				rowKey: "id",
+				selectable: !0,
+				selectedIds: y,
+				onSelectChange: b
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/formulaFunctions.ts
+var ur = {
+	AND: "logical",
+	OR: "logical",
+	IF: "conditional",
+	SUM: "aggregate",
+	MAX: "aggregate",
+	MIN: "aggregate",
+	COUNTIF: "aggregate",
+	CAPMAX: "score-limit",
+	CAPMIN: "score-limit",
+	FITBYSCORE: "evaluation",
+	UNFITBYSCORE: "evaluation"
+}, dr = Object.keys(ur);
+function fr(e) {
+	e && setTimeout(() => {
+		let t = Array.from(document.querySelectorAll("[data-formula-chain]")), n = t[t.indexOf(e) + 1];
+		if (!n) return;
+		let r = n.matches("[tabindex]") ? n : n.querySelector("[tabindex]");
+		r && (r.focus(), r.setAttribute("data-chain-focus", ""), r.addEventListener("blur", () => r.removeAttribute("data-chain-focus"), { once: !0 }));
+	}, 0);
+}
+function pr(e, t, n) {
+	e.defaultPrevented || (e.key === "Enter" || e.key === " " || e.key === "Tab" && !e.shiftKey && !t) && (e.preventDefault(), n());
+}
+function mr(e) {
+	return e.kind === "group" ? e.children.some(mr) : e.items?.length ? e.individual?.mode === "points" : e.scoreType === "plus" || e.scoreType === "minus" || !!e.points;
+}
+var hr = "focus:outline-none focus-visible:ring-2 focus-visible:ring-text-field-focused-line data-[chain-focus]:ring-2 data-[chain-focus]:ring-text-field-focused-line";
+//#endregion
+//#region src/components/usePanelKeyboard.ts
+function gr({ complete: e, onCommit: t, onSkip: n }) {
+	let r = X(null);
+	je(() => {
+		let e = setTimeout(() => r.current?.focus(), 0);
+		return () => clearTimeout(e);
+	}, []);
+	let i = () => Array.from(r.current?.querySelectorAll("button:not([disabled]), input:not([disabled]), [tabindex='0']") ?? []).filter((e) => e.offsetParent !== null);
+	return {
+		menuRef: r,
+		handleTabKey: (r) => {
+			if (r.key !== "Tab" || r.defaultPrevented) return;
+			let a = i();
+			if (!a.length) {
+				r.preventDefault(), e ? t() : n?.();
+				return;
+			}
+			let o = a.indexOf(r.target);
+			!r.shiftKey && o === a.length - 1 ? (r.preventDefault(), e ? t() : n ? n() : a[0].focus()) : r.shiftKey && o <= 0 && (r.preventDefault(), a[a.length - 1].focus());
+		}
+	};
+}
+//#endregion
+//#region src/components/ScreeningConditionCard.tsx
+var _r = [
+	{
+		value: "plus",
+		label: "가점",
+		hasPoints: !0
+	},
+	{
+		value: "minus",
+		label: "감점",
+		hasPoints: !0
+	},
+	{
+		value: "fit",
+		label: "적합",
+		hasPoints: !1
+	},
+	{
+		value: "unfit",
+		label: "부적합",
+		hasPoints: !1
+	}
+], vr = Object.fromEntries(_r.map((e) => [e.value, e.label]));
+function yr({ children: e, placeholder: t, open: n }) {
+	let r = e != null && e !== "";
+	return /* @__PURE__ */ $("div", {
+		className: `grid min-h-[32px] w-full cursor-pointer grid-cols-[minmax(0,1fr)_auto] items-center gap-spacing-4 rounded-round-4 bg-text-field-default-bg py-spacing-3 pl-spacing-6 pr-spacing-6 ring-inset ring-text-field-hover-line transition-shadow hover:ring-2 group-focus-visible/fieldstop:ring-2 group-data-[chain-focus]/fieldstop:ring-2 ${n ? "ring-2 ring-text-field-focused-line" : ""}`,
+		children: [/* @__PURE__ */ Q(o, {
+			className: `text-14 ${r ? "text-text-field-filled-text" : "text-text-field-default-text"}`,
+			children: r ? e : t
+		}), /* @__PURE__ */ Q(Ie, {
+			size: 16,
+			strokeWidth: 1.8,
+			className: `pointer-events-none shrink-0 text-font-icon-5 transition-transform ${n ? "rotate-180" : ""}`
+		})]
+	});
+}
+function br({ cardName: e = "조건", conditionTabs: t = [], conditionOptionsByTab: n = {}, conditionOptions: r = [], conditionValue: a = null, onConditionChange: s, conditionPlaceholder: c = "조건을 선택하세요", scoreValue: l = null, onScoreChange: u, scorePlaceholder: d = "가/감점", onDelete: f, dragging: p = !1, dragHandleProps: m = {}, width: h = 375, className: g = "", ..._ }) {
+	let v = t.length > 0, y = t.find((e) => e.multiSelect), b = y ? n[y.value] ?? [] : [], x = !!a?.items?.length, [S, C] = Z(!1), [w, T] = Z(!1), [D, O] = Z(!1), k = X(null), A = X(null), [j, M] = Z(0), N = (e) => {
+		e && M(A.current?.offsetWidth ?? 0), C(e);
+	}, P = (e) => t.find((t) => t.value === e)?.label, F = (e, t) => (v ? n[e] ?? [] : r).find((e) => e.value === t)?.label, I = a ? x ? b.filter((e) => a.items?.includes(e.value)).map((e) => e.label).join(", ") : v ? a.option == null ? P(a.tab) : `${P(a.tab)}, ${F(a.tab, a.option)}` : F(void 0, a.option) : null, L = l ? l.type === "plus" || l.type === "minus" ? `${vr[l.type]}, ${l.points}점` : vr[l.type] : null, R = h === "fill" ? "100%" : typeof h == "number" ? `${h}px` : h, z = X(null), B = (e) => {
+		if (z.current && e.dataTransfer) try {
+			e.dataTransfer.setDragImage(z.current, 16, 20);
+		} catch {}
+		_.onDragStart?.(e);
+	};
+	return /* @__PURE__ */ $("div", {
+		style: { width: R },
+		className: `group/card flex flex-col gap-spacing-5-5 rounded-round-4 outline outline-1 p-spacing-6 shadow-[0_2px_2px_0_rgba(0,0,0,0.12)] transition-colors outline-condition-card-default-card-line bg-condition-card-default-card-bg text-condition-card-default-card-text hover:outline-condition-card-hover-card-line hover:bg-condition-card-hover-card-bg ${g}`,
+		..._,
+		onDragStart: B,
+		"aria-grabbed": p || void 0,
+		children: [
+			/* @__PURE__ */ $("div", {
+				ref: z,
+				style: {
+					position: "fixed",
+					top: -9999,
+					left: -9999
+				},
+				className: "inline-flex w-fit items-center gap-spacing-4 rounded-round-4 border border-condition-card-drop-outline bg-condition-card-hover-card-bg px-spacing-6 py-spacing-4 text-condition-card-drop-text shadow-[0_2px_2px_0_rgba(0,0,0,0.12)]",
+				children: [/* @__PURE__ */ Q(Ge, {
+					size: 16,
+					strokeWidth: 1.8,
+					className: "shrink-0"
+				}), /* @__PURE__ */ Q("span", {
+					className: "whitespace-nowrap text-14",
+					children: e
+				})]
+			}),
+			/* @__PURE__ */ $("div", {
+				className: "flex w-full items-center justify-between",
+				children: [/* @__PURE__ */ $("div", {
+					className: "flex min-w-0 items-center gap-spacing-4",
+					children: [/* @__PURE__ */ Q("span", {
+						...m,
+						className: "shrink-0 cursor-grab text-condition-card-default-card-text transition-colors group-hover/card:text-condition-card-hover-card-text",
+						children: /* @__PURE__ */ Q(Ge, {
+							size: 16,
+							strokeWidth: 1.8
+						})
+					}), /* @__PURE__ */ Q(o, {
+						className: "min-w-0 text-14 text-condition-card-default-card-text transition-colors group-hover/card:text-condition-card-hover-card-text",
+						children: e
+					})]
+				}), /* @__PURE__ */ Q(i, {
+					variant: "ghost",
+					icon: $e,
+					"aria-label": "카드 삭제",
+					onClick: f
+				})]
+			}),
+			/* @__PURE__ */ $("div", {
+				className: "flex w-full items-center gap-spacing-3",
+				children: [/* @__PURE__ */ Q("div", {
+					ref: A,
+					"data-formula-chain": !0,
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ Q(E, {
+						className: "group/fieldstop w-full rounded-round-4 focus:outline-none",
+						tabIndex: 0,
+						onKeyDown: (e) => pr(e, S, () => N(!0)),
+						menuWidth: y ? 351 : "max-content",
+						open: S,
+						onOpenChange: N,
+						trigger: /* @__PURE__ */ Q(yr, {
+							open: S,
+							placeholder: c,
+							children: I
+						}),
+						children: (e) => /* @__PURE__ */ Q(xr, {
+							tabs: t,
+							optionsByTab: n,
+							options: r,
+							initialTab: a?.tab,
+							initialOption: a?.option,
+							initialItems: a?.items,
+							style: { minWidth: j },
+							onCancel: e,
+							onSave: (t) => {
+								s?.(t), e(), t.items ? setTimeout(() => k.current?.querySelector("button")?.focus(), 0) : T(!0);
+							},
+							onSkip: () => {
+								e(), fr(A.current);
+							}
+						})
+					})
+				}), x ? /* @__PURE__ */ $("span", {
+					ref: k,
+					className: "shrink-0",
+					children: [/* @__PURE__ */ Q(i, {
+						variant: "line",
+						size: "32",
+						leftIcon: Ze,
+						onClick: () => O(!0),
+						children: "개별설정"
+					}), D && /* @__PURE__ */ Q(lr, {
+						items: b.filter((e) => a?.items?.includes(e.value)),
+						value: l?.type === "individual" ? l : null,
+						onClose: () => O(!1),
+						onConfirm: (e) => {
+							u?.(e), O(!1), fr(A.current);
+						}
+					})]
+				}) : /* @__PURE__ */ Q(E, {
+					className: "group/fieldstop w-[100px] shrink-0 rounded-round-4 focus:outline-none",
+					tabIndex: 0,
+					onKeyDown: (e) => pr(e, w, () => T(!0)),
+					menuWidth: 200,
+					placement: "auto-right",
+					open: w,
+					onOpenChange: T,
+					trigger: /* @__PURE__ */ Q(yr, {
+						open: w,
+						placeholder: d,
+						children: L
+					}),
+					children: (e) => /* @__PURE__ */ Q(Sr, {
+						initialType: l?.type ?? null,
+						initialPoints: l?.points ?? "",
+						onCancel: e,
+						onSave: (t) => {
+							u?.(t), e(), fr(A.current);
+						},
+						onSkip: () => {
+							e(), fr(A.current);
+						}
+					})
+				})]
+			})
+		]
+	});
+}
+function xr({ tabs: e = [], optionsByTab: t = {}, options: n = [], initialTab: r = null, initialOption: i = null, initialItems: a = null, onSave: o, onCancel: s, onTabNext: c, onSkip: l, style: u }) {
+	let d = e.length > 0, [p, m] = Z(r ?? e[0]?.value ?? null), [h, _] = Z(i), v = e.find((e) => e.multiSelect), b = v && p === v.value, [x, S] = Z(() => r === v?.value ? a ?? [] : []), C = d ? t[p] ?? [] : n, w = d && !!e.find((e) => e.value === p)?.disableOptions, T = () => v ? b ? {
+		tab: p,
+		option: null,
+		items: x
+	} : {
+		tab: p,
+		option: null
+	} : d ? {
+		tab: p,
+		option: w ? null : h
+	} : { option: h }, E = v ? b ? x.length > 0 : !0 : w ? !0 : !!h, { menuRef: D, handleTabKey: O } = gr({
+		complete: E,
+		onCommit: () => {
+			o?.(T()), c?.();
+		},
+		onSkip: l
+	});
+	return /* @__PURE__ */ Q("div", {
+		ref: D,
+		tabIndex: -1,
+		className: "outline-none",
+		onKeyDown: O,
+		children: /* @__PURE__ */ $(N, {
+			width: v ? 351 : "auto",
+			style: v ? void 0 : u,
+			footer: !0,
+			footerButtonsFill: !0,
+			confirmText: "저장",
+			confirmDisabled: !E,
+			onCancel: s,
+			onConfirm: () => o?.(T()),
+			children: [d && /* @__PURE__ */ Q("div", {
+				className: "w-full bg-list-group-bg p-spacing-5",
+				children: /* @__PURE__ */ Q(ir, {
+					items: e,
+					value: p,
+					onChange: (e) => {
+						m(e), _(null);
+					}
+				})
+			}), v ? /* @__PURE__ */ Q("div", {
+				className: "w-full bg-list-group-bg p-spacing-5",
+				children: /* @__PURE__ */ Q(g, {
+					width: "100%",
+					multiple: !0,
+					confirm: !0,
+					searchable: !0,
+					options: t[v.value] ?? [],
+					value: x,
+					onChange: (e) => S(e.target.value),
+					disabled: !b,
+					placeholder: v.placeholder ?? "선택하세요",
+					searchPlaceholder: v.searchPlaceholder ?? "검색어를 입력하세요"
+				})
+			}) : /* @__PURE__ */ Q(f, {
+				gap: "3",
+				children: C.map((e) => /* @__PURE__ */ Q(y, {
+					radio: !0,
+					title: e.label,
+					checked: h === e.value,
+					disabled: w,
+					onCheckChange: () => _(e.value)
+				}, e.value))
+			})]
+		})
+	});
+}
+function Sr({ initialType: e = null, initialPoints: t = "", disablePoints: n = !1, onSave: r, onCancel: i, onTabNext: a, onSkip: o }) {
+	let [s, c] = Z(e), [l, d] = Z({
+		plus: e === "plus" ? t : "",
+		minus: e === "minus" ? t : ""
+	}), p = s === "plus" || s === "minus", m = p ? l[s] : "", h = !!s && (!p || !!m.trim()), { menuRef: g, handleTabKey: _ } = gr({
+		complete: h,
+		onCommit: () => {
+			r?.(p ? {
+				type: s,
+				points: m.trim()
+			} : { type: s }), a?.();
+		},
+		onSkip: o
+	}), v = (e, t) => {
+		c(e), t && setTimeout(() => g.current?.querySelector("input[inputmode]:not([disabled])")?.focus(), 0);
+	}, b = (e) => /* @__PURE__ */ $("span", {
+		className: "flex shrink-0 items-center gap-spacing-5",
+		onClick: (e) => e.stopPropagation(),
+		children: [/* @__PURE__ */ Q(u, {
+			width: 56,
+			value: l[e],
+			disabled: s !== e,
+			onChange: (t) => d((n) => ({
+				...n,
+				[e]: t.target.value.replace(/[^0-9]/g, "")
+			})),
+			inputProps: { inputMode: "numeric" },
+			placeholder: "0"
+		}), /* @__PURE__ */ Q("span", {
+			className: `text-14 ${s === e ? "text-list-default-text" : "text-list-disabled-text"}`,
+			children: "점"
+		})]
+	});
+	return /* @__PURE__ */ Q("div", {
+		ref: g,
+		tabIndex: -1,
+		className: "outline-none",
+		onKeyDown: _,
+		children: /* @__PURE__ */ Q(N, {
+			width: "100%",
+			footer: !0,
+			footerButtonsFill: !0,
+			confirmText: "저장",
+			confirmDisabled: !h,
+			onCancel: i,
+			onConfirm: () => r?.(p ? {
+				type: s,
+				points: m.trim()
+			} : { type: s }),
+			children: /* @__PURE__ */ Q(f, {
+				gap: "3",
+				children: _r.map((e) => {
+					let t = n && e.hasPoints;
+					return /* @__PURE__ */ Q(y, {
+						radio: !0,
+						title: e.label,
+						checked: s === e.value,
+						disabled: t,
+						onCheckChange: t ? void 0 : () => v(e.value, e.hasPoints),
+						rightSlot: e.hasPoints ? b(e.value) : void 0
+					}, e.value);
+				})
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/ScreeningFormula.tsx
+var Cr = {
+	logical: "green",
+	conditional: "blue",
+	aggregate: "violet",
+	"score-limit": "pink",
+	evaluation: "orange"
+}, wr = {
+	logical: "border-formula-hover-logical-outline",
+	conditional: "border-formula-hover-conditional-outline",
+	aggregate: "border-formula-hover-aggregate-outline",
+	"score-limit": "border-formula-hover-score-limit-outline",
+	evaluation: "border-formula-hover-evaluation-outline"
+};
+function Tr({ family: e, dense: t = !1, comment: n = null, className: r = "", children: i }) {
+	let [a, o] = Z(!1), s = X(null);
+	return je(() => {
+		let e = s.current;
+		if (!e) return;
+		let t = (t) => o(t.target?.closest("[data-formula-shell]") === e), n = (t) => {
+			e.contains(t.relatedTarget) || o(!1);
+		};
+		return e.addEventListener("mouseover", t), e.addEventListener("mouseout", n), () => {
+			e.removeEventListener("mouseover", t), e.removeEventListener("mouseout", n);
+		};
+	}, []), /* @__PURE__ */ $("div", {
+		ref: s,
+		"data-formula-shell": !0,
+		className: `inline-flex max-w-full flex-col gap-spacing-4 rounded-round-4 border py-spacing-5 transition-colors ${t ? "px-spacing-5-5" : "px-spacing-6"} ${a ? `bg-formula-hover-bg ${wr[e] ?? "border-formula-default-outline"}` : "border-formula-default-outline bg-formula-default-bg"} ${r}`,
+		children: [/* @__PURE__ */ Q("div", {
+			className: "flex max-w-full flex-wrap items-center gap-spacing-4",
+			children: i
+		}), n && /* @__PURE__ */ $(rt, { children: [/* @__PURE__ */ Q(at, {}), /* @__PURE__ */ $("div", {
+			className: "flex w-full flex-wrap items-start gap-x-spacing-4 gap-y-spacing-5",
+			children: [/* @__PURE__ */ Q(P, {
+				color: "black",
+				children: "설명"
+			}), /* @__PURE__ */ Q("p", {
+				className: "min-w-0 flex-1 text-12 leading-22 text-formula-default-text",
+				children: n
+			})]
+		})] })]
+	});
+}
+var Er = ({ children: e }) => /* @__PURE__ */ Q("span", {
+	className: "shrink-0 text-12 font-semibold text-formula-parentheses",
+	children: e
+}), Dr = ({ children: e }) => /* @__PURE__ */ Q("span", {
+	className: "shrink-0 text-12 font-semibold text-formula-comparison",
+	children: e
+}), Or = ({ children: e }) => /* @__PURE__ */ Q("span", {
+	className: "shrink-0 text-12 text-formula-comparison",
+	children: e
+}), kr = (e, t) => e?.find((e) => e.value === t)?.label ?? "";
+function Ar(e) {
+	return e.kind === "group" ? {
+		...e,
+		children: e.children.map(Ar)
+	} : e.items?.length ? e.individual?.mode === "points" ? {
+		...e,
+		individual: null
+	} : e : e.scoreType === "plus" || e.scoreType === "minus" || e.points ? {
+		...e,
+		points: "",
+		scoreType: null
+	} : e;
+}
+function jr({ onDropLeaf: e, getDropLeaf: t, onClose: n, closable: r = !0 }) {
+	let [o, s] = Z(!1), c = !!t, l = X(null), u = a("조건 카드를 드래그 앤 드롭하세요");
+	return /* @__PURE__ */ $("div", {
+		ref: l,
+		onMouseEnter: u.onMouseEnter,
+		onMouseLeave: u.onMouseLeave,
+		onDragOver: (e) => {
+			!c || !t?.() || (e.preventDefault(), e.stopPropagation(), e.dataTransfer.dropEffect = "move", s(!0));
+		},
+		onDragLeave: () => s(!1),
+		onDrop: (n) => {
+			if (!c) return;
+			n.preventDefault(), n.stopPropagation(), s(!1);
+			let r = t?.();
+			r && e(r);
+		},
+		className: `flex h-[38px] shrink-0 items-center gap-spacing-4 rounded-round-4 border border-dashed py-spacing-5 pl-spacing-7 ${r ? "pr-spacing-5-5" : "pr-spacing-7"} text-12 font-semibold transition-colors ${o ? "border-formula-add-drop-outline bg-formula-add-drop-bg text-formula-add-drop-text" : "border-formula-add-outline bg-formula-add-bg text-formula-add-text"}`,
+		children: [
+			"조건 추가",
+			r && /* @__PURE__ */ Q("span", {
+				className: "inline-flex shrink-0 items-center",
+				onMouseEnter: u.onMouseLeave,
+				onMouseLeave: () => {
+					l.current && u.onMouseEnter({ currentTarget: l.current });
+				},
+				children: /* @__PURE__ */ Q(i, {
+					variant: "ghost",
+					size: "18",
+					icon: tt,
+					"aria-label": "영역 삭제",
+					onClick: n
+				})
+			}),
+			u.tooltip
+		]
+	});
+}
+var Mr = [
+	{
+		value: ">=",
+		label: ">= (보다 크거나 같을 때)"
+	},
+	{
+		value: ">",
+		label: "> (보다 클 때)"
+	},
+	{
+		value: "=",
+		label: "= (같을 때)"
+	},
+	{
+		value: "<=",
+		label: "<= (보다 작거나 같을 때)"
+	},
+	{
+		value: "<",
+		label: "< (보다 작을 때)"
+	}
+], Nr = {
+	">=": "이상",
+	">": "초과",
+	"=": "",
+	"<=": "이하",
+	"<": "미만"
+};
+function Pr({ tooltip: e, value: t, placeholder: n, onChange: r }) {
+	let i = a(e);
+	return /* @__PURE__ */ $("span", {
+		className: "inline-flex shrink-0 items-center",
+		onMouseEnter: i.onMouseEnter,
+		onMouseLeave: i.onMouseLeave,
+		children: [/* @__PURE__ */ Q(u, {
+			size: "22",
+			width: 40,
+			value: t,
+			placeholder: n,
+			onChange: r,
+			inputProps: {
+				inputMode: "numeric",
+				"aria-label": e
+			}
+		}), i.tooltip]
+	});
+}
+function Fr({ getDropLeaf: e, onDropLeaf: t }) {
+	let [n, r] = Z(!1);
+	return /* @__PURE__ */ $("div", {
+		onDragOver: (t) => {
+			!e || !e() || (t.preventDefault(), t.stopPropagation(), t.dataTransfer.dropEffect = "move", r(!0));
+		},
+		onDragLeave: () => r(!1),
+		onDrop: (n) => {
+			if (!e) return;
+			n.preventDefault(), n.stopPropagation(), r(!1);
+			let i = e();
+			i && t(i);
+		},
+		className: `flex h-[38px] w-full items-center justify-center gap-spacing-3 rounded-round-4 border border-dashed text-14 text-builder-area-add-default-text transition-colors ${n ? "border-builder-area-add-hover-outline bg-builder-area-add-hover-bg" : "border-builder-area-add-default-outline bg-builder-area-add-default-bg"}`,
+		children: [/* @__PURE__ */ Q(Xe, {
+			size: 16,
+			strokeWidth: 1.8,
+			className: "shrink-0"
+		}), "다른 조건을 여기에 끌어다 놓기"]
+	});
+}
+function Ir({ node: e, root: t = !1, checked: n = !1, onCheckChange: r, onChange: i, onDelete: a, getDropLeaf: o, catalog: s, variant: c = "formula", inIf: l = !1, className: u = "" }) {
+	return e.kind === "group" ? /* @__PURE__ */ Q(Lr, {
+		node: e,
+		root: t,
+		checked: n,
+		onCheckChange: r,
+		onChange: i,
+		onDelete: a,
+		getDropLeaf: o,
+		catalog: s,
+		variant: c,
+		inIf: l,
+		className: u
+	}) : /* @__PURE__ */ Q(Ur, {
+		node: e,
+		root: t,
+		checked: n,
+		onCheckChange: r,
+		onChange: i,
+		onDelete: a,
+		getDropLeaf: o,
+		catalog: s,
+		variant: c,
+		inIf: l,
+		className: u
+	});
+}
+function Lr({ node: e, root: t, checked: n, onCheckChange: r, onChange: a, onDelete: o, getDropLeaf: s, catalog: c, variant: u = "formula", inIf: d = !1, className: p }) {
+	let [m, h] = Z([]), g = X(0), _ = () => h((e) => [...e, `add-${++g.current}`]), v = (e) => h((t) => t.filter((t) => t !== e)), b = (t) => a?.({
+		...e,
+		...t
+	}), x = ur[e.fn], S = e.fn === "IF", C = e.fn === "CAPMAX" || e.fn === "CAPMIN", T = /* @__PURE__ */ Q(Pr, {
+		tooltip: e.fn === "CAPMAX" ? "최대 제한 점수" : "최소 제한 점수",
+		value: e.capScore ?? "",
+		placeholder: "값",
+		onChange: (e) => b({ capScore: e.target.value.replace(/[^0-9]/g, "") })
+	}), D = e.fn === "FITBYSCORE" || e.fn === "UNFITBYSCORE", O = /* @__PURE__ */ Q(w, {
+		options: Mr,
+		value: e.compareOp ?? ">=",
+		onChange: (e) => b({ compareOp: e.target.value }),
+		menuWidth: 210
+	}), k = /* @__PURE__ */ Q(Pr, {
+		tooltip: "비교 기준 점수",
+		value: e.compareScore ?? "",
+		placeholder: "값",
+		onChange: (e) => b({ compareScore: e.target.value.replace(/[^0-9]/g, "") })
+	}), A = (t) => t === "IF" ? e.children.length !== 1 || e.children.some(mr) : t === "CAPMAX" || t === "CAPMIN" || t === "FITBYSCORE" || t === "UNFITBYSCORE" ? !e.children.some(mr) : !1, j = (t, n) => /* @__PURE__ */ Q(Pr, {
+		tooltip: t === "trueScore" ? "참일 때 부여 점수" : "거짓일 때 부여 점수",
+		value: e[t] ?? n,
+		onChange: (e) => b({ [t]: e.target.value.replace(/[^0-9]/g, "") })
+	}), M = (t, n) => {
+		let r = e.children.slice();
+		r[t] = n, b({ children: r });
+	}, P = (t) => b({ children: e.children.filter((e, n) => n !== t) }), F = t ? Vr(e, c) : null;
+	return u === "natural" ? /* @__PURE__ */ $(Tr, {
+		family: x,
+		className: `w-full ${p}`,
+		children: [
+			/* @__PURE__ */ $("div", {
+				className: "flex w-full items-center gap-spacing-4",
+				children: [
+					t && r && /* @__PURE__ */ Q(l, {
+						checked: n,
+						onChange: (e) => r(e.target.checked)
+					}),
+					/* @__PURE__ */ Q(Or, { children: "다음 조건들 중" }),
+					/* @__PURE__ */ Q(w, {
+						options: dr.map((e) => ({
+							value: e,
+							label: e,
+							disabled: A(e)
+						})),
+						value: e.fn,
+						onChange: (e) => b({ fn: e.target.value }),
+						menuWidth: 140,
+						color: Cr[x] ?? "gray",
+						weight: "semibold"
+					}),
+					/* @__PURE__ */ Q(Or, { children: "반영" }),
+					/* @__PURE__ */ Q(i, {
+						variant: "ghost",
+						size: "18",
+						icon: tt,
+						"aria-label": "수식 삭제",
+						onClick: o
+					})
+				]
+			}),
+			e.children.map((e, t) => /* @__PURE__ */ Q(Ir, {
+				node: e,
+				onChange: (e) => M(t, e),
+				onDelete: () => P(t),
+				getDropLeaf: s,
+				catalog: c,
+				variant: u,
+				inIf: S || d,
+				className: "w-full"
+			}, e.id)),
+			S ? /* @__PURE__ */ $(rt, { children: [e.children.length === 0 && /* @__PURE__ */ Q(Fr, {
+				getDropLeaf: s,
+				onDropLeaf: (e) => b({ children: [Ar(e)] })
+			}), /* @__PURE__ */ $("div", {
+				className: "flex w-full items-center gap-spacing-4",
+				children: [
+					/* @__PURE__ */ Q(Or, { children: "참이면" }),
+					j("trueScore", "1"),
+					/* @__PURE__ */ Q(Or, { children: "점, 아니면" }),
+					j("falseScore", "0"),
+					/* @__PURE__ */ Q(Or, { children: "점 부여" })
+				]
+			})] }) : C ? /* @__PURE__ */ $(rt, { children: [e.children.length === 0 && /* @__PURE__ */ Q(Fr, {
+				getDropLeaf: s,
+				onDropLeaf: (e) => b({ children: [e] })
+			}), /* @__PURE__ */ $("div", {
+				className: "flex w-full items-center gap-spacing-4",
+				children: [
+					/* @__PURE__ */ Q(Or, { children: e.fn === "CAPMAX" ? "최대" : "최소" }),
+					T,
+					/* @__PURE__ */ Q(Or, { children: "점으로 제한" })
+				]
+			})] }) : D ? /* @__PURE__ */ $(rt, { children: [e.children.length === 0 && /* @__PURE__ */ Q(Fr, {
+				getDropLeaf: s,
+				onDropLeaf: (e) => b({ children: [e] })
+			}), /* @__PURE__ */ $("div", {
+				className: "flex w-full flex-wrap items-center gap-spacing-4",
+				children: [
+					/* @__PURE__ */ Q(Or, { children: "점수가" }),
+					O,
+					k,
+					/* @__PURE__ */ Q(Or, { children: `점이면 ${e.fn === "FITBYSCORE" ? "적합" : "부적합"} 처리` })
+				]
+			})] }) : /* @__PURE__ */ Q(Fr, {
+				getDropLeaf: s,
+				onDropLeaf: (t) => b({ children: [...e.children, t] })
+			})
+		]
+	}) : /* @__PURE__ */ $(Tr, {
+		family: x,
+		comment: F,
+		className: p,
+		children: [
+			t && r && /* @__PURE__ */ Q(l, {
+				checked: n,
+				onChange: (e) => r(e.target.checked)
+			}),
+			/* @__PURE__ */ Q(E, {
+				menuWidth: 140,
+				trigger: /* @__PURE__ */ Q(i, {
+					variant: "underline",
+					size: "24",
+					weight: "semibold",
+					color: Cr[x] ?? "black",
+					children: e.fn
+				}),
+				children: (t) => /* @__PURE__ */ Q(N, {
+					width: "100%",
+					children: /* @__PURE__ */ Q(f, { children: dr.map((n) => /* @__PURE__ */ Q(y, {
+						title: n,
+						selected: n === e.fn,
+						disabled: A(n),
+						onClick: A(n) ? void 0 : () => {
+							b({ fn: n }), t();
+						}
+					}, n)) })
+				})
+			}),
+			/* @__PURE__ */ Q(Er, { children: "(" }),
+			e.children.map((e, t) => /* @__PURE__ */ $("span", {
+				className: "inline-flex max-w-full flex-wrap items-center gap-spacing-4",
+				children: [t > 0 && /* @__PURE__ */ Q(Dr, { children: "," }), /* @__PURE__ */ Q(Ir, {
+					node: e,
+					onChange: (e) => M(t, e),
+					onDelete: () => P(t),
+					getDropLeaf: s,
+					catalog: c,
+					variant: u,
+					inIf: S || d
+				})]
+			}, e.id)),
+			S ? /* @__PURE__ */ $(rt, { children: [
+				e.children.length === 0 && /* @__PURE__ */ Q(jr, {
+					getDropLeaf: s,
+					onDropLeaf: (e) => b({ children: [Ar(e)] }),
+					closable: !1
+				}),
+				/* @__PURE__ */ Q(Dr, { children: "," }),
+				j("trueScore", "1"),
+				/* @__PURE__ */ Q(Dr, { children: "," }),
+				j("falseScore", "0")
+			] }) : C ? /* @__PURE__ */ $(rt, { children: [
+				e.children.length === 0 && /* @__PURE__ */ Q(jr, {
+					getDropLeaf: s,
+					onDropLeaf: (e) => b({ children: [e] }),
+					closable: !1
+				}),
+				/* @__PURE__ */ Q(Dr, { children: "," }),
+				T
+			] }) : D ? /* @__PURE__ */ $(rt, { children: [
+				e.children.length === 0 && /* @__PURE__ */ Q(jr, {
+					getDropLeaf: s,
+					onDropLeaf: (e) => b({ children: [e] }),
+					closable: !1
+				}),
+				/* @__PURE__ */ Q(Dr, { children: "," }),
+				O,
+				/* @__PURE__ */ Q(Dr, { children: "," }),
+				k
+			] }) : /* @__PURE__ */ $(rt, { children: [m.map((t, n) => /* @__PURE__ */ $("span", {
+				className: "inline-flex items-center gap-spacing-4",
+				children: [(e.children.length > 0 || n > 0) && /* @__PURE__ */ Q(Dr, { children: "," }), /* @__PURE__ */ Q(jr, {
+					getDropLeaf: s,
+					onDropLeaf: (n) => {
+						b({ children: [...e.children, n] }), v(t);
+					},
+					onClose: () => v(t)
+				})]
+			}, t)), /* @__PURE__ */ Q(i, {
+				variant: "ghost",
+				size: "18",
+				icon: Xe,
+				"aria-label": "조건 추가",
+				onClick: _
+			})] }),
+			/* @__PURE__ */ Q(Er, { children: ")" }),
+			/* @__PURE__ */ Q(i, {
+				variant: "ghost",
+				size: "18",
+				icon: tt,
+				"aria-label": "수식 삭제",
+				onClick: o
+			})
+		]
+	});
+}
+var Rr = {
+	fit: "적합",
+	unfit: "부적합"
+}, zr = (e) => {
+	let t = e?.charCodeAt(e.length - 1) ?? 0;
+	return t < 44032 || t > 55203 ? "가" : (t - 44032) % 28 > 0 ? "이" : "가";
+};
+function Br(e, t) {
+	let n = t?.conditionMetaByCriteria?.[e.criteria ?? ""] ?? e.conditionMetaByCriteria?.[e.criteria ?? ""] ?? { tabs: [] };
+	if (e.items?.length) {
+		let r = kr(t?.criteriaOptions ?? e.criteriaOptions ?? [], e.criteria);
+		if (!r) return null;
+		let i = n.tabs?.find((t) => t.value === e.valueTab);
+		return `${r} ${i?.bundleLabel ?? i?.label ?? ""} ${e.items.length}개 조건의 점수가 합산되어 계산됨`;
+	}
+	let r = t?.valueOptionsByCriteria?.[e.criteria ?? ""] ?? e.valueOptionsByCriteria?.[e.criteria ?? ""] ?? e.valueOptions ?? [], i = kr(t?.criteriaOptions ?? e.criteriaOptions ?? [], e.criteria), a = n.tabs?.find((t) => t.value === e.valueTab)?.label, o = e.value == null ? a : kr(r, e.value), s = Rr[e.scoreType ?? ""], c = s ? `${s} 처리` : e.points ? String(e.points).startsWith("-") ? `감점 ${String(e.points).slice(1)}점 부여` : `가점 ${e.points}점 부여` : null;
+	return !i || !o ? null : `${i}${zr(i)} ${o}일 경우${c ? ` ${c}` : ""}`;
+}
+function Vr(e, t) {
+	if (e.kind === "group") {
+		let n = e.children.map((e) => Vr(e, t)).filter(Boolean), r = n.length ? n.join(", ") : null;
+		if (e.fn === "IF") {
+			let t = `조건이 참이면 ${e.trueScore ?? "1"}점, 아니면 ${e.falseScore ?? "0"}점 부여`;
+			return r ? `${r} — ${t}` : t;
+		}
+		if ((e.fn === "CAPMAX" || e.fn === "CAPMIN") && e.capScore) {
+			let t = `점수를 ${e.fn === "CAPMAX" ? "최대" : "최소"} ${e.capScore}점으로 제한`;
+			return r ? `${r} — ${t}` : t;
+		}
+		if ((e.fn === "FITBYSCORE" || e.fn === "UNFITBYSCORE") && e.compareScore) {
+			let t = Nr[e.compareOp ?? ">="], n = `점수가 ${e.compareScore}점${t ? ` ${t}` : ""}이면 ${e.fn === "FITBYSCORE" ? "적합" : "부적합"} 처리`;
+			return r ? `${r} — ${n}` : n;
+		}
+		return r;
+	}
+	return Br(e, t);
+}
+function Hr({ children: e, open: t }) {
+	return /* @__PURE__ */ $("span", {
+		className: `inline-flex min-w-0 cursor-pointer items-center gap-spacing-3 rounded-round-4 border pl-spacing-4 pr-spacing-3 py-spacing-1 text-12 font-normal transition-colors ${s.gray} group-focus-visible/chipstop:text-chip-gray-hover-text group-focus-visible/chipstop:border-chip-gray-hover-line group-focus-visible/chipstop:bg-chip-gray-hover-bg group-data-[chain-focus]/chipstop:text-chip-gray-hover-text group-data-[chain-focus]/chipstop:border-chip-gray-hover-line group-data-[chain-focus]/chipstop:bg-chip-gray-hover-bg`,
+		children: [/* @__PURE__ */ Q("span", {
+			className: "truncate",
+			children: e
+		}), /* @__PURE__ */ Q(Ie, {
+			size: 12,
+			strokeWidth: 1.8,
+			className: `pointer-events-none shrink-0 transition-transform ${t ? "rotate-180" : ""}`
+		})]
+	});
+}
+function Ur({ node: e, root: t, checked: n, onCheckChange: r, onChange: a, onDelete: o, catalog: s, variant: c = "formula", inIf: d = !1, className: f }) {
+	let p = (t) => a?.({
+		...e,
+		...t
+	}), m = X(null), h = e.display === "compact", g = !!e.items?.length, [_, v] = Z(!1), [y, b] = Z(!1), x = (t, n) => {
+		t.items ? (a?.({
+			...e,
+			valueTab: t.tab ?? null,
+			value: null,
+			items: t.items
+		}), n(), setTimeout(() => document.querySelector(`[data-indiv-for="${e.id}"] input`)?.focus(), 0)) : (a?.({
+			...e,
+			valueTab: t.tab ?? null,
+			value: t.option ?? null,
+			items: void 0,
+			individual: void 0
+		}), n(), T(!0));
+	}, S = Rr[e.scoreType ?? ""], [C, T] = Z(!1), D = e.scoreType ?? (e.points ? String(e.points).startsWith("-") ? "minus" : "plus" : null), [O, k] = Z(!1), A = s?.conditionMetaByCriteria?.[e.criteria ?? ""] ?? e.conditionMetaByCriteria?.[e.criteria ?? ""] ?? {
+		tabs: [],
+		optionsByTab: {},
+		options: e.valueOptions ?? []
+	}, j = s?.criteriaOptions ?? e.criteriaOptions ?? [], M = s?.valueOptionsByCriteria?.[e.criteria ?? ""] ?? e.valueOptionsByCriteria?.[e.criteria ?? ""] ?? e.valueOptions ?? [], N = A.tabs?.some((e) => e.multiSelect) ? 351 : "max-content", P = c === "natural" ? null : t ? Br(e, s) : null;
+	return /* @__PURE__ */ $(Tr, {
+		family: "conditional",
+		dense: !t,
+		comment: P,
+		className: f,
+		children: [
+			t && r && /* @__PURE__ */ Q(l, {
+				checked: n,
+				onChange: (e) => r(e.target.checked)
+			}),
+			h ? /* @__PURE__ */ $("button", {
+				type: "button",
+				onClick: () => p({ display: "full" }),
+				className: "inline-flex min-w-0 items-center gap-spacing-3 rounded-round-4 border border-formula-compact-chip-line bg-formula-default-bg py-spacing-1 pl-spacing-4 pr-spacing-3 text-12 text-formula-compact-chip-text",
+				children: [/* @__PURE__ */ Q("span", {
+					className: "truncate",
+					children: [
+						kr(j, e.criteria) || kr(e.criteriaOptions, e.criteria),
+						g ? `${e.items?.length}개 조건 묶음` : kr(M, e.value),
+						g ? null : S ?? e.points
+					].filter(Boolean).join(", ")
+				}), /* @__PURE__ */ Q(Ie, {
+					size: 12,
+					strokeWidth: 1.8,
+					className: "shrink-0"
+				})]
+			}) : /* @__PURE__ */ $(rt, { children: [
+				/* @__PURE__ */ Q("span", {
+					ref: m,
+					"data-formula-chain": !0,
+					className: "inline-flex min-w-0 items-center",
+					children: g ? /* @__PURE__ */ Q(E, {
+						className: "group/chipstop min-w-0 rounded-round-4 focus:outline-none",
+						tabIndex: 0,
+						onKeyDown: (e) => pr(e, y, () => b(!0)),
+						menuWidth: N,
+						open: y,
+						onOpenChange: b,
+						trigger: /* @__PURE__ */ Q(Hr, {
+							open: y,
+							children: kr(j, e.criteria) || kr(e.criteriaOptions, e.criteria) || "조건"
+						}),
+						children: (t) => /* @__PURE__ */ Q(xr, {
+							tabs: A.tabs,
+							optionsByTab: A.optionsByTab,
+							options: A.options,
+							initialTab: e.valueTab,
+							initialItems: e.items,
+							onCancel: t,
+							onSave: (e) => x(e, t),
+							onSkip: () => {
+								t(), fr(m.current);
+							}
+						})
+					}) : /* @__PURE__ */ Q(w, {
+						options: j,
+						value: e.criteria,
+						onChange: (e) => p({
+							criteria: e.target.value,
+							value: null,
+							valueTab: null,
+							items: void 0,
+							individual: void 0
+						}),
+						placeholder: "조건",
+						searchable: !0,
+						searchPlaceholder: "조건 카드 검색",
+						menuWidth: 160,
+						tabOpens: !0
+					})
+				}),
+				c === "natural" ? /* @__PURE__ */ Q(Or, { children: "이(가)" }) : /* @__PURE__ */ Q(Dr, { children: "=" }),
+				g ? (() => {
+					let t = A.tabs?.find((t) => t.value === e.valueTab), n = `${t?.bundleLabel ?? t?.label ?? ""}, ${e.items?.length}개 조건 묶음`, r = (e.items ?? []).map((e) => ({
+						value: e,
+						label: kr(M, e) || String(e)
+					}));
+					return /* @__PURE__ */ $(rt, { children: [
+						/* @__PURE__ */ Q(E, {
+							className: "group/chipstop min-w-0 rounded-round-4 focus:outline-none",
+							tabIndex: 0,
+							onKeyDown: (e) => pr(e, O, () => k(!0)),
+							menuWidth: N,
+							open: O,
+							onOpenChange: k,
+							trigger: /* @__PURE__ */ Q(Hr, {
+								open: O,
+								children: n
+							}),
+							children: (t) => /* @__PURE__ */ Q(xr, {
+								tabs: A.tabs,
+								optionsByTab: A.optionsByTab,
+								options: A.options,
+								initialTab: e.valueTab,
+								initialItems: e.items,
+								onCancel: t,
+								onSave: (e) => x(e, t),
+								onSkip: () => {
+									t(), fr(m.current);
+								}
+							})
+						}),
+						c === "natural" ? /* @__PURE__ */ Q(Or, { children: "이면," }) : /* @__PURE__ */ Q(Dr, { children: "→" }),
+						/* @__PURE__ */ Q("span", {
+							"data-indiv-for": e.id,
+							className: "inline-flex shrink-0 items-center",
+							children: /* @__PURE__ */ Q(u, {
+								size: "22",
+								width: 68,
+								value: "개별설정",
+								readOnly: !0,
+								className: "cursor-pointer ring-inset ring-text-field-hover-line transition-shadow hover:ring-2 has-[:focus-visible]:ring-2",
+								inputProps: {
+									style: { cursor: "pointer" },
+									onClick: () => v(!0),
+									onKeyDown: (e) => {
+										(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v(!0));
+									}
+								}
+							})
+						}),
+						_ && /* @__PURE__ */ Q(lr, {
+							items: r,
+							value: e.individual ?? null,
+							fitnessOnly: d,
+							onClose: () => v(!1),
+							onConfirm: (e) => {
+								p({ individual: e }), v(!1), fr(m.current);
+							}
+						})
+					] });
+				})() : /* @__PURE__ */ $(rt, { children: [
+					/* @__PURE__ */ Q(E, {
+						className: "group/chipstop min-w-0 rounded-round-4 focus:outline-none",
+						tabIndex: 0,
+						onKeyDown: (e) => pr(e, O, () => k(!0)),
+						menuWidth: N,
+						open: O,
+						onOpenChange: k,
+						trigger: /* @__PURE__ */ Q(Hr, {
+							open: O,
+							children: (() => {
+								let t = A.tabs.find((t) => t.value === e.valueTab)?.label;
+								if (e.value != null) {
+									let n = kr(M, e.value);
+									return (t ? `${t}, ${n}` : n) || "조건";
+								}
+								return t || "조건";
+							})()
+						}),
+						children: (t) => /* @__PURE__ */ Q(xr, {
+							tabs: A.tabs,
+							optionsByTab: A.optionsByTab,
+							options: A.options,
+							initialTab: e.valueTab,
+							initialOption: e.value,
+							initialItems: e.items,
+							onCancel: t,
+							onSave: (e) => x(e, t),
+							onSkip: () => {
+								t(), fr(m.current);
+							}
+						})
+					}),
+					c === "natural" ? /* @__PURE__ */ Q(Or, { children: "이면," }) : /* @__PURE__ */ Q(Dr, { children: "→" }),
+					/* @__PURE__ */ Q(E, {
+						className: "shrink-0",
+						"data-score-for": e.id,
+						onKeyDown: (e) => pr(e, C, () => T(!0)),
+						menuWidth: 200,
+						open: C,
+						onOpenChange: T,
+						trigger: /* @__PURE__ */ Q(u, {
+							size: "22",
+							width: S ? 56 : 48,
+							value: S ?? (e.points ? `${String(e.points).startsWith("-") ? "" : "+"}${e.points}점` : ""),
+							readOnly: !0,
+							placeholder: "값",
+							className: "cursor-pointer ring-inset ring-text-field-hover-line transition-shadow hover:ring-2 has-[:focus-visible]:ring-2",
+							inputProps: { style: { cursor: "pointer" } }
+						}),
+						children: (t) => /* @__PURE__ */ Q(Sr, {
+							initialType: D,
+							initialPoints: String(e.points ?? "").replace(/^-/, ""),
+							disablePoints: d,
+							onCancel: t,
+							onSave: ({ type: e, points: n }) => {
+								let r = (n ?? "").replace(/^-/, "");
+								p({
+									scoreType: e,
+									points: e === "minus" && r ? `-${r}` : e === "plus" ? r : ""
+								}), t(), fr(m.current);
+							},
+							onSkip: () => {
+								t(), fr(m.current);
+							}
+						})
+					}),
+					c === "natural" && /* @__PURE__ */ Q(Or, { children: S ? "처리" : "부여" })
+				] })
+			] }),
+			/* @__PURE__ */ Q(i, {
+				variant: "ghost",
+				size: "18",
+				icon: tt,
+				"aria-label": "수식 삭제",
+				onClick: o
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ScreeningBuilderTemplate.tsx
+var Wr = (e) => `${e}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`, Gr = (e) => e.conditionTabs?.length ? Object.values(e.conditionOptionsByTab ?? {}).flat() : e.conditionOptions ?? [], Kr = De(function({ defaultCards: e = [], onChange: t, onFormulaChange: a, cardWidth: o = 375, formulaArea: s = !0, onAddCard: l, cardMenu: u = [], boxHeight: d = 800, className: f = "", ...m }, h) {
+	let [_, v] = Z(() => e.map((e) => ({
+		condition: null,
+		score: null,
+		...e
+	}))), b = (e) => e.map(({ id: e, name: t, condition: n, score: r }) => ({
+		id: e,
+		name: t,
+		condition: n,
+		score: r
+	})), x = (e) => {
+		v(e), t?.(b(e));
+	}, [S, C] = Z("formula"), [w, T] = Z(() => [{
+		id: Wr("zone"),
+		name: "수식 영역 1",
+		formulas: []
+	}]), [D, O] = Z([]), [k, A] = Z(null), j = (e) => {
+		T(e), a?.(e.map((e) => ({
+			id: e.id,
+			name: e.name,
+			formulas: e.formulas
+		})));
+	}, M = (e, t) => j(w.map((n) => n.id === e ? {
+		...n,
+		formulas: t(n.formulas)
+	} : n)), P = () => j([{
+		id: Wr("zone"),
+		name: `수식 영역 ${w.length + 1}`,
+		formulas: []
+	}, ...w]), F = (e, t) => j(w.map((n) => n.id === e ? {
+		...n,
+		name: t
+	} : n)), I = (e) => {
+		let t = w.find((t) => t.id === e), n = t ? t.formulas.map((e) => e.id) : [], r = w.filter((t) => t.id !== e);
+		j(r.length > 0 ? r : [{
+			id: Wr("zone"),
+			name: "수식 영역 1",
+			formulas: []
+		}]), O((e) => e.filter((e) => !n.includes(e)));
+	};
+	Me(h, () => ({
+		getCards: () => b(_),
+		addCard: (e) => x([{
+			condition: null,
+			score: null,
+			...e
+		}, ..._]),
+		getFormulas: () => w.map((e) => ({
+			id: e.id,
+			name: e.name,
+			formulas: e.formulas
+		}))
+	}));
+	let L = (e, t) => x(_.map((n) => n.id === e ? {
+		...n,
+		...t
+	} : n)), R = (e) => x(_.filter((t) => t.id !== e)), z = () => {
+		if (l) return l();
+		x([{
+			id: Wr("card"),
+			name: "새 조건",
+			condition: null,
+			score: null
+		}, ..._]);
+	}, B = (e) => x([{
+		id: Wr("card"),
+		name: e.name,
+		conditionTabs: e.conditionTabs,
+		conditionOptionsByTab: e.conditionOptionsByTab,
+		conditionOptions: e.conditionOptions,
+		conditionPlaceholder: e.conditionPlaceholder,
+		condition: null,
+		score: null
+	}, ..._]), V = u.length > 0 && /* @__PURE__ */ Q(N, {
+		width: "100%",
+		children: /* @__PURE__ */ Q(r, { children: u.map((e, t) => /* @__PURE__ */ Q(p, { children: e.map((t, r) => /* @__PURE__ */ Q(n, {
+			title: t.title,
+			grow: r === e.length - 1,
+			children: t.items.map((e) => /* @__PURE__ */ Q(y, {
+				title: e.name,
+				rightButton: !0,
+				rightButtonIcon: Xe,
+				rightButtonAriaLabel: "추가",
+				onClick: () => B(e),
+				onButtonClick: () => B(e)
+			}, e.name))
+		}, t.title)) }, t)) })
+	}), [H, U] = Z(null), [W, G] = Z(null), K = X(!1), ee = {
+		criteriaOptions: _.map((e) => ({
+			value: e.id,
+			label: e.name
+		})),
+		valueOptionsByCriteria: Object.fromEntries(_.map((e) => [e.id, Gr(e)])),
+		conditionMetaByCriteria: Object.fromEntries(_.map((e) => [e.id, {
+			tabs: e.conditionTabs ?? [],
+			optionsByTab: e.conditionOptionsByTab ?? {},
+			options: e.conditionOptions ?? []
+		}]))
+	}, q = (e) => ({
+		id: Wr("formula"),
+		kind: "leaf",
+		criteria: e.id,
+		criteriaOptions: ee.criteriaOptions,
+		valueOptionsByCriteria: ee.valueOptionsByCriteria,
+		conditionMetaByCriteria: ee.conditionMetaByCriteria
+	}), J = (e, t) => {
+		let n = (t ?? "").replace(/^-/, "");
+		return e === "minus" && n ? `-${n}` : e === "plus" ? n : "";
+	}, Y = (e) => {
+		let t = e.score?.type ?? null;
+		return {
+			...q(e),
+			value: e.condition?.option ?? null,
+			valueTab: e.condition?.tab ?? null,
+			points: J(t, e.score?.points),
+			scoreType: t
+		};
+	}, te = (e) => {
+		let t = e.condition?.items;
+		return t?.length ? {
+			...q(e),
+			valueTab: e.condition?.tab ?? null,
+			items: [...t],
+			individual: e.score?.type === "individual" ? e.score : null
+		} : Y(e);
+	}, ne = (e) => {
+		let t = _.find((e) => e.id === H);
+		t && M(e, (e) => [...e, te(t)]);
+	}, re = () => {
+		let e = _.find((e) => e.id === H);
+		return e ? te(e) : null;
+	}, ie = (e) => e.formulas.filter((e) => D.includes(e.id)).map((e) => e.id), ae = (e) => {
+		let t = e.formulas.filter((e) => D.includes(e.id));
+		return t.length === 1 && !mr(t[0]);
+	}, oe = (e) => {
+		let t = e.formulas.filter((e) => D.includes(e.id));
+		return t.length >= 1 && t.every(mr);
+	}, se = (e, t) => e === "IF" ? ae(t) : e === "CAPMAX" || e === "CAPMIN" || e === "FITBYSCORE" || e === "UNFITBYSCORE" ? oe(t) : !0, ce = (e) => {
+		let t = w.find((t) => t.id === e);
+		if (!t || k == null || !se(k, t)) return;
+		let n = ie(t);
+		if (n.length < 1) return;
+		let r = t.formulas.filter((e) => n.includes(e.id)), i = t.formulas.filter((e) => !n.includes(e.id)), a = t.formulas.findIndex((e) => n.includes(e.id)), o = i.slice();
+		o.splice(Math.min(a, o.length), 0, {
+			id: Wr("group"),
+			kind: "group",
+			fn: k,
+			children: r
+		}), j(w.map((t) => t.id === e ? {
+			...t,
+			formulas: o
+		} : t)), O((e) => e.filter((e) => !n.includes(e))), A(null);
+	}, le = (e) => {
+		let t = w.find((t) => t.id === e);
+		if (!t) return;
+		let n = ie(t);
+		j(w.map((t) => t.id === e ? {
+			...t,
+			formulas: t.formulas.flatMap((e) => n.includes(e.id) && e.kind === "group" ? e.children : [e])
+		} : t)), O((e) => e.filter((e) => !n.includes(e)));
+	};
+	return /* @__PURE__ */ Q("div", {
+		style: { height: d },
+		className: `relative overflow-hidden rounded-round-4 border border-builder-area-box-line bg-builder-area-box-bg ${f}`,
+		...m,
+		children: /* @__PURE__ */ $("div", {
+			className: "flex h-full items-stretch",
+			children: [/* @__PURE__ */ $("div", {
+				className: "relative shrink-0 border-r border-builder-area-box-line bg-builder-area-card-area-bg",
+				onDragOver: (e) => {
+					H != null && (e.preventDefault(), e.dataTransfer.dropEffect = "move");
+				},
+				onDrop: (e) => e.preventDefault(),
+				children: [
+					/* @__PURE__ */ $("div", {
+						className: "pointer-events-none absolute inset-x-0 top-0 z-10 flex h-[60px] flex-col",
+						children: [/* @__PURE__ */ Q("div", { className: "h-[42px] bg-builder-area-card-area-bg" }), /* @__PURE__ */ Q("div", { className: "h-[18px] bg-gradient-to-b from-builder-area-card-area-bg to-builder-area-header-fade-bottom" })]
+					}),
+					/* @__PURE__ */ Q("div", {
+						className: "pointer-events-none absolute inset-x-0 top-0 z-10",
+						children: /* @__PURE__ */ $("div", {
+							className: "pointer-events-auto flex items-center justify-between px-spacing-7 pb-spacing-6 pt-spacing-7",
+							children: [/* @__PURE__ */ Q("span", {
+								className: "text-15 font-semibold text-font-icon-5",
+								children: "조건 리스트"
+							}), u.length > 0 ? /* @__PURE__ */ Q(E, {
+								menuWidth: 804,
+								trigger: /* @__PURE__ */ Q(i, {
+									variant: "line",
+									size: "32",
+									leftIcon: Xe,
+									children: "추가"
+								}),
+								children: V
+							}) : /* @__PURE__ */ Q(i, {
+								variant: "line",
+								size: "32",
+								leftIcon: Xe,
+								onClick: z,
+								children: "추가"
+							})]
+						})
+					}),
+					/* @__PURE__ */ $(c, {
+						maxHeight: d - 2,
+						children: [/* @__PURE__ */ Q("div", {
+							"data-scroll-sticky-top": !0,
+							className: "h-[60px]"
+						}), /* @__PURE__ */ $("div", {
+							className: "flex flex-col gap-spacing-6 px-spacing-7 pb-spacing-7",
+							children: [_.length === 0 && /* @__PURE__ */ $("div", {
+								style: {
+									width: typeof o == "number" ? o : void 0,
+									minHeight: d - 2 - 60 - 16
+								},
+								className: "flex flex-col items-center justify-center gap-spacing-5",
+								children: [/* @__PURE__ */ Q("p", {
+									className: "text-14 text-font-icon-3",
+									children: "등록된 조건이 없습니다"
+								}), u.length > 0 ? /* @__PURE__ */ Q(E, {
+									menuWidth: 804,
+									trigger: /* @__PURE__ */ Q(i, {
+										variant: "line",
+										size: "32",
+										leftIcon: Xe,
+										children: "조건 추가하기"
+									}),
+									children: V
+								}) : /* @__PURE__ */ Q(i, {
+									variant: "line",
+									size: "32",
+									leftIcon: Xe,
+									onClick: z,
+									children: "조건 추가하기"
+								})]
+							}), _.map((e) => /* @__PURE__ */ Q(br, {
+								cardName: e.name,
+								conditionTabs: e.conditionTabs ?? [],
+								conditionOptionsByTab: e.conditionOptionsByTab ?? {},
+								conditionOptions: e.conditionOptions ?? [],
+								conditionPlaceholder: e.conditionPlaceholder,
+								conditionValue: e.condition,
+								onConditionChange: (t) => {
+									let n = e.score?.type === "individual", r = !!t?.items?.length;
+									L(e.id, {
+										condition: t,
+										...n === r ? {} : { score: null }
+									});
+								},
+								scoreValue: e.score,
+								onScoreChange: (t) => L(e.id, { score: t }),
+								onDelete: () => R(e.id),
+								width: o,
+								dragging: H === e.id,
+								dragHandleProps: {
+									onMouseDown: () => {
+										K.current = !0;
+									},
+									onMouseUp: () => {
+										K.current = !1;
+									}
+								},
+								draggable: !0,
+								onDragStart: (t) => {
+									if (!K.current) {
+										t.preventDefault();
+										return;
+									}
+									U(e.id), t.dataTransfer.effectAllowed = "move";
+									try {
+										t.dataTransfer.setData("text/plain", String(e.id));
+									} catch {}
+								},
+								onDragEnd: () => {
+									U(null), G(null), K.current = !1;
+								},
+								onDragOver: (e) => {
+									H != null && (e.preventDefault(), e.dataTransfer.dropEffect = "move");
+								},
+								onDrop: (e) => e.preventDefault()
+							}, e.id))]
+						})]
+					})
+				]
+			}), s && /* @__PURE__ */ $("div", {
+				className: "relative min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ $("div", {
+						className: "pointer-events-none absolute inset-x-0 top-0 z-10 flex h-[60px] flex-col",
+						children: [/* @__PURE__ */ Q("div", { className: "h-[42px] bg-builder-area-header-fade-top" }), /* @__PURE__ */ Q("div", { className: "h-[18px] bg-gradient-to-b from-builder-area-header-fade-top to-builder-area-header-fade-bottom" })]
+					}),
+					/* @__PURE__ */ Q("div", {
+						className: "pointer-events-none absolute inset-x-0 top-0 z-10",
+						children: /* @__PURE__ */ $("div", {
+							className: "pointer-events-auto flex items-center px-spacing-7 pb-spacing-6 pt-spacing-7",
+							children: [/* @__PURE__ */ Q("div", {
+								className: "w-[180px]",
+								children: /* @__PURE__ */ Q(ir, {
+									items: [{
+										value: "formula",
+										label: "수식 빌더"
+									}, {
+										value: "natural",
+										label: "자연어 빌더"
+									}],
+									value: S,
+									onChange: C
+								})
+							}), /* @__PURE__ */ Q(i, {
+								variant: "line",
+								size: "32",
+								leftIcon: Xe,
+								onClick: P,
+								className: "ml-auto",
+								children: "수식 영역 추가"
+							})]
+						})
+					}),
+					/* @__PURE__ */ $(c, {
+						maxHeight: d - 2,
+						children: [/* @__PURE__ */ Q("div", {
+							"data-scroll-sticky-top": !0,
+							className: "h-[60px]"
+						}), /* @__PURE__ */ Q("div", {
+							className: "flex flex-col gap-spacing-5 px-spacing-7 pb-spacing-7",
+							children: /* @__PURE__ */ Q(ot, { children: w.map((e) => /* @__PURE__ */ Q(st, {
+								title: e.name,
+								defaultOpen: !0,
+								nameEditable: !0,
+								onTitleChange: (t) => F(e.id, t),
+								deletable: !0,
+								deleteDisabled: w.length <= 1 && e.formulas.length === 0,
+								onDelete: () => I(e.id),
+								children: /* @__PURE__ */ $("div", {
+									className: "flex flex-col gap-spacing-5",
+									children: [e.formulas.map((t, n) => /* @__PURE__ */ Q(Ir, {
+										node: t,
+										root: !0,
+										checked: D.includes(t.id),
+										onCheckChange: (e) => O((n) => e ? [...n, t.id] : n.filter((e) => e !== t.id)),
+										onChange: (t) => M(e.id, (e) => e.map((e, r) => r === n ? t : e)),
+										onDelete: () => {
+											M(e.id, (e) => e.filter((e, t) => t !== n)), O((e) => e.filter((e) => e !== t.id));
+										},
+										getDropLeaf: re,
+										catalog: ee,
+										variant: S === "natural" ? "natural" : "formula"
+									}, t.id)), /* @__PURE__ */ $("div", {
+										className: "relative w-full",
+										children: [/* @__PURE__ */ $("div", {
+											onDragOver: (t) => {
+												H != null && (t.preventDefault(), t.dataTransfer.dropEffect = "move", G(e.id));
+											},
+											onDragLeave: (t) => {
+												t.currentTarget.contains(t.relatedTarget) || G((t) => t === e.id ? null : t);
+											},
+											onDrop: (t) => {
+												t.preventDefault(), G(null), ne(e.id);
+											},
+											className: `flex h-[78px] w-full items-center justify-center gap-spacing-3 rounded-round-4 border border-dashed p-spacing-6 text-14 text-builder-area-add-default-text transition-colors ${W === e.id || e.formulas.some((e) => D.includes(e.id)) ? "border-builder-area-add-hover-outline bg-builder-area-add-hover-bg" : "border-builder-area-add-default-outline bg-builder-area-add-default-bg"}`,
+											children: [/* @__PURE__ */ Q(Xe, {
+												size: 16,
+												strokeWidth: 1.8,
+												className: "shrink-0"
+											}), "다른 조건을 여기에 끌어다 놓기"]
+										}), ie(e).length > 0 && /* @__PURE__ */ Q("div", {
+											className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center",
+											children: /* @__PURE__ */ $(nr, {
+												className: "pointer-events-auto",
+												children: [
+													/* @__PURE__ */ Q(g, {
+														width: 200,
+														options: dr.map((t) => ({
+															value: t,
+															label: t,
+															disabled: !se(t, e)
+														})),
+														value: k ?? "",
+														onChange: (e) => A(e.target.value),
+														placeholder: "함수 선택",
+														disabled: ie(e).length < 1
+													}),
+													/* @__PURE__ */ Q(i, {
+														variant: "ghost",
+														size: "32",
+														leftIcon: Ue,
+														disabled: k == null || ie(e).length < 1 || !se(k, e),
+														onClick: () => ce(e.id),
+														children: "함수 적용"
+													}),
+													/* @__PURE__ */ Q(rr, {}),
+													/* @__PURE__ */ Q(i, {
+														variant: "ghost",
+														size: "32",
+														leftIcon: We,
+														disabled: !e.formulas.some((e) => D.includes(e.id) && e.kind === "group"),
+														onClick: () => le(e.id),
+														children: "함수 해제"
+													}),
+													/* @__PURE__ */ Q(rr, {}),
+													/* @__PURE__ */ Q(i, {
+														variant: "ghost",
+														icon: tt,
+														"aria-label": "선택 해제",
+														showTooltip: !1,
+														onClick: () => {
+															let t = ie(e);
+															O((e) => e.filter((e) => !t.includes(e)));
+														}
+													})
+												]
+											})
+										})]
+									})]
+								})
+							}, e.id)) })
+						})]
+					})
+				]
+			})]
+		})
+	});
+}), qr = {
+	3: "gap-spacing-3",
+	4: "gap-spacing-4",
+	5: "gap-spacing-5",
+	6: "gap-spacing-6",
+	7: "gap-spacing-7"
+};
+function Jr(e) {
+	let t = [];
+	return Se.forEach(e, (e) => {
+		Oe(e) && e.type === we ? t.push(...Jr(e.props.children)) : e != null && typeof e != "boolean" && t.push(e);
+	}), t;
+}
+function Yr({ children: e, direction: t = "horizontal", gap: n = "5", width: r = "hug", className: i = "", ...a }) {
+	let o = t === "vertical" ? "flex-col" : "flex-row", s = qr[n] ?? qr[5], c = r === "fill", l = Jr(e).map((e, t) => {
+		if (!Oe(e)) return e;
+		let n = e.key ?? `sg-${t}`;
+		if (!c) return Te(e, { key: n });
+		let r = e;
+		return /* @__PURE__ */ Q("div", {
+			className: "min-w-0 flex-1",
+			children: e.type === g ? Te(r, { width: r.props.width ?? "100%" }) : e
+		}, n);
+	});
+	return /* @__PURE__ */ Q("div", {
+		className: `${c ? "flex w-full" : "inline-flex"} ${o} ${s} ${i}`,
+		...a,
+		children: l
+	});
+}
+//#endregion
+//#region src/utils/phone.ts
+function Xr(e) {
+	let t = String(e).replace(/\D/g, "").slice(0, 11);
+	return t ? t.startsWith("02") ? t.length <= 2 ? t : t.length <= 6 ? `${t.slice(0, 2)}-${t.slice(2)}` : t.length <= 9 ? `${t.slice(0, 2)}-${t.slice(2, 5)}-${t.slice(5)}` : `${t.slice(0, 2)}-${t.slice(2, 6)}-${t.slice(6, 10)}` : t.length <= 3 ? t : t.length <= 7 ? `${t.slice(0, 3)}-${t.slice(3)}` : t.length <= 10 ? `${t.slice(0, 3)}-${t.slice(3, 6)}-${t.slice(6)}` : `${t.slice(0, 3)}-${t.slice(3, 7)}-${t.slice(7)}` : "";
+}
+//#endregion
+//#region src/components/SelectOrInput.tsx
+function Zr({ value: e, defaultValue: t = "", onChange: n, options: r = [], showSelect: i = !0, showInput: a = !0, selectPlaceholder: o = "선택하세요", inputPlaceholder: s = "직접 입력하세요", disabled: c = !1, readOnly: l = !1, error: d = !1, errorMessage: f = "", formatInput: p, width: m = 400, selectWidth: h = 160, menuWidth: _, placement: v = "auto", searchable: y = !1, inputProps: b = {}, className: x = "", ...S }) {
+	let C = Pe(() => r.map((e) => typeof e == "string" ? {
+		value: e,
+		label: e
+	} : e), [r]), w = e !== void 0, T = (e) => e ? i ? a ? C.some((t) => t.value === e) ? "select" : "input" : "select" : "input" : null, [E, D] = Z(t), [O, k] = Z(() => T(t)), A = e === void 0 ? E : e, j = A ? a ? i ? O ?? T(A) : "input" : "select" : null, M = (e, t) => {
+		let r = e ? t : null;
+		k(r), w || D(e), n?.({ target: {
+			value: e,
+			source: r
+		} });
+	}, N = j === "select" ? A : "", P = j === "input" ? A : "", F = typeof m == "number" ? `${m}px` : m;
+	return /* @__PURE__ */ $("div", {
+		className: `flex items-start gap-spacing-5 ${x}`,
+		style: { width: F },
+		...S,
+		children: [i && /* @__PURE__ */ Q(g, {
+			options: C,
+			value: N,
+			onChange: (e) => M(e.target.value, "select"),
+			placeholder: o,
+			width: a ? h : "100%",
+			menuWidth: _,
+			placement: v,
+			searchable: y,
+			disabled: c,
+			readOnly: l,
+			error: !a && d,
+			errorMessage: a ? "" : f
+		}), a && /* @__PURE__ */ Q("div", {
+			className: "min-w-0 flex-1",
+			children: /* @__PURE__ */ Q(u, {
+				value: P,
+				onChange: (e) => M(p ? p(e.target.value) : e.target.value, "input"),
+				placeholder: s,
+				width: "100%",
+				disabled: c,
+				readOnly: l,
+				error: d,
+				errorMessage: f,
+				inputProps: b
+			})
+		})]
+	});
+}
+function Qr({ selectPlaceholder: e = "이메일 선택", inputPlaceholder: t = "이메일을 직접 입력하세요", inputProps: n = {}, ...r }) {
+	return /* @__PURE__ */ Q(Zr, {
+		selectPlaceholder: e,
+		inputPlaceholder: t,
+		inputProps: {
+			inputMode: "email",
+			...n
+		},
+		...r
+	});
+}
+function $r({ selectPlaceholder: e = "전화번호 선택", inputPlaceholder: t = "전화번호를 직접 입력하세요", formatInput: n = Xr, inputProps: r = {}, ...i }) {
+	return /* @__PURE__ */ Q(Zr, {
+		selectPlaceholder: e,
+		inputPlaceholder: t,
+		formatInput: n ?? void 0,
+		inputProps: {
+			inputMode: "tel",
+			...r
+		},
+		...i
+	});
+}
+//#endregion
+//#region src/components/SideNavigation.tsx
+var ei = {
+	default: "text-side-nav-default-text hover:bg-side-nav-hover-bg hover:text-side-nav-hover-text cursor-pointer focus-visible:bg-side-nav-hover-bg focus-visible:text-side-nav-hover-text",
+	select: "bg-side-nav-select-bg text-side-nav-select-text cursor-pointer",
+	disabled: "text-side-nav-disabled-text cursor-not-allowed"
+};
+function ti({ children: e = "side menu", icon: t, selected: n = !1, disabled: r = !1, showNewTag: i = !1, newTagColor: a = "blue", showArrow: s = !0, overflow: c = "ellipsis", line: l = !0, onClick: u, className: d = "", ...f }) {
+	let p = r ? "disabled" : n ? "select" : "default", m = l ? "rounded-l-round-4" : "rounded-round-4", g = p === "select" && l;
+	return /* @__PURE__ */ $("button", {
+		type: "button",
+		disabled: r,
+		onClick: u,
+		"aria-current": n || void 0,
+		className: `relative flex min-h-[32px] w-full items-center px-spacing-6 py-spacing-4 text-left transition-colors focus:outline-none ${m} ${ei[p]} ${d}`,
+		...f,
+		children: [
+			g && /* @__PURE__ */ Q("span", {
+				"aria-hidden": !0,
+				className: "pointer-events-none absolute inset-y-0 right-0 w-spacing-1 bg-side-nav-select-text"
+			}),
+			/* @__PURE__ */ $("span", {
+				className: "flex min-w-0 flex-1 items-center gap-spacing-5",
+				children: [
+					t && /* @__PURE__ */ Q(t, {
+						size: 16,
+						strokeWidth: 1.8,
+						className: "shrink-0"
+					}),
+					c === "wrap" ? /* @__PURE__ */ Q("span", {
+						className: "min-w-0 whitespace-normal break-words text-14 leading-20",
+						children: e
+					}) : /* @__PURE__ */ Q(o, {
+						as: "span",
+						className: "truncate text-14 leading-20",
+						children: e
+					}),
+					i && /* @__PURE__ */ Q(h, { color: a })
+				]
+			}),
+			s && /* @__PURE__ */ Q(Re, {
+				size: 16,
+				strokeWidth: 1.8,
+				className: "shrink-0"
+			})
+		]
+	});
+}
+function ni({ children: e, width: t = 180, line: n = !0, showAdd: r = !0, addLabel: i = "add menu", addPosition: a = "bottom", onAdd: o, className: s = "", ...l }) {
+	return /* @__PURE__ */ $("nav", {
+		style: { width: typeof t == "number" ? `${t}px` : t },
+		className: `relative flex flex-col gap-spacing-2 ${s}`,
+		...l,
+		children: [
+			n && /* @__PURE__ */ Q("span", {
+				"aria-hidden": !0,
+				className: "pointer-events-none absolute inset-y-0 right-0 w-spacing-1 bg-side-nav-right-line"
+			}),
+			r && a === "top" && /* @__PURE__ */ Q(ti, {
+				icon: Xe,
+				showArrow: !1,
+				line: n,
+				onClick: o,
+				children: i
+			}),
+			/* @__PURE__ */ Q(c, {
+				className: "min-h-0 flex-1",
+				contentClassName: "max-h-full flex flex-col gap-spacing-2",
+				children: e
+			}),
+			r && a === "bottom" && /* @__PURE__ */ Q(ti, {
+				icon: Xe,
+				showArrow: !1,
+				line: n,
+				onClick: o,
+				children: i
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/SideNavigationTemplate.tsx
+function ri({ menus: e = [], selectedId: t, defaultSelectedId: n, onSelect: r, navWidth: i = 180, line: a = !0, showAdd: o = !0, addLabel: s = "add menu", addPosition: c = "top", onAdd: l, overflow: u = "ellipsis", height: d, children: f, className: p = "", ...m }) {
+	let h = Ae(jn), g = d === "fill", _ = g ? h == null ? "100%" : `${h}px` : null, v = g ? null : typeof d == "number" ? `${d}px` : d, y = t !== void 0, [b, x] = Z(n), S = y ? t : b ?? e[0]?.id ?? null, C = (e) => {
+		y || x(e), r?.(e);
+	};
+	return /* @__PURE__ */ $("div", {
+		style: v ? { height: v } : _ ? { maxHeight: _ } : void 0,
+		className: `flex min-h-0 items-stretch gap-spacing-7 ${p}`,
+		...m,
+		children: [/* @__PURE__ */ Q(ni, {
+			width: i,
+			line: a,
+			showAdd: o,
+			addLabel: s,
+			addPosition: c,
+			onAdd: l,
+			className: "shrink-0",
+			children: e.map((e) => /* @__PURE__ */ Q(ti, {
+				icon: e.icon,
+				selected: S === e.id,
+				disabled: e.disabled,
+				showNewTag: e.showNewTag,
+				newTagColor: e.newTagColor,
+				overflow: u,
+				line: a,
+				onClick: () => C(e.id),
+				children: e.count ? `${e.label} ${e.count}` : e.label
+			}, e.id))
+		}), /* @__PURE__ */ Q("div", {
+			className: "flex min-h-0 min-w-0 flex-1 flex-col gap-spacing-6",
+			children: f
+		})]
+	});
+}
+//#endregion
+//#region src/components/TableTemplate.tsx
+function ii({ columns: t = [], rows: n = [], rowKey: r = "id", actions: i = null, rightActions: a = null, selects: o = null, rightSelects: s = null, title: c = null, searchable: l = !0, pagination: u = !0, bordered: d = !1, selectable: f = !1, searchPlaceholder: p = "검색어를 입력하세요", searchKeys: m, searchWidth: h = 200, page: g, onPageChange: _, defaultPageSize: v = 10, pageSize: y, onPageSizeChange: b, pageSizeOptions: x, showPageSize: S = !0, showTotal: C = !0, maxButtons: w, paginationClassName: T = "", selectedIds: E, onSelectChange: D, wrap: O = !1, minWidth: A = 720, maxHeight: j, loading: M = !1, emptyMessage: N, onRowClick: P, buttonGroupGap: F = "5", selectGroupGap: I = "5", className: L = "", ...R }) {
+	let [z, B] = Z(""), [V, H] = Z({}), [U, W] = Z(null), G = g !== void 0, [K, ee] = Z(1), q = G ? g : K, J = (e) => {
+		G || ee(e), _?.(e);
+	}, Y = y !== void 0, [te, ne] = Z(v), re = Y ? y : te, ie = (e) => {
+		Y || ne(e), b?.(e), J(1);
+	}, ae = E !== void 0, [oe, se] = Z([]), ce = ae ? E : oe, le = (e) => {
+		ae || se(e), D?.(e);
+	}, ue = Pe(() => m ?? t.filter((e) => !e.render).map((e) => e.key), [m, t]), de = Pe(() => {
+		if (!l || !z) return n;
+		let e = z.toLowerCase();
+		return n.filter((t) => ue.some((n) => String(t[n] ?? "").toLowerCase().includes(e)));
+	}, [
+		n,
+		z,
+		l,
+		ue
+	]), fe = Pe(() => yn(vn(de, t, V), U), [
+		de,
+		t,
+		V,
+		U
+	]), pe = (e) => {
+		H(e), J(1);
+	}, me = (e) => {
+		W(e), J(1);
+	}, he = fe.length, ge = Math.max(1, Math.ceil(he / re)), _e = Math.min(q, ge), ve = u ? fe.slice((_e - 1) * re, (_e - 1) * re + re) : fe, ye = {
+		selectedIds: ce,
+		clearSelection: () => le([]),
+		visibleRows: ve,
+		query: z
+	}, be = typeof i == "function" ? i(ye) : i, xe = typeof a == "function" ? a(ye) : a, Se = typeof o == "function" ? o(ye) : o, Ce = typeof s == "function" ? s(ye) : s, we = !!be || l || !!c || !!xe || !!Se || !!Ce;
+	return /* @__PURE__ */ $("div", {
+		className: `flex flex-col gap-spacing-6 ${L}`,
+		...R,
+		children: [
+			we && /* @__PURE__ */ $("div", {
+				className: "flex items-center justify-between gap-spacing-6",
+				children: [/* @__PURE__ */ $("div", {
+					className: "flex items-center gap-spacing-5",
+					children: [
+						c && /* @__PURE__ */ Q("h3", {
+							className: "flex h-[32px] items-center text-15 font-semibold text-font-icon-5",
+							children: c
+						}),
+						Se && /* @__PURE__ */ Q(Yr, {
+							gap: I,
+							children: Se
+						}),
+						be && /* @__PURE__ */ Q(k, {
+							gap: F,
+							children: be
+						})
+					]
+				}), (l || xe || Ce) && /* @__PURE__ */ $("div", {
+					className: "flex items-center gap-spacing-5",
+					children: [
+						xe && /* @__PURE__ */ Q(k, {
+							gap: F,
+							children: xe
+						}),
+						Ce && /* @__PURE__ */ Q(Yr, {
+							gap: I,
+							children: Ce
+						}),
+						l && /* @__PURE__ */ Q(e, {
+							value: z,
+							placeholder: p,
+							width: h,
+							onChange: (e) => {
+								B(e.target.value), J(1);
+							}
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ Q(En, {
+				columns: t,
+				rows: ve,
+				rowKey: r,
+				bordered: d,
+				selectable: f,
+				selectedIds: f ? ce : void 0,
+				onSelectChange: f ? le : void 0,
+				filters: V,
+				onFilterChange: pe,
+				sort: U,
+				onSortChange: me,
+				wrap: O,
+				minWidth: A,
+				maxHeight: j,
+				loading: M,
+				emptyMessage: N,
+				onRowClick: P
+			}),
+			u && /* @__PURE__ */ Q(tr, {
+				page: _e,
+				onChange: J,
+				totalCount: he,
+				pageSize: re,
+				pageSizeOptions: x,
+				showPageSize: S,
+				showTotal: C,
+				maxButtons: w,
+				onPageSizeChange: ie,
+				className: T
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/TextArea.tsx
+var ai = "ring-inset ring-text-field-hover-line hover:ring-2 focus-within:ring-2 focus-within:ring-text-field-focused-line", oi = 24, si = 6, ci = {
+	base: ee["scroll-bar"],
+	active: ee["scroll-bar-hover"]
+};
+function li({ value: e, defaultValue: t, onChange: n, placeholder: r = "텍스트를 입력하세요", rows: i = 4, autoGrow: a = !1, maxRows: o, maxLength: s, showCount: c = !0, disabled: l = !1, readOnly: u = !1, error: f = !1, errorMessage: p = "", width: m = 320, className: h = "", textareaProps: g = {}, ..._ }) {
+	let v = !l && !u, y = typeof m == "number" ? `${m}px` : m, b = X(null), x = X(!1), [S, C] = Z((t ?? "").length), w = e == null ? S : e.length, [T, E] = Z({
+		pos: 0,
+		size: 0,
+		visible: !1
+	}), [D, O] = Z(!1), k = l ? "text-text-field-disabled-text" : u ? "text-text-field-readonly-text" : "text-text-field-filled-text", A = l ? "placeholder:text-text-field-disabled-text" : "placeholder:text-text-field-default-text", j = ke(() => {
+		let e = b.current;
+		if (!e) return;
+		let { scrollHeight: t, clientHeight: n, scrollTop: r } = e;
+		if (t <= n + 1) {
+			E((e) => e.visible ? {
+				...e,
+				visible: !1
+			} : e);
+			return;
+		}
+		let i = n - si * 2, a = Math.max(n / t * i, oi);
+		E({
+			pos: si + r / (t - n) * (i - a),
+			size: a,
+			visible: !0
+		});
+	}, []), M = ke(() => {
+		let e = b.current;
+		if (!e) return;
+		if (!a) {
+			e.style.height = "";
+			return;
+		}
+		e.style.height = "auto";
+		let t = getComputedStyle(e), n = parseFloat(t.lineHeight) || 24, r = parseFloat(t.paddingTop) + parseFloat(t.paddingBottom), s = Math.max(e.scrollHeight, i * n + r);
+		o != null && (s = Math.min(s, o * n + r)), e.style.height = `${s}px`;
+	}, [
+		a,
+		o,
+		i
+	]);
+	Ne(() => {
+		M(), j();
+		let e = b.current;
+		if (!e) return;
+		let t = new ResizeObserver(j);
+		t.observe(e);
+		let n = () => {
+			M(), j();
+		};
+		return window.addEventListener("resize", n), () => {
+			t.disconnect(), window.removeEventListener("resize", n);
+		};
+	}, [
+		M,
+		j,
+		e,
+		i
+	]);
+	let N = (t) => {
+		e ?? C(t.target.value.length), M(), j(), n?.(t);
+	}, P = X(null);
+	je(() => () => P.current?.(), []);
+	let F = (e) => {
+		e.preventDefault(), e.stopPropagation();
+		let t = b.current;
+		if (!t) return;
+		x.current = !0, O(!0);
+		let n = e.clientY, r = t.scrollTop, i = t.scrollHeight - t.clientHeight, a = t.clientHeight - si * 2 - T.size, o = a > 0 ? i / a : 0, s = (e) => {
+			t.scrollTop = r + (e.clientY - n) * o;
+		}, c = () => {
+			x.current = !1, O(!1), document.body.style.userSelect = "", window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", c), P.current = null;
+		};
+		document.body.style.userSelect = "none", window.addEventListener("mousemove", s), window.addEventListener("mouseup", c), P.current = c;
+	};
+	return /* @__PURE__ */ $("div", {
+		style: { width: y },
+		className: `relative rounded-round-4 bg-text-field-default-bg pl-spacing-6 pr-spacing-4 transition-shadow ${v ? ai : "cursor-not-allowed"} ${h}`,
+		..._,
+		children: [
+			/* @__PURE__ */ Q("textarea", {
+				ref: b,
+				value: e,
+				defaultValue: t,
+				onChange: N,
+				onScroll: j,
+				placeholder: r,
+				disabled: l,
+				readOnly: u,
+				rows: i,
+				maxLength: s,
+				"aria-invalid": f || void 0,
+				className: `hide-native-scroll block w-full resize-none overflow-y-auto bg-transparent pt-spacing-4 pb-spacing-12 text-14 outline-none disabled:cursor-not-allowed read-only:cursor-default ${A} ${k}`,
+				...g
+			}),
+			/* @__PURE__ */ Q("div", {
+				onMouseDown: F,
+				onMouseEnter: () => O(!0),
+				onMouseLeave: () => {
+					x.current || O(!1);
+				},
+				className: "absolute right-spacing-3 w-spacing-4 cursor-pointer rounded-round-00 before:absolute before:-inset-spacing-2 before:content-['']",
+				style: {
+					top: `${T.pos}px`,
+					height: `${T.size}px`,
+					opacity: +!!T.visible,
+					pointerEvents: T.visible ? "auto" : "none",
+					backgroundColor: D ? ci.active : ci.base
+				}
+			}),
+			c && !u && /* @__PURE__ */ $("p", {
+				className: "pointer-events-none absolute bottom-spacing-4 right-spacing-6 text-12 text-font-icon-3",
+				children: [w, s == null ? "" : `/${s}`]
+			}),
+			f && p && /* @__PURE__ */ Q("div", {
+				className: "absolute left-0 top-full z-10 mt-spacing-2",
+				children: /* @__PURE__ */ Q(d, {
+					variant: "error",
+					beak: "top",
+					children: p
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/TimeField.tsx
+var ui = "ring-inset ring-text-field-hover-line hover:ring-2 focus-within:ring-2 focus-within:ring-text-field-focused-line", di = (e) => String(e).padStart(2, "0"), fi = /[\d:]/, pi = Array.from({ length: 24 }, (e, t) => ({
+	value: di(t),
+	label: `${di(t)}시`
+})), mi = Array.from({ length: 60 }, (e, t) => ({
+	value: di(t),
+	label: `${di(t)}분`
+}));
+function hi(e) {
+	let t = (e ?? "").trim(), n = t.match(/^(\d{1,2}):(\d{1,2})$/) || t.match(/^(\d{2})(\d{1,2})$/);
+	if (!n) return null;
+	let r = Number(n[1]), i = Number(n[2]);
+	return r > 23 || i > 59 ? null : `${di(r)}:${di(i)}`;
+}
+function gi({ value: e, defaultValue: t = null, onChange: n, placeholder: r = "시간을 선택하세요", disabled: i = !1, readOnly: a = !1, error: o = !1, errorMessage: s = "", formatErrorMessage: c = "HH:MM 형식으로 입력하세요", width: l, className: u = "", ...f }) {
+	let p = !i && !a, [m, h] = Z(!1), [g, _] = Z(!1), [v, y] = Z(""), [b, x] = Z(!1), S = X(!1), C = X(null), [w, T] = Z(null), D = e !== void 0, [O, k] = Z(t), A = e === void 0 ? O : e, j = (e) => {
+		D || k(e), n?.(e), x(!1);
+	}, M = A || "", N = !M, [P, F] = (A || "").split(":"), I = (e) => {
+		let t = e.trim();
+		if (t === "") {
+			j(null);
+			return;
+		}
+		let n = hi(t);
+		if (!n) {
+			x(!0);
+			return;
+		}
+		j(n);
+	}, L = i ? "text-text-field-disabled-text" : a ? "text-text-field-readonly-text" : "text-text-field-filled-text", R = i ? "text-text-field-disabled-icon" : a ? "text-text-field-readonly-icon" : N ? "text-text-field-default-text" : "text-font-icon-5", z = o || b, B = b ? c : s, V = l ?? 120, H = V === "hug", U = V === "fill", W = H || U ? void 0 : typeof V == "number" ? `${V}px` : V, G = Math.max(((g ? v : M) || r).length + 1, 1), K = /* @__PURE__ */ $("div", {
+		className: `relative ${U ? "w-full" : H ? "w-fit" : ""}`,
+		style: W ? { width: W } : void 0,
+		children: [
+			/* @__PURE__ */ $("div", {
+				className: `group flex min-h-[32px] ${H ? "w-fit" : "w-full"} items-center gap-spacing-3 rounded-round-4 bg-text-field-default-bg px-spacing-6 py-spacing-3 transition-shadow ${p ? `cursor-text ${ui}` : i ? "cursor-not-allowed" : "cursor-default"}`,
+				children: [/* @__PURE__ */ Q(Ve, {
+					size: 16,
+					strokeWidth: 1.8,
+					className: `shrink-0 ${R}`
+				}), /* @__PURE__ */ Q("input", {
+					ref: C,
+					type: "text",
+					value: g ? v : M,
+					placeholder: r,
+					readOnly: !p,
+					disabled: i,
+					size: H ? G : void 0,
+					"aria-invalid": z || void 0,
+					onClick: (e) => e.stopPropagation(),
+					onMouseEnter: (e) => {
+						let t = e.currentTarget;
+						!g && M && t.scrollWidth > t.clientWidth + 1 && T(t.getBoundingClientRect());
+					},
+					onMouseLeave: () => T(null),
+					onFocus: (e) => {
+						p && (_(!0), x(!1), T(null), y(M), h(!0), e.target.select());
+					},
+					onChange: (e) => {
+						y(Array.from(e.target.value).filter((e) => fi.test(e)).join("")), b && x(!1);
+					},
+					onBlur: () => {
+						if (p) {
+							if (_(!1), S.current) {
+								S.current = !1;
+								return;
+							}
+							I(v);
+						}
+					},
+					onKeyDown: (e) => {
+						p && (e.key === "Enter" ? (e.preventDefault(), I(v), h(!1), S.current = !0, e.currentTarget.blur()) : e.key === "Escape" && (y(M), x(!1), h(!1), S.current = !0, e.currentTarget.blur()));
+					},
+					className: `bg-transparent text-14 outline-none placeholder:text-text-field-default-text disabled:cursor-not-allowed read-only:cursor-pointer ${L} ${H ? "w-auto" : "min-w-0 flex-1 text-ellipsis"}`
+				})]
+			}),
+			z && B && !m && /* @__PURE__ */ Q("div", {
+				className: "absolute left-0 top-full z-10 mt-spacing-2",
+				children: /* @__PURE__ */ Q(d, {
+					variant: "error",
+					beak: "top",
+					children: B
+				})
+			}),
+			w && !g && nt(/* @__PURE__ */ Q("div", {
+				className: "pointer-events-none z-[1000]",
+				style: {
+					position: "fixed",
+					left: w.left,
+					top: w.top > 40 ? w.top - 6 : w.bottom + 6,
+					transform: w.top > 40 ? "translateY(-100%)" : void 0
+				},
+				children: /* @__PURE__ */ Q(d, {
+					variant: "normal",
+					beak: "none",
+					children: M
+				})
+			}), document.body)
+		]
+	});
+	return /* @__PURE__ */ Q(E, {
+		open: m,
+		onOpenChange: (e) => {
+			h(e), !e && C.current && document.activeElement === C.current && (y(M), x(!1), S.current = !0, C.current.blur());
+		},
+		disabled: !p,
+		placement: "auto",
+		menuWidth: 140,
+		trigger: K,
+		className: `${U ? "w-full" : ""} ${u}`,
+		...f,
+		children: () => /* @__PURE__ */ Q(bt, {
+			showInput: !1,
+			width: 140,
+			leftOptions: pi,
+			leftValue: P,
+			onLeftChange: (e) => j(`${e}:${F || "00"}`),
+			rightOptions: mi,
+			rightValue: F,
+			onRightChange: (e) => j(`${P || "00"}:${e}`),
+			maxVisible: 5
+		})
+	});
+}
+//#endregion
+export { ot as Accordion, st as AccordionItem, Rn as AlertModal, i as Button, k as ButtonGroup, hr as CHAIN_STOP_FOCUS, s as CHIP_COLOR_CLASS, dt as CalendarDayButton, l as Checkbox, C as CheckboxGroup, ft as Chip, _t as ConditionOrderSlot, xr as ConditionSettingMenu, gt as ConditionSlotCard, zn as ConfirmModal, nn as DateField, Ut as DatePicker, at as Divider, Qr as EmailField, rn as ErrorBoundary, ur as FORMULA_FN_FAMILY, dr as FORMULA_GROUP_FUNCTIONS, ln as Field, dn as FileUploadButton, un as FileUploadMenu, Bn as FormModal, mn as FormTemplate, gn as ImageUploadButton, hn as ImageUploadMenu, S as InlineFieldTrigger, u as Input, On as JobPositionTemplate, on as Label, y as List, t as ListEmpty, f as ListGroup, In as Modal, jn as ModalBodyMaxContext, h as NewTag, qn as NoticeWritingTemplate, tr as Pagination, $r as PhoneField, E as Popover, N as PopoverMenu, p as PopoverMenuColumn, r as PopoverMenuColumns, n as PopoverMenuSection, M as Radio, F as RadioGroup, Sr as ScoreSettingMenu, Kr as ScreeningBuilderTemplate, br as ScreeningConditionCard, Ir as ScreeningFormula, lr as ScreeningIndividualSettingModal, c as ScrollArea, e as SearchBar, O as SegmentControlButton, x as SegmentControlGroup, ir as SegmentedTabs, g as Select, w as SelectChip, Yr as SelectGroup, Zr as SelectOrInput, ni as SideNavigation, ti as SideNavigationButton, ri as SideNavigationTemplate, I as Slot, m as Switch, Vn as TabMenu, En as Table, ii as TableTemplate, Hn as Tabs, P as Tag, li as TextArea, gi as TimeField, nr as ToolBar, rr as ToolBarDivider, d as Tooltip, o as TruncatingText, bt as TwoDepthList, ie as accordionColors, vn as applyColumnFilters, yn as applySort, H as baseColors, de as borderWidth, ve as builderAreaColors, L as buttonColors, te as calendarColors, pr as chainTriggerKey, ue as checkboxColors, B as chipColors, _n as compareValues, Y as conditionCardColors, be as conditionOrderSlotColors, z as dividerColors, J as editorColors, fe as editorHighlightPalette, he as editorTextPalette, fr as focusNextChainStop, U as fontFamily, se as fontIconColors, G as fontSize, Kt as formatDate, qt as formatDateTime, Jt as formatDateTimeRange, Xr as formatPhoneNumber, xe as formulaColors, mr as hasPointsScore, j as hasPopoverLayers, xn as iconCellWidth, ge as iconTokens, _ as isTopPopoverLayer, W as labelFieldColors, V as lineHeight, ee as listColors, le as modalColors, R as newTagColors, v as pushPopoverLayer, pe as radioColors, me as radius, D as removePopoverLayer, ae as segmentedColors, K as sideNavColors, oe as spacing, re as switchColors, ne as tabColors, _e as tableColors, ye as tagColors, ce as textFieldColors, q as toolbarColors, An as useFocusTrap, a as useHoverTooltip, T as useOutsideDismiss, gr as usePanelKeyboard, b as usePopoverPosition };
+
+//# sourceMappingURL=index.js.map