@object-ui/plugin-kanban 4.0.4 → 4.0.6

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @object-ui/plugin-kanban
 
+## 4.0.6
+
+### Patch Changes
+
+- 1b6dc64: fix: complete Tailwind v3→v4 migration cleanup
+  - Rename deprecated `flex-shrink-0` → `shrink-0` and `flex-grow-N` →
+    `grow-N` (Tailwind v4 dropped the long-form aliases). Affects
+    data-table, fields/index, FileField, ChatbotEnhanced,
+    FloatingChatbotPanel, ProcessDesigner, HistoryPanel, KanbanEnhanced,
+    KanbanImpl, plugin-timeline index, FlowDesigner, LayoutRenderer.
+  - Replace `theme(spacing.4)` inside arbitrary-value `[calc(...)]` with
+    literal `1rem` in sidebar.tsx — `theme()` is deprecated in v4.
+  - Remove obsolete v3-escape CSS overrides from index.css and
+    sidebar-fixes.css. The component source now uses native v4 stacked
+    data variants (`group-data-[state=collapsed]:group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)
+    which Tailwind v4 emits correctly without the manual overrides.
+    Only the bespoke `.sidebar-menu-button-icon-mode*` rules are kept.
+
+- Updated dependencies [925051d]
+- Updated dependencies [1b6dc64]
+  - @object-ui/components@4.0.6
+  - @object-ui/types@4.0.6
+  - @object-ui/core@4.0.6
+  - @object-ui/react@4.0.6
+
+## 4.0.5
+
+### Patch Changes
+
+- 1dc6061: fix(build): inline dynamic imports in library outputs
+
+  Library `vite build --lib` outputs were emitting separate code-split chunks
+  (`rolldown-runtime-*.js`, `LookupField-*.js`, etc.) when source files used
+  `React.lazy()` / dynamic `import()`. When consumer apps re-bundled these
+  multi-file dists, the library's per-chunk rolldown-runtime collided with the
+  consumer's own runtime, causing "TypeError: i is not a function" at runtime
+  when lazy components tried to register themselves (e.g. TextField in
+  `@object-ui/fields` after 4.0.4).
+
+  Adding `output.inlineDynamicImports: true` to all `@object-ui/*` library vite
+  configs forces a single `dist/index.js` per package, which lets consumer
+  bundlers handle the library as an opaque ESM module without identifier
+  mismatches across chunks.
+
+  Affected packages: components, fields, layout, plugin-aggrid, plugin-ai,
+  plugin-calendar, plugin-charts, plugin-chatbot, plugin-dashboard,
+  plugin-designer, plugin-detail, plugin-editor, plugin-form, plugin-gantt,
+  plugin-grid, plugin-kanban, plugin-list, plugin-map, plugin-markdown,
+  plugin-report, plugin-timeline, plugin-view, plugin-workflow.
+
+- Updated dependencies [1dc6061]
+  - @object-ui/components@4.0.5
+  - @object-ui/types@4.0.5
+  - @object-ui/core@4.0.5
+  - @object-ui/react@4.0.5
+
 ## 4.0.4
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-kanban",
-  "version": "4.0.4",
+  "version": "4.0.6",
   "type": "module",
   "license": "MIT",
   "description": "Kanban board plugin for Object UI, powered by dnd-kit",
@@ -29,10 +29,10 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@tanstack/react-virtual": "^3.13.24",
     "lucide-react": "^1.14.0",
-    "@object-ui/components": "4.0.4",
-    "@object-ui/core": "4.0.4",
-    "@object-ui/react": "4.0.4",
-    "@object-ui/types": "4.0.4"
+    "@object-ui/components": "4.0.6",
+    "@object-ui/core": "4.0.6",
+    "@object-ui/react": "4.0.6",
+    "@object-ui/types": "4.0.6"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -45,7 +45,7 @@
     "typescript": "^6.0.3",
     "vite": "^8.0.10",
     "vite-plugin-dts": "^5.0.0",
-    "@object-ui/data-objectstack": "4.0.4"
+    "@object-ui/data-objectstack": "4.0.6"
   },
   "keywords": [
     "objectui",

package/dist/KanbanEnhanced-t4bTknP9.js

@@ -1,290 +0,0 @@
-import * as e from "react";
-import { Badge as t, Button as n, Card as r, CardContent as i, CardDescription as a, CardHeader as o, CardTitle as s, Input as c } from "@object-ui/components";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { AlertTriangle as f, ChevronDown as p, ChevronRight as m, Plus as h } from "lucide-react";
-import { useVirtualizer as g } from "@tanstack/react-virtual";
-import { DndContext as _, DragOverlay as v, PointerSensor as y, closestCorners as b, useSensor as x, useSensors as S } from "@dnd-kit/core";
-import { SortableContext as C, arrayMove as w, useSortable as T, verticalListSortingStrategy as E } from "@dnd-kit/sortable";
-import { CSS as D } from "@dnd-kit/utilities";
-//#region src/KanbanEnhanced.tsx
-var O = (...e) => e.filter(Boolean).join(" ");
-function k(e, t) {
-	if (!t || t.length === 0) return {};
-	for (let n of t) {
-		let t = e[n.field];
-		if (t == null) continue;
-		let r = !1, i = String(t);
-		switch (n.operator) {
-			case "equals":
-				r = i === String(n.value);
-				break;
-			case "not_equals":
-				r = i !== String(n.value);
-				break;
-			case "contains":
-				r = i.toLowerCase().includes(String(n.value).toLowerCase());
-				break;
-			case "in":
-				r = Array.isArray(n.value) && n.value.includes(i);
-				break;
-		}
-		if (r) return {
-			...n.backgroundColor ? { backgroundColor: n.backgroundColor } : {},
-			...n.borderColor ? { borderColor: n.borderColor } : {}
-		};
-	}
-	return {};
-}
-function A({ card: e, conditionalFormatting: n }) {
-	let { attributes: c, listeners: l, setNodeRef: f, transform: p, transition: m, isDragging: h } = T({ id: e.id }), g = {
-		transform: D.Transform.toString(p),
-		transition: m,
-		opacity: h ? .5 : void 0
-	}, _ = k(e, n);
-	return /* @__PURE__ */ u("div", {
-		ref: f,
-		style: g,
-		...c,
-		...l,
-		children: /* @__PURE__ */ d(r, {
-			className: "mb-2 cursor-grab active:cursor-grabbing border-border bg-card/60 hover:border-primary/40 hover:shadow-lg hover:shadow-primary/10 transition-all duration-300 group",
-			style: _,
-			children: [
-				e.coverImage && /* @__PURE__ */ u("div", {
-					className: "w-full h-32 overflow-hidden rounded-t-lg",
-					children: /* @__PURE__ */ u("img", {
-						src: e.coverImage,
-						alt: "",
-						className: "w-full h-full object-cover",
-						loading: "lazy"
-					})
-				}),
-				/* @__PURE__ */ d(o, {
-					className: "p-4",
-					children: [/* @__PURE__ */ u(s, {
-						className: "text-sm font-medium tracking-tight text-foreground group-hover:text-primary transition-colors",
-						children: e.title
-					}), e.description && /* @__PURE__ */ u(a, {
-						className: "text-xs text-muted-foreground",
-						children: e.description
-					})]
-				}),
-				e.badges && e.badges.length > 0 && /* @__PURE__ */ u(i, {
-					className: "p-4 pt-0",
-					children: /* @__PURE__ */ u("div", {
-						className: "flex flex-wrap gap-1",
-						children: e.badges.map((e, n) => /* @__PURE__ */ u(t, {
-							variant: e.variant || "default",
-							className: "text-xs",
-							children: e.label
-						}, n))
-					})
-				})
-			]
-		})
-	});
-}
-function j({ cards: e, parentRef: t, conditionalFormatting: n }) {
-	let r = g({
-		count: e.length,
-		getScrollElement: () => t.current,
-		estimateSize: () => 120,
-		overscan: 5
-	});
-	return /* @__PURE__ */ u("div", {
-		style: {
-			height: `${r.getTotalSize()}px`,
-			width: "100%",
-			position: "relative"
-		},
-		children: r.getVirtualItems().map((t) => {
-			let r = e[t.index];
-			return /* @__PURE__ */ u("div", {
-				style: {
-					position: "absolute",
-					top: 0,
-					left: 0,
-					width: "100%",
-					transform: `translateY(${t.start}px)`
-				},
-				children: /* @__PURE__ */ u(A, {
-					card: r,
-					conditionalFormatting: n
-				})
-			}, r.id);
-		})
-	});
-}
-function M({ columnId: t, onAdd: r }) {
-	let [i, a] = e.useState(!1), [o, s] = e.useState(""), l = e.useRef(null), f = () => {
-		let e = o.trim();
-		e && (r(t, e), s("")), a(!1);
-	};
-	return i ? /* @__PURE__ */ u("div", {
-		className: "mt-2 space-y-2",
-		children: /* @__PURE__ */ u(c, {
-			ref: l,
-			value: o,
-			onChange: (e) => s(e.target.value),
-			onKeyDown: (e) => {
-				e.key === "Enter" ? (e.preventDefault(), f()) : e.key === "Escape" && (s(""), a(!1));
-			},
-			onBlur: f,
-			placeholder: "Enter card title...",
-			className: "text-sm",
-			autoFocus: !0
-		})
-	}) : /* @__PURE__ */ d(n, {
-		variant: "ghost",
-		size: "sm",
-		className: "w-full mt-2 text-muted-foreground hover:text-foreground",
-		onClick: () => {
-			a(!0), setTimeout(() => l.current?.focus(), 0);
-		},
-		children: [/* @__PURE__ */ u(h, { className: "h-4 w-4 mr-1" }), "Add Card"]
-	});
-}
-function N({ column: r, cards: i, onToggle: a, enableVirtual: o, quickAdd: s, onQuickAdd: c, conditionalFormatting: h }) {
-	let g = i || [], _ = e.useRef(null), { setNodeRef: v } = T({
-		id: r.id,
-		data: { type: "column" }
-	}), y = r.limit && g.length >= r.limit, b = r.limit && g.length >= r.limit * .8;
-	return /* @__PURE__ */ d("div", {
-		ref: v,
-		className: O("flex flex-col flex-shrink-0 rounded-lg border border-border bg-card/20 backdrop-blur-sm shadow-xl transition-all", r.collapsed ? "w-16" : "w-80", r.className),
-		children: [/* @__PURE__ */ d("div", {
-			className: "p-4 border-b border-border/50 bg-muted/20 flex items-center justify-between",
-			children: [/* @__PURE__ */ d("div", {
-				className: "flex items-center gap-2 flex-1 min-w-0",
-				children: [/* @__PURE__ */ u(n, {
-					variant: "ghost",
-					size: "sm",
-					className: "h-6 w-6 p-0",
-					onClick: () => a(!r.collapsed),
-					children: r.collapsed ? /* @__PURE__ */ u(m, { className: "h-4 w-4" }) : /* @__PURE__ */ u(p, { className: "h-4 w-4" })
-				}), !r.collapsed && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("h3", {
-					className: " text-sm font-semibold tracking-wider text-primary/90 uppercase truncate",
-					children: r.title
-				}), /* @__PURE__ */ d("div", {
-					className: "flex items-center gap-2",
-					children: [
-						/* @__PURE__ */ d("span", {
-							className: O(" text-xs", y ? "text-destructive" : b ? "text-yellow-500" : "text-muted-foreground"),
-							children: [g.length, r.limit && ` / ${r.limit}`]
-						}),
-						y && /* @__PURE__ */ u(t, {
-							variant: "destructive",
-							className: "text-xs",
-							children: "Full"
-						}),
-						b && !y && /* @__PURE__ */ u(f, { className: "h-3 w-3 text-yellow-500" })
-					]
-				})] })]
-			}), r.collapsed && /* @__PURE__ */ d("div", {
-				className: "flex flex-col items-center gap-1",
-				children: [/* @__PURE__ */ u("span", {
-					className: " text-xs font-bold text-primary/90 [writing-mode:vertical-rl] rotate-180",
-					children: r.title
-				}), /* @__PURE__ */ u(t, {
-					variant: "secondary",
-					className: "text-xs",
-					children: g.length
-				})]
-			})]
-		}), !r.collapsed && /* @__PURE__ */ d("div", {
-			ref: _,
-			className: "flex-1 p-4 overflow-y-auto",
-			style: { maxHeight: "600px" },
-			children: [/* @__PURE__ */ u(C, {
-				items: g.map((e) => e.id),
-				strategy: E,
-				children: o ? /* @__PURE__ */ u(j, {
-					cards: g,
-					parentRef: _,
-					conditionalFormatting: h
-				}) : /* @__PURE__ */ u("div", {
-					className: "space-y-2",
-					children: g.map((e) => /* @__PURE__ */ u(A, {
-						card: e,
-						conditionalFormatting: h
-					}, e.id))
-				})
-			}), s && c && /* @__PURE__ */ u(M, {
-				columnId: r.id,
-				onAdd: c
-			})]
-		})]
-	});
-}
-function P({ columns: t, onCardMove: n, onColumnToggle: r, enableVirtualScrolling: i = !1, virtualScrollThreshold: a = 50, className: o, quickAdd: s, onQuickAdd: c, conditionalFormatting: l }) {
-	let [f, p] = e.useState(null), m = e.useMemo(() => (t || []).map((e) => ({
-		...e,
-		cards: e.cards || []
-	})), [t]), [h, g] = e.useState(m);
-	e.useEffect(() => {
-		g(m);
-	}, [m]);
-	let C = S(x(y, { activationConstraint: { distance: 8 } })), T = (e) => {
-		let { active: t } = e;
-		p(D(t.id));
-	}, E = (e) => {
-		let { active: t, over: r } = e;
-		if (p(null), !r) return;
-		let i = t.id, a = r.id;
-		if (i === a) return;
-		let o = k(i), s = k(a) || j(a);
-		if (!(!o || !s)) if (o.id === s.id) {
-			let e = [...o.cards], t = w(e, e.findIndex((e) => e.id === i), e.findIndex((e) => e.id === a));
-			g((e) => e.map((e) => e.id === o.id ? {
-				...e,
-				cards: t
-			} : e));
-		} else {
-			let e = [...o.cards], t = [...s.cards], r = e.findIndex((e) => e.id === i), c = a === s.id ? t.length : t.findIndex((e) => e.id === a), [l] = e.splice(r, 1);
-			t.splice(c, 0, l), g((n) => n.map((n) => n.id === o.id ? {
-				...n,
-				cards: e
-			} : n.id === s.id ? {
-				...n,
-				cards: t
-			} : n)), n && n(i, o.id, s.id, c);
-		}
-	}, D = e.useCallback((e) => {
-		for (let t of h) {
-			let n = t.cards.find((t) => t.id === e);
-			if (n) return n;
-		}
-		return null;
-	}, [h]), k = e.useCallback((e) => h.find((t) => t.cards.some((t) => t.id === e)) || null, [h]), j = e.useCallback((e) => h.find((t) => t.id === e) || null, [h]), M = e.useCallback((e, t) => {
-		g((n) => n.map((n) => n.id === e ? {
-			...n,
-			collapsed: t
-		} : n)), r?.(e, t);
-	}, [r]);
-	return /* @__PURE__ */ d(_, {
-		sensors: C,
-		collisionDetection: b,
-		onDragStart: T,
-		onDragEnd: E,
-		children: [/* @__PURE__ */ u("div", {
-			className: O("flex gap-4 overflow-x-auto p-4", o),
-			children: h.map((e) => {
-				let t = i && e.cards.length > a;
-				return /* @__PURE__ */ u(N, {
-					column: e,
-					cards: e.cards,
-					onToggle: (t) => M(e.id, t),
-					enableVirtual: t,
-					quickAdd: s,
-					onQuickAdd: c,
-					conditionalFormatting: l
-				}, e.id);
-			})
-		}), /* @__PURE__ */ u(v, { children: f ? /* @__PURE__ */ u(A, {
-			card: f,
-			conditionalFormatting: l
-		}) : null })]
-	});
-}
-//#endregion
-export { P as KanbanEnhanced, P as default };

