@pstdio/ui 0.26.0 → 0.36.0

package/dist/kanban-renderer.js

@@ -1,1106 +1,1434 @@
-import { N as Z, M as Ie, g as Ue, o as ge, r as Ye, c as Ke, a as Me, b as Le, d as _e, e as Je, u as pe, f as Qe, h as Ze, i as et, K as tt } from "./kanban-renderer-toolbar-Buek4icz.js";
-import { D as On, F as $n, j as Bn, k as zn, l as Kn, m as Mn, n as Ln, p as _n, q as Vn, s as Wn, t as Hn, v as jn, w as Fn, x as Nn, y as Xn, z as qn } from "./kanban-renderer-toolbar-Buek4icz.js";
-import { jsx as d, jsxs as B, Fragment as nt } from "react/jsx-runtime";
-import { c as M } from "react/compiler-runtime";
-import { Text as _, Badge as fe, IconButton as Ee, Icon as N, Menu as F, Spacer as rt, HStack as X, Portal as ot, Wrap as we, Stack as q, Box as re, VStack as lt, Textarea as at, Button as me, Input as it, Dialog as ne, CloseButton as st } from "@chakra-ui/react";
-import { useState as W, useRef as Ve, useEffect as Se } from "react";
-import { E as dt } from "./empty-state-Bo4HVrgr.js";
-import { L as ke, R as We } from "./list-row-DHzRa9-O.js";
-import { T as ct, S as Pe } from "./scroll-area-BMbg1WcD.js";
-import { Plus as ut, MoreHorizontal as pt, SquareCheck as gt, Square as ft, Check as mt, ChevronDown as bt, ChevronRight as ht, Paperclip as yt } from "lucide-react";
-import { g as be, A as vt } from "./slider-DBHjdxsU.js";
-import { W as xt, h as Ct } from "./workspace-badge-CuOcmnZc.js";
-import { l as He, k as he, c as St, i as Dt } from "./param-editor-field-Bj-AGUY6.js";
-import { L as It } from "./lazy-markdown-editor-PzIBc9-l.js";
-const wt = async (r) => {
-  const {
-    settings: e,
-    rowId: t,
-    targetColumnId: n,
-    targetGroupKey: a,
-    beforeItemId: i,
-    onAttributeChange: s,
-    onReorder: p
-  } = r;
-  e.columnGrouping !== Z && s && await s(t, e.columnGrouping, n), e.rowGrouping !== Z && a && s && await s(t, e.rowGrouping, a), e.ordering.attributeId === Ie && await p?.(t, i);
-}, kt = async (r) => {
-  const {
-    settings: e,
-    rowId: t,
-    targetGroupKey: n,
-    beforeItemId: a,
-    onAttributeChange: i,
-    onReorder: s
-  } = r;
-  e.rowGrouping === Z || !i || (await i(t, e.rowGrouping, n), e.ordering.attributeId === Ie && await s?.(t, a));
-}, Gt = (r) => {
-  const e = M(26), {
-    column: t,
-    onCreateStart: n,
-    onColumnAction: a
-  } = r, i = t.color ?? "gray";
-  let s;
-  e[0] !== t.icon ? (s = be(t.icon), e[0] = t.icon, e[1] = s) : s = e[1];
-  let p;
-  e[2] !== s ? (p = /* @__PURE__ */ d(N, { "data-testid": "column-status-icon", as: s, boxSize: "0.875rem", color: "colorPalette.solid", flexShrink: 0 }), e[2] = s, e[3] = p) : p = e[3];
-  let c;
-  e[4] !== t.label ? (c = /* @__PURE__ */ d(_, { textStyle: "label/S/medium", children: t.label }), e[4] = t.label, e[5] = c) : c = e[5];
-  let f;
-  e[6] !== t.items.length ? (f = /* @__PURE__ */ d(fe, { variant: "number", size: "xs", colorPalette: "gray", children: t.items.length }), e[6] = t.items.length, e[7] = f) : f = e[7];
-  let g;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ d(rt, {}), e[8] = g) : g = e[8];
-  let o;
-  e[9] !== t.canCreate || e[10] !== t.createLabel || e[11] !== t.id || e[12] !== n ? (o = t.canCreate && n && /* @__PURE__ */ d(ct, { content: t.createLabel ?? "Create new row", children: /* @__PURE__ */ d(Ee, { size: "2xs", variant: "outline", onClick: () => n(t.id), "aria-label": t.createLabel ?? "Create row", children: /* @__PURE__ */ d(N, { as: ut, boxSize: "12px" }) }) }), e[9] = t.canCreate, e[10] = t.createLabel, e[11] = t.id, e[12] = n, e[13] = o) : o = e[13];
-  let u;
-  e[14] !== t.actions || e[15] !== t.id || e[16] !== t.label || e[17] !== a ? (u = t.actions.length > 0 && /* @__PURE__ */ B(F.Root, { children: [
-    /* @__PURE__ */ d(F.Trigger, { asChild: !0, children: /* @__PURE__ */ d(Ee, { size: "2xs", variant: "ghost", "aria-label": `Column actions for ${t.label}`, children: /* @__PURE__ */ d(N, { as: pt, boxSize: "12px" }) }) }),
-    /* @__PURE__ */ d(F.Positioner, { children: /* @__PURE__ */ d(F.Content, { minW: "180px", bg: "bg", children: t.actions.map((h) => /* @__PURE__ */ d(F.Item, { value: h.id, asChild: !0, children: /* @__PURE__ */ d(ke, { asChild: !0, variant: "full-width", label: h.label, icon: /* @__PURE__ */ d(N, { as: h.icon, boxSize: "16px" }), onActivate: () => a?.(t.id, h.id) }) }, h.id)) }) })
-  ] }), e[14] = t.actions, e[15] = t.id, e[16] = t.label, e[17] = a, e[18] = u) : u = e[18];
-  let b;
-  return e[19] !== i || e[20] !== p || e[21] !== c || e[22] !== f || e[23] !== o || e[24] !== u ? (b = /* @__PURE__ */ B(X, { minH: "1.5rem", gap: "2xs", alignItems: "center", colorPalette: i, children: [
-    p,
-    c,
-    f,
-    g,
-    o,
-    u
-  ] }), e[19] = i, e[20] = p, e[21] = c, e[22] = f, e[23] = o, e[24] = u, e[25] = b) : b = e[25], b;
-}, Q = (r) => r.stopPropagation(), Rt = (r) => Array.isArray(r.value) ? r.value : r.value ? [r.value] : [], Tt = (r, e) => r.includes(e) ? r.filter((t) => t !== e) : [...r, e], Ae = {
-  bg: {
-    _light: "bg.muted",
-    _dark: "bg.subtle"
-  },
-  color: "fg.muted",
-  _hover: {
-    bg: {
-      _light: "bg.subtle",
-      _dark: "bg.hover"
-    }
-  }
-}, Et = (r) => r.color ? `${r.color}.fg` : "fg.muted", Pt = (r) => r.isMultiValue ? r.isSelected ? /* @__PURE__ */ d(gt, { size: 14 }) : /* @__PURE__ */ d(ft, { size: 14 }) : r.isSelected ? /* @__PURE__ */ d(mt, { size: 14 }) : null, je = (r) => {
-  const e = M(49), {
-    badge: t,
-    onChange: n
-  } = r;
-  let a, i, s, p, c, f, g, o, u, b, h, l, m, x;
-  if (e[0] !== t || e[1] !== n) {
-    x = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    e: {
-      const E = t.options ?? [], v = !!(n && t.isEditable && E.length > 0), k = Array.isArray(t.value), I = Rt(t);
-      let y;
-      e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = {
-        onClick: Q,
-        onPointerDown: Q,
-        onKeyDown: Q
-      }, e[16] = y) : y = e[16];
-      const S = y, R = (A) => {
-        let z;
-        k ? z = Tt(I, A) : z = I.includes(A) ? "" : A, n?.(t.attributeId, z);
-      };
-      let G;
-      e[17] !== t ? (G = t.icon ? /* @__PURE__ */ d(N, { as: be(t.icon), boxSize: "3.5", color: Et(t) }) : null, e[17] = t, e[18] = G) : G = e[18];
-      let $;
-      e[19] !== v ? ($ = v ? /* @__PURE__ */ d(N, { as: bt, boxSize: "3", color: "fg.muted" }) : null, e[19] = v, e[20] = $) : $ = e[20];
-      let O;
-      e[21] !== t.label || e[22] !== G || e[23] !== $ ? (O = /* @__PURE__ */ B(nt, { children: [
-        G,
-        t.label,
-        $
-      ] }), e[21] = t.label, e[22] = G, e[23] = $, e[24] = O) : O = e[24];
-      const T = O;
-      if (!v) {
-        let A;
-        e[25] !== T ? (A = /* @__PURE__ */ d(fe, { variant: "subtle", gap: "2xs", textStyle: "label/XS/medium", ...Ae, children: T }), e[25] = T, e[26] = A) : A = e[26], x = A;
-        break e;
-      }
-      p = F.Root, l = !k, e[27] !== T ? (m = /* @__PURE__ */ d(F.Trigger, { asChild: !0, children: /* @__PURE__ */ d(fe, { as: "span", role: "button", tabIndex: 0, variant: "subtle", gap: "2xs", textStyle: "label/XS/medium", cursor: "pointer", ...Ae, onClick: Q, onPointerDown: Q, onKeyDown: Q, children: T }) }), e[27] = T, e[28] = m) : m = e[28], s = ot, i = F.Positioner, a = F.Content, c = "180px", f = "0", g = "0", o = Q, u = Q, b = Q, h = E.map((A) => {
-        const z = I.includes(A.value);
-        return /* @__PURE__ */ d(F.Item, { value: A.value, asChild: !0, children: /* @__PURE__ */ d(ke, { asChild: !0, role: k ? "menuitemcheckbox" : "menuitemradio", "aria-checked": z, variant: "full-width", id: A.value, label: A.label, icon: /* @__PURE__ */ d(N, { as: be(A.icon), boxSize: "16px" }), iconColor: `${A.color ?? "gray"}.500`, isSelected: z, endContent: Pt({
-          isMultiValue: k,
-          isSelected: z
-        }), onActivate: () => R(A.value), ...S }) }, A.value);
-      });
-    }
-    e[0] = t, e[1] = n, e[2] = a, e[3] = i, e[4] = s, e[5] = p, e[6] = c, e[7] = f, e[8] = g, e[9] = o, e[10] = u, e[11] = b, e[12] = h, e[13] = l, e[14] = m, e[15] = x;
-  } else
-    a = e[2], i = e[3], s = e[4], p = e[5], c = e[6], f = e[7], g = e[8], o = e[9], u = e[10], b = e[11], h = e[12], l = e[13], m = e[14], x = e[15];
-  if (x !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
-    return x;
-  let C;
-  e[29] !== a || e[30] !== c || e[31] !== f || e[32] !== g || e[33] !== o || e[34] !== u || e[35] !== b || e[36] !== h ? (C = /* @__PURE__ */ d(a, { minW: c, p: f, gap: g, onClick: o, onPointerDown: u, onKeyDown: b, children: h }), e[29] = a, e[30] = c, e[31] = f, e[32] = g, e[33] = o, e[34] = u, e[35] = b, e[36] = h, e[37] = C) : C = e[37];
-  let w;
-  e[38] !== i || e[39] !== C ? (w = /* @__PURE__ */ d(i, { children: C }), e[38] = i, e[39] = C, e[40] = w) : w = e[40];
-  let D;
-  e[41] !== s || e[42] !== w ? (D = /* @__PURE__ */ d(s, { children: w }), e[41] = s, e[42] = w, e[43] = D) : D = e[43];
-  let P;
-  return e[44] !== p || e[45] !== D || e[46] !== l || e[47] !== m ? (P = /* @__PURE__ */ B(p, { closeOnSelect: l, children: [
-    m,
-    D
-  ] }), e[44] = p, e[45] = D, e[46] = l, e[47] = m, e[48] = P) : P = e[48], P;
-}, Fe = (r) => {
-  const e = M(30), {
-    eyebrow: t,
-    title: n,
-    badges: a,
-    customSlots: i,
-    workspaceBadge: s,
-    isSelected: p,
-    draggable: c,
-    onBadgeChange: f,
-    onDragStart: g,
-    onDragEnd: o,
-    onClick: u
-  } = r;
-  let b;
-  e[0] !== a ? (b = a === void 0 ? [] : a, e[0] = a, e[1] = b) : b = e[1];
-  const h = b;
-  let l;
-  e[2] !== i ? (l = i === void 0 ? [] : i, e[2] = i, e[3] = l) : l = e[3];
-  const m = l, x = p === void 0 ? !1 : p, C = h.length > 0 || m.length > 0, w = c ? "grab" : u ? "pointer" : "default";
-  let D;
-  e[4] !== u ? (D = (O) => {
-    O.defaultPrevented || !(O.target instanceof Node) || !O.currentTarget.contains(O.target) || u?.();
-  }, e[4] = u, e[5] = D) : D = e[5];
-  const P = D, E = x ? "border.accent" : "border", v = x ? "border.accent" : "border.accent-light";
-  let k;
-  e[6] !== v ? (k = {
-    borderColor: v
-  }, e[6] = v, e[7] = k) : k = e[7];
-  const I = u ? P : void 0, y = x ? "true" : void 0;
-  let S;
-  e[8] !== t || e[9] !== s ? (S = t || s ? /* @__PURE__ */ B(X, { minW: "0", gap: "2xs", children: [
-    t ? /* @__PURE__ */ d(_, { textStyle: "label/XS", color: "fg.muted", fontFamily: "mono", truncate: !0, children: t }) : null,
-    /* @__PURE__ */ d(X, { marginLeft: "auto", children: s ? /* @__PURE__ */ d(xt, { ...s }) : null })
-  ] }) : null, e[8] = t, e[9] = s, e[10] = S) : S = e[10];
-  let R;
-  e[11] !== n ? (R = /* @__PURE__ */ d(_, { textStyle: "paragraph/S/regular", minW: "0", overflowWrap: "anywhere", children: n }), e[11] = n, e[12] = R) : R = e[12];
-  let G;
-  e[13] !== h || e[14] !== m || e[15] !== C || e[16] !== f ? (G = C && /* @__PURE__ */ B(we, { gap: "2xs", children: [
-    h.map((O) => /* @__PURE__ */ d(je, { badge: O, onChange: f }, O.attributeId)),
-    m
-  ] }), e[13] = h, e[14] = m, e[15] = C, e[16] = f, e[17] = G) : G = e[17];
-  let $;
-  return e[18] !== w || e[19] !== c || e[20] !== o || e[21] !== g || e[22] !== y || e[23] !== S || e[24] !== R || e[25] !== G || e[26] !== E || e[27] !== k || e[28] !== I ? ($ = /* @__PURE__ */ B(q, { gap: "xs", padding: "compact", borderRadius: "compact", borderWidth: "1px", borderColor: E, width: "100%", background: "bg", transition: "border-color 0.2s ease-in-out, background 0.2s ease-in-out", _hover: k, cursor: w, draggable: c, onDragStart: g, onDragEnd: o, onClick: I, "data-selected": y, "data-testid": "renderer-card", children: [
-    S,
-    R,
-    G
-  ] }), e[18] = w, e[19] = c, e[20] = o, e[21] = g, e[22] = y, e[23] = S, e[24] = R, e[25] = G, e[26] = E, e[27] = k, e[28] = I, e[29] = $) : $ = e[29], $;
-}, At = (r) => {
-  const e = M(30), {
-    columnId: t,
-    group: n,
-    selectedItemId: a,
-    canDragIn: i,
-    canDragOut: s,
-    isDropTarget: p,
-    onDragStart: c,
-    onDragEnd: f,
-    onGroupDragOver: g,
-    onGroupDragLeave: o,
-    onGroupDrop: u
-  } = r, [b, h] = W(!0), l = p ? "bg.subtle" : "transparent", m = i ? g : void 0, x = i ? o : void 0, C = i ? u : void 0;
-  let w;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = {
-    bg: "bg.hover"
-  }, e[0] = w) : w = e[0];
-  let D;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = () => h(Ot), e[1] = D) : D = e[1];
-  const P = b ? "rotate(90deg)" : "rotate(0deg)";
-  let E;
-  e[2] !== P ? (E = /* @__PURE__ */ d(re, { display: "flex", alignItems: "center", flexShrink: 0, children: /* @__PURE__ */ d(N, { as: ht, boxSize: "14px", color: "fg.muted", transform: P, transition: "transform 0.15s ease" }) }), e[2] = P, e[3] = E) : E = e[3];
-  let v;
-  e[4] !== n.label ? (v = /* @__PURE__ */ d(_, { textStyle: "label/S/medium", color: "fg.muted", children: n.label }), e[4] = n.label, e[5] = v) : v = e[5];
-  let k;
-  e[6] !== n.items.length ? (k = /* @__PURE__ */ d(fe, { variant: "number", colorPalette: "gray", size: "sm", children: n.items.length }), e[6] = n.items.length, e[7] = k) : k = e[7];
-  let I;
-  e[8] !== E || e[9] !== v || e[10] !== k ? (I = /* @__PURE__ */ B(X, { px: "xs", py: "2xs", gap: "2xs", cursor: "pointer", _hover: w, borderRadius: "sm", onClick: D, children: [
-    E,
-    v,
-    k
-  ] }), e[8] = E, e[9] = v, e[10] = k, e[11] = I) : I = e[11];
-  let y;
-  e[12] !== i || e[13] !== s || e[14] !== b || e[15] !== n.items || e[16] !== f || e[17] !== c || e[18] !== u || e[19] !== a ? (y = b && /* @__PURE__ */ d(q, { gap: "xs", pt: "xs", children: n.items.map((R) => /* @__PURE__ */ d(We, { actions: R.contextMenuActions ?? [], children: /* @__PURE__ */ d(re, { onDragOver: i ? $t : void 0, onDrop: i ? (G) => {
-    G.preventDefault(), G.stopPropagation();
-    const $ = G.dataTransfer.getData("text/plain");
-    !$ || $ === R.id || u(G, R.id);
-  } : void 0, children: /* @__PURE__ */ d(Fe, { ...R.cardProps, isSelected: R.id === a, draggable: s, onDragStart: s ? c(R.id) : void 0, onDragEnd: s ? f : void 0 }) }) }, R.id)) }), e[12] = i, e[13] = s, e[14] = b, e[15] = n.items, e[16] = f, e[17] = c, e[18] = u, e[19] = a, e[20] = y) : y = e[20];
-  let S;
-  return e[21] !== t || e[22] !== n.key || e[23] !== l || e[24] !== m || e[25] !== I || e[26] !== y || e[27] !== x || e[28] !== C ? (S = /* @__PURE__ */ B(q, { "data-column-id": t, "data-group-key": n.key, gap: "0", borderRadius: "sm", background: l, transition: "background 150ms ease", onDragOver: m, onDragLeave: x, onDrop: C, children: [
-    I,
-    y
-  ] }), e[21] = t, e[22] = n.key, e[23] = l, e[24] = m, e[25] = I, e[26] = y, e[27] = x, e[28] = C, e[29] = S) : S = e[29], S;
+import { n as e, t } from "./scroll-area-Cr1lNXAr.js";
+import { s as n, t as r } from "./list-row-De9R2zKU.js";
+import { n as i, s as a } from "./slider-hwHYe98I.js";
+import { o, t as s } from "./workspace-badge-DrvH8WKV.js";
+import { t as c } from "./empty-state-3mVV_pV-.js";
+import { $ as l, B as u, G as d, H as f, J as p, K as m, Q as h, U as g, V as _, W as v, X as y, Y as b, Z as x, _t as S, at as C, ct as w, dt as T, et as E, ft as D, gt as O, ht as k, it as A, lt as j, mt as M, nt as ee, ot as te, p as ne, pt as re, q as N, rt as P, st as ie, tt as ae, ut as F } from "./rich-text-BgDvOEGH.js";
+import { h as I, i as L, r as R, t as oe } from "./param-editor-field-CBguLs_b.js";
+import { Badge as se, Box as z, Button as B, CloseButton as ce, Dialog as V, HStack as H, Icon as U, IconButton as le, Input as ue, Menu as W, Portal as G, Spacer as K, Stack as q, Text as J, Textarea as de, VStack as fe, Wrap as pe } from "@chakra-ui/react";
+import { c as Y } from "react/compiler-runtime";
+import { Fragment as me, jsx as X, jsxs as Z } from "react/jsx-runtime";
+import { useEffect as he, useRef as ge, useState as Q } from "react";
+import { Check as _e, ChevronDown as ve, ChevronRight as ye, MoreHorizontal as be, Paperclip as xe, Plus as Se, Square as Ce, SquareCheck as we } from "lucide-react";
+//#region src/components/kanban-renderer/kanban-renderer-board-move.ts
+var Te = async (e) => {
+	let { settings: t, rowId: n, targetColumnId: r, targetGroupKey: i, beforeItemId: a, onAttributeChange: o, onReorder: s } = e;
+	t.columnGrouping !== "none" && o && await o(n, t.columnGrouping, r), t.rowGrouping !== "none" && i && o && await o(n, t.rowGrouping, i), t.ordering.attributeId === "manual" && await s?.(n, a);
+}, Ee = async (e) => {
+	let { settings: t, rowId: n, targetGroupKey: r, beforeItemId: i, onAttributeChange: a, onReorder: o } = e;
+	t.rowGrouping !== "none" && a && (await a(n, t.rowGrouping, r), t.ordering.attributeId === "manual" && await o?.(n, i));
+}, De = (t) => {
+	let n = Y(26), { column: a, onCreateStart: o, onColumnAction: s } = t, c = a.color ?? "gray", l;
+	n[0] === a.icon ? l = n[1] : (l = i(a.icon), n[0] = a.icon, n[1] = l);
+	let u;
+	n[2] === l ? u = n[3] : (u = /* @__PURE__ */ X(U, {
+		"data-testid": "column-status-icon",
+		as: l,
+		boxSize: "0.875rem",
+		color: "colorPalette.solid",
+		flexShrink: 0
+	}), n[2] = l, n[3] = u);
+	let d;
+	n[4] === a.label ? d = n[5] : (d = /* @__PURE__ */ X(J, {
+		textStyle: "label/S/medium",
+		children: a.label
+	}), n[4] = a.label, n[5] = d);
+	let f;
+	n[6] === a.items.length ? f = n[7] : (f = /* @__PURE__ */ X(se, {
+		variant: "number",
+		size: "xs",
+		colorPalette: "gray",
+		children: a.items.length
+	}), n[6] = a.items.length, n[7] = f);
+	let p;
+	n[8] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ X(K, {}), n[8] = p) : p = n[8];
+	let m;
+	n[9] !== a.canCreate || n[10] !== a.createLabel || n[11] !== a.id || n[12] !== o ? (m = a.canCreate && o && /* @__PURE__ */ X(e, {
+		content: a.createLabel ?? "Create new row",
+		children: /* @__PURE__ */ X(le, {
+			size: "2xs",
+			variant: "outline",
+			onClick: () => o(a.id),
+			"aria-label": a.createLabel ?? "Create row",
+			children: /* @__PURE__ */ X(U, {
+				as: Se,
+				boxSize: "12px"
+			})
+		})
+	}), n[9] = a.canCreate, n[10] = a.createLabel, n[11] = a.id, n[12] = o, n[13] = m) : m = n[13];
+	let h;
+	n[14] !== a.actions || n[15] !== a.id || n[16] !== a.label || n[17] !== s ? (h = a.actions.length > 0 && /* @__PURE__ */ Z(W.Root, { children: [/* @__PURE__ */ X(W.Trigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ X(le, {
+			size: "2xs",
+			variant: "ghost",
+			"aria-label": `Column actions for ${a.label}`,
+			children: /* @__PURE__ */ X(U, {
+				as: be,
+				boxSize: "12px"
+			})
+		})
+	}), /* @__PURE__ */ X(W.Positioner, { children: /* @__PURE__ */ X(W.Content, {
+		minW: "180px",
+		bg: "bg",
+		children: a.actions.map((e) => /* @__PURE__ */ X(W.Item, {
+			value: e.id,
+			asChild: !0,
+			children: /* @__PURE__ */ X(r, {
+				asChild: !0,
+				variant: "full-width",
+				label: e.label,
+				icon: /* @__PURE__ */ X(U, {
+					as: e.icon,
+					boxSize: "16px"
+				}),
+				onActivate: () => s?.(a.id, e.id)
+			})
+		}, e.id))
+	}) })] }), n[14] = a.actions, n[15] = a.id, n[16] = a.label, n[17] = s, n[18] = h) : h = n[18];
+	let g;
+	return n[19] !== c || n[20] !== u || n[21] !== d || n[22] !== f || n[23] !== m || n[24] !== h ? (g = /* @__PURE__ */ Z(H, {
+		minH: "1.5rem",
+		gap: "2xs",
+		alignItems: "center",
+		colorPalette: c,
+		children: [
+			u,
+			d,
+			f,
+			p,
+			m,
+			h
+		]
+	}), n[19] = c, n[20] = u, n[21] = d, n[22] = f, n[23] = m, n[24] = h, n[25] = g) : g = n[25], g;
+}, $ = (e) => e.stopPropagation(), Oe = (e) => Array.isArray(e.value) ? e.value : e.value ? [e.value] : [], ke = (e, t) => e.includes(t) ? e.filter((e) => e !== t) : [...e, t], Ae = {
+	bg: {
+		_light: "bg.muted",
+		_dark: "bg.subtle"
+	},
+	color: "fg.muted",
+	_hover: { bg: {
+		_light: "bg.subtle",
+		_dark: "bg.hover"
+	} }
+}, je = (e) => e.color ? `${e.color}.fg` : "fg.muted", Me = (e) => e.isMultiValue ? e.isSelected ? /* @__PURE__ */ X(we, { size: 14 }) : /* @__PURE__ */ X(Ce, { size: 14 }) : e.isSelected ? /* @__PURE__ */ X(_e, { size: 14 }) : null, Ne = (e) => {
+	let t = Y(49), { badge: n, onChange: a } = e, o, s, c, l, u, d, f, p, m, h, g, _, v, y;
+	if (t[0] !== n || t[1] !== a) {
+		y = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			let e = n.options ?? [], b = !!(a && n.isEditable && e.length > 0), x = Array.isArray(n.value), S = Oe(n), C;
+			t[16] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+				onClick: $,
+				onPointerDown: $,
+				onKeyDown: $
+			}, t[16] = C) : C = t[16];
+			let w = C, T = (e) => {
+				let t;
+				t = x ? ke(S, e) : S.includes(e) ? "" : e, a?.(n.attributeId, t);
+			}, E;
+			t[17] === n ? E = t[18] : (E = n.icon ? /* @__PURE__ */ X(U, {
+				as: i(n.icon),
+				boxSize: "3.5",
+				color: je(n)
+			}) : null, t[17] = n, t[18] = E);
+			let D;
+			t[19] === b ? D = t[20] : (D = b ? /* @__PURE__ */ X(U, {
+				as: ve,
+				boxSize: "3",
+				color: "fg.muted"
+			}) : null, t[19] = b, t[20] = D);
+			let O;
+			t[21] !== n.label || t[22] !== E || t[23] !== D ? (O = /* @__PURE__ */ Z(me, { children: [
+				E,
+				n.label,
+				D
+			] }), t[21] = n.label, t[22] = E, t[23] = D, t[24] = O) : O = t[24];
+			let k = O;
+			if (!b) {
+				let e;
+				t[25] === k ? e = t[26] : (e = /* @__PURE__ */ X(se, {
+					variant: "subtle",
+					gap: "2xs",
+					textStyle: "label/XS/medium",
+					...Ae,
+					children: k
+				}), t[25] = k, t[26] = e), y = e;
+				break bb0;
+			}
+			l = W.Root, _ = !x, t[27] === k ? v = t[28] : (v = /* @__PURE__ */ X(W.Trigger, {
+				asChild: !0,
+				children: /* @__PURE__ */ X(se, {
+					as: "span",
+					role: "button",
+					tabIndex: 0,
+					variant: "subtle",
+					gap: "2xs",
+					textStyle: "label/XS/medium",
+					cursor: "pointer",
+					...Ae,
+					onClick: $,
+					onPointerDown: $,
+					onKeyDown: $,
+					children: k
+				})
+			}), t[27] = k, t[28] = v), c = G, s = W.Positioner, o = W.Content, u = "180px", d = "0", f = "0", p = $, m = $, h = $, g = e.map((e) => {
+				let t = S.includes(e.value);
+				return /* @__PURE__ */ X(W.Item, {
+					value: e.value,
+					asChild: !0,
+					children: /* @__PURE__ */ X(r, {
+						asChild: !0,
+						role: x ? "menuitemcheckbox" : "menuitemradio",
+						"aria-checked": t,
+						variant: "full-width",
+						id: e.value,
+						label: e.label,
+						icon: /* @__PURE__ */ X(U, {
+							as: i(e.icon),
+							boxSize: "16px"
+						}),
+						iconColor: `${e.color ?? "gray"}.500`,
+						isSelected: t,
+						endContent: Me({
+							isMultiValue: x,
+							isSelected: t
+						}),
+						onActivate: () => T(e.value),
+						...w
+					})
+				}, e.value);
+			});
+		}
+		t[0] = n, t[1] = a, t[2] = o, t[3] = s, t[4] = c, t[5] = l, t[6] = u, t[7] = d, t[8] = f, t[9] = p, t[10] = m, t[11] = h, t[12] = g, t[13] = _, t[14] = v, t[15] = y;
+	} else o = t[2], s = t[3], c = t[4], l = t[5], u = t[6], d = t[7], f = t[8], p = t[9], m = t[10], h = t[11], g = t[12], _ = t[13], v = t[14], y = t[15];
+	if (y !== Symbol.for("react.early_return_sentinel")) return y;
+	let b;
+	t[29] !== o || t[30] !== u || t[31] !== d || t[32] !== f || t[33] !== p || t[34] !== m || t[35] !== h || t[36] !== g ? (b = /* @__PURE__ */ X(o, {
+		minW: u,
+		p: d,
+		gap: f,
+		onClick: p,
+		onPointerDown: m,
+		onKeyDown: h,
+		children: g
+	}), t[29] = o, t[30] = u, t[31] = d, t[32] = f, t[33] = p, t[34] = m, t[35] = h, t[36] = g, t[37] = b) : b = t[37];
+	let x;
+	t[38] !== s || t[39] !== b ? (x = /* @__PURE__ */ X(s, { children: b }), t[38] = s, t[39] = b, t[40] = x) : x = t[40];
+	let S;
+	t[41] !== c || t[42] !== x ? (S = /* @__PURE__ */ X(c, { children: x }), t[41] = c, t[42] = x, t[43] = S) : S = t[43];
+	let C;
+	return t[44] !== l || t[45] !== S || t[46] !== _ || t[47] !== v ? (C = /* @__PURE__ */ Z(l, {
+		closeOnSelect: _,
+		children: [v, S]
+	}), t[44] = l, t[45] = S, t[46] = _, t[47] = v, t[48] = C) : C = t[48], C;
+}, Pe = (e) => {
+	let t = Y(30), { eyebrow: n, title: r, badges: i, customSlots: a, workspaceBadge: o, isSelected: c, draggable: l, onBadgeChange: u, onDragStart: d, onDragEnd: f, onClick: p } = e, m;
+	t[0] === i ? m = t[1] : (m = i === void 0 ? [] : i, t[0] = i, t[1] = m);
+	let h = m, g;
+	t[2] === a ? g = t[3] : (g = a === void 0 ? [] : a, t[2] = a, t[3] = g);
+	let _ = g, v = c !== void 0 && c, y = h.length > 0 || _.length > 0, b = l ? "grab" : p ? "pointer" : "default", x;
+	t[4] === p ? x = t[5] : (x = (e) => {
+		e.defaultPrevented || e.target instanceof Node && e.currentTarget.contains(e.target) && p?.();
+	}, t[4] = p, t[5] = x);
+	let S = x, C = v ? "border.accent" : "border", w = v ? "border.accent" : "border.accent-light", T;
+	t[6] === w ? T = t[7] : (T = { borderColor: w }, t[6] = w, t[7] = T);
+	let E = p ? S : void 0, D = v ? "true" : void 0, O;
+	t[8] !== n || t[9] !== o ? (O = n || o ? /* @__PURE__ */ Z(H, {
+		minW: "0",
+		gap: "2xs",
+		children: [n ? /* @__PURE__ */ X(J, {
+			textStyle: "label/XS",
+			color: "fg.muted",
+			fontFamily: "mono",
+			truncate: !0,
+			children: n
+		}) : null, /* @__PURE__ */ X(H, {
+			marginLeft: "auto",
+			children: o ? /* @__PURE__ */ X(s, { ...o }) : null
+		})]
+	}) : null, t[8] = n, t[9] = o, t[10] = O) : O = t[10];
+	let k;
+	t[11] === r ? k = t[12] : (k = /* @__PURE__ */ X(J, {
+		textStyle: "paragraph/S/regular",
+		minW: "0",
+		overflowWrap: "anywhere",
+		children: r
+	}), t[11] = r, t[12] = k);
+	let A;
+	t[13] !== h || t[14] !== _ || t[15] !== y || t[16] !== u ? (A = y && /* @__PURE__ */ Z(pe, {
+		gap: "2xs",
+		children: [h.map((e) => /* @__PURE__ */ X(Ne, {
+			badge: e,
+			onChange: u
+		}, e.attributeId)), _]
+	}), t[13] = h, t[14] = _, t[15] = y, t[16] = u, t[17] = A) : A = t[17];
+	let j;
+	return t[18] !== b || t[19] !== l || t[20] !== f || t[21] !== d || t[22] !== D || t[23] !== O || t[24] !== k || t[25] !== A || t[26] !== C || t[27] !== T || t[28] !== E ? (j = /* @__PURE__ */ Z(q, {
+		gap: "xs",
+		padding: "compact",
+		borderRadius: "compact",
+		borderWidth: "1px",
+		borderColor: C,
+		width: "100%",
+		background: "bg",
+		transition: "border-color 0.2s ease-in-out, background 0.2s ease-in-out",
+		_hover: T,
+		cursor: b,
+		draggable: l,
+		onDragStart: d,
+		onDragEnd: f,
+		onClick: E,
+		"data-selected": D,
+		"data-testid": "renderer-card",
+		children: [
+			O,
+			k,
+			A
+		]
+	}), t[18] = b, t[19] = l, t[20] = f, t[21] = d, t[22] = D, t[23] = O, t[24] = k, t[25] = A, t[26] = C, t[27] = T, t[28] = E, t[29] = j) : j = t[29], j;
+}, Fe = (e) => {
+	let t = Y(30), { columnId: r, group: i, selectedItemId: a, canDragIn: o, canDragOut: s, isDropTarget: c, onDragStart: l, onDragEnd: u, onGroupDragOver: d, onGroupDragLeave: f, onGroupDrop: p } = e, [m, h] = Q(!0), g = c ? "bg.subtle" : "transparent", _ = o ? d : void 0, v = o ? f : void 0, y = o ? p : void 0, b;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (b = { bg: "bg.hover" }, t[0] = b) : b = t[0];
+	let x;
+	t[1] === Symbol.for("react.memo_cache_sentinel") ? (x = () => h(Ie), t[1] = x) : x = t[1];
+	let S = m ? "rotate(90deg)" : "rotate(0deg)", C;
+	t[2] === S ? C = t[3] : (C = /* @__PURE__ */ X(z, {
+		display: "flex",
+		alignItems: "center",
+		flexShrink: 0,
+		children: /* @__PURE__ */ X(U, {
+			as: ye,
+			boxSize: "14px",
+			color: "fg.muted",
+			transform: S,
+			transition: "transform 0.15s ease"
+		})
+	}), t[2] = S, t[3] = C);
+	let w;
+	t[4] === i.label ? w = t[5] : (w = /* @__PURE__ */ X(J, {
+		textStyle: "label/S/medium",
+		color: "fg.muted",
+		children: i.label
+	}), t[4] = i.label, t[5] = w);
+	let T;
+	t[6] === i.items.length ? T = t[7] : (T = /* @__PURE__ */ X(se, {
+		variant: "number",
+		colorPalette: "gray",
+		size: "sm",
+		children: i.items.length
+	}), t[6] = i.items.length, t[7] = T);
+	let E;
+	t[8] !== C || t[9] !== w || t[10] !== T ? (E = /* @__PURE__ */ Z(H, {
+		px: "xs",
+		py: "2xs",
+		gap: "2xs",
+		cursor: "pointer",
+		_hover: b,
+		borderRadius: "sm",
+		onClick: x,
+		children: [
+			C,
+			w,
+			T
+		]
+	}), t[8] = C, t[9] = w, t[10] = T, t[11] = E) : E = t[11];
+	let D;
+	t[12] !== o || t[13] !== s || t[14] !== m || t[15] !== i.items || t[16] !== u || t[17] !== l || t[18] !== p || t[19] !== a ? (D = m && /* @__PURE__ */ X(q, {
+		gap: "xs",
+		pt: "xs",
+		children: i.items.map((e) => /* @__PURE__ */ X(n, {
+			actions: e.contextMenuActions ?? [],
+			children: /* @__PURE__ */ X(z, {
+				onDragOver: o ? Le : void 0,
+				onDrop: o ? (t) => {
+					t.preventDefault(), t.stopPropagation();
+					let n = t.dataTransfer.getData("text/plain");
+					n && n !== e.id && p(t, e.id);
+				} : void 0,
+				children: /* @__PURE__ */ X(Pe, {
+					...e.cardProps,
+					isSelected: e.id === a,
+					draggable: s,
+					onDragStart: s ? l(e.id) : void 0,
+					onDragEnd: s ? u : void 0
+				})
+			})
+		}, e.id))
+	}), t[12] = o, t[13] = s, t[14] = m, t[15] = i.items, t[16] = u, t[17] = l, t[18] = p, t[19] = a, t[20] = D) : D = t[20];
+	let O;
+	return t[21] !== r || t[22] !== i.key || t[23] !== g || t[24] !== _ || t[25] !== E || t[26] !== D || t[27] !== v || t[28] !== y ? (O = /* @__PURE__ */ Z(q, {
+		"data-column-id": r,
+		"data-group-key": i.key,
+		gap: "0",
+		borderRadius: "sm",
+		background: g,
+		transition: "background 150ms ease",
+		onDragOver: _,
+		onDragLeave: v,
+		onDrop: y,
+		children: [E, D]
+	}), t[21] = r, t[22] = i.key, t[23] = g, t[24] = _, t[25] = E, t[26] = D, t[27] = v, t[28] = y, t[29] = O) : O = t[29], O;
 };
