@iamfiro/design 0.1.0 → 0.3.0

package/lib/components/Kanban/Kanban2.js

@@ -0,0 +1,691 @@
+"use client";
+const e = m;
+(function(e, t) {
+	let n = m, r = e();
+	for (;;) try {
+		if (-parseInt(n(341)) / 1 * (-parseInt(n(290)) / 2) + -parseInt(n(301)) / 3 * (parseInt(n(316)) / 4) + parseInt(n(372)) / 5 * (-parseInt(n(364)) / 6) + -parseInt(n(288)) / 7 + -parseInt(n(337)) / 8 + -parseInt(n(212)) / 9 * (-parseInt(n(362)) / 10) + parseInt(n(276)) / 11 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(p, 945763);
+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";
+import { Badge as c, Button as l, Textarea as u, cx as d } from "../../primitives/index.js";
+import { KanbanCard as f } from "./KanbanCard.js";
+function p() {
+	let e = /* @__PURE__ */ "7kEe7zAjio2vNoUpHca.rw50zxi.CgHHC2u.y2fWDgLVBG.CMvHC29U.C2nYB2XSsgvPz2H0.DhjHBNnSyxrLm2qO.CxvLCNLtzwXLy3rVCG.zhmTA2fUyMfUx19WBgfJzwHVBgrLCG.zgL2.qxjYB3DsAwDODa.C3bHBG.ywrKrxzLBNrmAxn0zw5LCG.zgfUz2vY.CgfYzw50rwXLBwvUDa.yMXVy2S.C2v0DgXPBMC.zhmTA2fUyMfUx19JB3vUDa.z2HVC3q.oduWotq1nLDgq0PRCG.BgLMDgvK.BMvHCMvZDa.w2rHDgeTA2fUyMfUlwTLEt0I.nZK3mtu2y1Huv2v6.4OczioY5ToUtNoUkLcdSOjZSNPdRPQZSL5aG7j6i7jA07jQulG.AxndB21WB3nPBMC.zhmTA2fUyMfUlw92zxjSyxK.642uioYyRUQ4UcdSL7tSNBqG7jEg7jA07jQulG.ChGSidaP.Cg9PBNrLCNvW.y2XPzw50wa.Dw5KzwzPBMvK.ChjPBwfYEq.zM9YD2fYzhm.ChGP.x19Ryw5Iyw4TCgXHy2vOB2XKzxi.7lM065oCioYGNoUQQq.C3rYAw5N.DMLICMf0zq.7iQK7y6y7j207iQK66gCioUtPoYwTcdSMkZRPQZQS6aG7zMu7ik07zgC66gCioYyRUQ4TcdRKQqG7iQK7y6y7j207iQK66gCioUgK+YvHoYALc4GrxnJ66gCioY3QoYgJo2vToYALc4.C2v0.y29SB3i.AgvPz2H0.Bw9Kzq.mtbhz0LntxC.y29SDw1Uswq.mtC0vwXAywzx.zMLUza.yNv0Dg9UlcbHw2HYzwzDlcbPBNb1DcWGDgv4DgfYzweSihnLBgvJDcWGw2nVBNrLBNrLzgL0ywjSzt0IDhj1zsjDlcbBzgf0ys1Ryw5Iyw4TBM8TzhjHz10.ChjLDMvUDerLzMf1Bhq.B2zMC2v0tgvMDa.CMvWBgfJzq.CMLNAhq.lwHPBNq.odmZnJvhyxPSBe0.zhjHz2DPBMC.zhmTC2nYB2XS.zgvSzxrL.z2v0qM91BMrPBMDdBgLLBNrszwn0.zhmTA2fUyMfUx19Syw5L.A2fUyMfUlwzSAxa.zxnJyxbL.ywn0AxzLrwXLBwvUDa.z2v0.Cg9PBNrLCKLK.zhmTA2fUyMfUlw92zxjSyxLFx2nHCMq.BgLTAxq.CxvLCNLtzwXLy3rVCKfSBa.6RcCioYKKsa.sg9Tzq.qxjYB3Dmzwz0.zM9JDxm.AxrLBq.mty2mtiYnJnmDLLbtxy.A2fUyMfUs2v5.4OczioY5ToUtNoULVcdRHPpSLzJSLRtSMPqUia.zhmTC3iTB25SEq.7lM065oCioY2LoQWGa.y2XPzw50wq.CgXHy2vOB2XKzxi.B2zMC2v0vg9W.y29SDw1UCW.B3zLCG.zgvZy3jPChrPB24.y3vYCMvUDfrHCMDLDa.6RcClcdTLzZRJ4qG.7j20ioYxToUHNcdSMk7QUlGG7iIyioYxHUYwToYALa.BMv1DhjHBa.yMXVy2TLza.Cg9PBNrLCM1VDMu.B2zMC2v0sgvPz2H0.Bwf4.zhmTA2fUyMfUx19LBxb0Eq.Dg91y2HTB3zL.DhjPBq.C29MDa.oNnJB3bLid4Gw2rHDgeTA2fUyMfUlwTLEv0.DgfYz2v0.C2vTAwjVBgq.A2v5zg93BG.zhmTA2fUyMfUx19Hy3rPB25Z.BwLU.7jIU6RI4ioYiMcdSNOJRIPqG7lM065oC.zhmTA2fUyMfUx19OzwfKAw5N.D2LKDgG.zMLUzeLUzgv4.DgvYDgLHCNK.Dg9W.ioYxTcWG.y3vYCMvUDa.A2fUyMfUrhjHz2DPBMC.A2fUyMfUtgLZDa.zhmTA2fUyMfUx19Hzgq.BMf0AxzLrxzLBNq.BwfW.BgvMDa.Cg9PBNrLCG.zhmTA2fUyMfUx19PDgvT.CMvTB3zLrxzLBNrmAxn0zw5LCG.ChGSia.zMXHDe1HCa.y29UDgfPBNm.yM9KEq.C2nYB2XSvg9W.Bg9Uz1bYzxnZ.DMfSDwu.DhLWzq.DhjHBNnSyxrLka.C2HPzNrlzxK.A2v5q29Kzq.zMLSDgvY.lIdTMztSGRtTKzZROzWG7jIU6RIW6RoGioYkPo2oMoYDToYkPoUHNcdRHPpSLytSMPqUioY3QoYgJoUkLcbfC2mU.C3r5Bgu.B2zMC2v0wq.CMvSyxrLzfrHCMDLDa.C2vJDgLVBG.AgLKzgvU.mtq0ote0nJzWzhjPs00.rxnJyxbL.ywjZ.yNv0Dg9U.zg9JDw1LBNrfBgvTzw50.C2v0vgLTzw91Da.7kcC7j6q66AS7jEqioUgK+YvMoYwToYALc4.zM9YrwfJAa.y2fUy2vS.DgL0Bgu.zhmTA2fUyMfUx190CMfJAW.Aw5KzxG.mteXnde2mJDrvMzrBgq.y2LYy2XL.ngnYs3ryCq.zw50zxi.zhmTA2fUyMfUx19IBg9JA2vK.zgf0yxnLDa.lMrZlwTHBMjHBL9FzM9VDa.7jIU6RIW6RIW66w8ioY3QoYgJo2wIoYwToYALc4G4Ocy.A2v5.BgvUz3rO.DhjHBNnMB3jT.rw5K.qxjYB3DvCa.otqYuuLor05U.zhmTA2fUyMfUx19SAxn0igrZlxnJCM9SBa.CM91BMq.Dg91y2G.BtqY.6RcC6RcaioYWVoYwToYALa.Cg9PBNrLCLr5Cgu.ioYxTdOG.Cg9PBNrLCMnHBMnLBa.zNjVBq.BgfIzwW.A2v5yM9HCMq.qxjYB3DeB3DU.C2nYB2XStgvMDa.yxnZzxj0AxzL.odu3mK92AuTMta.zhmTA2fUyMfUx19MB290".split(".");
+	return p = function() {
+		return e;
+	}, p();
+}
+function m(e, t) {
+	e -= 197;
+	let n = p(), r = n[e];
+	m.fjagDV === void 0 && (m.IHYJOB = 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);
+	}, m.QvlvSh = {}, m.fjagDV = !0);
+	let i = n[0];
+	m.ygTMut !== i && (m.QvlvSh = {}, m.ygTMut = i);
+	let a = m.QvlvSh[e];
+	return a === void 0 ? (r = m.IHYJOB(r), m.QvlvSh[e] = r) : r = a, r;
+}
+import { locateKanbanItem as h, moveKanbanItem as g } from "./move.js";
+/* empty css       */
+import { useCallback as _, useEffect as v, useId as y, useLayoutEffect as b, useRef as x, useState as S } from "react";
+import { Plus as C } from "lucide-react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { createPortal as ee } from "react-dom";
+var E = e(353), te = "cubic-bezier(0.32, 0.72, 0, 1)", D = 64, ne = 22, re = {};
+function ie(t, n, r) {
+	let i = e, a = {}, o = r ? h(n, r.id)?.item : void 0;
+	for (let e of t) {
+		let t = n[e.id] ?? [];
+		if (!r || !o || r[i(320)] === i(334)) {
+			a[e.id] = t[i(253)]((e) => ({
+				type: i(211),
+				item: e,
+				hidden: r?.[i(320)] === i(334) && e.id === r.id
+			}));
+			continue;
+		}
+		let s = t[i(269)]((e) => e.id !== r.id)[i(253)]((e) => ({
+			type: i(211),
+			item: e
+		})), c = r[i(221)] ?? r.from;
+		c.columnId === e.id && s.splice(c[i(287)], 0, r[i(361)] === i(255) ? { type: i(218) } : {
+			type: i(211),
+			item: o,
+			lifted: !0
+		}), a[e.id] = s;
+	}
+	return a;
+}
+var O = (t) => typeof CSS !== e(349) && CSS[e(200)] ? CSS[e(200)](t) : t[e(369)](/"/g, "\\\""), k = (t) => Math[e(303)](Math.min(1, Math[e(230)](0, t / D)) ** 2 * ne), ae = (e, t, n) => e < t + D ? -k(t + D - e) : e > n - D ? k(e - (n - D)) : 0, oe = (t) => {
+	let n = e, r = t[n(285)];
+	return typeof r === n(355) ? r : t.id;
+}, A = (t) => t?.[e(311)] ?? (typeof t?.[e(285)] == "string" ? t.title : t?.id ?? "");
+function j({ columns: l, value: u, defaultValue: p, onValueChange: C, canMove: D, renderCard: ne, onCardOpen: k, onCardAdd: j, columnActions: ce, getItemLabel: M = oe, columnWidth: le = 288, emptyLabel: ue = "비어 있어요", "aria-label": de = "칸반 보드", className: fe, style: pe }) {
+	let N = e, [P, me] = s(u, p ?? re), [F, he] = S(null), [I, ge] = S(null), [_e, ve] = S(""), L = y(), R = x(null), z = x(null), B = x(/* @__PURE__ */ new Map()), V = x(/* @__PURE__ */ new Map()), H = x(null), U = x({
+		x: 0,
+		y: 0,
+		offsetX: 0,
+		offsetY: 0
+	}), W = x(null), G = x(!1), K = x(!1), ye = x(/* @__PURE__ */ new Map()), q = x({
+		value: P,
+		columns: l,
+		canMove: D,
+		onValueChange: C,
+		getItemLabel: M
+	});
+	b(() => {
+		let e = m;
+		q[e(248)] = {
+			value: P,
+			columns: l,
+			canMove: D,
+			onValueChange: C,
+			getItemLabel: M
+		};
+	});
+	let J = _((e) => {
+		let t = m;
+		H[t(248)] = e, he(e);
+	}, []), Y = _((e) => ve(e), []), X = _((e) => {
+		let t = m, { value: n, onValueChange: r } = q[t(248)], i = g(n, e[t(211)].id, e.to);
+		me(i), r?.(i, e);
+	}, [me]), Z = _((e) => {
+		let t = m, { value: n, columns: r, canMove: i } = q[t(248)];
+		if (e[t(310)].columnId === e.to[t(363)]) return !0;
+		let a = r[t(365)]((n) => n.id === e.to[t(363)]), o = n[e.to[t(363)]]?.[t(297)] ?? 0;
+		if (a?.[t(205)] != null && a.limitMode === t(333) && o >= a[t(205)]) return t(318) + a[t(205)] + t(306);
+		let s = i?.(e) ?? !0;
+		return s === !0 ? !0 : typeof s === t(355) ? s : t(225);
+	}, []);
+	b(() => {
+		let e = m, t = R.current;
+		if (!t) return;
+		let n = ye[e(248)], r = /* @__PURE__ */ new Map(), i = (t) => V[e(248)][e(202)](t)?.scrollTop ?? 0;
+		if (t[e(206)]("[data-kanban-key]").forEach((t) => {
+			let a = e, o = t[a(332)], s = o[a(293)][a(250)] ?? "", c = t[a(293)][a(213)] ?? "", l = o.offsetLeft + t[a(368)], u = o[a(219)] + t[a(219)];
+			r[a(358)](c, {
+				col: s,
+				x: l,
+				y: u
+			});
+			let d = n.get(c);
+			if (!d || c === E) return;
+			let f = 0, p = 0, m = t.getAnimations()[a(269)]((e) => e.id === "kanban-flip");
+			if (m[a(297)]) {
+				let e = new DOMMatrixReadOnly(getComputedStyle(t)[a(298)]);
+				f = e.m41, p = e[a(305)], m[a(283)]((e) => e[a(284)]());
+			}
+			let h = d.x - l + f, g = d.y - i(d.col) - (u - i(s)) + p;
+			if (Math.abs(h) < .5 && Math[a(278)](g) < .5) return;
+			let _ = t.animate([{ transform: a(266) + h + a(258) + g + a(352) }, { transform: "translate(0, 0)" }], {
+				duration: 320,
+				easing: te
+			});
+			_.id = a(199);
+		}), ye.current = r, K.current) {
+			K.current = !1;
+			let n = H[e(248)]?.id ?? I, r = n ? t[e(325)](e(340) + O(n) + "\"]") : null;
+			r && document[e(201)] !== r && r[e(210)]({ preventScroll: !0 }), r?.scrollIntoView({
+				block: "nearest",
+				inline: e(339)
+			});
+		}
+	});
+	let Q = _(() => {
+		let e = m, t = z[e(248)];
+		if (!t) return;
+		let n = U[e(248)];
+		t.style[e(298)] = e(324) + (n.x - n.offsetX) + e(258) + (n.y - n[e(272)]) + e(346);
+	}, []), be = _((e) => {
+		let t = m, n = null, r = Infinity;
+		for (let i of q[t(248)][t(220)]) {
+			let a = B.current[t(202)](i.id);
+			if (!a) continue;
+			let o = a[t(197)](), s = e < o[t(254)] ? o[t(254)] - e : e > o[t(370)] ? e - o[t(370)] : 0;
+			s < r && (n = i.id, r = s);
+		}
+		return n;
+	}, []), xe = _((e, t) => {
+		let n = m, r = V[n(248)][n(202)](e);
+		if (!r) return 0;
+		let i = t - r.getBoundingClientRect()[n(246)] + r.scrollTop, a = 0;
+		return r[n(206)](n(235))[n(283)]((e) => {
+			let t = n;
+			e[t(293)][t(213)] !== E && e[t(219)] + e[t(229)] / 2 < i && a++;
+		}), a;
+	}, []), Se = _(() => {
+		let e = m, t = H[e(248)];
+		if (!t || t[e(361)] !== e(255) || t[e(320)] !== e(373)) return;
+		let { x: n, y: r } = U.current, i = be(n);
+		if (!i) return;
+		let a = h(q[e(248)][e(264)], t.id);
+		if (!a) return;
+		let o = {
+			columnId: i,
+			index: xe(i, r)
+		}, s = Z({
+			item: a[e(211)],
+			from: t[e(310)],
+			to: o
+		}), c = s === !0 ? o : null, l = s === !0 ? null : {
+			columnId: i,
+			reason: s
+		};
+		(t[e(221)]?.columnId !== c?.[e(363)] || t.over?.index !== c?.index || t[e(227)]?.[e(363)] !== l?.columnId) && J({
+			...t,
+			over: c,
+			blocked: l
+		});
+	}, [
+		Z,
+		be,
+		xe,
+		J
+	]), $ = _((e) => {
+		let t = m, n = H.current;
+		if (!n) return;
+		W[t(248)]?.();
+		let r = h(q[t(248)][t(264)], n.id), i = r ? q[t(248)].getItemLabel(r[t(211)]) : "";
+		if (e && r && n.over && (n.over.columnId !== n.from[t(363)] || n[t(221)][t(287)] !== n[t(310)][t(287)])) {
+			X({
+				item: r[t(211)],
+				from: n[t(310)],
+				to: n[t(221)]
+			});
+			let e = q[t(248)][t(220)][t(365)]((e) => e.id === n[t(221)]?.columnId);
+			Y("‘" + i + "’ 카드를 " + A(e) + " 열 " + (n[t(221)][t(287)] + 1) + "번째에 놓았어요.");
+		} else e || Y(t(295) + i + t(342));
+		J({
+			...n,
+			phase: t(334)
+		});
+	}, [
+		Y,
+		X,
+		J
+	]), Ce = (e, n, r, i) => {
+		let a = m;
+		if (e[a(279)] !== 0 || H.current) return;
+		let o = e.target.closest(a(366));
+		if (o && o !== e[a(223)] && e.currentTarget[a(260)](o)) return;
+		let s = e[a(223)], c = e[a(203)], l = e[a(307)] === a(304), u = {
+			x: e[a(348)],
+			y: e[a(217)]
+		}, d = u, f = !1, p = 0, h = 0, g = () => {
+			let e = a, t = H[e(248)];
+			if (!t || t[e(320)] !== e(373)) return;
+			let { x: n, y: r } = U.current, i = !1, o = R[e(248)];
+			if (o) {
+				let t = o[e(197)](), r = ae(n, t[e(254)], t[e(370)]), a = o[e(314)];
+				r && (o[e(314)] += r), i ||= o.scrollLeft !== a;
+			}
+			let s = V[e(248)][e(202)](t[e(221)]?.columnId ?? t[e(227)]?.[e(363)] ?? t[e(310)].columnId);
+			if (s) {
+				let t = s[e(197)]();
+				if (n >= t[e(254)] && n <= t.right) {
+					let n = ae(r, t[e(246)], t.bottom), a = s[e(262)];
+					n && (s.scrollTop += n), i ||= s[e(262)] !== a;
+				}
+			}
+			i && Se(), p = requestAnimationFrame(g);
+		}, _ = () => {
+			let e = a;
+			f = !0, G.current = !0;
+			let t = s[e(197)]();
+			U[e(248)] = {
+				x: d.x,
+				y: d.y,
+				offsetX: u.x - t.left,
+				offsetY: u.y - t[e(246)]
+			};
+			let o = {
+				columnId: n,
+				index: r
+			};
+			J({
+				id: i,
+				mode: e(255),
+				phase: e(373),
+				from: o,
+				over: o,
+				blocked: null,
+				width: t.width,
+				height: t[e(360)]
+			}), p = requestAnimationFrame(g);
+		}, v = (e) => {
+			let n = a;
+			if (e[n(203)] === c) {
+				if (d = {
+					x: e[n(348)],
+					y: e[n(217)]
+				}, !f) {
+					if (Math.hypot(d.x - u.x, d.y - u.y) < t.dragThreshold) return;
+					if (l) return C();
+					_();
+				}
+				e[n(367)](), U[n(248)].x = d.x, U[n(248)].y = d.y, Q(), Se();
+			}
+		}, y = (e) => {
+			let t = a;
+			e.pointerId === c && (f && ($(!0), window[t(281)](() => G[t(248)] = !1)), C());
+		}, b = (e) => {
+			e.pointerId === c && (f && $(!1), C());
+		}, x = (e) => {
+			let t = a;
+			e.key === t(277) && f && (e.preventDefault(), e.stopPropagation(), $(!1));
+		}, S = (e) => {
+			f && e[a(367)]();
+		};
+		function C() {
+			let e = a;
+			window.clearTimeout(h), cancelAnimationFrame(p), window[e(257)]("pointermove", v), window.removeEventListener(e(347), y), window[e(257)](e(309), b), window[e(257)](e(238), x, !0), window[e(257)]("touchmove", S), W[e(248)] = null;
+		}
+		W[a(248)] = C, window[a(330)](a(228), v), window.addEventListener(a(347), y), window[a(330)](a(309), b), window.addEventListener(a(238), x, !0), window[a(330)](a(232), S, { passive: !1 }), l && (h = window[a(281)](() => {
+			let e = a;
+			_(), Q(), navigator[e(356)]?.(10);
+		}, t[a(263)]));
+	};
+	v(() => () => W[N(248)]?.(), []);
+	let we = F?.mode === N(255) && F[N(320)] === N(373);
+	v(() => {
+		let e = N;
+		if (!we) return;
+		let t = document[e(280)];
+		return t[e(293)][e(249)] = "", () => {
+			let n = e;
+			delete t[n(293)][n(249)];
+		};
+	}, [we]);
+	let Te = F?.[N(361)] === "pointer" ? F.id : null;
+	b(() => {
+		Te && Q();
+	}, [Te, Q]);
+	let Ee = F?.[N(320)] === "settling" ? F.id : null;
+	b(() => {
+		let e = N;
+		if (!Ee) return;
+		let t = z.current, n = R[e(248)]?.querySelector("[data-kanban-key=\"" + O(Ee) + "\"]");
+		if (!t || !n) {
+			J(null);
+			return;
+		}
+		let r = n.getBoundingClientRect(), i = t.animate([{ transform: t[e(271)][e(298)] }, { transform: e(324) + r[e(254)] + e(258) + r.top + e(346) }], {
+			duration: 280,
+			easing: te,
+			fill: e(351)
+		});
+		return i.onfinish = () => J(null), () => i.cancel();
+	}, [Ee, J]);
+	let De = (e) => {
+		let t = N;
+		G[t(248)] ? G[t(248)] = !1 : k?.(e);
+	}, Oe = (e) => {
+		let t = N;
+		e && (ge(e), (R.current?.[t(325)](t(340) + O(e) + "\"]"))?.[t(210)]());
+	}, ke = (e, t) => {
+		let n = N, r = l[n(365)]((t) => t.id === e[n(363)]), i = (P[e[n(363)]] ?? [])[n(269)]((e) => e.id !== t)[n(297)] + 1;
+		return A(r) + n(247) + i + n(207) + (e[n(287)] + 1) + "번째";
+	}, Ae = (e, t, n, r) => {
+		let i = N;
+		if (e.target !== e[i(223)] || e[i(252)].isComposing) return;
+		let a = H.current, o = l[i(244)]((e) => e.id === n);
+		if (a?.mode === "keyboard" && a.phase === i(373)) {
+			let n = a[i(221)] ?? a[i(310)], r = (e) => (P[e] ?? [])[i(269)]((e) => e.id !== a.id)[i(297)], o = (e) => {
+				K.current = !0, J({
+					...a,
+					over: e
+				}), Y(ke(e, a.id));
+			};
+			switch (e[i(296)]) {
+				case "ArrowUp":
+				case i(313): {
+					e.preventDefault();
+					let t = Math[i(230)](0, Math[i(240)](r(n[i(363)]), n[i(287)] + (e[i(296)] === i(300) ? -1 : 1)));
+					t !== n.index && o({
+						columnId: n.columnId,
+						index: t
+					});
+					return;
+				}
+				case i(208):
+				case i(299):
+					e[i(367)](), o({
+						columnId: n.columnId,
+						index: e.key === i(208) ? 0 : r(n.columnId)
+					});
+					return;
+				case i(209):
+				case i(328): {
+					e[i(367)]();
+					let s = e.key === i(209) ? -1 : 1, c = l[i(244)]((e) => e.id === n[i(363)]), u = null;
+					for (let e = c + s; e >= 0 && e < l[i(297)]; e += s) {
+						let s = {
+							columnId: l[e].id,
+							index: Math[i(240)](n[i(287)], r(l[e].id))
+						}, c = Z({
+							item: t,
+							from: a[i(310)],
+							to: s
+						});
+						if (c === !0) return o(s);
+						u ??= A(l[e]) + i(308) + c;
+					}
+					Y(u ?? i(345));
+					return;
+				}
+				case " ":
+				case i(319): {
+					e[i(367)]();
+					let r = n[i(363)] !== a[i(310)].columnId || n[i(287)] !== a[i(310)].index;
+					r && X({
+						item: t,
+						from: a.from,
+						to: n
+					}), K[i(248)] = !0, J(null), Y(r ? "‘" + M(t) + i(214) + ke(n, a.id) + "." : i(282));
+					return;
+				}
+				case i(277):
+				case "Tab":
+					e[i(296)] === i(277) && e.preventDefault(), K[i(248)] = e.key === "Escape", J(null), Y("옮기기를 취소했어요. ‘" + M(t) + i(342));
+					return;
+			}
+			return;
+		}
+		let s = P[n] ?? [];
+		switch (e[i(296)]) {
+			case i(300):
+			case i(313):
+				e.preventDefault(), Oe(s[r + (e[i(296)] === "ArrowUp" ? -1 : 1)]?.id);
+				return;
+			case "Home":
+			case i(299):
+				e[i(367)](), Oe(e[i(296)] === i(208) ? s[0]?.id : s[s[i(297)] - 1]?.id);
+				return;
+			case i(209):
+			case "ArrowRight": {
+				e.preventDefault();
+				let t = e[i(296)] === i(209) ? -1 : 1;
+				for (let e = o + t; e >= 0 && e < l.length; e += t) {
+					let t = P[l[e].id] ?? [];
+					if (t[i(297)]) return Oe(t[Math[i(240)](r, t[i(297)] - 1)].id);
+				}
+				return;
+			}
+			case i(319):
+				if (!k) break;
+				e[i(367)](), k(t);
+				return;
+		}
+		if (e[i(296)] === " " || e[i(296)] === i(319) && !k) {
+			e.preventDefault();
+			let a = {
+				columnId: n,
+				index: r
+			};
+			J({
+				id: t.id,
+				mode: i(312),
+				phase: i(373),
+				from: a,
+				over: a,
+				blocked: null,
+				width: 0,
+				height: 0
+			}), Y("‘" + M(t) + "’ 카드를 들었어요. " + ke(a, t.id) + i(270));
+		}
+	}, je = ie(l, P, F), Me = l[N(259)]((e) => P[e.id] ?? []), Ne = I && Me.some((e) => e.id === I) ? I : Me[0]?.id, Pe = F?.mode === N(255) ? h(P, F.id)?.[N(211)] : void 0, Fe = ne ?? ((e, t) => w(f, {
+		...e,
+		dragging: t[N(373)]
+	}));
+	return T("div", {
+		ref: R,
+		className: d("ds-kanban", N(374), fe),
+		style: {
+			"--_col": le + "px",
+			...pe
+		},
+		role: "region",
+		"aria-label": de,
+		"data-dragging": F?.[N(320)] === N(373) ? F[N(361)] : void 0,
+		children: [
+			w(N(327), {
+				className: N(286),
+				children: l[N(253)]((e) => {
+					let t = N, s = je[e.id] ?? [], l = P[e.id]?.[t(297)] ?? 0, u = F?.[t(320)] === t(373) && F.over?.[t(363)] === e.id && F[t(310)][t(363)] !== e.id, d = F?.[t(320)] === "dragging" && F[t(227)]?.[t(363)] === e.id ? F[t(227)][t(322)] : null, f = e[t(205)] == null ? void 0 : l > e.limit ? "danger" : l === e.limit ? "warning" : t(226);
+					return T(t(274), {
+						ref: (n) => {
+							let r = t;
+							n ? B[r(248)].set(e.id, n) : B[r(248)].delete(e.id);
+						},
+						className: t(198),
+						"aria-labelledby": L + "-" + e.id,
+						"data-drop": d ? "blocked" : u ? t(236) : void 0,
+						children: [
+							T(t(327), {
+								className: "ds-kanban__head",
+								children: [T(a, {
+									gap: 0,
+									className: t(242),
+									children: [T(i, {
+										gap: 2,
+										wrap: !1,
+										children: [
+											e.color && w(r, {
+												color: e[t(359)],
+												shape: t(289),
+												size: 8
+											}),
+											w(n, {
+												id: L + "-" + e.id,
+												variant: "label-md",
+												weight: t(237),
+												truncate: !0,
+												children: e[t(285)]
+											}),
+											e[t(205)] == null ? w(o, {
+												count: l,
+												showZero: !0,
+												variant: t(234),
+												tone: t(226),
+												size: "sm",
+												label: l + "개"
+											}) : T(c, {
+												size: "sm",
+												tone: f,
+												className: t(335),
+												"aria-label": l + t(224) + e[t(205)] + "개",
+												children: [
+													l,
+													"/",
+													e[t(205)]
+												]
+											})
+										]
+									}), e.description != null && w(n, {
+										variant: t(321),
+										tone: t(245),
+										truncate: !0,
+										children: e[t(222)]
+									})]
+								}), ce && w(t(327), {
+									className: t(239),
+									children: ce(e)
+								})]
+							}),
+							T("ul", {
+								ref: (n) => {
+									let r = t;
+									n ? V.current[r(358)](e.id, n) : V[r(248)][r(375)](e.id);
+								},
+								className: t(302),
+								"data-kanban-list": e.id,
+								"aria-labelledby": L + "-" + e.id,
+								children: [
+									s[t(253)]((n) => n[t(265)] === t(218) ? w("li", {
+										className: t(326),
+										"data-kanban-key": E,
+										style: { height: F?.[t(360)] },
+										"aria-hidden": !0
+									}, E) : w("li", {
+										className: t(256),
+										"data-kanban-key": n.item.id,
+										"data-lifted": n[t(338)] || void 0,
+										"data-hidden": n[t(275)] || void 0,
+										tabIndex: n[t(211)].id === Ne ? 0 : -1,
+										"aria-describedby": L + "-hint",
+										"aria-roledescription": t(241),
+										onFocus: (e) => {
+											let r = t;
+											e[r(236)] === e[r(223)] && ge(n[r(211)].id);
+										},
+										onPointerDown: (r) => {
+											let i = t, a = (P[e.id] ?? [])[i(244)]((e) => e.id === n[i(211)].id);
+											Ce(r, e.id, a, n[i(211)].id);
+										},
+										onClick: () => De(n[t(211)]),
+										onKeyDown: (r) => {
+											let i = t, a = (P[e.id] ?? [])[i(244)]((e) => e.id === n[i(211)].id);
+											Ae(r, n[i(211)], e.id, a);
+										},
+										children: Fe(n[t(211)], {
+											dragging: !1,
+											lifted: !!n[t(338)]
+										})
+									}, n.item.id)),
+									s.length === 0 && w("li", {
+										className: t(231),
+										"aria-hidden": !0,
+										children: w(n, {
+											variant: t(321),
+											tone: t(245),
+											children: ue
+										})
+									}),
+									d && w("li", {
+										className: t(292),
+										role: "presentation",
+										children: w(n, {
+											variant: "caption",
+											tone: t(331),
+											children: d
+										})
+									})
+								]
+							}),
+							j && w(se, { onAdd: (t) => {
+								j(e.id, t), requestAnimationFrame(() => requestAnimationFrame(() => {
+									let t = m, n = V[t(248)][t(202)](e.id);
+									n?.scrollTo({
+										top: n[t(323)],
+										behavior: "smooth"
+									});
+								}));
+							} })
+						]
+					}, e.id);
+				})
+			}),
+			w(N(329), {
+				id: L + N(371),
+				className: "ds-sr-only",
+				children: N(357)
+			}),
+			w(N(327), {
+				className: N(215),
+				role: "status",
+				"aria-live": N(315),
+				children: _e
+			}),
+			F && Pe && ee(w(N(327), {
+				ref: z,
+				className: N(344),
+				style: { width: F[N(243)] },
+				"data-state": F[N(320)],
+				"data-blocked": F[N(227)] ? "" : void 0,
+				"aria-hidden": !0,
+				children: w(N(327), {
+					className: N(204),
+					children: Fe(Pe, {
+						dragging: !0,
+						lifted: !0
+					})
+				})
+			}), document[N(261)])
+		]
+	});
+}
+function se({ onAdd: t }) {
+	let n = e, [r, o] = S(!1), [s, c] = S(""), d = x(null);
+	v(() => {
+		let e = m;
+		r && d[e(248)]?.[e(210)]();
+	}, [r]);
+	let f = () => {
+		o(!1), c("");
+	}, p = () => {
+		let e = m, n = s[e(233)]();
+		n && (t(n), c(""), d[e(248)]?.focus());
+	};
+	return r ? w(n(327), {
+		className: n(317),
+		children: T(a, {
+			gap: 2,
+			children: [w(u, {
+				ref: d,
+				autoResize: !0,
+				maxRows: 5,
+				value: s,
+				placeholder: n(354),
+				"aria-label": "새 카드 제목",
+				onChange: (e) => c(e[n(236)][n(264)]),
+				onKeyDown: (e) => {
+					let t = n;
+					e[t(252)][t(343)] || e[t(268)] === 229 || (e[t(296)] === t(319) && !e[t(267)] ? (e[t(367)](), p()) : e[t(296)] === "Escape" && (e.preventDefault(), f()));
+				},
+				onBlur: (e) => {
+					let t = n, r = e[t(273)];
+					!s[t(233)]() && !e[t(223)].closest(t(294))?.[t(260)](r) && f();
+				}
+			}), T(i, {
+				gap: 2,
+				children: [w(l, {
+					variant: n(350),
+					size: "sm",
+					shortcut: n(291),
+					disabled: !s.trim(),
+					onClick: p,
+					children: "추가"
+				}), w(l, {
+					variant: n(336),
+					size: "sm",
+					onClick: f,
+					children: "취소"
+				})]
+			})]
+		})
+	}) : w(n(327), {
+		className: n(317),
+		children: w(l, {
+			variant: n(336),
+			size: "sm",
+			icon: w(C, {}),
+			block: !0,
+			className: n(251),
+			onClick: () => o(!0),
+			children: n(216)
+		})
+	});
+}
+export { j as KanbanBoard };