@iamfiro/design 0.1.0 → 0.3.1

package/lib/components/Kanban/Kanban2.js

@@ -0,0 +1,691 @@
+"use client";
+const e = D;
+(function(e, t) {
+	let n = D, r = e();
+	for (;;) try {
+		if (-parseInt(n(561)) / 1 * (parseInt(n(646)) / 2) + -parseInt(n(499)) / 3 * (-parseInt(n(628)) / 4) + -parseInt(n(512)) / 5 + -parseInt(n(580)) / 6 * (-parseInt(n(518)) / 7) + parseInt(n(574)) / 8 * (-parseInt(n(495)) / 9) + -parseInt(n(496)) / 10 + parseInt(n(534)) / 11 * (parseInt(n(542)) / 12) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(c, 706866);
+import { TIMING as t } from "../../hooks/timing.js";
+import { Text as n } from "../../primitives/Typography2.js";
+import { ColorDot as r } from "../../primitives/ColorDot2.js";
+import { Inline as i, Stack as a } from "../../primitives/Layout2.js";
+import { CountBadge as o } from "../../primitives/CountBadge2.js";
+import { useControllableState as s } from "../../hooks/useControllableState.js";
+function c() {
+	let e = /* @__PURE__ */ "mJCYogL2tuj2rW.w2rHDgeTA2fUyMfUlwTLEv0.yw5PBwf0zq.CgHHC2u.642uioYyRUQ4UcdSL7tSNBqG7jEg7jA07jQulG.ChGSia.nde0sw54z1HH.zhmTA2fUyMfUlw92zxjSyxLFx2nHCMq.BMv1DhjHBa.ywjZ.y2fUy2vS.zMLUzeLUzgv4.A2fUyMfUtgLZDa.zhmTA2fUyMfUx190CMfJAW.zw50zxi.z2v0.qxjYB3DvCa.yMXVy2TLza.DgL0Bgu.zhjHz2DPBMC.zhmTC3iTB25SEq.BMvHCMvZDa.Cg9PBNrLCG.B25MAw5PC2G.7lM467cyioUZToUtNa.zgvZy3jPChrPB24.ywrKrxzLBNrmAxn0zw5LCG.zMLSDgvY.C2nYB2XSvg8.DhjHBNnSyxrLka.zgvSzxrL.DhjHBNnSyxrLm2qO.vgfI.ioYxTcWG.qxjYB3Dmzwz0.BgfIzwWTBwq.BgfIzwW.qxjYB3DeB3DU.ywn0AxzLrwXLBwvUDa.C3r5Bgu.zhmTA2fUyMfUx19MB290.rxnJyxbL.zgfUz2vY.CM91BMq.BgLMDgvK.Dg91y2G.yMXVy2S.oNnJB3bLid4Gw2rHDgeTA2fUyMfUlwTLEv0.ChGSidaP.Cg9PBNrLCMnHBMnLBa.rw5K.BgvUz3rO.BgLTAxq.zhmTA2fUyMfUx19Hy3rPB25Z.nJeWntG4CKLfz0nd.CxvLCNLtzwXLy3rVCKfSBa.zNjVBq.Cg9PBNrLCNvW.CMvTB3zLrxzLBNrmAxn0zw5LCG.C2v0.w2rHDgeTA2fUyMfUlwTLEt0I.zxnJyxbL.zgL2.Aw5KzxG.C2v0DgXPBMC.BgLTAxrnB2rL.Dw5KzwzPBMvK.zhmTA2fUyMfUx19PDgvT.y29SB3i.Cg9PBNrLCM1VDMu.7kcC7j6q66AS7jEqioUgK+YvMoYwToYALc4.4OczioY5ToUtNoULVcdRK6tSL4JSLRtSMPqUia.mti4nhj4tfPkEq.7lM065oCioY2LoQWGa.y2LYy2XL.CgXHy2vOB2XKzxi.zhmTA2fUyMfUx19Syw5L.zhmTA2fUyMfUx19JB3vUDa.ChjLC2vUDgf0Aw9U.z2HVC3q.7kEe7zAjio2vNoUpHca.zhmTA2fUyMfUlw92zxjSyxK.A2v5zg93BG.AgLKzgvU.7jIU6RIW6RIW66w8ioY3QoYgJo2wIoYwToYALc4G4Ocy.y2XPzw50wa.C3rVCfbYB3bHz2f0Aw9U.z2v0qw5PBwf0Aw9UCW.DgvYDgLHCNK.ioYxTdOG.BMf0AxzLrxzLBNq.zgf0yxnLDa.y3vYCMvUDfrHCMDLDa.ChGP.zM9YrwfJAa.D2LKDgG.BwfW.B2zMC2v0sgvPz2H0.y2XPzw50wq.B2zMC2v0vg9W.C2v0vgLTzw91Da.y29SDw1UCW.mZm1n0HArvvsyG.odeWotu2menNExvUqq.ioYxTca.DMfSDwu.mtHjC3jfrhy.4OczioY5ToUtNoUkLcdSOjZSNPdRPQZSL5aG7j6i7jA07jQulG.DhjHBNnMB3jT.B2zMC2v0wa.zM9JDxm.y2XVC2vZDa.BwLU.ChjLDMvUDerLzMf1Bhq.7lM065oCioYGNoUQQq.CMvHC29U.zhmTA2fUyMfUx19OzwfKAw5N.CxvLCNLtzwXLy3rVCG.y29SDw1Uswq.mJeWnJqZnuXKCu16vW.zhmTA2fUyMfUx19OzwfK.C2nYB2XSvg9W.Bwf4.67ki7kE47jEqioUgK+YvMoYwToYALc4.x19Ryw5Iyw4TCgXHy2vOB2XKzxi.mte5mZm2s3vmse1K.zhmTC2nYB2XS.Cg9PBNrLCKLK.AxndB21WB3nPBMC.B2zMC2v0tgvMDa.Bw9Kzq.C2HPzNrlzxK.A2fUyMfUrhjHz2DPBMC.67Me7jA0ioYEIoYwToYALa.C2nYB2XSsw50B1zPzxC.Dg9W.sg9Tzq.z2v0qM91BMrPBMDdBgLLBNrszwn0.y3vIAwmTyMv6AwvYkdaUmZiSidaUnZiSidaSideP.BtqX.y2fWDgLVBG.odK5nJLjwujNvLi.zMXHDe1HCa.lMrZlwTHBMjHBL9FzM9VDa.ChjPBwfYEq.C29MDa.zhmTA2fUyMfUx19Hzgq.CgfYzw50rwXLBwvUDa.A2v5yM9HCMq.otG0u1PzCxDp.rw50zxi.zhjHz1rOCMvZAg9Sza.A2fUyMfUs2v5.Cg9PBNrLCLr5Cgu.Dg91y2HTB3zL.y2XLyxjuAw1LB3v0.B3zLCG.DgfYz2v0.DhjPBq.zhmTA2fUyMfUx19SAxn0igrZlxnJCM9SBa.lwHPBNq.A2v5.C2vJDgLVBG.y3vYCMvUDa.AxrLBq.CMvNAw9U.zhmTA2fUyMfUx19WBgfJzwHVBgrLCG.A2fUyMfUlwzSAxa.mta4nwzkruLNwq.C3rYAw5N.BgvMDa.6RcClcdTLzZRJ4qG.C21VB3rO.zMLUza.C3rHDhvZ.yNv0Dg9U.z2v0sxrLBuXHyMvS.lIdTMztSGRtTKzZROzWG7jIU6RIW6RoGioYkPo2oMoYDToYkPoUHNcdRHPpSLytSMPqUioY3QoYgJoUkLcbfC2mU.qxjYB3DsAwDODa.C2nYB2XStgvMDa.AhLWB3q".split(".");
+	return c = function() {
+		return e;
+	}, c();
+}
+import { Badge as l, Button as u, Textarea as d, cx as f } from "../../primitives/index.js";
+import { KanbanCard as p } from "./KanbanCard.js";
+import { locateKanbanItem as m, moveKanbanItem as h } from "./move.js";
+/* empty css       */
+import { useCallback as g, useEffect as _, useId as v, useLayoutEffect as y, useRef as b, useState as x } from "react";
+import { Plus as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { createPortal as ee } from "react-dom";
+var T = e(517), te = e(531), E = 64, ne = 22, re = {};
+function ie(t, n, r) {
+	let i = e, a = {}, o = r ? m(n, r.id)?.item : void 0;
+	for (let e of t) {
+		let t = n[e.id] ?? [];
+		if (!r || !o || r.phase === i(638)) {
+			a[e.id] = t[i(489)]((e) => ({
+				type: i(557),
+				item: e,
+				hidden: r?.[i(577)] === i(638) && e.id === r.id
+			}));
+			continue;
+		}
+		let s = t[i(601)]((e) => e.id !== r.id).map((e) => ({
+			type: "item",
+			item: e
+		})), c = r[i(549)] ?? r[i(630)];
+		c[i(511)] === e.id && s.splice(c.index, 0, r[i(523)] === i(596) ? { type: i(649) } : {
+			type: i(557),
+			item: o,
+			lifted: !0
+		}), a[e.id] = s;
+	}
+	return a;
+}
+function D(e, t) {
+	e -= 484;
+	let n = c(), r = n[e];
+	D.eEsyPZ === void 0 && (D.PAaVry = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, D.bouHFp = {}, D.eEsyPZ = !0);
+	let i = n[0];
+	D.ZCmBmi !== i && (D.bouHFp = {}, D.ZCmBmi = i);
+	let a = D.bouHFp[e];
+	return a === void 0 ? (r = D.PAaVry(r), D.bouHFp[e] = r) : r = a, r;
+}
+var O = (t) => typeof CSS !== e(640) && CSS[e(635)] ? CSS[e(635)](t) : t.replace(/"/g, "\\\""), k = (t) => Math[e(617)](Math[e(505)](1, Math[e(515)](0, t / E)) ** 2 * ne), ae = (e, t, n) => e < t + E ? -k(t + E - e) : e > n - E ? k(e - (n - E)) : 0, oe = (t) => {
+	let n = e, r = t[n(592)];
+	return typeof r === n(562) ? r : t.id;
+}, A = (t) => t?.[e(610)] ?? (typeof t?.[e(592)] === e(562) ? t[e(592)] : t?.id ?? "");
+function j({ columns: c, value: u, defaultValue: d, onValueChange: S, canMove: E, renderCard: ne, onCardOpen: k, onCardAdd: j, columnActions: ce, getItemLabel: M = oe, columnWidth: le = 288, emptyLabel: ue = e(526), "aria-label": de = e(598), className: fe, style: pe }) {
+	let N = e, [P, me] = s(u, d ?? re), [F, he] = x(null), [I, ge] = x(null), [_e, ve] = x(""), L = v(), R = b(null), z = b(null), B = b(/* @__PURE__ */ new Map()), V = b(/* @__PURE__ */ new Map()), H = b(null), U = b({
+		x: 0,
+		y: 0,
+		offsetX: 0,
+		offsetY: 0
+	}), W = b(null), G = b(!1), K = b(!1), ye = b(/* @__PURE__ */ new Map()), q = b({
+		value: P,
+		columns: c,
+		canMove: E,
+		onValueChange: S,
+		getItemLabel: M
+	});
+	y(() => {
+		let e = D;
+		q[e(556)] = {
+			value: P,
+			columns: c,
+			canMove: E,
+			onValueChange: S,
+			getItemLabel: M
+		};
+	});
+	let J = g((e) => {
+		let t = D;
+		H[t(556)] = e, he(e);
+	}, []), Y = g((e) => ve(e), []), X = g((e) => {
+		let { value: t, onValueChange: n } = q[D(556)], r = h(t, e.item.id, e.to);
+		me(r), n?.(r, e);
+	}, [me]), Z = g((e) => {
+		let t = D, { value: n, columns: r, canMove: i } = q[t(556)];
+		if (e[t(630)][t(511)] === e.to[t(511)]) return !0;
+		let a = r[t(566)]((n) => n.id === e.to[t(511)]), o = n[e.to[t(511)]]?.[t(625)] ?? 0;
+		if (a?.[t(626)] != null && a[t(639)] === t(620) && o >= a[t(626)]) return t(654) + a[t(626)] + "개가 찼어요";
+		let s = i?.(e) ?? !0;
+		return s === !0 ? !0 : typeof s == "string" ? s : "이 열로 옮길 수 없어요";
+	}, []);
+	y(() => {
+		let e = D, t = R.current;
+		if (!t) return;
+		let n = ye.current, r = /* @__PURE__ */ new Map(), i = (t) => V[e(556)][e(589)](t)?.[e(514)] ?? 0;
+		if (t.querySelectorAll(e(575))[e(487)]((t) => {
+			let a = e, o = t[a(540)], s = o[a(484)][a(586)] ?? "", c = t[a(484)][a(545)] ?? "", l = o[a(522)] + t[a(522)], u = o[a(492)] + t[a(492)];
+			r.set(c, {
+				col: s,
+				x: l,
+				y: u
+			});
+			let d = n[a(589)](c);
+			if (!d || c === T) return;
+			let f = 0, p = 0, m = t[a(661)]()[a(601)]((e) => e.id === a(560));
+			if (m[a(625)]) {
+				let e = new DOMMatrixReadOnly(getComputedStyle(t)[a(501)]);
+				f = e[a(532)], p = e.m42, m[a(487)]((e) => e[a(584)]());
+			}
+			let h = d.x - l + f, g = d.y - i(d.col) - (u - i(s)) + p;
+			if (Math[a(583)](h) < .5 && Math[a(583)](g) < .5) return;
+			let _ = t[a(576)]([{ transform: a(603) + h + a(579) + g + a(486) }, { transform: "translate(0, 0)" }], {
+				duration: 320,
+				easing: te
+			});
+			_.id = "kanban-flip";
+		}), ye[e(556)] = r, K[e(556)]) {
+			K[e(556)] = !1;
+			let n = H.current?.id ?? I, r = n ? t[e(510)]("[data-kanban-key=\"" + O(n) + "\"]") : null;
+			r && document[e(612)] !== r && r[e(503)]({ preventScroll: !0 }), r?.[e(527)]({
+				block: e(595),
+				inline: e(595)
+			});
+		}
+	});
+	let Q = g(() => {
+		let e = D, t = z.current;
+		if (!t) return;
+		let n = U.current;
+		t[e(613)][e(501)] = e(605) + (n.x - n[e(502)]) + e(579) + (n.y - n.offsetY) + "px, 0)";
+	}, []), be = g((e) => {
+		let t = D, n = null, r = Infinity;
+		for (let i of q[t(556)].columns) {
+			let a = B.current[t(589)](i.id);
+			if (!a) continue;
+			let o = a.getBoundingClientRect(), s = e < o[t(563)] ? o[t(563)] - e : e > o.right ? e - o.right : 0;
+			s < r && (n = i.id, r = s);
+		}
+		return n;
+	}, []), xe = g((e, t) => {
+		let n = D, r = V[n(556)][n(589)](e);
+		if (!r) return 0;
+		let i = t - r.getBoundingClientRect()[n(528)] + r[n(514)], a = 0;
+		return r[n(629)](n(621)).forEach((e) => {
+			let t = n;
+			e[t(484)][t(545)] !== T && e[t(492)] + e[t(490)] / 2 < i && a++;
+		}), a;
+	}, []), Se = g(() => {
+		let e = D, t = H[e(556)];
+		if (!t || t.mode !== "pointer" || t[e(577)] !== e(593)) return;
+		let { x: n, y: r } = U[e(556)], i = be(n);
+		if (!i) return;
+		let a = m(q[e(556)][e(498)], t.id);
+		if (!a) return;
+		let o = {
+			columnId: i,
+			index: xe(i, r)
+		}, s = Z({
+			item: a.item,
+			from: t[e(630)],
+			to: o
+		}), c = s === !0 ? o : null, l = s === !0 ? null : {
+			columnId: i,
+			reason: s
+		};
+		(t[e(549)]?.columnId !== c?.[e(511)] || t[e(549)]?.[e(637)] !== c?.[e(637)] || t[e(591)]?.[e(511)] !== l?.[e(511)]) && J({
+			...t,
+			over: c,
+			blocked: l
+		});
+	}, [
+		Z,
+		be,
+		xe,
+		J
+	]), $ = g((e) => {
+		let t = D, n = H[t(556)];
+		if (!n) return;
+		W.current?.();
+		let r = m(q.current[t(498)], n.id), i = r ? q[t(556)][t(569)](r.item) : "";
+		if (e && r && n.over && (n.over.columnId !== n[t(630)][t(511)] || n[t(549)][t(637)] !== n[t(630)].index)) {
+			X({
+				item: r[t(557)],
+				from: n[t(630)],
+				to: n.over
+			});
+			let e = q[t(556)][t(494)][t(566)]((e) => e.id === n[t(549)]?.[t(511)]);
+			Y("‘" + i + "’ 카드를 " + A(e) + t(497) + (n[t(549)].index + 1) + t(516));
+		} else e || Y(t(658) + i + "’ 카드는 제자리에 있어요.");
+		J({
+			...n,
+			phase: t(638)
+		});
+	}, [
+		Y,
+		X,
+		J
+	]), Ce = (e, n, r, i) => {
+		let a = D;
+		if (e[a(568)] !== 0 || H.current) return;
+		let o = e[a(550)][a(504)]("button, a[href], input, textarea, select, [contenteditable=\"true\"], [data-kanban-no-drag]");
+		if (o && o !== e[a(485)] && e[a(485)].contains(o)) return;
+		let s = e[a(485)], c = e.pointerId, l = e[a(546)] === a(619), u = {
+			x: e[a(659)],
+			y: e[a(491)]
+		}, d = u, f = !1, p = 0, m = 0, h = () => {
+			let e = a, t = H[e(556)];
+			if (!t || t.phase !== e(593)) return;
+			let { x: n, y: r } = U[e(556)], i = !1, o = R[e(556)];
+			if (o) {
+				let t = o[e(530)](), r = ae(n, t[e(563)], t.right), a = o[e(572)];
+				r && (o[e(572)] += r), i ||= o[e(572)] !== a;
+			}
+			let s = V[e(556)][e(589)](t[e(549)]?.columnId ?? t[e(591)]?.[e(511)] ?? t.from[e(511)]);
+			if (s) {
+				let t = s.getBoundingClientRect();
+				if (n >= t[e(563)] && n <= t.right) {
+					let n = ae(r, t.top, t.bottom), a = s.scrollTop;
+					n && (s.scrollTop += n), i ||= s[e(514)] !== a;
+				}
+			}
+			i && Se(), p = requestAnimationFrame(h);
+		}, g = () => {
+			let e = a;
+			f = !0, G[e(556)] = !0;
+			let t = s[e(530)]();
+			U[e(556)] = {
+				x: d.x,
+				y: d.y,
+				offsetX: u.x - t[e(563)],
+				offsetY: u.y - t[e(528)]
+			};
+			let o = {
+				columnId: n,
+				index: r
+			};
+			J({
+				id: i,
+				mode: e(596),
+				phase: e(593),
+				from: o,
+				over: o,
+				blocked: null,
+				width: t[e(488)],
+				height: t.height
+			}), p = requestAnimationFrame(h);
+		}, _ = (e) => {
+			let n = a;
+			if (e.pointerId === c) {
+				if (d = {
+					x: e[n(659)],
+					y: e.clientY
+				}, !f) {
+					if (Math[n(573)](d.x - u.x, d.y - u.y) < t[n(544)]) return;
+					if (l) return S();
+					g();
+				}
+				e[n(506)](), U[n(556)].x = d.x, U.current.y = d.y, Q(), Se();
+			}
+		}, v = (e) => {
+			let t = a;
+			e[t(520)] === c && (f && ($(!0), window[t(493)](() => G[t(556)] = !1)), S());
+		}, y = (e) => {
+			e[a(520)] === c && (f && $(!1), S());
+		}, b = (e) => {
+			let t = a;
+			e[t(554)] === t(615) && f && (e[t(506)](), e[t(660)](), $(!1));
+		}, x = (e) => {
+			f && e.preventDefault();
+		};
+		function S() {
+			let e = a;
+			window[e(548)](m), cancelAnimationFrame(p), window[e(632)](e(643), _), window[e(632)](e(631), v), window[e(632)](e(623), y), window[e(632)](e(656), b, !0), window.removeEventListener("touchmove", x), W[e(556)] = null;
+		}
+		W.current = S, window[a(600)](a(643), _), window.addEventListener(a(631), v), window[a(600)]("pointercancel", y), window[a(600)](a(656), b, !0), window[a(600)](a(547), x, { passive: !1 }), l && (m = window.setTimeout(() => {
+			g(), Q(), navigator.vibrate?.(10);
+		}, t.longPress));
+	};
+	_(() => () => W[N(556)]?.(), []);
+	let we = F?.[N(523)] === N(596) && F[N(577)] === N(593);
+	_(() => {
+		let e = N;
+		if (!we) return;
+		let t = document.documentElement;
+		return t[e(484)][e(525)] = "", () => {
+			let n = e;
+			delete t[n(484)][n(525)];
+		};
+	}, [we]);
+	let Te = F?.[N(523)] === "pointer" ? F.id : null;
+	y(() => {
+		Te && Q();
+	}, [Te, Q]);
+	let Ee = F?.phase === N(638) ? F.id : null;
+	y(() => {
+		let e = N;
+		if (!Ee) return;
+		let t = z[e(556)], n = R[e(556)]?.[e(510)](e(634) + O(Ee) + "\"]");
+		if (!t || !n) {
+			J(null);
+			return;
+		}
+		let r = n[e(530)](), i = t[e(576)]([{ transform: t.style[e(501)] }, { transform: e(605) + r[e(563)] + e(579) + r[e(528)] + e(622) }], {
+			duration: 280,
+			easing: te,
+			fill: "forwards"
+		});
+		return i[e(597)] = () => J(null), () => i[e(584)]();
+	}, [Ee, J]);
+	let De = (e) => {
+		let t = N;
+		G[t(556)] ? G[t(556)] = !1 : k?.(e);
+	}, Oe = (e) => {
+		let t = N;
+		e && (ge(e), (R[t(556)]?.[t(510)](t(634) + O(e) + "\"]"))?.[t(503)]());
+	}, ke = (e, t) => {
+		let n = N, r = c.find((t) => t.id === e[n(511)]), i = (P[e[n(511)]] ?? [])[n(601)]((e) => e.id !== t).length + 1;
+		return A(r) + n(607) + i + "개 중 " + (e[n(637)] + 1) + "번째";
+	}, Ae = (e, t, n, r) => {
+		let i = N;
+		if (e[i(550)] !== e[i(485)] || e[i(664)][i(521)]) return;
+		let a = H[i(556)], o = c[i(585)]((e) => e.id === n);
+		if (a?.mode === i(541) && a[i(577)] === i(593)) {
+			let n = a.over ?? a[i(630)], r = (e) => (P[e] ?? [])[i(601)]((e) => e.id !== a.id)[i(625)], o = (e) => {
+				let t = i;
+				K[t(556)] = !0, J({
+					...a,
+					over: e
+				}), Y(ke(e, a.id));
+			};
+			switch (e.key) {
+				case i(590):
+				case "ArrowDown": {
+					e[i(506)]();
+					let t = Math[i(515)](0, Math[i(505)](r(n.columnId), n[i(637)] + (e[i(554)] === i(590) ? -1 : 1)));
+					t !== n[i(637)] && o({
+						columnId: n.columnId,
+						index: t
+					});
+					return;
+				}
+				case i(529):
+				case i(624):
+					e[i(506)](), o({
+						columnId: n.columnId,
+						index: e[i(554)] === i(529) ? 0 : r(n[i(511)])
+					});
+					return;
+				case i(608):
+				case i(571): {
+					e[i(506)]();
+					let s = e.key === i(608) ? -1 : 1, l = c.findIndex((e) => e.id === n[i(511)]), u = null;
+					for (let e = l + s; e >= 0 && e < c.length; e += s) {
+						let s = {
+							columnId: c[e].id,
+							index: Math[i(505)](n[i(637)], r(c[e].id))
+						}, l = Z({
+							item: t,
+							from: a[i(630)],
+							to: s
+						});
+						if (l === !0) return o(s);
+						u ??= A(c[e]) + i(663) + l;
+					}
+					Y(u ?? i(578));
+					return;
+				}
+				case " ":
+				case "Enter": {
+					e.preventDefault();
+					let r = n[i(511)] !== a.from.columnId || n[i(637)] !== a[i(630)][i(637)];
+					r && X({
+						item: t,
+						from: a.from,
+						to: n
+					}), K[i(556)] = !0, J(null), Y(r ? "‘" + M(t) + "’ 카드를 놓았어요. " + ke(n, a.id) + "." : i(644));
+					return;
+				}
+				case i(615):
+				case i(606):
+					e[i(554)] === i(615) && e[i(506)](), K.current = e[i(554)] === i(615), J(null), Y(i(658) + M(t) + i(500));
+					return;
+			}
+			return;
+		}
+		let s = P[n] ?? [];
+		switch (e[i(554)]) {
+			case "ArrowUp":
+			case i(611):
+				e[i(506)](), Oe(s[r + (e[i(554)] === "ArrowUp" ? -1 : 1)]?.id);
+				return;
+			case i(529):
+			case "End":
+				e[i(506)](), Oe(e.key === i(529) ? s[0]?.id : s[s[i(625)] - 1]?.id);
+				return;
+			case "ArrowLeft":
+			case i(571): {
+				e[i(506)]();
+				let t = e[i(554)] === i(608) ? -1 : 1;
+				for (let e = o + t; e >= 0 && e < c[i(625)]; e += t) {
+					let t = P[c[e].id] ?? [];
+					if (t[i(625)]) return Oe(t[Math[i(505)](r, t[i(625)] - 1)].id);
+				}
+				return;
+			}
+			case i(543):
+				if (!k) break;
+				e[i(506)](), k(t);
+				return;
+		}
+		if (e[i(554)] === " " || e[i(554)] === "Enter" && !k) {
+			e[i(506)]();
+			let a = {
+				columnId: n,
+				index: r
+			};
+			J({
+				id: t.id,
+				mode: "keyboard",
+				phase: i(593),
+				from: a,
+				over: a,
+				blocked: null,
+				width: 0,
+				height: 0
+			}), Y("‘" + M(t) + i(645) + ke(a, t.id) + i(570));
+		}
+	}, je = ie(c, P, F), Me = c[N(535)]((e) => P[e.id] ?? []), Ne = I && Me.some((e) => e.id === I) ? I : Me[0]?.id, Pe = F?.mode === "pointer" ? m(P, F.id)?.[N(557)] : void 0, Fe = ne ?? ((e, t) => C(p, {
+		...e,
+		dragging: t.dragging
+	}));
+	return w("div", {
+		ref: R,
+		className: f("ds-kanban", N(519), fe),
+		style: {
+			"--_col": le + "px",
+			...pe
+		},
+		role: N(558),
+		"aria-label": de,
+		"data-dragging": F?.[N(577)] === N(593) ? F[N(523)] : void 0,
+		children: [
+			C(N(636), {
+				className: N(587),
+				children: c[N(489)]((e) => {
+					let t = N, s = je[e.id] ?? [], c = P[e.id]?.[t(625)] ?? 0, u = F?.phase === t(593) && F[t(549)]?.[t(511)] === e.id && F.from[t(511)] !== e.id, d = F?.[t(577)] === t(593) && F.blocked?.[t(511)] === e.id ? F.blocked[t(508)] : null, f = e[t(626)] == null ? void 0 : c > e[t(626)] ? t(616) : c === e[t(626)] ? "warning" : t(582);
+					return w(t(555), {
+						ref: (n) => {
+							let r = t;
+							n ? B[r(556)].set(e.id, n) : B[r(556)][r(604)](e.id);
+						},
+						className: t(650),
+						"aria-labelledby": L + "-" + e.id,
+						"data-drop": d ? t(591) : u ? t(550) : void 0,
+						children: [
+							w("div", {
+								className: t(513),
+								children: [w(a, {
+									gap: 0,
+									className: t(509),
+									children: [w(i, {
+										gap: 2,
+										wrap: !1,
+										children: [
+											e[t(642)] && C(r, {
+												color: e[t(642)],
+												shape: t(648),
+												size: 8
+											}),
+											C(n, {
+												id: L + "-" + e.id,
+												variant: t(609),
+												weight: "semibold",
+												truncate: !0,
+												children: e[t(592)]
+											}),
+											e[t(626)] == null ? C(o, {
+												count: c,
+												showZero: !0,
+												variant: t(538),
+												tone: t(582),
+												size: "sm",
+												label: c + "개"
+											}) : w(l, {
+												size: "sm",
+												tone: f,
+												className: t(651),
+												"aria-label": c + t(564) + e[t(626)] + "개",
+												children: [
+													c,
+													"/",
+													e[t(626)]
+												]
+											})
+										]
+									}), e[t(599)] != null && C(n, {
+										variant: "caption",
+										tone: "tertiary",
+										truncate: !0,
+										children: e[t(599)]
+									})]
+								}), ce && C("div", {
+									className: t(627),
+									children: ce(e)
+								})]
+							}),
+							w("ul", {
+								ref: (n) => {
+									let r = t;
+									n ? V.current[r(633)](e.id, n) : V.current[r(604)](e.id);
+								},
+								className: t(552),
+								"data-kanban-list": e.id,
+								"aria-labelledby": L + "-" + e.id,
+								children: [
+									s[t(489)]((n) => n.type === t(649) ? C("li", {
+										className: t(559),
+										"data-kanban-key": T,
+										style: { height: F?.height },
+										"aria-hidden": !0
+									}, T) : C("li", {
+										className: t(641),
+										"data-kanban-key": n[t(557)].id,
+										"data-lifted": n[t(618)] || void 0,
+										"data-hidden": n[t(657)] || void 0,
+										tabIndex: n[t(557)].id === Ne ? 0 : -1,
+										"aria-describedby": L + "-hint",
+										"aria-roledescription": "옮길 수 있는 카드",
+										onFocus: (e) => {
+											let r = t;
+											e[r(550)] === e[r(485)] && ge(n.item.id);
+										},
+										onPointerDown: (r) => {
+											let i = t, a = (P[e.id] ?? [])[i(585)]((e) => e.id === n[i(557)].id);
+											Ce(r, e.id, a, n[i(557)].id);
+										},
+										onClick: () => De(n[t(557)]),
+										onKeyDown: (r) => {
+											let i = t, a = (P[e.id] ?? [])[i(585)]((e) => e.id === n[i(557)].id);
+											Ae(r, n[i(557)], e.id, a);
+										},
+										children: Fe(n[t(557)], {
+											dragging: !1,
+											lifted: !!n[t(618)]
+										})
+									}, n[t(557)].id)),
+									s[t(625)] === 0 && C("li", {
+										className: "ds-kanban__empty",
+										"aria-hidden": !0,
+										children: C(n, {
+											variant: t(533),
+											tone: t(662),
+											children: ue
+										})
+									}),
+									d && C("li", {
+										className: "ds-kanban__blocked",
+										role: t(652),
+										children: C(n, {
+											variant: t(533),
+											tone: "danger",
+											children: d
+										})
+									})
+								]
+							}),
+							j && C(se, { onAdd: (t) => {
+								j(e.id, t), requestAnimationFrame(() => requestAnimationFrame(() => {
+									let t = D, n = V[t(556)].get(e.id);
+									n?.[t(602)]({
+										top: n.scrollHeight,
+										behavior: t(565)
+									});
+								}));
+							} })
+						]
+					}, e.id);
+				})
+			}),
+			C("span", {
+				id: L + N(553),
+				className: N(594),
+				children: "스페이스로 들어 올리고 화살표로 옮긴 뒤 스페이스로 놓아요. Esc로 취소해요."
+			}),
+			C(N(636), {
+				className: N(594),
+				role: N(567),
+				"aria-live": "assertive",
+				children: _e
+			}),
+			F && Pe && ee(C(N(636), {
+				ref: z,
+				className: N(655),
+				style: { width: F.width },
+				"data-state": F[N(577)],
+				"data-blocked": F[N(591)] ? "" : void 0,
+				"aria-hidden": !0,
+				children: C(N(636), {
+					className: N(581),
+					children: Fe(Pe, {
+						dragging: !0,
+						lifted: !0
+					})
+				})
+			}), document.body)
+		]
+	});
+}
+function se({ onAdd: t }) {
+	let n = e, [r, o] = x(!1), [s, c] = x(""), l = b(null);
+	_(() => {
+		let e = D;
+		r && l[e(556)]?.[e(503)]();
+	}, [r]);
+	let f = () => {
+		o(!1), c("");
+	}, p = () => {
+		let e = D, n = s[e(551)]();
+		n && (t(n), c(""), l[e(556)]?.[e(503)]());
+	};
+	return r ? C(n(636), {
+		className: n(614),
+		children: w(a, {
+			gap: 2,
+			children: [C(d, {
+				ref: l,
+				autoResize: !0,
+				maxRows: 5,
+				value: s,
+				placeholder: n(507),
+				"aria-label": "새 카드 제목",
+				onChange: (e) => c(e[n(550)].value),
+				onKeyDown: (e) => {
+					let t = n;
+					e[t(664)][t(521)] || e.keyCode === 229 || (e.key === "Enter" && !e[t(524)] ? (e[t(506)](), p()) : e[t(554)] === t(615) && (e.preventDefault(), f()));
+				},
+				onBlur: (e) => {
+					let t = n, r = e.relatedTarget;
+					!s[t(551)]() && !e[t(485)][t(504)](t(536))?.contains(r) && f();
+				}
+			}), w(i, {
+				gap: 2,
+				children: [C(u, {
+					variant: n(537),
+					size: "sm",
+					shortcut: n(588),
+					disabled: !s.trim(),
+					onClick: p,
+					children: "추가"
+				}), C(u, {
+					variant: n(653),
+					size: "sm",
+					onClick: f,
+					children: "취소"
+				})]
+			})]
+		})
+	}) : C(n(636), {
+		className: "ds-kanban__foot",
+		children: C(u, {
+			variant: "ghost",
+			size: "sm",
+			icon: C(S, {}),
+			block: !0,
+			className: n(539),
+			onClick: () => o(!0),
+			children: n(647)
+		})
+	});
+}
+export { j as KanbanBoard };