-function Ot(r) {
-  return !r;
+function Ie(e) {
+	return !e;
 }
-function $t(r) {
-  r.preventDefault(), r.stopPropagation(), r.dataTransfer.dropEffect = "move";
+function Le(e) {
+	e.preventDefault(), e.stopPropagation(), e.dataTransfer.dropEffect = "move";
 }
-const Bt = (r) => {
-  const e = M(27), {
-    columns: t,
-    selectedItemId: n,
-    onMoveItem: a,
-    onMoveToGroup: i,
-    onCreateStart: s,
-    onColumnAction: p
-  } = r, c = n === void 0 ? null : n, [f, g] = W(null), [o, u] = W(null), b = zt;
-  let h;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = () => {
-    g(null), u(null);
-  }, e[0] = h) : h = e[0];
-  const l = h;
-  let m;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = (I) => (y) => {
-    y.preventDefault(), y.dataTransfer.dropEffect = "move", g(I);
-  }, e[1] = m) : m = e[1];
-  const x = m;
-  let C;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = (I) => {
-    I.currentTarget.contains(I.relatedTarget) || g(null);
-  }, e[2] = C) : C = e[2];
-  const w = C;
-  let D;
-  e[3] !== a ? (D = (I) => (y) => {
-    y.preventDefault(), g(null);
-    const S = y.dataTransfer.getData("text/plain");
-    S && a?.(S, I);
-  }, e[3] = a, e[4] = D) : D = e[4];
-  const P = D;
-  let E;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = {
-    display: "flex",
-    alignItems: "stretch",
-    gap: "xs",
-    padding: "xs",
-    minH: "100%"
-  }, e[5] = E) : E = e[5];
-  let v;
-  if (e[6] !== f || e[7] !== o || e[8] !== t || e[9] !== P || e[10] !== p || e[11] !== s || e[12] !== a || e[13] !== i || e[14] !== c) {
-    let I;
-    e[16] !== f || e[17] !== o || e[18] !== P || e[19] !== p || e[20] !== s || e[21] !== a || e[22] !== i || e[23] !== c ? (I = (y) => /* @__PURE__ */ B(q, { "data-testid": `board-column-${y.id}`, gap: "xs", padding: "compact", borderWidth: "1px", borderColor: "border.subtle", borderRadius: "sm", background: f === y.id ? "bg.active" : "bg.subtle", transition: "background 150ms ease", height: "100%", minH: "240px", overflow: "hidden", minW: "260px", flex: "1 0 260px", onDragOver: y.canDragIn ? x(y.id) : void 0, onDragLeave: y.canDragIn ? w : void 0, onDrop: y.canDragIn ? P(y.id) : void 0, children: [
-      /* @__PURE__ */ d(Gt, { column: y, onCreateStart: s, onColumnAction: p }),
-      /* @__PURE__ */ d(Pe, { flex: "1", minH: "0", size: "xs", verticalScrollbarProps: {
-        margin: "0"
-      }, contentProps: {
-        spaceY: "xs"
-      }, children: y.groups && y.groups.length > 0 ? y.groups.map((S) => {
-        const R = `${y.id}::${S.key}`;
-        return /* @__PURE__ */ d(At, { columnId: y.id, group: S, selectedItemId: c, canDragIn: y.canDragIn, canDragOut: y.canDragOut, isDropTarget: o === R, onDragStart: b, onDragEnd: l, onGroupDragOver: (G) => {
-          G.preventDefault(), G.stopPropagation(), G.dataTransfer.dropEffect = "move", u(R), g(null);
-        }, onGroupDragLeave: (G) => {
-          G.currentTarget.contains(G.relatedTarget) || u(null);
-        }, onGroupDrop: (G, $) => {
-          G.preventDefault(), G.stopPropagation(), u(null), g(null);
-          const O = G.dataTransfer.getData("text/plain");
-          if (O) {
-            if (a) {
-              a(O, y.id, {
-                beforeItemId: $,
-                targetGroupKey: S.key
-              });
-              return;
-            }
-            i?.(O, S.key, {
-              beforeItemId: $
-            });
-          }
-        } }, S.key);
-      }) : y.items.map((S) => /* @__PURE__ */ d(We, { actions: S.contextMenuActions ?? [], children: /* @__PURE__ */ d(re, { onDragOver: y.canDragIn ? (R) => {
-        R.preventDefault(), R.stopPropagation(), R.dataTransfer.dropEffect = "move", g(y.id);
-      } : void 0, onDrop: y.canDragIn ? (R) => {
-        R.preventDefault(), R.stopPropagation(), g(null);
-        const G = R.dataTransfer.getData("text/plain");
-        !G || G === S.id || a?.(G, y.id, {
-          beforeItemId: S.id
-        });
-      } : void 0, children: /* @__PURE__ */ d(Fe, { ...S.cardProps, isSelected: S.id === c, draggable: y.canDragOut, onDragStart: y.canDragOut ? b(S.id) : void 0, onDragEnd: y.canDragOut ? l : void 0 }) }) }, S.id)) })
-    ] }, y.id), e[16] = f, e[17] = o, e[18] = P, e[19] = p, e[20] = s, e[21] = a, e[22] = i, e[23] = c, e[24] = I) : I = e[24], v = t.map(I), e[6] = f, e[7] = o, e[8] = t, e[9] = P, e[10] = p, e[11] = s, e[12] = a, e[13] = i, e[14] = c, e[15] = v;
-  } else
-    v = e[15];
-  let k;
-  return e[25] !== v ? (k = /* @__PURE__ */ d(Pe, { height: "100%", size: "xs", showHorizontalScrollbar: !0, showVerticalScrollbar: !1, contentProps: E, children: v }), e[25] = v, e[26] = k) : k = e[26], k;
+//#endregion
+//#region src/components/kanban-renderer/kanban-renderer-board.tsx
+var Re = (e) => {
+	let r = Y(27), { columns: i, selectedItemId: a, onMoveItem: o, onMoveToGroup: s, onCreateStart: c, onColumnAction: l } = e, u = a === void 0 ? null : a, [d, f] = Q(null), [p, m] = Q(null), h = ze, g;
+	r[0] === Symbol.for("react.memo_cache_sentinel") ? (g = () => {
+		f(null), m(null);
+	}, r[0] = g) : g = r[0];
+	let _ = g, v;
+	r[1] === Symbol.for("react.memo_cache_sentinel") ? (v = (e) => (t) => {
+		t.preventDefault(), t.dataTransfer.dropEffect = "move", f(e);
+	}, r[1] = v) : v = r[1];
+	let y = v, b;
+	r[2] === Symbol.for("react.memo_cache_sentinel") ? (b = (e) => {
+		e.currentTarget.contains(e.relatedTarget) || f(null);
+	}, r[2] = b) : b = r[2];
+	let x = b, S;
+	r[3] === o ? S = r[4] : (S = (e) => (t) => {
+		t.preventDefault(), f(null);
+		let n = t.dataTransfer.getData("text/plain");
+		n && o?.(n, e);
+	}, r[3] = o, r[4] = S);
+	let C = S, w;
+	r[5] === Symbol.for("react.memo_cache_sentinel") ? (w = {
+		display: "flex",
+		alignItems: "stretch",
+		gap: "xs",
+		padding: "xs",
+		minH: "100%"
+	}, r[5] = w) : w = r[5];
+	let T;
+	if (r[6] !== d || r[7] !== p || r[8] !== i || r[9] !== C || r[10] !== l || r[11] !== c || r[12] !== o || r[13] !== s || r[14] !== u) {
+		let e;
+		r[16] !== d || r[17] !== p || r[18] !== C || r[19] !== l || r[20] !== c || r[21] !== o || r[22] !== s || r[23] !== u ? (e = (e) => /* @__PURE__ */ Z(q, {
+			"data-testid": `board-column-${e.id}`,
+			gap: "xs",
+			padding: "compact",
+			borderWidth: "1px",
+			borderColor: "border.subtle",
+			borderRadius: "sm",
+			background: d === e.id ? "bg.active" : "bg.subtle",
+			transition: "background 150ms ease",
+			height: "100%",
+			minH: "240px",
+			overflow: "hidden",
+			minW: "260px",
+			flex: "1 0 260px",
+			onDragOver: e.canDragIn ? y(e.id) : void 0,
+			onDragLeave: e.canDragIn ? x : void 0,
+			onDrop: e.canDragIn ? C(e.id) : void 0,
+			children: [/* @__PURE__ */ X(De, {
+				column: e,
+				onCreateStart: c,
+				onColumnAction: l
+			}), /* @__PURE__ */ X(t, {
+				flex: "1",
+				minH: "0",
+				size: "xs",
+				verticalScrollbarProps: { margin: "0" },
+				contentProps: { spaceY: "xs" },
+				children: e.groups && e.groups.length > 0 ? e.groups.map((t) => {
+					let n = `${e.id}::${t.key}`;
+					return /* @__PURE__ */ X(Fe, {
+						columnId: e.id,
+						group: t,
+						selectedItemId: u,
+						canDragIn: e.canDragIn,
+						canDragOut: e.canDragOut,
+						isDropTarget: p === n,
+						onDragStart: h,
+						onDragEnd: _,
+						onGroupDragOver: (e) => {
+							e.preventDefault(), e.stopPropagation(), e.dataTransfer.dropEffect = "move", m(n), f(null);
+						},
+						onGroupDragLeave: (e) => {
+							e.currentTarget.contains(e.relatedTarget) || m(null);
+						},
+						onGroupDrop: (n, r) => {
+							n.preventDefault(), n.stopPropagation(), m(null), f(null);
+							let i = n.dataTransfer.getData("text/plain");
+							if (i) {
+								if (o) {
+									o(i, e.id, {
+										beforeItemId: r,
+										targetGroupKey: t.key
+									});
+									return;
+								}
+								s?.(i, t.key, { beforeItemId: r });
+							}
+						}
+					}, t.key);
+				}) : e.items.map((t) => /* @__PURE__ */ X(n, {
+					actions: t.contextMenuActions ?? [],
+					children: /* @__PURE__ */ X(z, {
+						onDragOver: e.canDragIn ? (t) => {
+							t.preventDefault(), t.stopPropagation(), t.dataTransfer.dropEffect = "move", f(e.id);
+						} : void 0,
+						onDrop: e.canDragIn ? (n) => {
+							n.preventDefault(), n.stopPropagation(), f(null);
+							let r = n.dataTransfer.getData("text/plain");
+							r && r !== t.id && o?.(r, e.id, { beforeItemId: t.id });
+						} : void 0,
+						children: /* @__PURE__ */ X(Pe, {
+							...t.cardProps,
+							isSelected: t.id === u,
+							draggable: e.canDragOut,
+							onDragStart: e.canDragOut ? h(t.id) : void 0,
+							onDragEnd: e.canDragOut ? _ : void 0
+						})
+					})
+				}, t.id))
+			})]
+		}, e.id), r[16] = d, r[17] = p, r[18] = C, r[19] = l, r[20] = c, r[21] = o, r[22] = s, r[23] = u, r[24] = e) : e = r[24], T = i.map(e), r[6] = d, r[7] = p, r[8] = i, r[9] = C, r[10] = l, r[11] = c, r[12] = o, r[13] = s, r[14] = u, r[15] = T;
+	} else T = r[15];
+	let E;
+	return r[25] === T ? E = r[26] : (E = /* @__PURE__ */ X(t, {
+		height: "100%",
+		size: "xs",
+		showHorizontalScrollbar: !0,
+		showVerticalScrollbar: !1,
+		contentProps: w,
+		children: T
+	}), r[25] = T, r[26] = E), E;
 };