package/dist/KanbanImpl-CBkrj9oG.js

@@ -1,401 +0,0 @@
-import * as e from "react";
-import { useDnd as t, useHasDndProvider as n } from "@object-ui/react";
-import { Badge as r, Button as i, Card as a, CardContent as o, CardDescription as s, CardHeader as c, CardTitle as l, Input as u, ScrollArea as d, useResizeObserver as f } from "@object-ui/components";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Plus as g } from "lucide-react";
-import { DndContext as _, DragOverlay as v, PointerSensor as y, TouchSensor as b, closestCorners as x, useSensor as S, useSensors as C } from "@dnd-kit/core";
-import { SortableContext as w, arrayMove as T, useSortable as E, verticalListSortingStrategy as D } from "@dnd-kit/sortable";
-import { CSS as O } from "@dnd-kit/utilities";
-//#region src/KanbanImpl.tsx
-var k = (...e) => e.filter(Boolean).join(" "), A = "Uncategorized";
-function j(e, t) {
-	if (!t || t.length === 0) return {};
-	for (let n of t) {
-		let t = e[n.field];
-		if (t == null) continue;
-		let r = !1, i = String(t);
-		switch (n.operator) {
-			case "equals":
-				r = i === String(n.value);
-				break;
-			case "not_equals":
-				r = i !== String(n.value);
-				break;
-			case "contains":
-				r = i.toLowerCase().includes(String(n.value).toLowerCase());
-				break;
-			case "in":
-				r = Array.isArray(n.value) && n.value.includes(i);
-				break;
-		}
-		if (r) return {
-			...n.backgroundColor ? { backgroundColor: n.backgroundColor } : {},
-			...n.borderColor ? { borderColor: n.borderColor } : {}
-		};
-	}
-	return {};
-}
-function M({ card: e, onCardClick: t, conditionalFormatting: n }) {
-	let { attributes: i, listeners: u, setNodeRef: d, transform: f, transition: p, isDragging: g } = E({ id: e.id }), _ = {
-		transform: O.Transform.toString(f),
-		transition: p,
-		opacity: g ? .5 : void 0
-	}, v = j(e, n);
-	return /* @__PURE__ */ m("div", {
-		ref: d,
-		style: _,
-		...i,
-		...u,
-		role: "listitem",
-		"aria-label": e.title,
-		onClick: () => t?.(e),
-		children: /* @__PURE__ */ h(a, {
-			className: "mb-2 cursor-grab active:cursor-grabbing border-border border-l-4 border-l-primary/40 bg-card/60 hover:border-primary/40 hover:shadow-lg hover:shadow-primary/10 transition-all duration-300 group touch-manipulation",
-			style: v,
-			children: [
-				e.coverImage && /* @__PURE__ */ m("div", {
-					className: "w-full h-32 overflow-hidden rounded-t-lg",
-					children: /* @__PURE__ */ m("img", {
-						src: e.coverImage,
-						alt: "",
-						className: "w-full h-full object-cover",
-						loading: "lazy"
-					})
-				}),
-				/* @__PURE__ */ h(c, {
-					className: "p-2 sm:p-4",
-					children: [/* @__PURE__ */ m(l, {
-						className: "text-xs sm:text-sm font-medium tracking-tight text-foreground group-hover:text-primary transition-colors",
-						children: e.title
-					}), e.description && /* @__PURE__ */ m(s, {
-						className: "text-xs text-muted-foreground line-clamp-2 sm:line-clamp-none",
-						children: e.description
-					})]
-				}),
-				e.badges && e.badges.length > 0 && /* @__PURE__ */ m(o, {
-					className: "p-2 sm:p-4 pt-0",
-					children: /* @__PURE__ */ m("div", {
-						className: "flex flex-wrap gap-1",
-						children: e.badges.map((e, t) => /* @__PURE__ */ m(r, {
-							variant: e.variant || "default",
-							className: "text-xs",
-							children: e.label
-						}, t))
-					})
-				})
-			]
-		})
-	});
-}
-function N({ columnId: t, onAdd: n }) {
-	let [r, a] = e.useState(!1), [o, s] = e.useState(""), c = e.useRef(null), l = () => {
-		let e = o.trim();
-		e && (n(t, e), s("")), a(!1);
-	};
-	return r ? /* @__PURE__ */ m("div", {
-		className: "mt-2 space-y-2",
-		children: /* @__PURE__ */ m(u, {
-			ref: c,
-			value: o,
-			onChange: (e) => s(e.target.value),
-			onKeyDown: (e) => {
-				e.key === "Enter" ? (e.preventDefault(), l()) : e.key === "Escape" && (s(""), a(!1));
-			},
-			onBlur: l,
-			placeholder: "Enter card title...",
-			className: "text-sm",
-			autoFocus: !0
-		})
-	}) : /* @__PURE__ */ h(i, {
-		variant: "ghost",
-		size: "sm",
-		className: "w-full mt-2 text-muted-foreground hover:text-foreground",
-		onClick: () => {
-			a(!0), setTimeout(() => c.current?.focus(), 0);
-		},
-		children: [/* @__PURE__ */ m(g, { className: "h-4 w-4 mr-1" }), "Add Card"]
-	});
-}
-function P({ column: e, cards: t, onCardClick: n, quickAdd: i, onQuickAdd: a, conditionalFormatting: o, columnStyle: s }) {
-	let c = t || [], { setNodeRef: l } = E({
-		id: e.id,
-		data: { type: "column" }
-	}), u = e.limit && c.length >= e.limit, f = s && s.width != null ? "flex-shrink-0" : "w-[85vw] sm:w-80 flex-shrink-0";
-	return /* @__PURE__ */ h("div", {
-		ref: l,
-		role: "group",
-		"aria-label": e.title,
-		style: s,
-		className: k("flex flex-col rounded-lg border border-border bg-card/20 backdrop-blur-sm shadow-xl snap-start max-h-full min-h-0", f, e.className),
-		children: [/* @__PURE__ */ m("div", {
-			className: "p-3 sm:p-4 border-b border-border/50 bg-muted/30 rounded-t-lg",
-			children: /* @__PURE__ */ h("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ m("h3", {
-					id: `kanban-col-${e.id}`,
-					className: " text-xs sm:text-sm font-semibold tracking-wider text-primary/90 uppercase truncate",
-					children: e.title
-				}), /* @__PURE__ */ h("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ h(r, {
-						variant: "secondary",
-						className: "text-xs tabular-nums",
-						children: [c.length, e.limit && ` / ${e.limit}`]
-					}), u && /* @__PURE__ */ m(r, {
-						variant: "destructive",
-						className: "text-xs",
-						children: "Full"
-					})]
-				})]
-			})
-		}), /* @__PURE__ */ h(d, {
-			className: "flex-1 p-4",
-			children: [/* @__PURE__ */ m(w, {
-				items: c.map((e) => e.id),
-				strategy: D,
-				children: /* @__PURE__ */ h("div", {
-					className: "space-y-2",
-					role: "list",
-					"aria-label": `${e.title} cards`,
-					children: [c.length === 0 && /* @__PURE__ */ m("div", {
-						className: "flex flex-col items-center justify-center py-8 text-muted-foreground/50",
-						children: /* @__PURE__ */ m("span", {
-							className: "text-xs",
-							children: "No cards"
-						})
-					}), c.map((e) => /* @__PURE__ */ m(M, {
-						card: e,
-						onCardClick: n,
-						conditionalFormatting: o
-					}, e.id))]
-				})
-			}), i && a && /* @__PURE__ */ m(N, {
-				columnId: e.id,
-				onAdd: a
-			})]
-		})]
-	});
-}
-function F({ children: e }) {
-	return /* @__PURE__ */ m(p, { children: e(t()) });
-}
-function I({ columns: e, onCardMove: t, onCardClick: r, className: i, quickAdd: a, onQuickAdd: o, coverImageField: s, conditionalFormatting: c, swimlaneField: l }) {
-	return n() ? /* @__PURE__ */ m(F, { children: (n) => /* @__PURE__ */ m(L, {
-		columns: e,
-		onCardMove: t,
-		onCardClick: r,
-		className: i,
-		dnd: n,
-		quickAdd: a,
-		onQuickAdd: o,
-		coverImageField: s,
-		conditionalFormatting: c,
-		swimlaneField: l
-	}) }) : /* @__PURE__ */ m(L, {
-		columns: e,
-		onCardMove: t,
-		onCardClick: r,
-		className: i,
-		dnd: null,
-		quickAdd: a,
-		onQuickAdd: o,
-		coverImageField: s,
-		conditionalFormatting: c,
-		swimlaneField: l
-	});
-}
-function L({ columns: t, onCardMove: n, onCardClick: r, className: i, dnd: a, quickAdd: o, onQuickAdd: s, coverImageField: c, conditionalFormatting: l, swimlaneField: u }) {
-	let [d, p] = e.useState(null), g = e.useRef(null), { width: E } = f(g), O = e.useMemo(() => E ? E < 480 ? { width: Math.max(E - 32, 220) } : E < 720 ? { width: 280 } : { width: 320 } : {}, [E]), j = u ? `objectui:kanban-collapsed:${u}` : null, [N, F] = e.useState(() => {
-		if (!j) return /* @__PURE__ */ new Set();
-		try {
-			let e = localStorage.getItem(j);
-			if (e) {
-				let t = JSON.parse(e);
-				if (Array.isArray(t)) return new Set(t.filter((e) => typeof e == "string"));
-			}
-		} catch {}
-		return /* @__PURE__ */ new Set();
-	}), I = e.useMemo(() => (t || []).map((e) => ({
-		...e,
-		cards: e.cards || []
-	})), [t]), [L, R] = e.useState(I);
-	e.useEffect(() => {
-		R(I);
-	}, [I]);
-	let z = e.useMemo(() => {
-		if (!u) return null;
-		let e = L.flatMap((e) => e.cards), t = /* @__PURE__ */ new Set();
-		return e.forEach((e) => {
-			let n = e[u];
-			t.add(n == null ? A : String(n));
-		}), Array.from(t).sort();
-	}, [L, u]), B = e.useCallback((e) => {
-		F((t) => {
-			let n = new Set(t);
-			if (n.has(e) ? n.delete(e) : n.add(e), j) try {
-				localStorage.setItem(j, JSON.stringify([...n]));
-			} catch {}
-			return n;
-		});
-	}, [j]), V = C(S(y, { activationConstraint: { distance: 5 } }), S(b, { activationConstraint: {
-		delay: 200,
-		tolerance: 5
-	} })), H = (e) => {
-		let { active: t } = e, n = W(t.id);
-		if (p(n), a && n) {
-			let e = G(n.id);
-			e && a.startDrag({
-				id: n.id,
-				type: "kanban-card",
-				data: n,
-				sourceId: e.id
-			});
-		}
-	}, U = (e) => {
-		let { active: t, over: r } = e;
-		if (p(null), !r) {
-			a && a.endDrag();
-			return;
-		}
-		let i = t.id, o = r.id;
-		if (i === o) {
-			a && a.endDrag();
-			return;
-		}
-		let s = G(i), c = G(o) || K(o);
-		if (!s || !c) {
-			a && a.endDrag();
-			return;
-		}
-		if (s.id === c.id) {
-			let e = [...s.cards], t = T(e, e.findIndex((e) => e.id === i), e.findIndex((e) => e.id === o));
-			R((e) => e.map((e) => e.id === s.id ? {
-				...e,
-				cards: t
-			} : e));
-		} else {
-			let e = [...s.cards], t = [...c.cards], r = e.findIndex((e) => e.id === i), a = o === c.id ? t.length : t.findIndex((e) => e.id === o), [l] = e.splice(r, 1);
-			t.splice(a, 0, l), R((n) => n.map((n) => n.id === s.id ? {
-				...n,
-				cards: e
-			} : n.id === c.id ? {
-				...n,
-				cards: t
-			} : n)), n && n(i, s.id, c.id, a);
-		}
-		a && a.endDrag(c.id);
-	}, W = e.useCallback((e) => {
-		for (let t of L) {
-			let n = t.cards.find((t) => t.id === e);
-			if (n) return n;
-		}
-		return null;
-	}, [L]), G = e.useCallback((e) => L.find((t) => t.cards.some((t) => t.id === e)) || null, [L]), K = e.useCallback((e) => L.find((t) => t.id === e) || null, [L]);
-	return /* @__PURE__ */ h(_, {
-		sensors: V,
-		collisionDetection: x,
-		onDragStart: H,
-		onDragEnd: U,
-		children: [/* @__PURE__ */ h("div", {
-			ref: g,
-			className: "flex flex-col min-w-0 min-h-0 h-full",
-			children: [/* @__PURE__ */ h("div", {
-				className: "flex sm:hidden items-center justify-between px-3 pb-2 text-xs text-muted-foreground",
-				children: [/* @__PURE__ */ h("span", { children: [L.length, " columns"] }), /* @__PURE__ */ m("span", { children: "← Swipe to navigate →" })]
-			}), z ? /* @__PURE__ */ h("div", {
-				className: k("flex flex-col gap-1 p-2 sm:p-4 min-w-0 overflow-hidden", i),
-				role: "region",
-				"aria-label": "Kanban board with swimlanes",
-				children: [/* @__PURE__ */ m("div", {
-					className: "flex gap-3 sm:gap-4 pl-36 sm:pl-44 overflow-x-auto",
-					children: L.map((e) => /* @__PURE__ */ h("div", {
-						className: "w-[85vw] sm:w-80 flex-shrink-0 text-center",
-						children: [/* @__PURE__ */ m("span", {
-							className: " text-xs sm:text-sm font-semibold tracking-wider text-primary/90 uppercase",
-							children: e.title
-						}), /* @__PURE__ */ h("span", {
-							className: "ml-2 text-xs text-muted-foreground",
-							children: [
-								"(",
-								e.cards.length,
-								")"
-							]
-						})]
-					}, e.id))
-				}), z.map((e) => {
-					let t = N.has(e), n = L.reduce((t, n) => t + n.cards.filter((t) => (t[u] == null ? A : String(t[u])) === e).length, 0);
-					return /* @__PURE__ */ h("div", {
-						className: "border rounded-lg bg-muted/10",
-						children: [/* @__PURE__ */ h("button", {
-							className: "w-full flex items-center gap-2 px-3 py-2 text-left hover:bg-muted/30 transition-colors",
-							onClick: () => B(e),
-							"aria-expanded": !t,
-							children: [
-								/* @__PURE__ */ m("span", {
-									className: k("transition-transform text-xs", t ? "" : "rotate-90"),
-									children: "▶"
-								}),
-								/* @__PURE__ */ m("span", {
-									className: " text-xs font-semibold text-muted-foreground uppercase tracking-wider",
-									children: e
-								}),
-								/* @__PURE__ */ h("span", {
-									className: " text-xs text-muted-foreground",
-									children: [
-										"(",
-										n,
-										")"
-									]
-								})
-							]
-						}), !t && /* @__PURE__ */ m("div", {
-							className: "flex gap-3 sm:gap-4 overflow-x-auto px-2 pb-3 pl-36 sm:pl-44",
-							children: L.map((t) => {
-								let n = t.cards.filter((t) => (t[u] == null ? A : String(t[u])) === e);
-								return /* @__PURE__ */ m("div", {
-									className: "w-[85vw] sm:w-80 flex-shrink-0 min-h-[60px] rounded-md bg-card/20 p-2",
-									children: /* @__PURE__ */ m(w, {
-										items: n.map((e) => e.id),
-										strategy: D,
-										children: /* @__PURE__ */ m("div", {
-											className: "space-y-2",
-											role: "list",
-											"aria-label": `${t.title} - ${e} cards`,
-											children: n.map((e) => /* @__PURE__ */ m(M, {
-												card: e,
-												onCardClick: r,
-												conditionalFormatting: l
-											}, e.id))
-										})
-									})
-								}, t.id);
-							})
-						})]
-					}, e);
-				})]
-			}) : /* @__PURE__ */ m("div", {
-				className: k("flex gap-3 sm:gap-4 overflow-x-auto snap-x snap-mandatory p-2 sm:p-4 bg-muted/10 rounded-lg [-webkit-overflow-scrolling:touch] min-w-0 min-h-0 h-full", i),
-				role: "region",
-				"aria-label": "Kanban board",
-				children: L.map((e) => /* @__PURE__ */ m(P, {
-					column: e,
-					cards: e.cards,
-					onCardClick: r,
-					quickAdd: o,
-					onQuickAdd: s,
-					conditionalFormatting: l,
-					columnStyle: O
-				}, e.id))
-			})]
-		}), /* @__PURE__ */ m(v, { children: /* @__PURE__ */ m("div", {
-			"aria-live": "assertive",
-			"aria-label": d ? `Dragging ${d.title}` : void 0,
-			children: d ? /* @__PURE__ */ m(M, {
-				card: d,
-				conditionalFormatting: l
-			}) : null
-		}) })]
-	});
-}
-//#endregion
-export { I as default };