@iamfiro/design 0.3.2 → 0.3.5

package/lib/components/Kanban/Kanban2.js

@@ -1,182 +1,188 @@
 "use client";
-const e = c;
+const e = s;
 (function(e, t) {
-	let n = c, r = e();
+	let n = s, r = e();
 	for (;;) try {
-		if (parseInt(n(408)) / 1 + -parseInt(n(482)) / 2 + -parseInt(n(404)) / 3 + -parseInt(n(329)) / 4 + -parseInt(n(327)) / 5 + -parseInt(n(405)) / 6 * (-parseInt(n(322)) / 7) + -parseInt(n(346)) / 8 * (-parseInt(n(328)) / 9) == t) break;
+		if (-parseInt(n(586)) / 1 + -parseInt(n(446)) / 2 * (parseInt(n(525)) / 3) + parseInt(n(541)) / 4 + -parseInt(n(507)) / 5 * (-parseInt(n(488)) / 6) + -parseInt(n(505)) / 7 + -parseInt(n(483)) / 8 + parseInt(n(569)) / 9 == t) break;
 		r.push(r.shift());
 	} catch {
 		r.push(r.shift());
 	}
-})(j, 357359);
+})(i, 505539);
 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(e, t) {
-	e -= 295;
-	let n = j(), r = n[e];
-	c.EenTtW === void 0 && (c.ajoNop = function(e) {
+function i() {
+	let e = /* @__PURE__ */ "6RcC6RcaioYWVoYwToYALa.z2v0qM91BMrPBMDdBgLLBNrszwn0.qxjYB3Dmzwz0.CMvWBgfJzq.zhmTA2fUyMfUx19MB290.y2fUy2vS.Cg9PBNrLCM1VDMu.zhmTA2fUyMfUx19OzwfKAw5N.DhjHBNnSyxrLkdaSidaP.vgfI.BMvHCMvZDa.4OczioY5ToUtNoULVcdRHPpSLzJSLRtSMPqUia.zhmTA2fUyMfUx19Syw5L.B2zMC2v0wa.C3rYAw5N.yw5PBwf0zq.mti0nZe0mwvYEMfKAq.zhmTA2fUyMfUx19IBg9JA2vK.ndy5mtG3meTjwNjgzW.B25MAw5PC2G.DgvYDgLHCNK.zgf0yxnLDa.yM9KEq.zhmTA2fUyMfUx19Hzgq.yxnZzxj0AxzL.zhmTA2fUyMfUlw92zxjSyxK.ywrKrxzLBNrmAxn0zw5LCG.y3vYCMvUDa.yMXVy2S.Cg9PBNrLCKLK.AxrLBq.ywjZ.B2zMC2v0tgvMDa.C29MDa.BMv1DhjHBa.A2fUyMfUrhjHz2DPBMC.mtjywwfoyxG.BwfW.C3rVCfbYB3bHz2f0Aw9U.C3rHDhvZ.BtqX.zhjHz2DPBMC.C21VB3rO.BgvUz3rO.ChGSia.C2nYB2XSvg9W.BgvMDa.C2vJDgLVBG.A2fUyMfUlwzSAxa.DhjPBq.z2v0qw5PBwf0Aw9UCW.yM90Dg9T.nZm5odi4s0Huyvr2.C3bSAwnL.B2zMC2v0wq.y29SDw1UCW.sg9Tzq.B3zLCG.BMf0AxzLrxzLBNq.lIdTMztSGRtTKzZROzWG7jIU6RIW6RoGioYkPo2oMoYDToYkPoUHNcdRHPpSLytSMPqUioY3QoYgJoUkLcbfC2mU.CM91BMq.zgfUz2vY.zxnJyxbL.BwLU.C2nYB2XSvg8.642uioYyRUQ4UcdSL7tSNBqG7jEg7jA07jQulG.7iQK7y6y7j207iQK66gCioUtPoYwTcdSMkZRPQZQS6aG7zMu7ik07zgC66gCioYyRUQ4TcdRKQqG7iQK7y6y7j207iQK66gCioUgK+YvHoYALc4GrxnJ66gCioY3QoYgJo2vToYALc4.CgHHC2u.CMvSyxrLzfrHCMDLDa.C3r5Bgu.ChjLDMvUDerLzMf1Bhq.4OczioY5ToUtNoULVca.BtqY.DgL0Bgu.Dg91y2G.Bw9Kzq.zhmTA2fUyMfU.BgLMDgvK.A2v5yM9HCMq.w2rHDgeTA2fUyMfUlwTLEt0I.mtiZndK3nZnMtgTYtNO.z2v0sxrLBuXHyMvS.Aw5KzxG.DMfSDwu.D2fYBMLUzW.y2XLyxjuAw1LB3v0.B2zMC2v0sgvPz2H0.y2fWDgLVBG.yMXVy2TLza.zhjHz1rOCMvZAg9Sza.CMvHC29U.67ki7kE47jEqioUgK+YvMoYwToYALc4.Dg9W.CMvTB3zLrxzLBNrmAxn0zw5LCG.zM9YD2fYzhm.y29S.DhLWzq.mZCZmtfswKH5reC.lMrZlwTHBMjHBL9FzM9VDa.zhmTA2fUyMfUx19PDgvT.ioYxTcWG.ChGSidaP.A2v5.z2v0.CxvLCNLtzwXLy3rVCG.CMvNAw9U.zMLUzeLUzgv4.zgL2.BgfIzwWTBwq.4OczioY5ToUtNoUkLcdSOjZSNPdRPQZSL5aG7j6i7jA07jQulG.zw50zxi.DgfYz2v0.B2zMC2v0vg9W.rxnJyxbL.C2nYB2XStgvMDa.Cg9PBNrLCNvW.ChGP.w2rHDgeTA2fUyMfUlwTLEv0.7jIU6RIW6RIW66w8ioY3QoYgJo2wIoYwToYALc4G4Ocy.zM9JDxm.y2XPzw50wa.y29SDw1Uswq.zNjVBq.zgvSzxrL.zhmTA2fUyMfUx19SAxn0igrZlxnJCM9SBa.ioYxTdOG.C2v0DgXPBMC.BgfIzwW.BgLTAxq.Bwf4.7kcC7j6q66AS7jEqioUgK+YvMoYwToYALc4.zgvZy3jPChrPB24.lwHPBNq.qxjYB3DvCa.7lM065oCioYGNoUQQq.y2LYy2XL.7jIU6RI4ioYiMcdSNOJRIPqG7lM065oC.D2LKDgG.ioYxTca.rw5K.ndaWntuWB0jHqu55.C29Tzq.Bg9Uz1bYzxnZ.yNv0Dg9UlcbHw2HYzwzDlcbPBNb1DcWGDgv4DgfYzweSihnLBgvJDcWGw2nVBNrLBNrLzgL0ywjSzt0IDhj1zsjDlcbBzgf0ys1Ryw5Iyw4TBM8TzhjHz10.C2v0vgLTzw91Da.C2v0.x19Ryw5Iyw4TCgXHy2vOB2XKzxi.zg9JDw1LBNrfBgvTzw50.qxjYB3DeB3DU.CxvLCNLtzwXLy3rVCKfSBa.zM9YrwfJAa.y29SB3i.CMLNAhq.Cg9PBNrLCG.Cg9PBNrLCMnHBMnLBa.AxndB21WB3nPBMC.z2HVC3q.A2fUyMfUtgLZDa.DhjHBNnMB3jT.Cg9PBNrLCLr5Cgu.AhLWB3q.zMLUza.A2v5zg93BG.zhmTC3iTB25SEq.Dg91y2HTB3zL.A2fUyMfUs2v5.DhjHBNnSyxrLka.zMLSDgvY.C2HPzNrlzxK.y3vYCMvUDfrHCMDLDa.y2XPzw50wq.qxjYB3DsAwDODa.C2nYB2XSsw50B1zPzxC.y29UDgfPBNm.zhmTA2fUyMfUx190CMfJAW.AgvPz2H0.7kEe7zAjio2vNoUpHca.nZC4nZmYmhD2zuL1uq.zhmTA2fUyMfUx19Hy3rPB25Z.CgXHy2vOB2XKzxi.rw50zxi.y2XVC2vZDa.nLfuBMz6va".split(".");
+	return i = function() {
+		return e;
+	}, i();
+}
+import { Inline as a, Stack as o } from "../../primitives/Layout2.js";
+function s(e, t) {
+	e -= 432;
+	let n = i(), r = n[e];
+	s.zumSql === void 0 && (s.jaUxfJ = 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);
-	}, c.gLjlex = {}, c.EenTtW = !0);
-	let i = n[0];
-	c.aVOoea !== i && (c.gLjlex = {}, c.aVOoea = i);
-	let a = c.gLjlex[e];
-	return a === void 0 ? (r = c.ajoNop(r), c.gLjlex[e] = r) : r = a, r;
+	}, s.bGSpaM = {}, s.zumSql = !0);
+	let a = n[0];
+	s.qwfOxo !== a && (s.bGSpaM = {}, s.qwfOxo = a);
+	let o = s.bGSpaM[e];
+	return o === void 0 ? (r = s.jaUxfJ(r), s.bGSpaM[e] = r) : r = o, r;
 }