-function zt(r) {
-  return (e) => {
-    e.dataTransfer.setData("text/plain", r), e.dataTransfer.effectAllowed = "move";
-  };
+function ze(e) {
+	return (t) => {
+		t.dataTransfer.setData("text/plain", e), t.dataTransfer.effectAllowed = "move";
+	};
 }
-const Ne = (r, e, t = 0) => {
-  const n = [];
-  for (const a of r) {
-    const i = (a.children?.length ?? 0) > 0;
-    n.push({
-      id: a.id,
-      item: a,
-      depth: t,
-      isGroup: a.isGroup === !0,
-      canExpand: i
-    }), i && Xe(e, a.id) && n.push(...Ne(a.children ?? [], e, t + 1));
-  }
-  return n;
-}, Kt = (r, e) => {
-  if (r)
-    return {
-      _before: {
-        content: '""',
-        position: "absolute",
-        bg: "border.accent",
-        left: "0",
-        top: "0",
-        width: e ? "3px" : "100%",
-        height: e ? "100%" : "2px"
-      }
-    };
-}, Xe = (r, e) => r[e] !== !1, Mt = (r, e, t) => ({
-  ...r,
-  [e]: t
-}), Lt = (r, e) => e ? /* @__PURE__ */ B(X, { gap: "xs", minW: "0", maxW: "full", flex: "1", children: [
-  /* @__PURE__ */ d(_, { textStyle: "label/S/medium", minW: "0", truncate: !0, children: r.title }),
-  /* @__PURE__ */ d(_, { textStyle: "label/XS", color: "fg.muted", flexShrink: 0, children: r.countBadge })
-] }) : /* @__PURE__ */ B(X, { gap: "compact", minW: "0", maxW: "full", flex: "1", children: [
-  r.eyebrow ? /* @__PURE__ */ d(_, { "data-testid": "list-row-eyebrow", flexShrink: 0, textStyle: "mono/XS", color: "fg.muted", truncate: !0, children: r.eyebrow }) : null,
-  /* @__PURE__ */ d(_, { textStyle: "paragraph/S/regular", minW: "0", truncate: !0, children: r.title })
-] }), _t = (r) => (r.badges?.length ?? 0) > 0 || (r.customSlots?.length ?? 0) > 0 ? /* @__PURE__ */ d(X, { gap: "xs", flexShrink: 0, children: /* @__PURE__ */ B(we, { gap: "2xs", flexShrink: 0, children: [
-  r.badges?.map((t) => /* @__PURE__ */ d(je, { badge: t, onChange: r.onBadgeChange }, t.attributeId)),
-  r.customSlots
-] }) }) : null, Vt = (r, e) => ({
-  id: r.id,
-  label: Lt(r, r.isGroup === !0),
-  icon: r.statusIcon ? /* @__PURE__ */ d(N, { "data-testid": r.isGroup ? "list-status-icon" : "row-status-icon", as: r.statusIcon, boxSize: "1rem", colorPalette: r.statusColorPalette ?? r.countColorPalette ?? "gray", color: r.statusColor ?? (r.isGroup || r.statusColorPalette ? "colorPalette.solid" : "fg.muted") }) : void 0,
-  endContent: _t(r),
-  isContainer: e,
-  contextMenuItems: r.contextMenuActions?.map((t) => ({
-    id: t.key,
-    label: t.label,
-    icon: t.icon ?? void 0,
-    disabled: t.isDisabled,
-    separatorBefore: t.separatorBefore,
-    endContent: t.endContent,
-    onAction: t.onClick
-  }))
-}), Wt = (r) => {
-  const e = M(24), {
-    items: t,
-    selectedItemId: n,
-    expandedGroups: a,
-    onItemClick: i,
-    onExpandedGroupChange: s
-  } = r, p = n === void 0 ? null : n;
-  let c;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = {}, e[0] = c) : c = e[0];
-  const [f, g] = W(c), [o, u] = W(null), [b, h] = W(null), l = a ?? f;
-  let m, x;
-  if (e[1] !== o || e[2] !== b || e[3] !== l || e[4] !== a || e[5] !== t || e[6] !== s || e[7] !== i || e[8] !== p) {
-    const w = Ne(t, l);
-    let D;
-    e[11] !== a || e[12] !== s ? (D = (v, k) => {
-      s?.(v, k), a === void 0 && g((I) => Mt(I, v, k));
-    }, e[11] = a, e[12] = s, e[13] = D) : D = e[13];
-    const P = D;
-    m = re;
-    let E;
-    e[14] !== o || e[15] !== b || e[16] !== l || e[17] !== P || e[18] !== i || e[19] !== p ? (E = (v) => /* @__PURE__ */ d(Ht, { row: v, isExpanded: Xe(l, v.id), selectedItemId: p, activeDropTargetId: o, draggedItemId: b, onDraggedItemChange: h, onDropTargetChange: u, onItemClick: i, onExpandedChange: P }, v.id), e[14] = o, e[15] = b, e[16] = l, e[17] = P, e[18] = i, e[19] = p, e[20] = E) : E = e[20], x = w.map(E), e[1] = o, e[2] = b, e[3] = l, e[4] = a, e[5] = t, e[6] = s, e[7] = i, e[8] = p, e[9] = m, e[10] = x;
-  } else
-    m = e[9], x = e[10];
-  let C;
-  return e[21] !== m || e[22] !== x ? (C = /* @__PURE__ */ d(m, { children: x }), e[21] = m, e[22] = x, e[23] = C) : C = e[23], C;
-}, Ht = (r) => {
-  const e = M(56), {
-    row: t,
-    isExpanded: n,
-    selectedItemId: a,
-    activeDropTargetId: i,
-    draggedItemId: s,
-    onDraggedItemChange: p,
-    onDropTargetChange: c,
-    onItemClick: f,
-    onExpandedChange: g
-  } = r, {
-    item: o,
-    isGroup: u,
-    canExpand: b
-  } = t, h = o.id === a, l = !!o.onDropRow && o.id !== s, m = l && o.id === i;
-  let x;
-  e[0] !== b || e[1] !== o ? (x = Vt(o, b), e[0] = b, e[1] = o, e[2] = x) : x = e[2];
-  const C = x;
-  let w;
-  e[3] !== n || e[4] !== g || e[5] !== t.id ? (w = () => g(t.id, !n), e[3] = n, e[4] = g, e[5] = t.id, e[6] = w) : w = e[6];
-  const D = w;
-  let P;
-  e[7] !== b || e[8] !== u || e[9] !== o || e[10] !== f || e[11] !== D ? (P = () => {
-    if (b) {
-      D();
-      return;
-    }
-    u || (o.onClick?.(), f?.(o));
-  }, e[7] = b, e[8] = u, e[9] = o, e[10] = f, e[11] = D, e[12] = P) : P = e[12];
-  const E = P;
-  let v;
-  e[13] !== o.draggable || e[14] !== o.id || e[15] !== p || e[16] !== c ? (v = (K) => {
-    o.draggable && (K.stopPropagation(), K.dataTransfer.setData("text/plain", o.id), K.dataTransfer.effectAllowed = "move", p(o.id), c(null));
-  }, e[13] = o.draggable, e[14] = o.id, e[15] = p, e[16] = c, e[17] = v) : v = e[17];
-  const k = v;
-  let I;
-  e[18] !== l || e[19] !== o.id || e[20] !== c ? (I = (K) => {
-    l && (K.preventDefault(), K.stopPropagation(), K.dataTransfer.dropEffect = "move", c(o.id));
-  }, e[18] = l, e[19] = o.id, e[20] = c, e[21] = I) : I = e[21];
-  const y = I;
-  let S;
-  e[22] !== c ? (S = (K) => {
-    K.currentTarget.contains(K.relatedTarget) || c(null);
-  }, e[22] = c, e[23] = S) : S = e[23];
-  const R = S;
-  let G;
-  e[24] !== l || e[25] !== o || e[26] !== p || e[27] !== c ? (G = (K) => {
-    if (!l || !o.onDropRow)
-      return;
-    K.preventDefault(), K.stopPropagation(), c(null), p(null);
-    const j = K.dataTransfer.getData("text/plain");
-    !j || j === o.id || o.onDropRow(j);
-  }, e[24] = l, e[25] = o, e[26] = p, e[27] = c, e[28] = G) : G = e[28];
-  const $ = G;
-  let O;
-  e[29] !== p || e[30] !== c ? (O = () => {
-    c(null), p(null);
-  }, e[29] = p, e[30] = c, e[31] = O) : O = e[31];
-  const T = O, A = m ? "true" : void 0, z = m ? "bg.subtle" : "transparent", U = o.draggable;
-  let V;
-  e[32] !== b || e[33] !== m ? (V = Kt(m, b), e[32] = b, e[33] = m, e[34] = V) : V = e[34];
-  const ee = o.onDropRow ? R : void 0, oe = u ? void 0 : o.title, te = u ? "compact" : "collection";
-  let H;
-  e[35] !== b || e[36] !== E || e[37] !== n || e[38] !== h || e[39] !== t.depth || e[40] !== C || e[41] !== oe || e[42] !== te || e[43] !== D ? (H = /* @__PURE__ */ d(ke, { ...C, "aria-label": oe, variant: te, depth: t.depth, isSelected: h, isExpanded: n, showExpandToggle: b, showContextMenuTrigger: !1, onActivate: E, onToggleExpand: D }), e[35] = b, e[36] = E, e[37] = n, e[38] = h, e[39] = t.depth, e[40] = C, e[41] = oe, e[42] = te, e[43] = D, e[44] = H) : H = e[44];
-  let Y;
-  return e[45] !== T || e[46] !== y || e[47] !== k || e[48] !== $ || e[49] !== o.draggable || e[50] !== V || e[51] !== ee || e[52] !== H || e[53] !== A || e[54] !== z ? (Y = /* @__PURE__ */ d(re, { "data-drop-target": A, position: "relative", borderBottomWidth: "1px", borderBottomColor: "border.subtle", bg: z, draggable: U, transition: "background 120ms ease", ...V, onDragStart: k, onDragOver: y, onDragLeave: ee, onDragEnd: T, onDrop: $, children: H }), e[45] = T, e[46] = y, e[47] = k, e[48] = $, e[49] = o.draggable, e[50] = V, e[51] = ee, e[52] = H, e[53] = A, e[54] = z, e[55] = Y) : Y = e[55], Y;
-}, Oe = (r) => {
-  const e = M(7), {
-    emptyState: t,
-    title: n,
-    description: a,
-    height: i
-  } = r;
-  if (t !== void 0) {
-    let p;
-    return e[0] !== t || e[1] !== i ? (p = i ? /* @__PURE__ */ d(re, { height: i, children: t }) : t, e[0] = t, e[1] = i, e[2] = p) : p = e[2], p;
-  }
-  let s;
-  return e[3] !== a || e[4] !== i || e[5] !== n ? (s = /* @__PURE__ */ d(dt, { title: n, description: a, height: i }), e[3] = a, e[4] = i, e[5] = n, e[6] = s) : s = e[6], s;
-}, jt = (r) => {
-  const e = M(20), {
-    viewMode: t,
-    boardColumns: n,
-    listItems: a,
-    listExpandedGroups: i,
-    selectedRowId: s,
-    emptyState: p,
-    emptyTitle: c,
-    emptyDescription: f,
-    onBoardMoveItem: g,
-    onBoardMoveToGroup: o,
-    onCreateRow: u,
-    onColumnAction: b,
-    onListExpandedGroupChange: h,
-    listKey: l
-  } = r;
-  if (t === "board") {
-    let x;
-    return e[0] !== n || e[1] !== f || e[2] !== p || e[3] !== c || e[4] !== g || e[5] !== o || e[6] !== b || e[7] !== u || e[8] !== s ? (x = /* @__PURE__ */ d(re, { flex: "1", minH: "0", children: n.length > 0 ? /* @__PURE__ */ d(Bt, { columns: n, selectedItemId: s, onMoveItem: g, onMoveToGroup: o, onCreateStart: u, onColumnAction: b }) : /* @__PURE__ */ d(Oe, { emptyState: p, title: c, description: f, height: "100%" }) }), e[0] = n, e[1] = f, e[2] = p, e[3] = c, e[4] = g, e[5] = o, e[6] = b, e[7] = u, e[8] = s, e[9] = x) : x = e[9], x;
-  }
-  if (a.length > 0) {
-    let x;
-    return e[10] !== i || e[11] !== a || e[12] !== l || e[13] !== h || e[14] !== s ? (x = /* @__PURE__ */ d(Wt, { items: a, selectedItemId: s, expandedGroups: i, onExpandedGroupChange: h }, l), e[10] = i, e[11] = a, e[12] = l, e[13] = h, e[14] = s, e[15] = x) : x = e[15], x;
-  }
-  let m;
-  return e[16] !== f || e[17] !== p || e[18] !== c ? (m = /* @__PURE__ */ d(Oe, { emptyState: p, title: c, description: f }), e[16] = f, e[17] = p, e[18] = c, e[19] = m) : m = e[19], m;
-}, Ft = (r) => {
-  const e = M(2), {
-    children: t
-  } = r;
-  let n;
-  return e[0] !== t ? (n = /* @__PURE__ */ d(_, { minH: "0.75rem", textStyle: "label/XS", color: "fg.muted", lineHeight: "1", letterSpacing: "0.08em", textTransform: "uppercase", children: t }), e[0] = t, e[1] = n) : n = e[1], n;
-}, $e = (r) => {
-  const e = M(15), {
-    group: t,
-    params: n,
-    renderParam: a,
-    variant: i,
-    width: s
-  } = r, p = s === void 0 ? "auto" : s, c = t.title, f = i === "small" ? "2xs" : "xs";
-  let g;
-  e[0] !== t.title ? (g = /* @__PURE__ */ d(Ft, { children: t.title }), e[0] = t.title, e[1] = g) : g = e[1];
-  const o = i === "small" ? "2xs" : "xs";
-  let u;
-  e[2] !== n || e[3] !== a ? (u = n.map(a), e[2] = n, e[3] = a, e[4] = u) : u = e[4];
-  let b;
-  e[5] !== o || e[6] !== u || e[7] !== p ? (b = /* @__PURE__ */ d(X, { gap: o, flexWrap: "wrap", alignItems: "start", minW: "0", width: p, children: u }), e[5] = o, e[6] = u, e[7] = p, e[8] = b) : b = e[8];
-  let h;
-  return e[9] !== t.title || e[10] !== f || e[11] !== g || e[12] !== b || e[13] !== p ? (h = /* @__PURE__ */ B(lt, { as: "section", "aria-label": c, gap: f, alignItems: "start", minW: "0", width: p, children: [
-    g,
-    b
-  ] }), e[9] = t.title, e[10] = f, e[11] = g, e[12] = b, e[13] = p, e[14] = h) : h = e[14], h;
-}, Nt = (r) => {
-  const e = M(35), {
-    params: t,
-    groups: n,
-    defaultValues: a,
-    onChange: i,
-    onOpenResource: s,
-    readOnly: p,
-    variant: c
-  } = r;
-  let f, g, o, u, b, h, l, m;
-  if (e[0] !== a || e[1] !== i || e[2] !== s || e[3] !== p || e[4] !== t || e[5] !== n || e[6] !== c) {
-    const C = t === void 0 ? [] : t, w = n === void 0 ? [] : n, D = c === void 0 ? "default" : c, P = C.filter(He), E = w.map(Xt);
-    let v;
-    e[15] !== a || e[16] !== i || e[17] !== s || e[18] !== p || e[19] !== D ? (v = (A) => /* @__PURE__ */ d(St, { param: A, defaultValues: a, onChange: i, onOpenResource: s, readOnly: p, presentation: "horizontal", size: D === "small" ? "xs" : "sm" }, A.id), e[15] = a, e[16] = i, e[17] = s, e[18] = p, e[19] = D, e[20] = v) : v = e[20];
-    const k = v, I = P.filter(qt), y = P.filter(he), S = E.map(Yt).filter(Jt), R = E.map(Qt).filter(Zt), G = D === "small" ? "xs" : "sm", $ = I.length > 0 || S.length > 0;
-    f = q, g = "1", o = "full", u = G, b = "0", h = $ ? /* @__PURE__ */ B(X, { gap: G, flexWrap: "wrap", alignItems: "start", minW: "0", children: [
-      I.map(k),
-      S.map((A) => {
-        const {
-          group: z,
-          params: U
-        } = A;
-        return /* @__PURE__ */ d($e, { group: z, params: U, renderParam: k, variant: D }, z.id);
-      })
-    ] }) : null;
-    let O;
-    e[21] !== k ? (O = (A) => /* @__PURE__ */ d(re, { width: "full", minW: "0", children: k(A) }, A.id), e[21] = k, e[22] = O) : O = e[22], l = y.map(O);
-    let T;
-    e[23] !== k || e[24] !== D ? (T = (A) => {
-      const {
-        group: z,
-        params: U
-      } = A;
-      return /* @__PURE__ */ d($e, { group: z, params: U, renderParam: k, variant: D, width: "full" }, `${z.id}-rich`);
-    }, e[23] = k, e[24] = D, e[25] = T) : T = e[25], m = R.map(T), e[0] = a, e[1] = i, e[2] = s, e[3] = p, e[4] = t, e[5] = n, e[6] = c, e[7] = f, e[8] = g, e[9] = o, e[10] = u, e[11] = b, e[12] = h, e[13] = l, e[14] = m;
-  } else
-    f = e[7], g = e[8], o = e[9], u = e[10], b = e[11], h = e[12], l = e[13], m = e[14];
-  let x;
-  return e[26] !== f || e[27] !== g || e[28] !== o || e[29] !== u || e[30] !== b || e[31] !== h || e[32] !== l || e[33] !== m ? (x = /* @__PURE__ */ B(f, { flex: g, maxW: o, gap: u, minW: b, children: [
-    h,
-    l,
-    m
-  ] }), e[26] = f, e[27] = g, e[28] = o, e[29] = u, e[30] = b, e[31] = h, e[32] = l, e[33] = m, e[34] = x) : x = e[34], x;
+//#endregion
+//#region src/components/kanban-renderer/kanban-renderer-list.tsx
+var Be = (e, t, n = 0) => {
+	let r = [];
+	for (let i of e) {
+		let e = (i.children?.length ?? 0) > 0;
+		r.push({
+			id: i.id,
+			item: i,
+			depth: n,
+			isGroup: i.isGroup === !0,
+			canExpand: e
+		}), e && He(t, i.id) && r.push(...Be(i.children ?? [], t, n + 1));
+	}
+	return r;
+}, Ve = (e, t) => {
+	if (e) return { _before: {
+		content: "\"\"",
+		position: "absolute",
+		bg: "border.accent",
+		left: "0",
+		top: "0",
+		width: t ? "3px" : "100%",
+		height: t ? "100%" : "2px"
+	} };
+}, He = (e, t) => e[t] !== !1, Ue = (e, t, n) => ({
+	...e,
+	[t]: n
+}), We = (e, t) => t ? /* @__PURE__ */ Z(H, {
+	gap: "xs",
+	minW: "0",
+	maxW: "full",
+	flex: "1",
+	children: [/* @__PURE__ */ X(J, {
+		textStyle: "label/S/medium",
+		minW: "0",
+		truncate: !0,
+		children: e.title
+	}), /* @__PURE__ */ X(J, {
+		textStyle: "label/XS",
+		color: "fg.muted",
+		flexShrink: 0,
+		children: e.countBadge
+	})]
+}) : /* @__PURE__ */ Z(H, {
+	gap: "compact",
+	minW: "0",
+	maxW: "full",
+	flex: "1",
+	children: [e.eyebrow ? /* @__PURE__ */ X(J, {
+		"data-testid": "list-row-eyebrow",
+		flexShrink: 0,
+		textStyle: "mono/XS",
+		color: "fg.muted",
+		truncate: !0,
+		children: e.eyebrow
+	}) : null, /* @__PURE__ */ X(J, {
+		textStyle: "paragraph/S/regular",
+		minW: "0",
+		truncate: !0,
+		children: e.title
+	})]
+}), Ge = (e) => (e.badges?.length ?? 0) > 0 || (e.customSlots?.length ?? 0) > 0 ? /* @__PURE__ */ X(H, {
+	gap: "xs",
+	flexShrink: 0,
+	children: /* @__PURE__ */ Z(pe, {
+		gap: "2xs",
+		flexShrink: 0,
+		children: [e.badges?.map((t) => /* @__PURE__ */ X(Ne, {
+			badge: t,
+			onChange: e.onBadgeChange
+		}, t.attributeId)), e.customSlots]
+	})
+}) : null, Ke = (e, t) => ({
+	id: e.id,
+	label: We(e, e.isGroup === !0),
+	icon: e.statusIcon ? /* @__PURE__ */ X(U, {
+		"data-testid": e.isGroup ? "list-status-icon" : "row-status-icon",
+		as: e.statusIcon,
+		boxSize: "1rem",
+		colorPalette: e.statusColorPalette ?? e.countColorPalette ?? "gray",
+		color: e.statusColor ?? (e.isGroup || e.statusColorPalette ? "colorPalette.solid" : "fg.muted")
+	}) : void 0,
+	endContent: Ge(e),
+	isContainer: t,
+	contextMenuItems: e.contextMenuActions?.map((e) => ({
+		id: e.key,
+		label: e.label,
+		icon: e.icon ?? void 0,
+		disabled: e.isDisabled,
+		separatorBefore: e.separatorBefore,
+		endContent: e.endContent,
+		onAction: e.onClick
+	}))
+}), qe = (e) => {
+	let t = Y(24), { items: n, selectedItemId: r, expandedGroups: i, onItemClick: a, onExpandedGroupChange: o } = e, s = r === void 0 ? null : r, c;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {}, t[0] = c) : c = t[0];
+	let [l, u] = Q(c), [d, f] = Q(null), [p, m] = Q(null), h = i ?? l, g, _;
+	if (t[1] !== d || t[2] !== p || t[3] !== h || t[4] !== i || t[5] !== n || t[6] !== o || t[7] !== a || t[8] !== s) {
+		let e = Be(n, h), r;
+		t[11] !== i || t[12] !== o ? (r = (e, t) => {
+			o?.(e, t), i === void 0 && u((n) => Ue(n, e, t));
+		}, t[11] = i, t[12] = o, t[13] = r) : r = t[13];
+		let c = r;
+		g = z;
+		let l;
+		t[14] !== d || t[15] !== p || t[16] !== h || t[17] !== c || t[18] !== a || t[19] !== s ? (l = (e) => /* @__PURE__ */ X(Je, {
+			row: e,
+			isExpanded: He(h, e.id),
+			selectedItemId: s,
+			activeDropTargetId: d,
+			draggedItemId: p,
+			onDraggedItemChange: m,
+			onDropTargetChange: f,
+			onItemClick: a,
+			onExpandedChange: c
+		}, e.id), t[14] = d, t[15] = p, t[16] = h, t[17] = c, t[18] = a, t[19] = s, t[20] = l) : l = t[20], _ = e.map(l), t[1] = d, t[2] = p, t[3] = h, t[4] = i, t[5] = n, t[6] = o, t[7] = a, t[8] = s, t[9] = g, t[10] = _;
+	} else g = t[9], _ = t[10];
+	let v;
+	return t[21] !== g || t[22] !== _ ? (v = /* @__PURE__ */ X(g, { children: _ }), t[21] = g, t[22] = _, t[23] = v) : v = t[23], v;
+}, Je = (e) => {
+	let t = Y(56), { row: n, isExpanded: i, selectedItemId: a, activeDropTargetId: o, draggedItemId: s, onDraggedItemChange: c, onDropTargetChange: l, onItemClick: u, onExpandedChange: d } = e, { item: f, isGroup: p, canExpand: m } = n, h = f.id === a, g = !!f.onDropRow && f.id !== s, _ = g && f.id === o, v;
+	t[0] !== m || t[1] !== f ? (v = Ke(f, m), t[0] = m, t[1] = f, t[2] = v) : v = t[2];
+	let y = v, b;
+	t[3] !== i || t[4] !== d || t[5] !== n.id ? (b = () => d(n.id, !i), t[3] = i, t[4] = d, t[5] = n.id, t[6] = b) : b = t[6];
+	let x = b, S;
+	t[7] !== m || t[8] !== p || t[9] !== f || t[10] !== u || t[11] !== x ? (S = () => {
+		if (m) {
+			x();
+			return;
+		}
+		p || (f.onClick?.(), u?.(f));
+	}, t[7] = m, t[8] = p, t[9] = f, t[10] = u, t[11] = x, t[12] = S) : S = t[12];
+	let C = S, w;
+	t[13] !== f.draggable || t[14] !== f.id || t[15] !== c || t[16] !== l ? (w = (e) => {
+		f.draggable && (e.stopPropagation(), e.dataTransfer.setData("text/plain", f.id), e.dataTransfer.effectAllowed = "move", c(f.id), l(null));
+	}, t[13] = f.draggable, t[14] = f.id, t[15] = c, t[16] = l, t[17] = w) : w = t[17];
+	let T = w, E;
+	t[18] !== g || t[19] !== f.id || t[20] !== l ? (E = (e) => {
+		g && (e.preventDefault(), e.stopPropagation(), e.dataTransfer.dropEffect = "move", l(f.id));
+	}, t[18] = g, t[19] = f.id, t[20] = l, t[21] = E) : E = t[21];
+	let D = E, O;
+	t[22] === l ? O = t[23] : (O = (e) => {
+		e.currentTarget.contains(e.relatedTarget) || l(null);
+	}, t[22] = l, t[23] = O);
+	let k = O, A;
+	t[24] !== g || t[25] !== f || t[26] !== c || t[27] !== l ? (A = (e) => {
+		if (!g || !f.onDropRow) return;
+		e.preventDefault(), e.stopPropagation(), l(null), c(null);
+		let t = e.dataTransfer.getData("text/plain");
+		t && t !== f.id && f.onDropRow(t);
+	}, t[24] = g, t[25] = f, t[26] = c, t[27] = l, t[28] = A) : A = t[28];
+	let j = A, M;
+	t[29] !== c || t[30] !== l ? (M = () => {
+		l(null), c(null);
+	}, t[29] = c, t[30] = l, t[31] = M) : M = t[31];
+	let ee = M, te = _ ? "true" : void 0, ne = _ ? "bg.subtle" : "transparent", re = f.draggable, N;
+	t[32] !== m || t[33] !== _ ? (N = Ve(_, m), t[32] = m, t[33] = _, t[34] = N) : N = t[34];
+	let P = f.onDropRow ? k : void 0, ie = p ? void 0 : f.title, ae = p ? "compact" : "collection", F;
+	t[35] !== m || t[36] !== C || t[37] !== i || t[38] !== h || t[39] !== n.depth || t[40] !== y || t[41] !== ie || t[42] !== ae || t[43] !== x ? (F = /* @__PURE__ */ X(r, {
+		...y,
+		"aria-label": ie,
+		variant: ae,
+		depth: n.depth,
+		isSelected: h,
+		isExpanded: i,
+		showExpandToggle: m,
+		showContextMenuTrigger: !1,
+		onActivate: C,
+		onToggleExpand: x
+	}), t[35] = m, t[36] = C, t[37] = i, t[38] = h, t[39] = n.depth, t[40] = y, t[41] = ie, t[42] = ae, t[43] = x, t[44] = F) : F = t[44];
+	let I;
+	return t[45] !== ee || t[46] !== D || t[47] !== T || t[48] !== j || t[49] !== f.draggable || t[50] !== N || t[51] !== P || t[52] !== F || t[53] !== te || t[54] !== ne ? (I = /* @__PURE__ */ X(z, {
+		"data-drop-target": te,
+		position: "relative",
+		borderBottomWidth: "1px",
+		borderBottomColor: "border.subtle",
+		bg: ne,
+		draggable: re,
+		transition: "background 120ms ease",
+		...N,
+		onDragStart: T,
+		onDragOver: D,
+		onDragLeave: P,
+		onDragEnd: ee,
+		onDrop: j,
+		children: F
+	}), t[45] = ee, t[46] = D, t[47] = T, t[48] = j, t[49] = f.draggable, t[50] = N, t[51] = P, t[52] = F, t[53] = te, t[54] = ne, t[55] = I) : I = t[55], I;
+}, Ye = (e) => {
+	let t = Y(7), { emptyState: n, title: r, description: i, height: a } = e;
+	if (n !== void 0) {
+		let e;
+		return t[0] !== n || t[1] !== a ? (e = a ? /* @__PURE__ */ X(z, {
+			height: a,
+			children: n
+		}) : n, t[0] = n, t[1] = a, t[2] = e) : e = t[2], e;
+	}
+	let o;
+	return t[3] !== i || t[4] !== a || t[5] !== r ? (o = /* @__PURE__ */ X(c, {
+		title: r,
+		description: i,
+		height: a
+	}), t[3] = i, t[4] = a, t[5] = r, t[6] = o) : o = t[6], o;
+}, Xe = (e) => {
+	let t = Y(20), { viewMode: n, boardColumns: r, listItems: i, listExpandedGroups: a, selectedRowId: o, emptyState: s, emptyTitle: c, emptyDescription: l, onBoardMoveItem: u, onBoardMoveToGroup: d, onCreateRow: f, onColumnAction: p, onListExpandedGroupChange: m, listKey: h } = e;
+	if (n === "board") {
+		let e;
+		return t[0] !== r || t[1] !== l || t[2] !== s || t[3] !== c || t[4] !== u || t[5] !== d || t[6] !== p || t[7] !== f || t[8] !== o ? (e = /* @__PURE__ */ X(z, {
+			flex: "1",
+			minH: "0",
+			children: r.length > 0 ? /* @__PURE__ */ X(Re, {
+				columns: r,
+				selectedItemId: o,
+				onMoveItem: u,
+				onMoveToGroup: d,
+				onCreateStart: f,
+				onColumnAction: p
+			}) : /* @__PURE__ */ X(Ye, {
+				emptyState: s,
+				title: c,
+				description: l,
+				height: "100%"
+			})
+		}), t[0] = r, t[1] = l, t[2] = s, t[3] = c, t[4] = u, t[5] = d, t[6] = p, t[7] = f, t[8] = o, t[9] = e) : e = t[9], e;
+	}
+	if (i.length > 0) {
+		let e;
+		return t[10] !== a || t[11] !== i || t[12] !== h || t[13] !== m || t[14] !== o ? (e = /* @__PURE__ */ X(qe, {
+			items: i,
+			selectedItemId: o,
+			expandedGroups: a,
+			onExpandedGroupChange: m
+		}, h), t[10] = a, t[11] = i, t[12] = h, t[13] = m, t[14] = o, t[15] = e) : e = t[15], e;
+	}
+	let g;
+	return t[16] !== l || t[17] !== s || t[18] !== c ? (g = /* @__PURE__ */ X(Ye, {
+		emptyState: s,
+		title: c,
+		description: l
+	}), t[16] = l, t[17] = s, t[18] = c, t[19] = g) : g = t[19], g;
+}, Ze = (e) => {
+	let t = Y(2), { children: n } = e, r;
+	return t[0] === n ? r = t[1] : (r = /* @__PURE__ */ X(J, {
+		minH: "0.75rem",
+		textStyle: "label/XS",
+		color: "fg.muted",
+		lineHeight: "1",
+		letterSpacing: "0.08em",
+		textTransform: "uppercase",
+		children: n
+	}), t[0] = n, t[1] = r), r;
+}, Qe = (e) => {
+	let t = Y(15), { group: n, params: r, renderParam: i, variant: a, width: o } = e, s = o === void 0 ? "auto" : o, c = n.title, l = a === "small" ? "2xs" : "xs", u;
+	t[0] === n.title ? u = t[1] : (u = /* @__PURE__ */ X(Ze, { children: n.title }), t[0] = n.title, t[1] = u);
+	let d = a === "small" ? "2xs" : "xs", f;
+	t[2] !== r || t[3] !== i ? (f = r.map(i), t[2] = r, t[3] = i, t[4] = f) : f = t[4];
+	let p;
+	t[5] !== d || t[6] !== f || t[7] !== s ? (p = /* @__PURE__ */ X(H, {
+		gap: d,
+		flexWrap: "wrap",
+		alignItems: "start",
+		minW: "0",
+		width: s,
+		children: f
+	}), t[5] = d, t[6] = f, t[7] = s, t[8] = p) : p = t[8];
+	let m;
+	return t[9] !== n.title || t[10] !== l || t[11] !== u || t[12] !== p || t[13] !== s ? (m = /* @__PURE__ */ Z(fe, {
+		as: "section",
+		"aria-label": c,
+		gap: l,
+		alignItems: "start",
+		minW: "0",
+		width: s,
+		children: [u, p]
+	}), t[9] = n.title, t[10] = l, t[11] = u, t[12] = p, t[13] = s, t[14] = m) : m = t[14], m;
+}, $e = (e) => {
+	let t = Y(35), { params: n, groups: r, defaultValues: i, onChange: a, onOpenResource: o, readOnly: s, variant: c } = e, l, u, d, f, p, m, h, g;
+	if (t[0] !== i || t[1] !== a || t[2] !== o || t[3] !== s || t[4] !== n || t[5] !== r || t[6] !== c) {
+		let e = n === void 0 ? [] : n, _ = r === void 0 ? [] : r, v = c === void 0 ? "default" : c, y = e.filter(R), b = _.map(et), x;
+		t[15] !== i || t[16] !== a || t[17] !== o || t[18] !== s || t[19] !== v ? (x = (e) => /* @__PURE__ */ X(oe, {
+			param: e,
+			defaultValues: i,
+			onChange: a,
+			onOpenResource: o,
+			readOnly: s,
+			presentation: "horizontal",
+			size: v === "small" ? "xs" : "sm"
+		}, e.id), t[15] = i, t[16] = a, t[17] = o, t[18] = s, t[19] = v, t[20] = x) : x = t[20];
+		let S = x, C = y.filter(tt), w = y.filter(L), T = b.map(rt).filter(it), E = b.map(at).filter(ot), D = v === "small" ? "xs" : "sm", O = C.length > 0 || T.length > 0;
+		l = q, u = "1", d = "full", f = D, p = "0", m = O ? /* @__PURE__ */ Z(H, {
+			gap: D,
+			flexWrap: "wrap",
+			alignItems: "start",
+			minW: "0",
+			children: [C.map(S), T.map((e) => {
+				let { group: t, params: n } = e;
+				return /* @__PURE__ */ X(Qe, {
+					group: t,
+					params: n,
+					renderParam: S,
+					variant: v
+				}, t.id);
+			})]
+		}) : null;
+		let k;
+		t[21] === S ? k = t[22] : (k = (e) => /* @__PURE__ */ X(z, {
+			width: "full",
+			minW: "0",
+			children: S(e)
+		}, e.id), t[21] = S, t[22] = k), h = w.map(k);
+		let A;
+		t[23] !== S || t[24] !== v ? (A = (e) => {
+			let { group: t, params: n } = e;
+			return /* @__PURE__ */ X(Qe, {
+				group: t,
+				params: n,
+				renderParam: S,
+				variant: v,
+				width: "full"
+			}, `${t.id}-rich`);
+		}, t[23] = S, t[24] = v, t[25] = A) : A = t[25], g = E.map(A), t[0] = i, t[1] = a, t[2] = o, t[3] = s, t[4] = n, t[5] = r, t[6] = c, t[7] = l, t[8] = u, t[9] = d, t[10] = f, t[11] = p, t[12] = m, t[13] = h, t[14] = g;
+	} else l = t[7], u = t[8], d = t[9], f = t[10], p = t[11], m = t[12], h = t[13], g = t[14];
+	let _;
+	return t[26] !== l || t[27] !== u || t[28] !== d || t[29] !== f || t[30] !== p || t[31] !== m || t[32] !== h || t[33] !== g ? (_ = /* @__PURE__ */ Z(l, {
+		flex: u,
+		maxW: d,
+		gap: f,
+		minW: p,
+		children: [
+			m,
+			h,
+			g
+		]
+	}), t[26] = l, t[27] = u, t[28] = d, t[29] = f, t[30] = p, t[31] = m, t[32] = h, t[33] = g, t[34] = _) : _ = t[34], _;
 };
-function Xt(r) {
-  return {
-    ...r,
-    params: r.params.filter(He)
-  };
+function et(e) {
+	return {
+		...e,
+		params: e.params.filter(R)
+	};
 }
-function qt(r) {
-  return !he(r);
+function tt(e) {
+	return !L(e);
 }
-function Ut(r) {
-  return !he(r);
+function nt(e) {
+	return !L(e);
 }
-function Yt(r) {
-  return {
-    group: r,
-    params: r.params.filter(Ut)
-  };
+function rt(e) {
+	return {
+		group: e,
+		params: e.params.filter(nt)
+	};
 }
-function Jt(r) {
-  const {
-    params: e
-  } = r;
-  return e.length > 0;
+function it(e) {
+	let { params: t } = e;
+	return t.length > 0;
 }
-function Qt(r) {
-  return {
-    group: r,
-    params: r.params.filter(he)
-  };
+function at(e) {
+	return {
+		group: e,
+		params: e.params.filter(L)
+	};
 }
-function Zt(r) {
-  const {
-    params: e
-  } = r;
-  return e.length > 0;
+function ot(e) {
+	let { params: t } = e;
+	return t.length > 0;
 }
-const en = (r) => {
-  const e = M(7), {
-    disabled: t,
-    field: n,
-    onChange: a
-  } = r, i = typeof n.defaultValue == "string" ? n.defaultValue : "", s = !t;
-  let p;
-  e[0] !== a ? (p = (f) => a(f), e[0] = a, e[1] = p) : p = e[1];
-  let c;
-  return e[2] !== n.placeholder || e[3] !== i || e[4] !== s || e[5] !== p ? (c = /* @__PURE__ */ d(It, { defaultState: i, isEditable: s, placeholder: n.placeholder, autoFocus: !0, onChange: p }), e[2] = n.placeholder, e[3] = i, e[4] = s, e[5] = p, e[6] = c) : c = e[6], c;
-}, tn = (r) => {
-  const e = M(24), {
-    disabled: t,
-    field: n,
-    removeLabel: a,
-    value: i,
-    onChange: s
-  } = r, p = Ve(null);
-  let c;
-  e[0] !== i ? (c = Array.isArray(i) ? i : [], e[0] = i, e[1] = c) : c = e[1];
-  const f = c, g = n.multiple !== !1;
-  let o;
-  e[2] !== n.multiple || e[3] !== f || e[4] !== s ? (o = (C) => {
-    const w = Array.from(C.target.files ?? []);
-    s(n.multiple === !1 ? w.slice(0, 1) : [...f, ...w]), C.target.value = "";
-  }, e[2] = n.multiple, e[3] = f, e[4] = s, e[5] = o) : o = e[5];
-  let u;
-  e[6] !== n.accept || e[7] !== g || e[8] !== o ? (u = /* @__PURE__ */ d("input", { ref: p, hidden: !0, type: "file", accept: n.accept, multiple: g, onChange: o }), e[6] = n.accept, e[7] = g, e[8] = o, e[9] = u) : u = e[9];
-  let b, h;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = () => p.current?.click(), h = /* @__PURE__ */ d(N, { as: yt, boxSize: "4" }), e[10] = b, e[11] = h) : (b = e[10], h = e[11]);
-  let l;
-  e[12] !== t || e[13] !== n.label ? (l = /* @__PURE__ */ B(me, { size: "xs", variant: "ghost", disabled: t, onClick: b, children: [
-    h,
-    n.label
-  ] }), e[12] = t, e[13] = n.label, e[14] = l) : l = e[14];
-  let m;
-  e[15] !== t || e[16] !== f || e[17] !== s || e[18] !== a ? (m = f.length > 0 ? /* @__PURE__ */ d(we, { gap: "2xs", children: f.map((C, w) => /* @__PURE__ */ d(vt, { file: C, disabled: t, removeLabel: a, onRemove: () => s(f.filter((D, P) => P !== w)) }, `${C.name}-${w.toString()}`)) }) : null, e[15] = t, e[16] = f, e[17] = s, e[18] = a, e[19] = m) : m = e[19];
-  let x;
-  return e[20] !== u || e[21] !== l || e[22] !== m ? (x = /* @__PURE__ */ B(q, { gap: "2xs", align: "start", children: [
-    u,
-    l,
-    m
-  ] }), e[20] = u, e[21] = l, e[22] = m, e[23] = x) : x = e[23], x;
-}, nn = (r) => {
-  const e = M(45), {
-    disabled: t,
-    field: n,
-    value: a,
-    onChange: i
-  } = r;
-  if (n.type === "longtext") {
-    const g = typeof a == "string" ? a : "";
-    let o;
-    e[0] !== i ? (o = (b) => i(b.target.value), e[0] = i, e[1] = o) : o = e[1];
-    let u;
-    return e[2] !== t || e[3] !== n.label || e[4] !== n.placeholder || e[5] !== g || e[6] !== o ? (u = /* @__PURE__ */ d(at, { "aria-label": n.label, minH: "120px", size: "sm", placeholder: n.placeholder, value: g, disabled: t, onChange: o }), e[2] = t, e[3] = n.label, e[4] = n.placeholder, e[5] = g, e[6] = o, e[7] = u) : u = e[7], u;
-  }
-  if (n.type === "select" || n.type === "multi-select") {
-    const g = n.id, o = n.label, u = n.description ?? "";
-    let b;
-    e[8] !== n.type || e[9] !== a ? (b = a ?? (n.type === "multi-select" ? [] : ""), e[8] = n.type, e[9] = a, e[10] = b) : b = e[10];
-    let h;
-    e[11] !== n.options ? (h = n.options ?? [], e[11] = n.options, e[12] = h) : h = e[12];
-    let l;
-    e[13] !== h ? (l = h.map(on), e[13] = h, e[14] = l) : l = e[14];
-    const m = n.type === "multi-select", x = n.placeholder ?? n.label, C = !n.required;
-    let w;
-    e[15] !== i ? (w = (P, E) => i(E), e[15] = i, e[16] = w) : w = e[16];
-    let D;
-    return e[17] !== t || e[18] !== n.id || e[19] !== n.label || e[20] !== u || e[21] !== b || e[22] !== l || e[23] !== m || e[24] !== x || e[25] !== C || e[26] !== w ? (D = /* @__PURE__ */ d(Dt, { hideLabel: !0, id: g, name: o, description: u, defaultValue: b, options: l, multiSelect: m, placeholder: x, clearable: C, readOnly: t, onChange: w }), e[17] = t, e[18] = n.id, e[19] = n.label, e[20] = u, e[21] = b, e[22] = l, e[23] = m, e[24] = x, e[25] = C, e[26] = w, e[27] = D) : D = e[27], D;
-  }
-  if (n.type === "boolean") {
-    let g;
-    e[28] !== i || e[29] !== a ? (g = () => i(a !== !0), e[28] = i, e[29] = a, e[30] = g) : g = e[30];
-    let o;
-    return e[31] !== t || e[32] !== n.label || e[33] !== g ? (o = /* @__PURE__ */ d(me, { size: "sm", variant: "outline", disabled: t, onClick: g, children: n.label }), e[31] = t, e[32] = n.label, e[33] = g, e[34] = o) : o = e[34], o;
-  }
-  const s = n.type === "number" ? "number" : "text", p = typeof a == "string" || typeof a == "number" ? a : "";
-  let c;
-  e[35] !== n.type || e[36] !== i ? (c = (g) => i(n.type === "number" && g.target.value ? Number(g.target.value) : g.target.value), e[35] = n.type, e[36] = i, e[37] = c) : c = e[37];
-  let f;
-  return e[38] !== t || e[39] !== n.label || e[40] !== n.placeholder || e[41] !== s || e[42] !== p || e[43] !== c ? (f = /* @__PURE__ */ d(it, { "aria-label": n.label, size: "sm", type: s, placeholder: n.placeholder, value: p, disabled: t, onChange: c }), e[38] = t, e[39] = n.label, e[40] = n.placeholder, e[41] = s, e[42] = p, e[43] = c, e[44] = f) : f = e[44], f;
-}, rn = (r) => {
-  const e = M(20), {
-    disabled: t,
-    field: n,
-    removeLabel: a,
-    value: i,
-    onChange: s
-  } = r;
-  if (n.type === "files") {
-    let u;
-    return e[0] !== t || e[1] !== n || e[2] !== s || e[3] !== a || e[4] !== i ? (u = /* @__PURE__ */ d(tn, { disabled: t, field: n, removeLabel: a, value: i, onChange: s }), e[0] = t, e[1] = n, e[2] = s, e[3] = a, e[4] = i, e[5] = u) : u = e[5], u;
-  }
-  if (n.type === "markdown") {
-    let u;
-    return e[6] !== t || e[7] !== n || e[8] !== s ? (u = /* @__PURE__ */ d(en, { disabled: t, field: n, onChange: s }), e[6] = t, e[7] = n, e[8] = s, e[9] = u) : u = e[9], u;
-  }
-  const p = `${n.label}${n.required ? " *" : ""}`;
-  let c;
-  e[10] !== p ? (c = /* @__PURE__ */ d(_, { textStyle: "label/S/medium", children: p }), e[10] = p, e[11] = c) : c = e[11];
-  let f;
-  e[12] !== n.description ? (f = n.description ? /* @__PURE__ */ d(_, { textStyle: "paragraph/XS/regular", color: "fg.muted", children: n.description }) : null, e[12] = n.description, e[13] = f) : f = e[13];
-  let g;
-  e[14] !== r ? (g = /* @__PURE__ */ d(nn, { ...r }), e[14] = r, e[15] = g) : g = e[15];
-  let o;
-  return e[16] !== c || e[17] !== f || e[18] !== g ? (o = /* @__PURE__ */ B(q, { gap: "2xs", children: [
-    c,
-    f,
-    g
-  ] }), e[16] = c, e[17] = f, e[18] = g, e[19] = o) : o = e[19], o;
+//#endregion
+//#region src/components/kanban-renderer/kanban-renderer-create-field.tsx
+var st = (e) => {
+	let t = Y(7), { disabled: n, field: r, onChange: i } = e, a = typeof r.defaultValue == "string" ? r.defaultValue : "", o = !n, s;
+	t[0] === i ? s = t[1] : (s = (e) => i(e), t[0] = i, t[1] = s);
+	let c;
+	return t[2] !== r.placeholder || t[3] !== a || t[4] !== o || t[5] !== s ? (c = /* @__PURE__ */ X(ne, {
+		defaultState: a,
+		isEditable: o,
+		placeholder: r.placeholder,
+		autoFocus: !0,
+		onChange: s
+	}), t[2] = r.placeholder, t[3] = a, t[4] = o, t[5] = s, t[6] = c) : c = t[6], c;
+}, ct = (e) => {
+	let t = Y(24), { disabled: n, field: r, removeLabel: i, value: o, onChange: s } = e, c = ge(null), l;
+	t[0] === o ? l = t[1] : (l = Array.isArray(o) ? o : [], t[0] = o, t[1] = l);
+	let u = l, d = r.multiple !== !1, f;
+	t[2] !== r.multiple || t[3] !== u || t[4] !== s ? (f = (e) => {
+		let t = Array.from(e.target.files ?? []);
+		s(r.multiple === !1 ? t.slice(0, 1) : [...u, ...t]), e.target.value = "";
+	}, t[2] = r.multiple, t[3] = u, t[4] = s, t[5] = f) : f = t[5];
+	let p;
+	t[6] !== r.accept || t[7] !== d || t[8] !== f ? (p = /* @__PURE__ */ X("input", {
+		ref: c,
+		hidden: !0,
+		type: "file",
+		accept: r.accept,
+		multiple: d,
+		onChange: f
+	}), t[6] = r.accept, t[7] = d, t[8] = f, t[9] = p) : p = t[9];
+	let m, h;
+	t[10] === Symbol.for("react.memo_cache_sentinel") ? (m = () => c.current?.click(), h = /* @__PURE__ */ X(U, {
+		as: xe,
+		boxSize: "4"
+	}), t[10] = m, t[11] = h) : (m = t[10], h = t[11]);
+	let g;
+	t[12] !== n || t[13] !== r.label ? (g = /* @__PURE__ */ Z(B, {
+		size: "xs",
+		variant: "ghost",
+		disabled: n,
+		onClick: m,
+		children: [h, r.label]
+	}), t[12] = n, t[13] = r.label, t[14] = g) : g = t[14];
+	let _;
+	t[15] !== n || t[16] !== u || t[17] !== s || t[18] !== i ? (_ = u.length > 0 ? /* @__PURE__ */ X(pe, {
+		gap: "2xs",
+		children: u.map((e, t) => /* @__PURE__ */ X(a, {
+			file: e,
+			disabled: n,
+			removeLabel: i,
+			onRemove: () => s(u.filter((e, n) => n !== t))
+		}, `${e.name}-${t.toString()}`))
+	}) : null, t[15] = n, t[16] = u, t[17] = s, t[18] = i, t[19] = _) : _ = t[19];
+	let v;
+	return t[20] !== p || t[21] !== g || t[22] !== _ ? (v = /* @__PURE__ */ Z(q, {
+		gap: "2xs",
+		align: "start",
+		children: [
+			p,
+			g,
+			_
+		]
+	}), t[20] = p, t[21] = g, t[22] = _, t[23] = v) : v = t[23], v;
+}, lt = (e) => {
+	let t = Y(45), { disabled: n, field: r, value: i, onChange: a } = e;
+	if (r.type === "longtext") {
+		let e = typeof i == "string" ? i : "", o;
+		t[0] === a ? o = t[1] : (o = (e) => a(e.target.value), t[0] = a, t[1] = o);
+		let s;
+		return t[2] !== n || t[3] !== r.label || t[4] !== r.placeholder || t[5] !== e || t[6] !== o ? (s = /* @__PURE__ */ X(de, {
+			"aria-label": r.label,
+			minH: "120px",
+			size: "sm",
+			placeholder: r.placeholder,
+			value: e,
+			disabled: n,
+			onChange: o
+		}), t[2] = n, t[3] = r.label, t[4] = r.placeholder, t[5] = e, t[6] = o, t[7] = s) : s = t[7], s;
+	}
+	if (r.type === "select" || r.type === "multi-select") {
+		let e = r.id, o = r.label, s = r.description ?? "", c;
+		t[8] !== r.type || t[9] !== i ? (c = i ?? (r.type === "multi-select" ? [] : ""), t[8] = r.type, t[9] = i, t[10] = c) : c = t[10];
+		let l;
+		t[11] === r.options ? l = t[12] : (l = r.options ?? [], t[11] = r.options, t[12] = l);
+		let u;
+		t[13] === l ? u = t[14] : (u = l.map(dt), t[13] = l, t[14] = u);
+		let d = r.type === "multi-select", f = r.placeholder ?? r.label, p = !r.required, m;
+		t[15] === a ? m = t[16] : (m = (e, t) => a(t), t[15] = a, t[16] = m);
+		let h;
+		return t[17] !== n || t[18] !== r.id || t[19] !== r.label || t[20] !== s || t[21] !== c || t[22] !== u || t[23] !== d || t[24] !== f || t[25] !== p || t[26] !== m ? (h = /* @__PURE__ */ X(I, {
+			hideLabel: !0,
+			id: e,
+			name: o,
+			description: s,
+			defaultValue: c,
+			options: u,
+			multiSelect: d,
+			placeholder: f,
+			clearable: p,
+			readOnly: n,
+			onChange: m
+		}), t[17] = n, t[18] = r.id, t[19] = r.label, t[20] = s, t[21] = c, t[22] = u, t[23] = d, t[24] = f, t[25] = p, t[26] = m, t[27] = h) : h = t[27], h;
+	}
+	if (r.type === "boolean") {
+		let e;
+		t[28] !== a || t[29] !== i ? (e = () => a(i !== !0), t[28] = a, t[29] = i, t[30] = e) : e = t[30];
+		let o;
+		return t[31] !== n || t[32] !== r.label || t[33] !== e ? (o = /* @__PURE__ */ X(B, {
+			size: "sm",
+			variant: "outline",
+			disabled: n,
+			onClick: e,
+			children: r.label
+		}), t[31] = n, t[32] = r.label, t[33] = e, t[34] = o) : o = t[34], o;
+	}
+	let o = r.type === "number" ? "number" : "text", s = typeof i == "string" || typeof i == "number" ? i : "", c;
+	t[35] !== r.type || t[36] !== a ? (c = (e) => a(r.type === "number" && e.target.value ? Number(e.target.value) : e.target.value), t[35] = r.type, t[36] = a, t[37] = c) : c = t[37];
+	let l;
+	return t[38] !== n || t[39] !== r.label || t[40] !== r.placeholder || t[41] !== o || t[42] !== s || t[43] !== c ? (l = /* @__PURE__ */ X(ue, {
+		"aria-label": r.label,
+		size: "sm",
+		type: o,
+		placeholder: r.placeholder,
+		value: s,
+		disabled: n,
+		onChange: c
+	}), t[38] = n, t[39] = r.label, t[40] = r.placeholder, t[41] = o, t[42] = s, t[43] = c, t[44] = l) : l = t[44], l;
+}, ut = (e) => {
+	let t = Y(20), { disabled: n, field: r, removeLabel: i, value: a, onChange: o } = e;
+	if (r.type === "files") {
+		let e;
+		return t[0] !== n || t[1] !== r || t[2] !== o || t[3] !== i || t[4] !== a ? (e = /* @__PURE__ */ X(ct, {
+			disabled: n,
+			field: r,
+			removeLabel: i,
+			value: a,
+			onChange: o
+		}), t[0] = n, t[1] = r, t[2] = o, t[3] = i, t[4] = a, t[5] = e) : e = t[5], e;
+	}
+	if (r.type === "markdown") {
+		let e;
+		return t[6] !== n || t[7] !== r || t[8] !== o ? (e = /* @__PURE__ */ X(st, {
+			disabled: n,
+			field: r,
+			onChange: o
+		}), t[6] = n, t[7] = r, t[8] = o, t[9] = e) : e = t[9], e;
+	}
+	let s = `${r.label}${r.required ? " *" : ""}`, c;
+	t[10] === s ? c = t[11] : (c = /* @__PURE__ */ X(J, {
+		textStyle: "label/S/medium",
+		children: s
+	}), t[10] = s, t[11] = c);
+	let l;
+	t[12] === r.description ? l = t[13] : (l = r.description ? /* @__PURE__ */ X(J, {
+		textStyle: "paragraph/XS/regular",
+		color: "fg.muted",
+		children: r.description
+	}) : null, t[12] = r.description, t[13] = l);
+	let u;
+	t[14] === e ? u = t[15] : (u = /* @__PURE__ */ X(lt, { ...e }), t[14] = e, t[15] = u);
+	let d;
+	return t[16] !== c || t[17] !== l || t[18] !== u ? (d = /* @__PURE__ */ Z(q, {
+		gap: "2xs",
+		children: [
+			c,
+			l,
+			u
+		]
+	}), t[16] = c, t[17] = l, t[18] = u, t[19] = d) : d = t[19], d;
 };
-function on(r) {
-  return {
-    id: r.value,
-    name: r.label,
-    icon: r.icon ?? void 0,
-    color: r.color
-  };
+function dt(e) {
+	return {
+		id: e.value,
+		name: e.label,
+		icon: e.icon ?? void 0,
+		color: e.color
+	};
 }
-const ln = (r) => r.type === "files" || r.type === "multi-select" ? [] : r.type === "boolean" ? !1 : "", Be = (r) => Object.fromEntries(r.map((e) => [e.id, e.defaultValue ?? ln(e)])), an = (r, e) => r.required ? Array.isArray(e) ? e.length > 0 : typeof e == "string" ? e.trim().length > 0 : e != null : !0, De = (r) => r.filter((e) => e.editable), ze = (r, e, t) => Object.fromEntries(r.map((n) => [n.id, n.id === e ? t : n.type.kind === "enum-multi" ? [] : ""])), sn = (r, e) => {
-  const t = {
-    id: r.id,
-    name: r.label,
-    description: ""
-  };
-  if (r.type.kind === "enum" || r.type.kind === "enum-multi") {
-    const n = r.type.kind === "enum-multi";
-    return {
-      ...t,
-      type: "selection",
-      defaultValue: n ? [] : "",
-      multiSelect: n,
-      // The trigger shows the value alone; the attribute name is the placeholder.
-      placeholder: r.label,
-      clearable: !e,
-      // The column already chose this value, and the create command reads it
-      // from the column param — editing it here would be ignored.
-      disabled: e,
-      options: Ue(r.type).map((a) => ({
-        id: a.value,
-        name: a.label,
-        icon: a.icon ?? void 0,
-        color: a.color
-      }))
-    };
-  }
-  return r.type.kind === "number" ? {
-    ...t,
-    type: "number",
-    defaultValue: 0
-  } : {
-    ...t,
-    type: "text",
-    defaultValue: "",
-    singleLine: !0
-  };
-}, dn = (r) => {
-  const {
-    open: e,
-    columnId: t,
-    columnAttributeId: n,
-    attributes: a,
-    config: i,
-    onClose: s,
-    onSubmit: p
-  } = r, [c, f] = W({}), [g, o] = W({}), [u, b] = W(!1), [h, l] = W(""), [m, x] = W(0), C = Ve(!1), w = De(a);
-  Se(() => {
-    if (!e) {
-      C.current = !1;
-      return;
-    }
-    C.current || (C.current = !0, f(Be(i.fields)), o(ze(De(a), n, t)), l(""), x((v) => v + 1));
-  }, [a, n, t, i.fields, e]), Se(() => {
-    if (!e) return;
-    const v = Be(i.fields), k = new Set(i.fields.map((I) => I.id));
-    f((I) => {
-      const y = Object.entries(I).filter(([R]) => k.has(R)), S = Object.entries(v).filter(([R]) => !(R in I));
-      return S.length === 0 && y.length === Object.keys(I).length ? I : {
-        ...Object.fromEntries(S),
-        ...Object.fromEntries(y)
-      };
-    });
-  }, [i.fields, e]), Se(() => {
-    if (!e) return;
-    const v = De(a), k = ze(v, n, t), I = new Set(v.map((y) => y.id));
-    o((y) => {
-      const S = Object.entries(y).filter(([G]) => I.has(G)), R = Object.entries(k).filter(([G]) => !(G in y));
-      return R.length === 0 && S.length === Object.keys(y).length ? y : {
-        ...Object.fromEntries(R),
-        ...Object.fromEntries(S)
-      };
-    });
-  }, [a, e, t, n]);
-  const D = () => {
-    u || s();
-  }, P = i.fields.every((v) => an(v, c[v.id])), E = async () => {
-    if (!(!P || u)) {
-      b(!0), l("");
-      try {
-        const v = new Set(i.fields.filter((y) => y.type === "files").map((y) => y.id)), k = [...v].flatMap((y) => Array.isArray(c[y]) ? c[y] : []), I = Object.fromEntries(Object.entries(c).filter(([y]) => !v.has(y)));
-        await p({
-          columnId: t,
-          columnAttributeId: n,
-          values: I,
-          attributeValues: g,
-          files: k
-        }), s();
-      } catch (v) {
-        l(v instanceof Error ? v.message : i.labels.submitError);
-      } finally {
-        b(!1);
-      }
-    }
-  };
-  return /* @__PURE__ */ B(ne.Root, { open: e, size: "lg", scrollBehavior: "inside", onOpenChange: (v) => !v.open && D(), children: [
-    /* @__PURE__ */ d(ne.Backdrop, {}),
-    /* @__PURE__ */ d(ne.Positioner, { children: /* @__PURE__ */ B(ne.Content, { maxH: "calc(100% - 48px)", onKeyDownCapture: (v) => Ct(v, () => {
-      E();
-    }, P && !u), children: [
-      /* @__PURE__ */ B(ne.Header, { children: [
-        /* @__PURE__ */ d(_, { textStyle: "heading/M/semibold", children: i.title }),
-        /* @__PURE__ */ d(ne.CloseTrigger, { asChild: !0, children: /* @__PURE__ */ d(st, { size: "sm", disabled: u }) })
-      ] }),
-      /* @__PURE__ */ d(ne.Body, { children: /* @__PURE__ */ B(q, { gap: "md", children: [
-        i.fields.map((v) => /* @__PURE__ */ d(rn, { field: v, removeLabel: i.labels.removeFile, value: c[v.id], disabled: u, onChange: (k) => f((I) => ({
-          ...I,
-          [v.id]: k
-        })) }, `${v.id}:${m.toString()}`)),
-        w.length > 0 ? /* @__PURE__ */ B(q, { gap: "2xs", children: [
-          /* @__PURE__ */ d(_, { textStyle: "label/S/medium", children: i.labels.properties }),
-          /* @__PURE__ */ d(Nt, { variant: "small", params: w.map((v) => sn(v, v.id === n)), defaultValues: g, readOnly: u, onChange: (v, k) => o((I) => ({
-            ...I,
-            [v]: k
-          })) })
-        ] }) : null,
-        h ? /* @__PURE__ */ d(_, { textStyle: "paragraph/S/regular", color: "fg.error", children: h }) : null
-      ] }) }),
-      /* @__PURE__ */ d(ne.Footer, { justifyContent: "end", children: /* @__PURE__ */ B(X, { gap: "2", children: [
-        /* @__PURE__ */ d(me, { size: "sm", variant: "ghost", disabled: u, onClick: D, children: i.labels.cancel }),
-        /* @__PURE__ */ d(me, { size: "sm", variant: "primary", disabled: !P, loading: u, onClick: () => {
-          E();
-        }, children: i.submitLabel })
-      ] }) })
-    ] }) })
-  ] });
-}, cn = (r) => {
-  const {
-    settings: e,
-    visibleRows: t,
-    grouped: n,
-    attributes: a,
-    onRowClick: i,
-    onAttributeChange: s,
-    onReorder: p,
-    getRowContextMenuActions: c
-  } = r, f = e.ordering.attributeId === Ie, g = e.displayProperties.filter((l) => l !== "id"), o = (l, m) => {
-    const x = Le(a, l), C = x ? _e(x.type, m) : void 0;
-    return {
-      statusColorPalette: C?.color,
-      statusIcon: be(C?.icon)
-    };
-  }, u = (l) => {
-    const m = l.attributes.status;
-    return typeof m != "string" ? {} : o("status", m);
-  }, b = (l, m) => {
-    const x = typeof l.attributes.id == "string" ? l.attributes.id : void 0;
-    return {
-      id: l.id,
-      eyebrow: x && x !== l.title ? x : void 0,
-      title: l.title,
-      ...u(l),
-      badges: Me(l, a, g),
-      customSlots: Ke(l, a, g),
-      contextMenuActions: c?.(l),
-      onClick: () => i?.(l),
-      onBadgeChange: s ? (C, w) => s(l.id, C, w) : void 0,
-      draggable: !!(s || p),
-      onDropRow: f && (s || p) ? (C) => {
-        const w = Ye(e.columnGrouping, m);
-        w && e.columnGrouping !== Z && s && s(C, e.columnGrouping, w), e.rowGrouping !== Z && m?.rowKey && s && s(C, e.rowGrouping, m.rowKey), p?.(C, l.id);
-      } : void 0
-    };
-  }, h = (l, m) => {
-    const x = m ? e.rowGrouping : e.columnGrouping;
-    return {
-      id: m ? `group::${m.columnKey}::${l.key}` : `group::${l.key}`,
-      title: l.label,
-      isGroup: !0,
-      countBadge: l.rows.length,
-      ...o(x, l.key),
-      onDropRow: s && e.columnGrouping !== Z ? (C) => {
-        const w = m?.columnKey ?? l.key;
-        s(C, e.columnGrouping, w), e.rowGrouping !== Z && m && s(C, e.rowGrouping, l.key);
-      } : void 0,
-      children: ge(l.rows, e.ordering, a).map((C) => b(C, {
-        columnKey: m?.columnKey ?? l.key,
-        rowKey: m ? l.key : void 0
-      }))
-    };
-  };
-  return e.columnGrouping === Z ? ge(t, e.ordering, a).map((l) => b(l)) : n.map((l) => l.subgroups.length > 0 ? {
-    id: `group::${l.key}`,
-    title: l.label,
-    isGroup: !0,
-    countBadge: l.rows.length,
-    ...o(e.columnGrouping, l.key),
-    onDropRow: s ? (m) => s(m, e.columnGrouping, l.key) : void 0,
-    children: l.subgroups.map((m) => h(m, {
-      columnKey: l.key
-    }))
-  } : h(l));
-}, un = (r) => {
-  const e = r.attributes.id;
-  return typeof e == "string" && e ? e : r.id;
-}, En = (r) => {
-  const e = M(59), {
-    rows: t,
-    storageKey: n,
-    attributes: a,
-    selectedRowId: i,
-    emptyState: s,
-    emptyTitle: p,
-    emptyDescription: c,
-    defaultSettings: f,
-    defaultFilters: g,
-    defaultViews: o,
-    defaultActiveViewId: u,
-    onRowClick: b,
-    onAttributeChange: h,
-    onReorder: l,
-    createRow: m,
-    onCreateRow: x,
-    onColumnAction: C,
-    getBoardColumnConfig: w,
-    getRowContextMenuActions: D,
-    hideToolbar: P,
-    toolbarLeading: E
-  } = r, v = i === void 0 ? null : i, k = p === void 0 ? "No rows found" : p, I = c === void 0 ? "Try changing filters or display settings." : c, y = P === void 0 ? !1 : P, S = Je(a), [R, G] = W(null);
-  let $;
-  e[0] !== u || e[1] !== g || e[2] !== f || e[3] !== o ? ($ = {
-    settings: f,
-    filters: g,
-    views: o,
-    activeViewId: u
-  }, e[0] = u, e[1] = g, e[2] = f, e[3] = o, e[4] = $) : $ = e[4];
-  const O = $, T = pe(n, pn, O), A = pe(n, gn, O), z = pe(n, fn, O), U = pe(n, mn, O);
-  let V, ee;
-  if (e[5] !== S || e[6] !== A || e[7] !== w || e[8] !== D || e[9] !== h || e[10] !== l || e[11] !== b || e[12] !== t || e[13] !== T) {
-    const se = Qe(t, A, S), de = Ze(T.columnGrouping, S, A), le = et(se, {
-      attributes: S,
-      columnGrouping: T.columnGrouping,
-      rowGrouping: T.rowGrouping,
-      knownColumnKeys: de
-    });
-    V = cn({
-      settings: T,
-      visibleRows: se,
-      grouped: le,
-      attributes: S,
-      onRowClick: b,
-      onAttributeChange: h,
-      onReorder: l,
-      getRowContextMenuActions: D
-    });
-    const Ge = T.displayProperties.filter(bn), Re = (J) => J.map((L) => ({
-      id: L.id,
-      contextMenuActions: D?.(L),
-      cardProps: {
-        eyebrow: T.displayProperties.includes("id") ? un(L) : void 0,
-        title: L.title,
-        badges: Me(L, S, Ge),
-        customSlots: Ke(L, S, Ge),
-        onBadgeChange: h ? (xe, ue) => h(L.id, xe, ue) : void 0,
-        onClick: () => b?.(L)
-      }
-    })), Te = Le(S, T.columnGrouping);
-    ee = le.map((J) => {
-      const L = w?.(J.key) ?? {}, xe = ge(J.rows, T.ordering, S), ue = Te ? _e(Te.type, J.key) : void 0, qe = J.subgroups.length > 0 ? J.subgroups.map((Ce) => ({
-        key: Ce.key,
-        label: Ce.label,
-        items: Re(ge(Ce.rows, T.ordering, S))
-      })) : void 0;
-      return {
-        id: J.key,
-        label: J.label,
-        color: L.color ?? ue?.color,
-        icon: ue?.icon ?? "circle",
-        canDragIn: L.canDragIn ?? !1,
-        canDragOut: L.canDragOut ?? !1,
-        canCreate: L.canCreate ?? !1,
-        actions: L.actions ?? [],
-        items: Re(xe),
-        groups: qe
-      };
-    }), e[5] = S, e[6] = A, e[7] = w, e[8] = D, e[9] = h, e[10] = l, e[11] = b, e[12] = t, e[13] = T, e[14] = V, e[15] = ee;
-  } else
-    V = e[14], ee = e[15];
-  const oe = ee;
-  let te;
-  e[16] !== h || e[17] !== l || e[18] !== T ? (te = async (se, de, le) => {
-    await wt({
-      settings: T,
-      rowId: se,
-      targetColumnId: de,
-      targetGroupKey: le?.targetGroupKey,
-      beforeItemId: le?.beforeItemId,
-      onAttributeChange: h,
-      onReorder: l
-    });
-  }, e[16] = h, e[17] = l, e[18] = T, e[19] = te) : te = e[19];
-  const H = te;
-  let Y;
-  e[20] !== h || e[21] !== l || e[22] !== T ? (Y = async (se, de, le) => {
-    await kt({
-      settings: T,
-      rowId: se,
-      targetGroupKey: de,
-      beforeItemId: le?.beforeItemId,
-      onAttributeChange: h,
-      onReorder: l
-    });
-  }, e[20] = h, e[21] = l, e[22] = T, e[23] = Y) : Y = e[23];
-  const K = Y;
-  let j;
-  e[24] !== S || e[25] !== u || e[26] !== g || e[27] !== f || e[28] !== o || e[29] !== y || e[30] !== t || e[31] !== n || e[32] !== E ? (j = y ? null : /* @__PURE__ */ d(tt, { rows: t, storageKey: n, attributes: S, defaultSettings: f, defaultFilters: g, defaultViews: o, defaultActiveViewId: u, leading: E }), e[24] = S, e[25] = u, e[26] = g, e[27] = f, e[28] = o, e[29] = y, e[30] = t, e[31] = n, e[32] = E, e[33] = j) : j = e[33];
-  const ye = m && x ? G : void 0, ve = `${T.columnGrouping}:${T.rowGrouping}`;
-  let ae;
-  e[34] !== oe || e[35] !== I || e[36] !== s || e[37] !== k || e[38] !== z || e[39] !== H || e[40] !== K || e[41] !== V || e[42] !== C || e[43] !== v || e[44] !== U || e[45] !== T.viewMode || e[46] !== ve || e[47] !== ye ? (ae = /* @__PURE__ */ d(jt, { viewMode: T.viewMode, boardColumns: oe, listItems: V, listExpandedGroups: z, selectedRowId: v, emptyState: s, emptyTitle: k, emptyDescription: I, onBoardMoveItem: H, onBoardMoveToGroup: K, onCreateRow: ye, onColumnAction: C, onListExpandedGroupChange: U, listKey: ve }), e[34] = oe, e[35] = I, e[36] = s, e[37] = k, e[38] = z, e[39] = H, e[40] = K, e[41] = V, e[42] = C, e[43] = v, e[44] = U, e[45] = T.viewMode, e[46] = ve, e[47] = ye, e[48] = ae) : ae = e[48];
-  let ie;
-  e[49] !== S || e[50] !== R || e[51] !== m || e[52] !== x || e[53] !== T.columnGrouping ? (ie = m && x && R ? /* @__PURE__ */ d(dn, { open: !0, columnId: R, columnAttributeId: T.columnGrouping === Z ? void 0 : T.columnGrouping, attributes: S, config: m, onClose: () => G(null), onSubmit: x }) : null, e[49] = S, e[50] = R, e[51] = m, e[52] = x, e[53] = T.columnGrouping, e[54] = ie) : ie = e[54];
-  let ce;
-  return e[55] !== ae || e[56] !== ie || e[57] !== j ? (ce = /* @__PURE__ */ B(q, { "data-testid": "kanban-renderer", height: "100%", minH: "0", gap: "0", background: "bg", overflow: "hidden", children: [
-    j,
-    ae,
-    ie
-  ] }), e[55] = ae, e[56] = ie, e[57] = j, e[58] = ce) : ce = e[58], ce;
+//#endregion
+//#region src/components/kanban-renderer/kanban-renderer-create-dialog.tsx
+var ft = (e) => e.type === "files" || e.type === "multi-select" ? [] : e.type !== "boolean" && "", pt = (e) => Object.fromEntries(e.map((e) => [e.id, e.defaultValue ?? ft(e)])), mt = (e, t) => e.required ? Array.isArray(t) ? t.length > 0 : typeof t == "string" ? t.trim().length > 0 : t != null : !0, ht = (e) => e.filter((e) => e.editable), gt = (e, t, n) => Object.fromEntries(e.map((e) => [e.id, e.id === t ? n : e.type.kind === "enum-multi" ? [] : ""])), _t = (e, t) => {
+	let n = {
+		id: e.id,
+		name: e.label,
+		description: ""
+	};
+	if (e.type.kind === "enum" || e.type.kind === "enum-multi") {
+		let r = e.type.kind === "enum-multi";
+		return {
+			...n,
+			type: "selection",
+			defaultValue: r ? [] : "",
+			multiSelect: r,
+			placeholder: e.label,
+			clearable: !t,
+			disabled: t,
+			options: D(e.type).map((e) => ({
+				id: e.value,
+				name: e.label,
+				icon: e.icon ?? void 0,
+				color: e.color
+			}))
+		};
+	}
+	return e.type.kind === "number" ? {
+		...n,
+		type: "number",
+		defaultValue: 0
+	} : {
+		...n,
+		type: "text",
+		defaultValue: "",
+		singleLine: !0
+	};
+}, vt = (e) => {
+	let { open: t, columnId: n, columnAttributeId: r, attributes: i, config: a, onClose: s, onSubmit: c } = e, [l, u] = Q({}), [d, f] = Q({}), [p, m] = Q(!1), [h, g] = Q(""), [_, v] = Q(0), y = ge(!1), b = ht(i);
+	he(() => {
+		if (!t) {
+			y.current = !1;
+			return;
+		}
+		y.current || (y.current = !0, u(pt(a.fields)), f(gt(ht(i), r, n)), g(""), v((e) => e + 1));
+	}, [
+		i,
+		r,
+		n,
+		a.fields,
+		t
+	]), he(() => {
+		if (!t) return;
+		let e = pt(a.fields), n = new Set(a.fields.map((e) => e.id));
+		u((t) => {
+			let r = Object.entries(t).filter(([e]) => n.has(e)), i = Object.entries(e).filter(([e]) => !(e in t));
+			return i.length === 0 && r.length === Object.keys(t).length ? t : {
+				...Object.fromEntries(i),
+				...Object.fromEntries(r)
+			};
+		});
+	}, [a.fields, t]), he(() => {
+		if (!t) return;
+		let e = ht(i), a = gt(e, r, n), o = new Set(e.map((e) => e.id));
+		f((e) => {
+			let t = Object.entries(e).filter(([e]) => o.has(e)), n = Object.entries(a).filter(([t]) => !(t in e));
+			return n.length === 0 && t.length === Object.keys(e).length ? e : {
+				...Object.fromEntries(n),
+				...Object.fromEntries(t)
+			};
+		});
+	}, [
+		i,
+		t,
+		n,
+		r
+	]);
+	let x = () => {
+		p || s();
+	}, S = a.fields.every((e) => mt(e, l[e.id])), C = async () => {
+		if (S && !p) {
+			m(!0), g("");
+			try {
+				let e = new Set(a.fields.filter((e) => e.type === "files").map((e) => e.id)), t = [...e].flatMap((e) => Array.isArray(l[e]) ? l[e] : []), i = Object.fromEntries(Object.entries(l).filter(([t]) => !e.has(t)));
+				await c({
+					columnId: n,
+					columnAttributeId: r,
+					values: i,
+					attributeValues: d,
+					files: t
+				}), s();
+			} catch (e) {
+				g(e instanceof Error ? e.message : a.labels.submitError);
+			} finally {
+				m(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ Z(V.Root, {
+		open: t,
+		size: "lg",
+		scrollBehavior: "inside",
+		onOpenChange: (e) => !e.open && x(),
+		children: [/* @__PURE__ */ X(V.Backdrop, {}), /* @__PURE__ */ X(V.Positioner, { children: /* @__PURE__ */ Z(V.Content, {
+			maxH: "calc(100% - 48px)",
+			onKeyDownCapture: (e) => o(e, () => void C(), S && !p),
+			children: [
+				/* @__PURE__ */ Z(V.Header, { children: [/* @__PURE__ */ X(V.Title, { children: a.title }), /* @__PURE__ */ X(V.CloseTrigger, {
+					asChild: !0,
+					children: /* @__PURE__ */ X(ce, {
+						size: "sm",
+						disabled: p
+					})
+				})] }),
+				/* @__PURE__ */ X(V.Body, { children: /* @__PURE__ */ Z(q, {
+					gap: "md",
+					children: [
+						a.fields.map((e) => /* @__PURE__ */ X(ut, {
+							field: e,
+							removeLabel: a.labels.removeFile,
+							value: l[e.id],
+							disabled: p,
+							onChange: (t) => u((n) => ({
+								...n,
+								[e.id]: t
+							}))
+						}, `${e.id}:${_.toString()}`)),
+						b.length > 0 ? /* @__PURE__ */ Z(q, {
+							gap: "2xs",
+							children: [/* @__PURE__ */ X(J, {
+								textStyle: "label/S/medium",
+								children: a.labels.properties
+							}), /* @__PURE__ */ X($e, {
+								variant: "small",
+								params: b.map((e) => _t(e, e.id === r)),
+								defaultValues: d,
+								readOnly: p,
+								onChange: (e, t) => f((n) => ({
+									...n,
+									[e]: t
+								}))
+							})]
+						}) : null,
+						h ? /* @__PURE__ */ X(J, {
+							textStyle: "paragraph/S/regular",
+							color: "fg.error",
+							children: h
+						}) : null
+					]
+				}) }),
+				/* @__PURE__ */ X(V.Footer, {
+					justifyContent: "end",
+					children: /* @__PURE__ */ Z(H, {
+						gap: "2",
+						children: [/* @__PURE__ */ X(B, {
+							size: "sm",
+							variant: "ghost",
+							disabled: p,
+							onClick: x,
+							children: a.labels.cancel
+						}), /* @__PURE__ */ X(B, {
+							size: "sm",
+							variant: "primary",
+							disabled: !S,
+							loading: p,
+							onClick: () => void C(),
+							children: a.submitLabel
+						})]
+					})
+				})
+			]
+		}) })]
+	});
+}, yt = (e) => {
+	let { settings: t, visibleRows: n, grouped: r, attributes: a, onRowClick: o, onAttributeChange: s, onReorder: c, getRowContextMenuActions: l } = e, u = t.ordering.attributeId === re, f = t.displayProperties.filter((e) => e !== "id"), p = (e, t) => {
+		let n = k(a, e), r = n ? T(n.type, t) : void 0;
+		return {
+			statusColorPalette: r?.color,
+			statusIcon: i(r?.icon)
+		};
+	}, m = (e) => {
+		let t = e.attributes.status;
+		return typeof t == "string" ? p("status", t) : {};
+	}, h = (e, n) => {
+		let r = typeof e.attributes.id == "string" ? e.attributes.id : void 0;
+		return {
+			id: e.id,
+			eyebrow: r && r !== e.title ? r : void 0,
+			title: e.title,
+			...m(e),
+			badges: ae(e, a, f),
+			customSlots: ee(e, a, f),
+			contextMenuActions: l?.(e),
+			onClick: () => o?.(e),
+			onBadgeChange: s ? (t, n) => s(e.id, t, n) : void 0,
+			draggable: !!(s || c),
+			onDropRow: u && (s || c) ? (r) => {
+				let i = w(t.columnGrouping, n);
+				i && t.columnGrouping !== "none" && s && s(r, t.columnGrouping, i), t.rowGrouping !== "none" && n?.rowKey && s && s(r, t.rowGrouping, n.rowKey), c?.(r, e.id);
+			} : void 0
+		};
+	}, g = (e, n) => {
+		let r = n ? t.rowGrouping : t.columnGrouping;
+		return {
+			id: n ? `group::${n.columnKey}::${e.key}` : `group::${e.key}`,
+			title: e.label,
+			isGroup: !0,
+			countBadge: e.rows.length,
+			...p(r, e.key),
+			onDropRow: s && t.columnGrouping !== "none" ? (r) => {
+				let i = n?.columnKey ?? e.key;
+				s(r, t.columnGrouping, i), t.rowGrouping !== "none" && n && s(r, t.rowGrouping, e.key);
+			} : void 0,
+			children: d(e.rows, t.ordering, a).map((t) => h(t, {
+				columnKey: n?.columnKey ?? e.key,
+				rowKey: n ? e.key : void 0
+			}))
+		};
+	};
+	return t.columnGrouping === "none" ? d(n, t.ordering, a).map((e) => h(e)) : r.map((e) => e.subgroups.length > 0 ? {
+		id: `group::${e.key}`,
+		title: e.label,
+		isGroup: !0,
+		countBadge: e.rows.length,
+		...p(t.columnGrouping, e.key),
+		onDropRow: s ? (n) => s(n, t.columnGrouping, e.key) : void 0,
+		children: e.subgroups.map((t) => g(t, { columnKey: e.key }))
+	} : g(e));
+}, bt = (e) => {
+	let t = e.attributes.id;
+	return typeof t == "string" && t ? t : e.id;
+}, xt = (e) => {
+	let t = Y(62), { rows: n, storageKey: r, attributes: i, selectedRowId: a, emptyState: o, emptyTitle: s, emptyDescription: c, contentPlaceholder: l, defaultSettings: p, defaultFilters: m, defaultViews: h, defaultActiveViewId: _, onRowClick: y, onAttributeChange: x, onReorder: S, createRow: C, onCreateRow: w, onColumnAction: E, getBoardColumnConfig: D, getRowContextMenuActions: O, hideToolbar: A, toolbarLeading: j } = e, M = a === void 0 ? null : a, te = s === void 0 ? "No rows found" : s, ne = c === void 0 ? "Try changing filters or display settings." : c, re = A !== void 0 && A, N = f(i), [P, F] = Q(null), I;
+	t[0] !== _ || t[1] !== m || t[2] !== p || t[3] !== h ? (I = {
+		settings: p,
+		filters: m,
+		views: h,
+		activeViewId: _
+	}, t[0] = _, t[1] = m, t[2] = p, t[3] = h, t[4] = I) : I = t[4];
+	let L = I, R = b(r, St, L), oe = b(r, Ct, L), se = b(r, wt, L), z = b(r, Tt, L), B, ce;
+	if (t[5] !== N || t[6] !== oe || t[7] !== D || t[8] !== O || t[9] !== x || t[10] !== S || t[11] !== y || t[12] !== n || t[13] !== R) {
+		let e = g(n, oe, N), r = ie(R.columnGrouping, N, oe), i = v(e, {
+			attributes: N,
+			columnGrouping: R.columnGrouping,
+			rowGrouping: R.rowGrouping,
+			knownColumnKeys: r
+		});
+		B = yt({
+			settings: R,
+			visibleRows: e,
+			grouped: i,
+			attributes: N,
+			onRowClick: y,
+			onAttributeChange: x,
+			onReorder: S,
+			getRowContextMenuActions: O
+		});
+		let a = R.displayProperties.filter(Et), o = (e) => e.map((e) => ({
+			id: e.id,
+			contextMenuActions: O?.(e),
+			cardProps: {
+				eyebrow: R.displayProperties.includes("id") ? bt(e) : void 0,
+				title: e.title,
+				badges: ae(e, N, a),
+				customSlots: ee(e, N, a),
+				onBadgeChange: x ? (t, n) => x(e.id, t, n) : void 0,
+				onClick: () => y?.(e)
+			}
+		})), s = k(N, R.columnGrouping);
+		ce = i.map((e) => {
+			let t = D?.(e.key) ?? {}, n = d(e.rows, R.ordering, N), r = s ? T(s.type, e.key) : void 0, i = e.subgroups.length > 0 ? e.subgroups.map((e) => ({
+				key: e.key,
+				label: e.label,
+				items: o(d(e.rows, R.ordering, N))
+			})) : void 0;
+			return {
+				id: e.key,
+				label: e.label,
+				color: t.color ?? r?.color,
+				icon: r?.icon ?? "circle",
+				canDragIn: t.canDragIn ?? !1,
+				canDragOut: t.canDragOut ?? !1,
+				canCreate: t.canCreate ?? !1,
+				actions: t.actions ?? [],
+				items: o(n),
+				groups: i
+			};
+		}), t[5] = N, t[6] = oe, t[7] = D, t[8] = O, t[9] = x, t[10] = S, t[11] = y, t[12] = n, t[13] = R, t[14] = B, t[15] = ce;
+	} else B = t[14], ce = t[15];
+	let V = ce, H;
+	t[16] !== x || t[17] !== S || t[18] !== R ? (H = async (e, t, n) => {
+		await Te({
+			settings: R,
+			rowId: e,
+			targetColumnId: t,
+			targetGroupKey: n?.targetGroupKey,
+			beforeItemId: n?.beforeItemId,
+			onAttributeChange: x,
+			onReorder: S
+		});
+	}, t[16] = x, t[17] = S, t[18] = R, t[19] = H) : H = t[19];
+	let U = H, le;
+	t[20] !== x || t[21] !== S || t[22] !== R ? (le = async (e, t, n) => {
+		await Ee({
+			settings: R,
+			rowId: e,
+			targetGroupKey: t,
+			beforeItemId: n?.beforeItemId,
+			onAttributeChange: x,
+			onReorder: S
+		});
+	}, t[20] = x, t[21] = S, t[22] = R, t[23] = le) : le = t[23];
+	let ue = le, W;
+	t[24] !== N || t[25] !== _ || t[26] !== m || t[27] !== p || t[28] !== h || t[29] !== re || t[30] !== n || t[31] !== r || t[32] !== j ? (W = re ? null : /* @__PURE__ */ X(u, {
+		rows: n,
+		storageKey: r,
+		attributes: N,
+		defaultSettings: p,
+		defaultFilters: m,
+		defaultViews: h,
+		defaultActiveViewId: _,
+		leading: j
+	}), t[24] = N, t[25] = _, t[26] = m, t[27] = p, t[28] = h, t[29] = re, t[30] = n, t[31] = r, t[32] = j, t[33] = W) : W = t[33];
+	let G;
+	t[34] !== V || t[35] !== l || t[36] !== C || t[37] !== ne || t[38] !== o || t[39] !== te || t[40] !== se || t[41] !== U || t[42] !== ue || t[43] !== B || t[44] !== E || t[45] !== w || t[46] !== M || t[47] !== z || t[48] !== R.columnGrouping || t[49] !== R.rowGrouping || t[50] !== R.viewMode ? (G = l === void 0 ? /* @__PURE__ */ X(Xe, {
+		viewMode: R.viewMode,
+		boardColumns: V,
+		listItems: B,
+		listExpandedGroups: se,
+		selectedRowId: M,
+		emptyState: o,
+		emptyTitle: te,
+		emptyDescription: ne,
+		onBoardMoveItem: U,
+		onBoardMoveToGroup: ue,
+		onCreateRow: C && w ? F : void 0,
+		onColumnAction: E,
+		onListExpandedGroupChange: z,
+		listKey: `${R.columnGrouping}:${R.rowGrouping}`
+	}) : l, t[34] = V, t[35] = l, t[36] = C, t[37] = ne, t[38] = o, t[39] = te, t[40] = se, t[41] = U, t[42] = ue, t[43] = B, t[44] = E, t[45] = w, t[46] = M, t[47] = z, t[48] = R.columnGrouping, t[49] = R.rowGrouping, t[50] = R.viewMode, t[51] = G) : G = t[51];
+	let K;
+	t[52] !== N || t[53] !== P || t[54] !== C || t[55] !== w || t[56] !== R.columnGrouping ? (K = C && w && P ? /* @__PURE__ */ X(vt, {
+		open: !0,
+		columnId: P,
+		columnAttributeId: R.columnGrouping === "none" ? void 0 : R.columnGrouping,
+		attributes: N,
+		config: C,
+		onClose: () => F(null),
+		onSubmit: w
+	}) : null, t[52] = N, t[53] = P, t[54] = C, t[55] = w, t[56] = R.columnGrouping, t[57] = K) : K = t[57];
+	let J;
+	return t[58] !== K || t[59] !== W || t[60] !== G ? (J = /* @__PURE__ */ Z(q, {
+		"data-testid": "kanban-renderer",
+		height: "100%",
+		minH: "0",
+		gap: "0",
+		background: "bg",
+		overflow: "hidden",
+		children: [
+			W,
+			G,
+			K
+		]
+	}), t[58] = K, t[59] = W, t[60] = G, t[61] = J) : J = t[61], J;
 };
-function pn(r) {
-  return r.settings;
+function St(e) {
+	return e.settings;
 }
-function gn(r) {
-  return r.filters;
+function Ct(e) {
+	return e.filters;
 }
-function fn(r) {
-  return r.expandedGroups;
+function wt(e) {
+	return e.expandedGroups;
 }
-function mn(r) {
-  return r.setExpandedGroup;
+function Tt(e) {
+	return e.setExpandedGroup;
 }
-function bn(r) {
-  return r !== "id";
+function Et(e) {
+	return e !== "id";
 }
-export {
-  On as DisplayMenu,
-  $n as FilterMenu,
-  En as KanbanRenderer,
-  Bt as KanbanRendererBoard,
-  Fe as KanbanRendererCard,
-  dn as KanbanRendererCreateDialog,
-  Wt as KanbanRendererList,
-  tt as KanbanRendererToolbar,
-  Ie as MANUAL_ORDERING,
-  Z as NO_GROUPING,
-  Bn as buildDisplayPropertyOptions,
-  zn as buildFilterCategories,
-  Kn as buildGroupingOptions,
-  Mn as buildOrderingOptions,
-  Me as collectDisplayBadges,
-  Le as findAttribute,
-  Ln as getAttributeStringValues,
-  _n as getAttributeValue,
-  Ue as getEnumOptions,
-  Vn as isActiveKanbanRendererViewDirty,
-  Wn as isAttributesSource,
-  Hn as isEnumOptionsSource,
-  jn as renderAttributeBadge,
-  Fn as renderBadgeListDisplay,
-  Nn as resolveAttributeOptions,
-  Xn as sanitizeFilters,
-  qn as sanitizeSettings,
-  pe as useKanbanRendererStore,
-  Je as useResolvedAttributes
-};
-//# sourceMappingURL=kanban-renderer.js.map
+//#endregion
+export { N as DisplayMenu, m as FilterMenu, xt as KanbanRenderer, Re as KanbanRendererBoard, Pe as KanbanRendererCard, vt as KanbanRendererCreateDialog, qe as KanbanRendererList, y as KanbanRendererStorageProvider, u as KanbanRendererToolbar, re as MANUAL_ORDERING, M as NO_GROUPING, x as buildDisplayPropertyOptions, h as buildFilterCategories, l as buildGroupingOptions, E as buildOrderingOptions, ae as collectDisplayBadges, k as findAttribute, P as getAttributeStringValues, A as getAttributeValue, D as getEnumOptions, p as isActiveKanbanRendererViewDirty, O as isAttributesSource, S as isEnumOptionsSource, C as renderAttributeBadge, te as renderBadgeListDisplay, _ as resolveAttributeOptions, j as sanitizeFilters, F as sanitizeSettings, b as useKanbanRendererStore, f as useResolvedAttributes };
+
+//# sourceMappingURL=kanban-renderer.js.map