-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";
+import { CountBadge as c } from "../../primitives/CountBadge2.js";
+import { useControllableState as l } from "../../hooks/useControllableState.js";
+import { Badge as u, Button as d, Textarea as f, cx as p } from "../../primitives/index.js";
+import { KanbanCard as m } from "./KanbanCard.js";
+import { locateKanbanItem as h, moveKanbanItem as g } from "./move.js";
 /* empty css       */
-import { useCallback as g, useEffect as _, useId as ee, useLayoutEffect as v, useRef as y, useState as b } from "react";
-import { Plus as x } from "lucide-react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { createPortal as te } from "react-dom";
-var w = e(442), ne = e(298), T = 64, E = 22, re = {};
+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(452), 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 ? m(n, r.id)?.[i(425)] : void 0;
+	let i = e, a = {}, o = r ? h(n, r.id)?.[i(519)] : void 0;
 	for (let e of t) {
 		let t = n[e.id] ?? [];
-		if (!r || !o || r[i(343)] === i(379)) {
-			a[e.id] = t[i(359)]((e) => ({
-				type: i(425),
+		if (!r || !o || r.phase === i(432)) {
+			a[e.id] = t[i(526)]((e) => ({
+				type: "item",
 				item: e,
-				hidden: r?.[i(343)] === i(379) && e.id === r.id
+				hidden: r?.[i(556)] === i(432) && e.id === r.id
 			}));
 			continue;
 		}
-		let s = t[i(407)]((e) => e.id !== r.id).map((e) => ({
-			type: "item",
+		let s = t[i(473)]((e) => e.id !== r.id)[i(526)]((e) => ({
+			type: i(519),
 			item: e
-		})), c = r[i(348)] ?? r[i(469)];
-		c[i(370)] === e.id && s[i(319)](c[i(443)], 0, r.mode === i(458) ? { type: i(481) } : {
-			type: i(425),
+		})), c = r[i(546)] ?? r[i(611)];
+		c[i(610)] === e.id && s[i(542)](c.index, 0, r.mode === "pointer" ? { type: i(485) } : {
+			type: i(519),
 			item: o,
 			lifted: !0
 		}), a[e.id] = s;
 	}
 	return a;
 }
-var D = (t) => typeof CSS !== e(325) && CSS[e(448)] ? CSS[e(448)](t) : t[e(465)](/"/g, "\\\""), O = (t) => Math[e(356)](Math[e(360)](1, Math.max(0, t / T)) ** 2 * E), ae = (e, t, n) => e < t + T ? -O(t + T - e) : e > n - T ? O(e - (n - T)) : 0, oe = (t) => {
-	let n = e, r = t[n(326)];
-	return typeof r === n(480) ? r : t.id;
-}, k = (t) => t?.[e(362)] ?? (typeof t?.title === e(480) ? t[e(326)] : t?.id ?? "");
-function A({ columns: u, value: d, defaultValue: x, onValueChange: T, canMove: E, renderCard: O, onCardOpen: A, onCardAdd: j, columnActions: ce, getItemLabel: M = oe, columnWidth: le = 288, emptyLabel: ue = e(449), "aria-label": de = "칸반 보드", className: fe, style: pe }) {
-	let N = e, [P, me] = s(d, x ?? re), [F, he] = b(null), [I, ge] = b(null), [_e, ve] = b(""), L = ee(), R = y(null), z = y(null), B = y(/* @__PURE__ */ new Map()), V = y(/* @__PURE__ */ new Map()), H = y(null), U = y({
+var O = (t) => typeof CSS < "u" && CSS[e(551)] ? CSS[e(551)](t) : t[e(492)](/"/g, "\\\""), k = (t) => Math[e(549)](Math.min(1, Math[e(435)](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.title;
+	return typeof r === n(503) ? r : t.id;
+}, A = (t) => t?.[e(433)] ?? (typeof t?.title === e(503) ? t[e(562)] : t?.id ?? "");
+function j({ columns: i, value: d, defaultValue: f, 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] = l(d, f ?? 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 = y(null), G = y(!1), K = y(!1), ye = y(/* @__PURE__ */ new Map()), q = y({
+	}), W = x(null), G = x(!1), K = x(!1), ye = x(/* @__PURE__ */ new Map()), q = x({
 		value: P,
-		columns: u,
-		canMove: E,
-		onValueChange: T,
+		columns: i,
+		canMove: D,
+		onValueChange: C,
 		getItemLabel: M
 	});
-	v(() => {
+	b(() => {
 		q.current = {
 			value: P,
-			columns: u,
-			canMove: E,
-			onValueChange: T,
+			columns: i,
+			canMove: D,
+			onValueChange: C,
 			getItemLabel: M
 		};
 	});
-	let J = g((e) => {
-		let t = c;
-		H[t(345)] = e, he(e);
-	}, []), Y = g((e) => ve(e), []), X = g((e) => {
-		let t = c, { value: n, onValueChange: r } = q[t(345)], i = h(n, e[t(425)].id, e.to);
+	let J = _((e) => {
+		let t = s;
+		H[t(516)] = e, he(e);
+	}, []), Y = _((e) => ve(e), []), X = _((e) => {
+		let t = s, { value: n, onValueChange: r } = q[t(516)], i = g(n, e[t(519)].id, e.to);
 		me(i), r?.(i, e);
-	}, [me]), Z = g((e) => {
-		let t = c, { value: n, columns: r, canMove: i } = q.current;
-		if (e[t(469)].columnId === e.to[t(370)]) return !0;
-		let a = r[t(401)]((n) => n.id === e.to[t(370)]), o = n[e.to.columnId]?.[t(455)] ?? 0;
-		if (a?.[t(419)] != null && a[t(371)] === t(369) && o >= a.limit) return t(478) + a[t(419)] + "개가 찼어요";
-		let s = i?.(e) ?? !0;
-		return s === !0 ? !0 : typeof s == "string" ? s : t(380);
+	}, [me]), Z = _((e) => {
+		let t = s, { value: n, columns: r, canMove: i } = q[t(516)];
+		if (e[t(611)][t(610)] === e.to[t(610)]) return !0;
+		let a = r[t(467)]((t) => t.id === e.to.columnId), o = n[e.to[t(610)]]?.[t(532)] ?? 0;
+		if (a?.limit != null && a.limitMode === t(517) && o >= a[t(434)]) return t(482) + a[t(434)] + t(489);
+		let c = i?.(e) ?? !0;
+		return c === !0 ? !0 : typeof c === t(503) ? c : "이 열로 옮길 수 없어요";
 	}, []);
-	v(() => {
-		let e = c, t = R.current;
+	b(() => {
+		let e = s, t = R[e(516)];
 		if (!t) return;
-		let n = ye[e(345)], r = /* @__PURE__ */ new Map(), i = (t) => V[e(345)][e(435)](t)?.[e(457)] ?? 0;
-		if (t[e(352)](e(445))[e(411)]((t) => {
-			let a = e, o = t[a(392)], s = o[a(463)].kanbanList ?? "", c = t[a(463)].kanbanKey ?? "", l = o[a(393)] + t.offsetLeft, u = o.offsetTop + t[a(363)];
-			r[a(440)](c, {
+		let n = ye[e(516)], r = /* @__PURE__ */ new Map(), i = (t) => V[e(516)][e(592)](t)?.[e(534)] ?? 0;
+		if (t.querySelectorAll(e(606))[e(456)]((t) => {
+			let a = e, o = t.parentElement, s = o[a(510)][a(463)] ?? "", c = t.dataset[a(471)] ?? "", l = o[a(521)] + t[a(521)], u = o.offsetTop + t[a(601)];
+			r[a(451)](c, {
 				col: s,
 				x: l,
 				y: u
 			});
-			let d = n[a(435)](c);
-			if (!d || c === w) return;
-			let f = 0, p = 0, m = t[a(429)]()[a(407)]((e) => e.id === "kanban-flip");
-			if (m[a(455)]) {
-				let e = new DOMMatrixReadOnly(getComputedStyle(t).transform);
-				f = e.m41, p = e.m42, m[a(411)]((e) => e[a(409)]());
+			let d = n[a(592)](c);
+			if (!d || c === E) return;
+			let f = 0, p = 0, m = t[a(539)]()[a(473)]((e) => e.id === a(537));
+			if (m[a(532)]) {
+				let e = new DOMMatrixReadOnly(getComputedStyle(t)[a(464)]);
+				f = e[a(529)], p = e[a(561)], m[a(456)]((e) => e[a(494)]());
 			}
-			let h = d.x - l + f, g = d.y - i(d.col) - (u - i(s)) + p;
-			if (Math[a(353)](h) < .5 && Math[a(353)](g) < .5) return;
-			let _ = t[a(474)]([{ transform: a(338) + h + "px, " + g + a(384) }, { transform: "translate(0, 0)" }], {
+			let h = d.x - l + f, g = d.y - i(d[a(584)]) - (u - i(s)) + p;
+			if (Math.abs(h) < .5 && Math[a(520)](g) < .5) return;
+			let _ = t.animate([{ transform: a(472) + h + a(533) + g + a(605) }, { transform: a(497) }], {
 				duration: 320,
-				easing: ne
+				easing: te
 			});
-			_.id = "kanban-flip";
-		}), ye[e(345)] = r, K[e(345)]) {
-			K[e(345)] = !1;
-			let n = H[e(345)]?.id ?? I, r = n ? t.querySelector(e(466) + D(n) + "\"]") : null;
-			r && document[e(424)] !== r && r[e(313)]({ preventScroll: !0 }), r?.scrollIntoView({
-				block: e(351),
-				inline: e(351)
+			_.id = a(537);
+		}), ye[e(516)] = r, K[e(516)]) {
+			K[e(516)] = !1;
+			let n = H[e(516)]?.id ?? I, r = n ? t[e(593)](e(568) + O(n) + "\"]") : null;
+			r && document.activeElement !== r && r[e(608)]({ preventScroll: !0 }), r?.[e(478)]({
+				block: e(499),
+				inline: e(499)
 			});
 		}
 	});
-	let Q = g(() => {
-		let e = c, t = z[e(345)];
+	let Q = _(() => {
+		let e = s, t = z[e(516)];
 		if (!t) return;
-		let n = U.current;
-		t[e(396)][e(332)] = e(318) + (n.x - n[e(331)]) + e(388) + (n.y - n[e(391)]) + e(452);
-	}, []), be = g((e) => {
-		let t = c, n = null, r = Infinity;
-		for (let i of q[t(345)][t(382)]) {
-			let a = B[t(345)][t(435)](i.id);
+		let n = U[e(516)];
+		t[e(558)][e(464)] = "translate3d(" + (n.x - n[e(502)]) + e(533) + (n.y - n[e(543)]) + e(590);
+	}, []), be = _((e) => {
+		let t = s, n = null, r = Infinity;
+		for (let i of q[t(516)][t(544)]) {
+			let a = B.current[t(592)](i.id);
 			if (!a) continue;
-			let o = a[t(400)](), s = e < o[t(336)] ? o[t(336)] - e : e > o[t(427)] ? e - o[t(427)] : 0;
+			let o = a[t(490)](), s = e < o[t(535)] ? o.left - e : e > o[t(458)] ? e - o[t(458)] : 0;
 			s < r && (n = i.id, r = s);
 		}
 		return n;
-	}, []), xe = g((e, t) => {
-		let n = c, r = V[n(345)][n(435)](e);
+	}, []), xe = _((e, t) => {
+		let n = s, r = V.current[n(592)](e);
 		if (!r) return 0;
-		let i = t - r[n(400)]()[n(383)] + r[n(457)], a = 0;
-		return r[n(352)](n(373))[n(411)]((e) => {
+		let i = t - r[n(490)]().top + r.scrollTop, a = 0;
+		return r[n(455)](":scope > [data-kanban-key]")[n(456)]((e) => {
 			let t = n;
-			e.dataset[t(354)] !== w && e[t(363)] + e[t(314)] / 2 < i && a++;
+			e[t(510)][t(471)] !== E && e[t(601)] + e[t(575)] / 2 < i && a++;
 		}), a;
-	}, []), Se = g(() => {
-		let e = c, t = H[e(345)];
-		if (!t || t[e(447)] !== "pointer" || t[e(343)] !== e(344)) return;
-		let { x: n, y: r } = U[e(345)], i = be(n);
+	}, []), Se = _(() => {
+		let e = s, t = H[e(516)];
+		if (!t || t.mode !== "pointer" || t[e(556)] !== "dragging") return;
+		let { x: n, y: r } = U.current, i = be(n);
 		if (!i) return;
-		let a = m(q.current.value, t.id);
+		let a = h(q[e(516)][e(572)], t.id);
 		if (!a) return;
 		let o = {
 			columnId: i,
 			index: xe(i, r)
-		}, s = Z({
-			item: a[e(425)],
-			from: t[e(469)],
+		}, c = Z({
+			item: a.item,
+			from: t[e(611)],
 			to: o
-		}), l = s === !0 ? o : null, u = s === !0 ? null : {
+		}), l = c === !0 ? o : null, u = c === !0 ? null : {
 			columnId: i,
-			reason: s
+			reason: c
 		};
-		(t.over?.[e(370)] !== l?.[e(370)] || t[e(348)]?.index !== l?.[e(443)] || t[e(376)]?.[e(370)] !== u?.columnId) && J({
+		(t.over?.[e(610)] !== l?.[e(610)] || t[e(546)]?.index !== l?.index || t[e(577)]?.[e(610)] !== u?.[e(610)]) && J({
 			...t,
 			over: l,
 			blocked: u
@@ -186,62 +192,62 @@ function A({ columns: u, value: d, defaultValue: x, onValueChange: T, canMove: E
 		be,
 		xe,
 		J
-	]), $ = g((e) => {
-		let t = c, n = H[t(345)];
+	]), $ = _((e) => {
+		let t = s, n = H[t(516)];
 		if (!n) return;
-		W[t(345)]?.();
-		let r = m(q[t(345)].value, n.id), i = r ? q[t(345)][t(477)](r[t(425)]) : "";
-		if (e && r && n.over && (n[t(348)][t(370)] !== n[t(469)][t(370)] || n[t(348)][t(443)] !== n[t(469)][t(443)])) {
+		W[t(516)]?.();
+		let r = h(q.current[t(572)], n.id), i = r ? q.current[t(570)](r[t(519)]) : "";
+		if (e && r && n[t(546)] && (n[t(546)][t(610)] !== n.from[t(610)] || n.over[t(571)] !== n[t(611)].index)) {
 			X({
-				item: r[t(425)],
-				from: n[t(469)],
-				to: n.over
+				item: r[t(519)],
+				from: n.from,
+				to: n[t(546)]
 			});
-			let e = q.current[t(382)][t(401)]((e) => e.id === n.over?.[t(370)]);
-			Y("‘" + i + t(418) + k(e) + " 열 " + (n.over[t(443)] + 1) + t(399));
-		} else e || Y(t(334) + i + t(475));
+			let e = q[t(516)][t(544)][t(467)]((e) => e.id === n.over?.[t(610)]);
+			Y("‘" + i + t(560) + A(e) + t(444) + (n[t(546)][t(571)] + 1) + t(580));
+		} else e || Y(t(607) + i + t(598));
 		J({
 			...n,
-			phase: t(379)
+			phase: t(432)
 		});
 	}, [
 		Y,
 		X,
 		J
 	]), Ce = (e, n, r, i) => {
-		let a = c;
-		if (e[a(456)] !== 0 || H.current) return;
-		let o = e[a(317)][a(310)]("button, a[href], input, textarea, select, [contenteditable=\"true\"], [data-kanban-no-drag]");
-		if (o && o !== e[a(413)] && e[a(413)].contains(o)) return;
-		let s = e.currentTarget, l = e.pointerId, u = e[a(420)] === "touch", d = {
-			x: e[a(368)],
-			y: e[a(467)]
+		let a = s;
+		if (e.button !== 0 || H[a(516)]) return;
+		let o = e[a(600)][a(487)](a(449));
+		if (o && o !== e[a(475)] && e[a(475)][a(479)](o)) return;
+		let c = e[a(475)], l = e.pointerId, u = e[a(465)] === a(563), d = {
+			x: e[a(609)],
+			y: e[a(476)]
 		}, f = d, p = !1, m = 0, h = 0, g = () => {
-			let e = a, t = H[e(345)];
-			if (!t || t[e(343)] !== "dragging") return;
-			let { x: n, y: r } = U[e(345)], i = !1, o = R[e(345)];
+			let e = a, t = H[e(516)];
+			if (!t || t[e(556)] !== "dragging") return;
+			let { x: n, y: r } = U[e(516)], i = !1, o = R.current;
 			if (o) {
-				let t = o[e(400)](), r = ae(n, t[e(336)], t[e(427)]), a = o[e(315)];
-				r && (o[e(315)] += r), i ||= o[e(315)] !== a;
+				let t = o[e(490)](), r = ae(n, t[e(535)], t.right), a = o[e(603)];
+				r && (o[e(603)] += r), i ||= o[e(603)] !== a;
 			}
-			let s = V[e(345)][e(435)](t[e(348)]?.[e(370)] ?? t[e(376)]?.columnId ?? t[e(469)][e(370)]);
+			let s = V[e(516)][e(592)](t[e(546)]?.columnId ?? t[e(577)]?.columnId ?? t[e(611)][e(610)]);
 			if (s) {
-				let t = s[e(400)]();
-				if (n >= t[e(336)] && n <= t.right) {
-					let n = ae(r, t[e(383)], t.bottom), a = s[e(457)];
-					n && (s[e(457)] += n), i ||= s[e(457)] !== a;
+				let t = s[e(490)]();
+				if (n >= t.left && n <= t[e(458)]) {
+					let n = ae(r, t.top, t[e(540)]), a = s.scrollTop;
+					n && (s[e(534)] += n), i ||= s.scrollTop !== a;
 				}
 			}
 			i && Se(), m = requestAnimationFrame(g);
 		}, _ = () => {
 			let e = a;
-			p = !0, G[e(345)] = !0;
-			let t = s[e(400)]();
-			U[e(345)] = {
+			p = !0, G[e(516)] = !0;
+			let t = c.getBoundingClientRect();
+			U[e(516)] = {
 				x: f.x,
 				y: f.y,
-				offsetX: d.x - t[e(336)],
-				offsetY: d.y - t[e(383)]
+				offsetX: d.x - t.left,
+				offsetY: d.y - t[e(581)]
 			};
 			let o = {
 				columnId: n,
@@ -249,341 +255,339 @@ function A({ columns: u, value: d, defaultValue: x, onValueChange: T, canMove: E
 			};
 			J({
 				id: i,
-				mode: e(458),
-				phase: e(344),
+				mode: e(459),
+				phase: e(530),
 				from: o,
 				over: o,
 				blocked: null,
-				width: t[e(461)],
-				height: t[e(423)]
+				width: t[e(443)],
+				height: t[e(481)]
 			}), m = requestAnimationFrame(g);
-		}, ee = (e) => {
+		}, v = (e) => {
 			let n = a;
-			if (e[n(417)] === l) {
+			if (e[n(518)] === l) {
 				if (f = {
-					x: e[n(368)],
-					y: e[n(467)]
+					x: e[n(609)],
+					y: e[n(476)]
 				}, !p) {
-					if (Math[n(397)](f.x - d.x, f.y - d.y) < t[n(375)]) return;
-					if (u) return S();
+					if (Math[n(466)](f.x - d.x, f.y - d.y) < t[n(578)]) return;
+					if (u) return C();
 					_();
 				}
-				e[n(426)](), U[n(345)].x = f.x, U[n(345)].y = f.y, Q(), Se();
+				e[n(559)](), U.current.x = f.x, U.current.y = f.y, Q(), Se();
 			}
-		}, v = (e) => {
-			let t = a;
-			e.pointerId === l && (p && ($(!0), window.setTimeout(() => G[t(345)] = !1)), S());
 		}, y = (e) => {
-			e[a(417)] === l && (p && $(!1), S());
-		}, b = (e) => {
 			let t = a;
-			e[t(412)] === t(437) && p && (e[t(426)](), e[t(300)](), $(!1));
+			e[t(518)] === l && (p && ($(!0), window[t(450)](() => G[t(516)] = !1)), C());
+		}, b = (e) => {
+			e[a(518)] === l && (p && $(!1), C());
 		}, x = (e) => {
-			p && e[a(426)]();
+			let t = a;
+			e[t(591)] === "Escape" && p && (e[t(559)](), e[t(527)](), $(!1));
+		}, S = (e) => {
+			p && e.preventDefault();
 		};
-		function S() {
+		function C() {
 			let e = a;
-			window.clearTimeout(h), cancelAnimationFrame(m), window[e(422)](e(295), ee), window[e(422)](e(403), v), window.removeEventListener(e(374), y), window[e(422)](e(372), b, !0), window[e(422)](e(307), x), W[e(345)] = null;
+			window[e(574)](h), cancelAnimationFrame(m), window.removeEventListener("pointermove", v), window.removeEventListener(e(604), y), window[e(582)](e(460), b), window.removeEventListener("keydown", x, !0), window[e(582)](e(470), S), W[e(516)] = null;
 		}
-		W[a(345)] = S, window[a(414)](a(295), ee), window[a(414)]("pointerup", v), window.addEventListener(a(374), y), window[a(414)](a(372), b, !0), window[a(414)]("touchmove", x, { passive: !1 }), u && (h = window.setTimeout(() => {
-			let e = a;
-			_(), Q(), navigator[e(462)]?.(10);
-		}, t[a(471)]));
+		W[a(516)] = C, window[a(515)](a(495), v), window[a(515)](a(604), y), window[a(515)]("pointercancel", b), window[a(515)](a(468), x, !0), window[a(515)]("touchmove", S, { passive: !1 }), u && (h = window[a(450)](() => {
+			_(), Q(), navigator.vibrate?.(10);
+		}, t[a(448)]));
 	};
-	_(() => () => W[N(345)]?.(), []);
-	let we = F?.mode === N(458) && F.phase === N(344);
-	_(() => {
+	v(() => () => W[N(516)]?.(), []);
+	let we = F?.[N(564)] === N(459) && F[N(556)] === N(530);
+	v(() => {
 		let e = N;
 		if (!we) return;
-		let t = document[e(347)];
-		return t[e(463)][e(364)] = "", () => {
-			let n = e;
-			delete t.dataset[n(364)];
+		let t = document[e(453)];
+		return t[e(510)][e(524)] = "", () => {
+			delete t.dataset.kanbanDragging;
 		};
 	}, [we]);
-	let Te = F?.mode === "pointer" ? F.id : null;
-	v(() => {
+	let Te = F?.[N(564)] === N(459) ? F.id : null;
+	b(() => {
 		Te && Q();
 	}, [Te, Q]);
-	let Ee = F?.phase === N(379) ? F.id : null;
-	v(() => {
+	let Ee = F?.[N(556)] === N(432) ? F.id : null;
+	b(() => {
 		let e = N;
 		if (!Ee) return;
-		let t = z.current, n = R[e(345)]?.[e(330)](e(466) + D(Ee) + "\"]");
+		let t = z[e(516)], n = R[e(516)]?.querySelector(e(568) + O(Ee) + "\"]");
 		if (!t || !n) {
 			J(null);
 			return;
 		}
-		let r = n[e(400)](), i = t.animate([{ transform: t[e(396)][e(332)] }, { transform: e(318) + r[e(336)] + e(388) + r[e(383)] + e(452) }], {
+		let r = n[e(490)](), i = t[e(504)]([{ transform: t[e(558)][e(464)] }, { transform: "translate3d(" + r[e(535)] + "px, " + r.top + e(590) }], {
 			duration: 280,
-			easing: ne,
-			fill: e(381)
+			easing: te,
+			fill: e(583)
 		});
-		return i[e(378)] = () => J(null), () => i[e(409)]();
+		return i[e(508)] = () => J(null), () => i.cancel();
 	}, [Ee, J]);
 	let De = (e) => {
 		let t = N;
-		G[t(345)] ? G[t(345)] = !1 : A?.(e);
+		G[t(516)] ? G[t(516)] = !1 : k?.(e);
 	}, Oe = (e) => {
 		let t = N;
-		e && (ge(e), (R[t(345)]?.[t(330)](t(466) + D(e) + "\"]"))?.focus());
+		e && (ge(e), (R[t(516)]?.[t(593)](t(568) + O(e) + "\"]"))?.[t(608)]());
 	}, ke = (e, t) => {
-		let n = N, r = u.find((t) => t.id === e.columnId), i = (P[e[n(370)]] ?? [])[n(407)]((e) => e.id !== t)[n(455)] + 1;
-		return k(r) + n(406) + i + "개 중 " + (e[n(443)] + 1) + "번째";
+		let n = N, r = i[n(467)]((t) => t.id === e[n(610)]), a = (P[e[n(610)]] ?? [])[n(473)]((e) => e.id !== t)[n(532)] + 1;
+		return A(r) + n(589) + a + "개 중 " + (e[n(571)] + 1) + "번째";
 	}, Ae = (e, t, n, r) => {
-		let i = N;
-		if (e[i(317)] !== e.currentTarget || e[i(431)][i(453)]) return;
-		let a = H[i(345)], o = u[i(415)]((e) => e.id === n);
-		if (a?.[i(447)] === "keyboard" && a[i(343)] === i(344)) {
-			let n = a.over ?? a[i(469)], r = (e) => (P[e] ?? [])[i(407)]((e) => e.id !== a.id)[i(455)], o = (e) => {
-				let t = i;
-				K[t(345)] = !0, J({
-					...a,
+		let a = N;
+		if (e[a(600)] !== e.currentTarget || e[a(547)][a(461)]) return;
+		let o = H[a(516)], s = i.findIndex((e) => e.id === n);
+		if (o?.[a(564)] === a(567) && o[a(556)] === "dragging") {
+			let n = o[a(546)] ?? o[a(611)], r = (e) => (P[e] ?? [])[a(473)]((e) => e.id !== o.id)[a(532)], s = (e) => {
+				let t = a;
+				K[t(516)] = !0, J({
+					...o,
 					over: e
-				}), Y(ke(e, a.id));
+				}), Y(ke(e, o.id));
 			};
-			switch (e[i(412)]) {
-				case i(476):
-				case i(299): {
-					e.preventDefault();
-					let t = Math[i(441)](0, Math[i(360)](r(n[i(370)]), n[i(443)] + (e[i(412)] === "ArrowUp" ? -1 : 1)));
-					t !== n[i(443)] && o({
-						columnId: n[i(370)],
+			switch (e.key) {
+				case a(439):
+				case a(454): {
+					e[a(559)]();
+					let t = Math.max(0, Math[a(552)](r(n[a(610)]), n[a(571)] + (e[a(591)] === a(439) ? -1 : 1)));
+					t !== n[a(571)] && s({
+						columnId: n[a(610)],
 						index: t
 					});
 					return;
 				}
-				case i(454):
-				case i(460):
-					e[i(426)](), o({
-						columnId: n.columnId,
-						index: e[i(412)] === i(454) ? 0 : r(n.columnId)
+				case a(545):
+				case a(445):
+					e.preventDefault(), s({
+						columnId: n[a(610)],
+						index: e[a(591)] === a(545) ? 0 : r(n.columnId)
 					});
 					return;
 				case "ArrowLeft":
-				case i(321): {
-					e[i(426)]();
-					let s = e[i(412)] === i(340) ? -1 : 1, c = u[i(415)]((e) => e.id === n[i(370)]), l = null;
-					for (let e = c + s; e >= 0 && e < u[i(455)]; e += s) {
-						let s = {
-							columnId: u[e].id,
-							index: Math.min(n.index, r(u[e].id))
-						}, c = Z({
+				case a(477): {
+					e[a(559)]();
+					let c = e.key === a(491) ? -1 : 1, l = i[a(595)]((e) => e.id === n[a(610)]), u = null;
+					for (let e = l + c; e >= 0 && e < i.length; e += c) {
+						let c = {
+							columnId: i[e].id,
+							index: Math[a(552)](n[a(571)], r(i[e].id))
+						}, l = Z({
 							item: t,
-							from: a[i(469)],
-							to: s
+							from: o[a(611)],
+							to: c
 						});
-						if (c === !0) return o(s);
-						l ??= k(u[e]) + i(316) + c;
+						if (l === !0) return s(c);
+						u ??= A(i[e]) + a(614) + l;
 					}
-					Y(l ?? "더 옮길 열이 없어요.");
+					Y(u ?? a(554));
 					return;
 				}
 				case " ":
-				case i(386): {
-					e[i(426)]();
-					let r = n[i(370)] !== a[i(469)][i(370)] || n.index !== a[i(469)][i(443)];
+				case a(486): {
+					e.preventDefault();
+					let r = n[a(610)] !== o[a(611)][a(610)] || n[a(571)] !== o[a(611)][a(571)];
 					r && X({
 						item: t,
-						from: a[i(469)],
+						from: o[a(611)],
 						to: n
-					}), K[i(345)] = !0, J(null), Y(r ? "‘" + M(t) + i(324) + ke(n, a.id) + "." : i(335));
+					}), K[a(516)] = !0, J(null), Y(r ? "‘" + M(t) + a(500) + ke(n, o.id) + "." : a(436));
 					return;
 				}
-				case i(437):
-				case i(479):
-					e.key === i(437) && e[i(426)](), K.current = e[i(412)] === "Escape", J(null), Y(i(334) + M(t) + i(475));
+				case a(602):
+				case a(498):
+					e.key === "Escape" && e.preventDefault(), K[a(516)] = e[a(591)] === a(602), J(null), Y(a(607) + M(t) + "’ 카드는 제자리에 있어요.");
 					return;
 			}
 			return;
 		}
-		let s = P[n] ?? [];
-		switch (e[i(412)]) {
-			case "ArrowUp":
-			case i(299):
-				e[i(426)](), Oe(s[r + (e.key === i(476) ? -1 : 1)]?.id);
+		let c = P[n] ?? [];
+		switch (e[a(591)]) {
+			case a(439):
+			case "ArrowDown":
+				e.preventDefault(), Oe(c[r + (e[a(591)] === a(439) ? -1 : 1)]?.id);
 				return;
-			case i(454):
-			case i(460):
-				e.preventDefault(), Oe(e[i(412)] === "Home" ? s[0]?.id : s[s[i(455)] - 1]?.id);
+			case a(545):
+			case a(445):
+				e.preventDefault(), Oe(e[a(591)] === a(545) ? c[0]?.id : c[c[a(532)] - 1]?.id);
 				return;
-			case i(340):
-			case i(321): {
-				e[i(426)]();
-				let t = e[i(412)] === i(340) ? -1 : 1;
-				for (let e = o + t; e >= 0 && e < u[i(455)]; e += t) {
-					let t = P[u[e].id] ?? [];
-					if (t[i(455)]) return Oe(t[Math[i(360)](r, t.length - 1)].id);
+			case a(491):
+			case a(477): {
+				e[a(559)]();
+				let t = e[a(591)] === "ArrowLeft" ? -1 : 1;
+				for (let e = s + t; e >= 0 && e < i.length; e += t) {
+					let t = P[i[e].id] ?? [];
+					if (t[a(532)]) return Oe(t[Math.min(r, t[a(532)] - 1)].id);
 				}
 				return;
 			}
 			case "Enter":
-				if (!A) break;
-				e[i(426)](), A(t);
+				if (!k) break;
+				e[a(559)](), k(t);
 				return;
 		}
-		if (e[i(412)] === " " || e[i(412)] === i(386) && !A) {
-			e[i(426)]();
-			let a = {
+		if (e[a(591)] === " " || e[a(591)] === a(486) && !k) {
+			e[a(559)]();
+			let i = {
 				columnId: n,
 				index: r
 			};
 			J({
 				id: t.id,
-				mode: i(341),
-				phase: "dragging",
-				from: a,
-				over: a,
+				mode: a(567),
+				phase: a(530),
+				from: i,
+				over: i,
 				blocked: null,
 				width: 0,
 				height: 0
-			}), Y("‘" + M(t) + "’ 카드를 들었어요. " + ke(a, t.id) + i(389));
+			}), Y("‘" + M(t) + "’ 카드를 들었어요. " + ke(i, t.id) + a(548));
 		}
-	}, je = ie(u, P, F), Me = u[N(451)]((e) => P[e.id] ?? []), Ne = I && Me[N(311)]((e) => e.id === I) ? I : Me[0]?.id, Pe = F?.[N(447)] === "pointer" ? m(P, F.id)?.[N(425)] : void 0, Fe = O ?? ((e, t) => S(p, {
+	}, je = ie(i, P, F), Me = i.flatMap((e) => P[e.id] ?? []), Ne = I && Me[N(447)]((e) => e.id === I) ? I : Me[0]?.id, Pe = F?.[N(564)] === N(459) ? h(P, F.id)?.item : void 0, Fe = ne ?? ((e, t) => w(m, {
 		...e,
-		dragging: t.dragging
+		dragging: t[N(530)]
 	}));
-	return C(N(320), {
+	return T(N(596), {
 		ref: R,
-		className: f(N(428), "ds-scroll", fe),
+		className: p(N(565), "ds-scroll", fe),
 		style: {
 			"--_col": le + "px",
 			...pe
 		},
-		role: N(312),
+		role: N(594),
 		"aria-label": de,
-		"data-dragging": F?.[N(343)] === "dragging" ? F.mode : void 0,
+		"data-dragging": F?.[N(556)] === N(530) ? F[N(564)] : void 0,
 		children: [
-			S("div", {
-				className: N(473),
-				children: u[N(359)]((e) => {
-					let t = N, s = je[e.id] ?? [], u = P[e.id]?.[t(455)] ?? 0, d = F?.[t(343)] === t(344) && F.over?.[t(370)] === e.id && F[t(469)][t(370)] !== e.id, f = F?.phase === t(344) && F.blocked?.[t(370)] === e.id ? F[t(376)][t(342)] : null, p = e[t(419)] == null ? void 0 : u > e[t(419)] ? t(390) : u === e[t(419)] ? t(296) : t(303);
-					return C(t(365), {
+			w(N(596), {
+				className: N(480),
+				children: i[N(526)]((e) => {
+					let t = N, i = je[e.id] ?? [], l = P[e.id]?.[t(532)] ?? 0, d = F?.[t(556)] === t(530) && F[t(546)]?.[t(610)] === e.id && F[t(611)].columnId !== e.id, f = F?.[t(556)] === "dragging" && F[t(577)]?.[t(610)] === e.id ? F[t(577)][t(579)] : null, p = e.limit == null ? void 0 : l > e[t(434)] ? "danger" : l === e[t(434)] ? t(573) : t(523);
+					return T(t(536), {
 						ref: (n) => {
 							let r = t;
-							n ? B[r(345)][r(440)](e.id, n) : B[r(345)][r(385)](e.id);
+							n ? B[r(516)][r(451)](e.id, n) : B[r(516)][r(612)](e.id);
 						},
-						className: t(366),
+						className: t(501),
 						"aria-labelledby": L + "-" + e.id,
-						"data-drop": f ? t(376) : d ? t(317) : void 0,
+						"data-drop": f ? t(577) : d ? "target" : void 0,
 						children: [
-							C("div", {
-								className: t(302),
-								children: [C(a, {
+							T(t(596), {
+								className: "ds-kanban__head",
+								children: [T(o, {
 									gap: 0,
-									className: t(470),
-									children: [C(i, {
+									className: t(496),
+									children: [T(a, {
 										gap: 2,
 										wrap: !1,
 										children: [
-											e.color && S(r, {
-												color: e.color,
-												shape: t(450),
+											e.color && w(r, {
+												color: e[t(457)],
+												shape: t(441),
 												size: 8
 											}),
-											S(n, {
+											w(n, {
 												id: L + "-" + e.id,
-												variant: t(387),
-												weight: t(434),
+												variant: t(597),
+												weight: "semibold",
 												truncate: !0,
-												children: e[t(326)]
+												children: e[t(562)]
 											}),
-											e[t(419)] == null ? S(o, {
-												count: u,
+											e.limit == null ? w(c, {
+												count: l,
 												showZero: !0,
-												variant: t(416),
-												tone: "neutral",
+												variant: t(522),
+												tone: t(523),
 												size: "sm",
-												label: u + "개"
-											}) : C(l, {
+												label: l + "개"
+											}) : T(u, {
 												size: "sm",
 												tone: p,
-												className: t(446),
-												"aria-label": u + t(349) + e[t(419)] + "개",
+												className: "ds-kanban__count",
+												"aria-label": l + "개, 한도 " + e[t(434)] + "개",
 												children: [
-													u,
+													l,
 													"/",
-													e[t(419)]
+													e[t(434)]
 												]
 											})
 										]
-									}), e[t(297)] != null && S(n, {
+									}), e[t(437)] != null && w(n, {
 										variant: "caption",
-										tone: t(350),
+										tone: "tertiary",
 										truncate: !0,
-										children: e[t(297)]
+										children: e[t(437)]
 									})]
-								}), ce && S(t(320), {
-									className: t(444),
+								}), ce && w(t(596), {
+									className: t(484),
 									children: ce(e)
 								})]
 							}),
-							C("ul", {
+							T("ul", {
 								ref: (n) => {
 									let r = t;
-									n ? V[r(345)][r(440)](e.id, n) : V[r(345)][r(385)](e.id);
+									n ? V[r(516)][r(451)](e.id, n) : V[r(516)].delete(e.id);
 								},
-								className: t(308),
+								className: t(613),
 								"data-kanban-list": e.id,
 								"aria-labelledby": L + "-" + e.id,
 								children: [
-									s.map((n) => n.type === t(481) ? S("li", {
+									i[t(526)]((n) => n[t(585)] === "placeholder" ? w("li", {
 										className: "ds-kanban__placeholder",
-										"data-kanban-key": w,
-										style: { height: F?.[t(423)] },
+										"data-kanban-key": E,
+										style: { height: F?.height },
 										"aria-hidden": !0
-									}, w) : S("li", {
-										className: t(377),
-										"data-kanban-key": n.item.id,
-										"data-lifted": n.lifted || void 0,
-										"data-hidden": n[t(361)] || void 0,
-										tabIndex: n.item.id === Ne ? 0 : -1,
-										"aria-describedby": L + t(339),
-										"aria-roledescription": t(306),
+									}, E) : w("li", {
+										className: t(588),
+										"data-kanban-key": n[t(519)].id,
+										"data-lifted": n[t(566)] || void 0,
+										"data-hidden": n.hidden || void 0,
+										tabIndex: n[t(519)].id === Ne ? 0 : -1,
+										"aria-describedby": L + "-hint",
+										"aria-roledescription": t(442),
 										onFocus: (e) => {
 											let r = t;
-											e[r(317)] === e[r(413)] && ge(n[r(425)].id);
+											e[r(600)] === e.currentTarget && ge(n[r(519)].id);
 										},
 										onPointerDown: (r) => {
-											let i = t, a = (P[e.id] ?? [])[i(415)]((e) => e.id === n[i(425)].id);
-											Ce(r, e.id, a, n[i(425)].id);
+											let i = t, a = (P[e.id] ?? [])[i(595)]((e) => e.id === n.item.id);
+											Ce(r, e.id, a, n[i(519)].id);
 										},
-										onClick: () => De(n[t(425)]),
+										onClick: () => De(n[t(519)]),
 										onKeyDown: (r) => {
-											let i = t, a = (P[e.id] ?? []).findIndex((e) => e.id === n.item.id);
-											Ae(r, n[i(425)], e.id, a);
+											let i = t, a = (P[e.id] ?? [])[i(595)]((e) => e.id === n[i(519)].id);
+											Ae(r, n[i(519)], e.id, a);
 										},
-										children: Fe(n[t(425)], {
+										children: Fe(n.item, {
 											dragging: !1,
-											lifted: !!n[t(301)]
+											lifted: !!n[t(566)]
 										})
-									}, n[t(425)].id)),
-									s.length === 0 && S("li", {
-										className: t(309),
+									}, n[t(519)].id)),
+									i[t(532)] === 0 && w("li", {
+										className: "ds-kanban__empty",
 										"aria-hidden": !0,
-										children: S(n, {
-											variant: t(367),
-											tone: "tertiary",
+										children: w(n, {
+											variant: t(576),
+											tone: t(509),
 											children: ue
 										})
 									}),
-									f && S("li", {
-										className: t(337),
-										role: t(357),
-										children: S(n, {
-											variant: t(367),
-											tone: "danger",
+									f && w("li", {
+										className: t(506),
+										role: "presentation",
+										children: w(n, {
+											variant: t(576),
+											tone: t(550),
 											children: f
 										})
 									})
 								]
 							}),
-							j && S(se, { onAdd: (t) => {
+							j && w(se, { onAdd: (t) => {
 								j(e.id, t), requestAnimationFrame(() => requestAnimationFrame(() => {
-									let t = c, n = V[t(345)][t(435)](e.id);
-									n?.[t(464)]({
-										top: n[t(323)],
-										behavior: t(438)
+									let t = s, n = V[t(516)][t(592)](e.id);
+									n?.[t(553)]({
+										top: n.scrollHeight,
+										behavior: t(531)
 									});
 								}));
 							} })
@@ -591,101 +595,95 @@ function A({ columns: u, value: d, defaultValue: x, onValueChange: T, canMove: E
 					}, e.id);
 				})
 			}),
-			S(N(402), {
-				id: L + N(339),
-				className: N(395),
-				children: N(358)
+			w("span", {
+				id: L + N(438),
+				className: N(469),
+				children: N(555)
 			}),
-			S(N(320), {
+			w(N(596), {
 				className: "ds-sr-only",
-				role: N(472),
-				"aria-live": N(398),
+				role: N(528),
+				"aria-live": N(513),
 				children: _e
 			}),
-			F && Pe && te(S(N(320), {
+			F && Pe && ee(w(N(596), {
 				ref: z,
-				className: "ds-kanban-overlay",
-				style: { width: F.width },
-				"data-state": F[N(343)],
-				"data-blocked": F.blocked ? "" : void 0,
+				className: N(514),
+				style: { width: F[N(443)] },
+				"data-state": F[N(556)],
+				"data-blocked": F[N(577)] ? "" : void 0,
 				"aria-hidden": !0,
-				children: S(N(320), {
-					className: N(436),
+				children: w(N(596), {
+					className: "ds-kanban-overlay__card",
 					children: Fe(Pe, {
 						dragging: !0,
 						lifted: !0
 					})
 				})
-			}), document.body)
+			}), document[N(511)])
 		]
 	});
 }
 function se({ onAdd: t }) {
-	let n = e, [r, o] = b(!1), [s, l] = b(""), f = y(null);
-	_(() => {
-		let e = c;
-		r && f[e(345)]?.[e(313)]();
+	let n = e, [r, i] = S(!1), [c, l] = S(""), u = x(null);
+	v(() => {
+		let e = s;
+		r && u[e(516)]?.[e(608)]();
 	}, [r]);
 	let p = () => {
-		o(!1), l("");
+		i(!1), l("");
 	}, m = () => {
-		let e = c, n = s[e(304)]();
-		n && (t(n), l(""), f[e(345)]?.[e(313)]());
+		let e = s, n = c[e(538)]();
+		n && (t(n), l(""), u.current?.[e(608)]());
 	};
-	return r ? S(n(320), {
-		className: n(421),
-		children: C(a, {
+	return r ? w(n(596), {
+		className: n(493),
+		children: T(o, {
 			gap: 2,
-			children: [S(d, {
-				ref: f,
+			children: [w(f, {
+				ref: u,
 				autoResize: !0,
 				maxRows: 5,
-				value: s,
-				placeholder: n(305),
-				"aria-label": n(394),
-				onChange: (e) => l(e.target[n(430)]),
+				value: c,
+				placeholder: n(440),
+				"aria-label": "새 카드 제목",
+				onChange: (e) => l(e[n(600)].value),
 				onKeyDown: (e) => {
 					let t = n;
-					e[t(431)][t(453)] || e[t(355)] === 229 || (e.key === t(386) && !e[t(410)] ? (e.preventDefault(), m()) : e[t(412)] === "Escape" && (e[t(426)](), p()));
+					e.nativeEvent[t(461)] || e.keyCode === 229 || (e[t(591)] === t(486) && !e[t(474)] ? (e[t(559)](), m()) : e[t(591)] === t(602) && (e[t(559)](), p()));
 				},
 				onBlur: (e) => {
-					let t = n, r = e[t(459)];
-					!s[t(304)]() && !e[t(413)][t(310)](t(333))?.[t(432)](r) && p();
+					let t = n, r = e[t(557)];
+					!c[t(538)]() && !e.currentTarget[t(487)](t(587))?.contains(r) && p();
 				}
-			}), C(i, {
+			}), T(a, {
 				gap: 2,
-				children: [S(u, {
-					variant: n(433),
+				children: [w(d, {
+					variant: "primary",
 					size: "sm",
-					shortcut: "enter",
-					disabled: !s.trim(),
+					shortcut: n(599),
+					disabled: !c[n(538)](),
 					onClick: m,
 					children: "추가"
-				}), S(u, {
-					variant: n(468),
+				}), w(d, {
+					variant: "ghost",
 					size: "sm",
 					onClick: p,
 					children: "취소"
 				})]
 			})]
 		})
-	}) : S(n(320), {
-		className: n(421),
-		children: S(u, {
-			variant: n(468),
+	}) : w(n(596), {
+		className: n(493),
+		children: w(d, {
+			variant: n(462),
 			size: "sm",
-			icon: S(x, {}),
+			icon: w(C, {}),
 			block: !0,
-			className: "ds-kanban__add",
-			onClick: () => o(!0),
-			children: n(439)
+			className: n(512),
+			onClick: () => i(!0),
+			children: "카드 추가"
 		})
 	});
 }
-export { A as KanbanBoard };
-function j() {
-	let e = /* @__PURE__ */ "z2v0.zhmTA2fUyMfUlw92zxjSyxLFx2nHCMq.rxnJyxbL.C21VB3rO.7lM065oCioY2LoQWGa.C2v0.Bwf4.x19Ryw5Iyw4TCgXHy2vOB2XKzxi.Aw5KzxG.zhmTA2fUyMfUx19Hy3rPB25Z.w2rHDgeTA2fUyMfUlwTLEv0.zhmTA2fUyMfUx19JB3vUDa.Bw9Kzq.zxnJyxbL.67Me7jA0ioYEIoYwToYALa.y2LYy2XL.zMXHDe1HCa.ChGSidaP.AxndB21WB3nPBMC.sg9Tzq.BgvUz3rO.yNv0Dg9U.C2nYB2XSvg9W.Cg9PBNrLCG.CMvSyxrLzfrHCMDLDa.rw5K.D2LKDgG.DMLICMf0zq.zgf0yxnLDa.C2nYB2XSvg8.CMvWBgfJzq.w2rHDgeTA2fUyMfUlwTLEt0I.y2XPzw50wq.z2HVC3q.zNjVBq.zhmTA2fUyMfUx19OzwfKAw5N.Bg9Uz1bYzxnZ.C3rHDhvZ.zhmTA2fUyMfUx190CMfJAW.yw5PBwf0zq.4OczioY5ToUtNoUkLcdSOjZSNPdRPQZSL5aG7j6i7jA07jQulG.qxjYB3DvCa.z2v0sxrLBuXHyMvS.7kEe7zAjio2vNoUpHca.vgfI.C3rYAw5N.CgXHy2vOB2XKzxi.nZy1ode4vNH2z0Hf.Cg9PBNrLCM1VDMu.D2fYBMLUzW.zgvZy3jPChrPB24.y3vIAwmTyMv6AwvYkdaUmZiSidaUnZiSidaSideP.qxjYB3DeB3DU.C3rVCfbYB3bHz2f0Aw9U.BgLMDgvK.zhmTA2fUyMfUx19OzwfK.BMv1DhjHBa.DhjPBq.7lM065oCioYGNoUQQq.7jIU6RI4ioYiMcdSNOJRIPqG7lM065oC.Dg91y2HTB3zL.zhmTA2fUyMfUx19SAxn0igrZlxnJCM9SBa.zhmTA2fUyMfUx19LBxb0Eq.y2XVC2vZDa.C29Tzq.CMvNAw9U.zM9JDxm.B2zMC2v0sgvPz2H0.C2nYB2XStgvMDa.ioYxTdOG.DgfYz2v0.DhjHBNnSyxrLm2qO.C3bSAwnL.zgL2.qxjYB3DsAwDODa.n1rQC0PMtG.C2nYB2XSsgvPz2H0.4OczioY5ToUtNoULVcdRHPpSLzJSLRtSMPqUia.Dw5KzwzPBMvK.DgL0Bgu.mtmZnZmZnuTTvuThBa.nZeZodiXnwXTveHQzG.mta1ndi4nhrttwf4Eq.CxvLCNLtzwXLy3rVCG.B2zMC2v0wa.DhjHBNnMB3jT.lMrZlwTHBMjHBL9FzM9VDa.7jIU6RIW6RIW66w8ioY3QoYgJo2wIoYwToYALc4G4Ocy.7kcC7j6q66AS7jEqioUgK+YvMoYwToYALc4.BgvMDa.zhmTA2fUyMfUx19IBg9JA2vK.DhjHBNnSyxrLka.lwHPBNq.qxjYB3Dmzwz0.A2v5yM9HCMq.CMvHC29U.CgHHC2u.zhjHz2DPBMC.y3vYCMvUDa.oe1dtvrYwG.zg9JDw1LBNrfBgvTzw50.B3zLCG.6RcClcdTLzZRJ4qG.DgvYDgLHCNK.BMvHCMvZDa.CxvLCNLtzwXLy3rVCKfSBa.ywjZ.A2fUyMfUs2v5.A2v5q29Kzq.CM91BMq.ChjLC2vUDgf0Aw9U.7iQK7y6y7j207iQK66gCioUtPoYwTcdSMkZRPQZQS6aG7zMu7ik07zgC66gCioYyRUQ4TcdRKQqG7iQK7y6y7j207iQK66gCioUgK+YvHoYALc4GrxnJ66gCioY3QoYgJo2vToYALc4.BwfW.BwLU.AgLKzgvU.BgfIzwW.B2zMC2v0vg9W.A2fUyMfUrhjHz2DPBMC.C2vJDgLVBG.zhmTA2fUyMfUx19Syw5L.y2fWDgLVBG.y2XPzw50wa.yMXVy2S.y29SDw1Uswq.BgLTAxrnB2rL.A2v5zg93BG.oNnJB3bLid4Gw2rHDgeTA2fUyMfUlwTLEv0.Cg9PBNrLCMnHBMnLBa.zhjHz1rOCMvZAg9Sza.yMXVy2TLza.zhmTA2fUyMfUx19PDgvT.B25MAw5PC2G.C2v0DgXPBMC.7j20ioYxToUHNcdSMk7QUlGG7iIyioYxHUYwToYALa.zM9YD2fYzhm.y29SDw1UCW.Dg9W.ChGP.zgvSzxrL.rw50zxi.BgfIzwWTBwq.ChGSia.lIdTMztSGRtTKzZROzWG7jIU6RIW6RoGioYkPo2oMoYDToYkPoUHNcdRHPpSLytSMPqUioY3QoYgJoUkLcbfC2mU.zgfUz2vY.B2zMC2v0wq.CgfYzw50rwXLBwvUDa.B2zMC2v0tgvMDa.7ioiioY5ToUtNcdSOjZRQQK.zhmTC3iTB25SEq.C3r5Bgu.AhLWB3q.yxnZzxj0AxzL.67ki7kE47jEqioUgK+YvMoYwToYALc4.z2v0qM91BMrPBMDdBgLLBNrszwn0.zMLUza.C3bHBG.Cg9PBNrLCNvW.ndyWnZa3vKjxsLv5.mJyYmdGYng5XCNzJqq.ioYxTcWG.zMLSDgvY.mtK0otm2zfrQq3zL.y2fUy2vS.C2HPzNrlzxK.zM9YrwfJAa.A2v5.y3vYCMvUDfrHCMDLDa.ywrKrxzLBNrmAxn0zw5LCG.zMLUzeLUzgv4.C29MDa.Cg9PBNrLCKLK.4OczioY5ToUtNoULVca.BgLTAxq.Cg9PBNrLCLr5Cgu.zhmTA2fUyMfUx19MB290.CMvTB3zLrxzLBNrmAxn0zw5LCG.AgvPz2H0.ywn0AxzLrwXLBwvUDa.AxrLBq.ChjLDMvUDerLzMf1Bhq.CMLNAhq.zhmTA2fUyMfU.z2v0qw5PBwf0Aw9UCW.DMfSDwu.BMf0AxzLrxzLBNq.y29UDgfPBNm.ChjPBwfYEq.C2vTAwjVBgq".split(".");
-	return j = function() {
-		return e;
-	}, j();
-}
+export { j as KanbanBoard };