tembro 4.0.1 → 4.2.0

package/dist/src/components/display/chat.js

@@ -0,0 +1,372 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../ui/button/index.js";
+import { Badge as n } from "../ui/badge/index.js";
+import { Textarea as r } from "../ui/textarea/index.js";
+import { Input as i } from "../ui/input/index.js";
+import { Avatar as a } from "./avatar.js";
+import * as o from "react";
+import { CheckCheckIcon as s, CheckIcon as c, FileIcon as l, MoreHorizontalIcon as u, PaperclipIcon as d, SearchIcon as f, SendIcon as p, SmileIcon as m, XIcon as h } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/components/display/chat.tsx
+function y({ sidebar: t, details: n, children: r, className: i, ...a }) {
+	return /* @__PURE__ */ v("section", {
+		"data-slot": "chat-shell",
+		className: e("grid min-h-[34rem] overflow-hidden rounded-lg border bg-background shadow-sm lg:grid-cols-[18rem_minmax(0,1fr)]", n && "xl:grid-cols-[18rem_minmax(0,1fr)_17rem]", i),
+		...a,
+		children: [
+			t ? /* @__PURE__ */ _("aside", {
+				"data-slot": "chat-sidebar",
+				className: "min-h-0 border-b lg:border-b-0 lg:border-r",
+				children: t
+			}) : null,
+			/* @__PURE__ */ _("div", {
+				"data-slot": "chat-main",
+				className: "grid min-h-0 min-w-0 grid-rows-[auto_minmax(0,1fr)_auto]",
+				children: r
+			}),
+			n ? /* @__PURE__ */ _("aside", {
+				"data-slot": "chat-details",
+				className: "hidden min-h-0 border-l xl:block",
+				children: n
+			}) : null
+		]
+	});
+}
+function b({ participant: t, description: n, actions: r, className: i, ...o }) {
+	return /* @__PURE__ */ v("header", {
+		"data-slot": "chat-header",
+		className: e("flex min-h-16 items-center gap-3 border-b px-4 py-2.5", i),
+		...o,
+		children: [
+			/* @__PURE__ */ _(a, {
+				size: "sm",
+				name: t.name,
+				src: t.avatar,
+				fallback: t.fallback,
+				status: t.status
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ _("div", {
+					className: "truncate text-sm font-semibold",
+					children: t.name
+				}), /* @__PURE__ */ _("div", {
+					className: "truncate text-xs text-muted-foreground",
+					children: n ?? (t.status === "online" ? "Online" : t.status)
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "flex shrink-0 items-center gap-1",
+				children: r
+			})
+		]
+	});
+}
+function x({ items: t, selectedKey: r, defaultSelectedKey: s, onSelect: c, searchable: l = !0, searchPlaceholder: u = "Search conversations...", empty: d = "No conversations found.", className: p, ...m }) {
+	let [h, g] = o.useState(s), [y, b] = o.useState(""), x = r ?? h, S = t.filter((e) => `${e.participant.name} ${String(e.preview ?? "")}`.toLowerCase().includes(y.trim().toLowerCase()));
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "conversation-list",
+		className: e("grid h-full min-h-0 grid-rows-[auto_minmax(0,1fr)]", p),
+		...m,
+		children: [l ? /* @__PURE__ */ _("div", {
+			className: "border-b p-3",
+			children: /* @__PURE__ */ _(i, {
+				type: "search",
+				value: y,
+				onValueChange: b,
+				placeholder: u,
+				leading: /* @__PURE__ */ _(f, {}),
+				clearable: !0,
+				"aria-label": u
+			})
+		}) : /* @__PURE__ */ _("span", {}), /* @__PURE__ */ _("div", {
+			role: "listbox",
+			"aria-label": "Conversations",
+			className: "min-h-0 overflow-y-auto p-2",
+			children: S.length ? S.map((e) => {
+				let t = e.key === x;
+				return /* @__PURE__ */ v("button", {
+					type: "button",
+					role: "option",
+					"aria-selected": t,
+					"data-selected": t || void 0,
+					className: "flex w-full items-start gap-3 rounded-md px-2.5 py-2.5 text-left outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring data-[selected=true]:bg-accent",
+					onClick: () => {
+						r === void 0 && g(e.key), c?.(e);
+					},
+					children: [/* @__PURE__ */ _(a, {
+						size: "sm",
+						name: e.participant.name,
+						src: e.participant.avatar,
+						fallback: e.participant.fallback,
+						status: e.participant.status
+					}), /* @__PURE__ */ v("span", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ v("span", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ _("strong", {
+								className: "min-w-0 flex-1 truncate text-sm font-medium",
+								children: e.participant.name
+							}), /* @__PURE__ */ _("span", {
+								className: "shrink-0 text-[11px] text-muted-foreground",
+								children: e.time
+							})]
+						}), /* @__PURE__ */ v("span", {
+							className: "mt-0.5 flex items-center gap-2",
+							children: [/* @__PURE__ */ _("span", {
+								className: "min-w-0 flex-1 truncate text-xs text-muted-foreground",
+								children: e.preview
+							}), e.unread ? /* @__PURE__ */ _(n, {
+								size: "sm",
+								label: e.unread
+							}) : null]
+						})]
+					})]
+				}, e.key);
+			}) : /* @__PURE__ */ _("div", {
+				className: "grid min-h-32 place-items-center px-4 text-center text-sm text-muted-foreground",
+				children: d
+			})
+		})]
+	});
+}
+function S({ autoScroll: t = !0, empty: n = "No messages yet.", children: r, className: i, ...a }) {
+	let s = o.useRef(null);
+	return o.useEffect(() => {
+		let e = s.current;
+		!t || !e || (typeof e.scrollTo == "function" ? e.scrollTo({
+			top: e.scrollHeight,
+			behavior: "smooth"
+		}) : e.scrollTop = e.scrollHeight);
+	}, [t, r]), /* @__PURE__ */ _("div", {
+		ref: s,
+		"data-slot": "chat-message-list",
+		role: "log",
+		"aria-live": "polite",
+		className: e("min-h-0 overflow-y-auto bg-muted/15 px-4 py-5", i),
+		...a,
+		children: o.Children.count(r) ? /* @__PURE__ */ _("div", {
+			className: "mx-auto grid w-full max-w-3xl gap-4",
+			children: r
+		}) : /* @__PURE__ */ _("div", {
+			className: "grid h-full place-items-center text-sm text-muted-foreground",
+			children: n
+		})
+	});
+}
+function C({ name: n, size: r, type: i, href: a, preview: o, onRemove: s, attachmentKey: c, className: u, ...d }) {
+	let f = /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", {
+		className: "grid size-9 shrink-0 place-items-center overflow-hidden rounded-md bg-muted",
+		children: o ? /* @__PURE__ */ _("img", {
+			src: o,
+			alt: "",
+			className: "size-full object-cover"
+		}) : /* @__PURE__ */ _(l, { className: "size-4" })
+	}), /* @__PURE__ */ v("span", {
+		className: "min-w-0 flex-1",
+		children: [/* @__PURE__ */ _("span", {
+			className: "block truncate text-xs font-medium text-foreground",
+			children: n
+		}), /* @__PURE__ */ _("span", {
+			className: "block truncate text-[11px] text-muted-foreground",
+			children: [i, r].filter(Boolean).join(" · ")
+		})]
+	})] });
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "chat-attachment",
+		className: e("flex min-w-0 items-center gap-2 rounded-md border bg-background p-2", u),
+		...d,
+		children: [a ? /* @__PURE__ */ _("a", {
+			href: a,
+			className: "flex min-w-0 flex-1 items-center gap-2 outline-none focus-visible:ring-2 focus-visible:ring-ring",
+			children: f
+		}) : f, s ? /* @__PURE__ */ _(t, {
+			type: "button",
+			size: "icon-xs",
+			variant: "ghost",
+			iconOnly: !0,
+			"aria-label": `Remove ${n}`,
+			onClick: s,
+			children: /* @__PURE__ */ _(h, {})
+		}) : null]
+	});
+}
+function w({ participant: t, outgoing: n = !1, time: r, status: i, replyTo: o, attachments: l, reactions: u, onReaction: d, actions: f, children: p, className: m, ...h }) {
+	let g = i === "delivered" || i === "read" ? s : c;
+	return /* @__PURE__ */ v("article", {
+		"data-slot": "chat-message",
+		"data-outgoing": n || void 0,
+		className: e("group flex max-w-[88%] items-end gap-2 justify-self-start data-[outgoing=true]:justify-self-end data-[outgoing=true]:flex-row-reverse sm:max-w-[75%]", m),
+		...h,
+		children: [
+			t ? /* @__PURE__ */ _(a, {
+				size: "xs",
+				name: t.name,
+				src: t.avatar,
+				fallback: t.fallback
+			}) : null,
+			/* @__PURE__ */ v("div", {
+				className: "min-w-0",
+				children: [
+					t && !n ? /* @__PURE__ */ _("div", {
+						className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground",
+						children: t.name
+					}) : null,
+					/* @__PURE__ */ v("div", {
+						className: e("rounded-lg rounded-bl-sm border bg-background px-3 py-2 text-sm leading-5 shadow-sm", n && "rounded-bl-lg rounded-br-sm border-primary bg-primary text-primary-foreground"),
+						children: [
+							o ? /* @__PURE__ */ _("div", {
+								className: e("mb-2 border-l-2 pl-2 text-xs opacity-75", n ? "border-primary-foreground/60" : "border-primary"),
+								children: o
+							}) : null,
+							/* @__PURE__ */ _("div", {
+								className: "whitespace-pre-wrap break-words",
+								children: p
+							}),
+							l?.length ? /* @__PURE__ */ _("div", {
+								className: "mt-2 grid gap-1.5",
+								children: l.map(({ key: e, ...t }) => /* @__PURE__ */ _(C, {
+									attachmentKey: e,
+									...t,
+									className: n ? "border-primary-foreground/20 bg-primary-foreground/10 text-primary-foreground" : void 0
+								}, e))
+							}) : null,
+							/* @__PURE__ */ v("div", {
+								className: e("mt-1 flex items-center justify-end gap-1 text-[10px] text-muted-foreground", n && "text-primary-foreground/75"),
+								children: [
+									/* @__PURE__ */ _("span", { children: r }),
+									i && i !== "failed" && i !== "sending" ? /* @__PURE__ */ _(g, { className: e("size-3", i === "read" && "text-sky-300") }) : null,
+									i === "sending" ? /* @__PURE__ */ _("span", { children: "Sending..." }) : null,
+									i === "failed" ? /* @__PURE__ */ _("span", {
+										className: "font-medium text-destructive",
+										children: "Failed"
+									}) : null
+								]
+							})
+						]
+					}),
+					u?.length ? /* @__PURE__ */ _("div", {
+						className: e("mt-1 flex flex-wrap gap-1", n && "justify-end"),
+						children: u.map((e) => /* @__PURE__ */ v("button", {
+							type: "button",
+							"aria-pressed": e.active,
+							className: "rounded-full border bg-background px-2 py-0.5 text-[11px] shadow-sm outline-none hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring aria-pressed:border-primary aria-pressed:bg-primary/10",
+							onClick: () => d?.(e.key),
+							children: [e.label, e.count ? ` ${e.count}` : ""]
+						}, e.key))
+					}) : null
+				]
+			}),
+			f ? /* @__PURE__ */ _("div", {
+				className: "self-center opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",
+				children: f
+			}) : null
+		]
+	});
+}
+function T({ participant: t, className: n, ...r }) {
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "chat-typing",
+		className: e("flex items-center gap-2 text-xs text-muted-foreground", n),
+		...r,
+		children: [t ? /* @__PURE__ */ _(a, {
+			size: "xs",
+			name: t.name,
+			src: t.avatar,
+			fallback: t.fallback
+		}) : null, /* @__PURE__ */ v("span", {
+			className: "flex items-center gap-1 rounded-full border bg-background px-3 py-2",
+			children: [
+				/* @__PURE__ */ _("span", { className: "size-1.5 animate-bounce rounded-full bg-current [animation-delay:-0.2s]" }),
+				/* @__PURE__ */ _("span", { className: "size-1.5 animate-bounce rounded-full bg-current [animation-delay:-0.1s]" }),
+				/* @__PURE__ */ _("span", { className: "size-1.5 animate-bounce rounded-full bg-current" })
+			]
+		})]
+	});
+}
+function E({ value: n, defaultValue: i = "", onValueChange: a, onSend: s, placeholder: c = "Write a message...", disabled: l = !1, sending: u = !1, attachments: f, onRemoveAttachment: h, onAttachmentClick: g, onEmojiClick: y, maxLength: b, submitLabel: x = "Send message", className: S, ...w }) {
+	let [T, E] = o.useState(i), D = n ?? T, O = (e) => {
+		n === void 0 && E(e), a?.(e);
+	}, k = async () => {
+		let e = D.trim();
+		!e || l || u || (await s(e), O(""));
+	};
+	return /* @__PURE__ */ v("form", {
+		"data-slot": "chat-composer",
+		className: e("border-t bg-background p-3", S),
+		onSubmit: (e) => {
+			e.preventDefault(), k();
+		},
+		...w,
+		children: [f?.length ? /* @__PURE__ */ _("div", {
+			className: "mb-2 grid gap-2 sm:grid-cols-2",
+			children: f.map(({ key: e, ...t }) => /* @__PURE__ */ _(C, {
+				attachmentKey: e,
+				...t,
+				onRemove: h ? () => h(e) : void 0
+			}, e))
+		}) : null, /* @__PURE__ */ v("div", {
+			className: "flex items-end gap-2 rounded-lg border bg-background p-1.5 shadow-sm transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/20",
+			children: [
+				g ? /* @__PURE__ */ _(t, {
+					type: "button",
+					size: "icon-sm",
+					variant: "ghost",
+					iconOnly: !0,
+					"aria-label": "Attach file",
+					onClick: g,
+					children: /* @__PURE__ */ _(d, {})
+				}) : null,
+				/* @__PURE__ */ _(r, {
+					value: D,
+					onValueChange: O,
+					rows: 1,
+					maxLength: b,
+					disabled: l,
+					placeholder: c,
+					"aria-label": c,
+					className: "max-h-36 min-h-9 resize-none border-0 bg-transparent px-2 py-2 font-normal shadow-none focus-visible:shadow-none",
+					onKeyDown: (e) => {
+						e.key === "Enter" && !e.shiftKey && (e.preventDefault(), k());
+					}
+				}),
+				y ? /* @__PURE__ */ _(t, {
+					type: "button",
+					size: "icon-sm",
+					variant: "ghost",
+					iconOnly: !0,
+					"aria-label": "Choose emoji",
+					onClick: y,
+					children: /* @__PURE__ */ _(m, {})
+				}) : null,
+				/* @__PURE__ */ _(t, {
+					type: "submit",
+					size: "icon-sm",
+					iconOnly: !0,
+					"aria-label": x,
+					loading: u,
+					disabled: l || !D.trim(),
+					children: /* @__PURE__ */ _(p, {})
+				})
+			]
+		})]
+	});
+}
+function D() {
+	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(t, {
+		size: "icon-sm",
+		variant: "ghost",
+		iconOnly: !0,
+		"aria-label": "Search conversation",
+		children: /* @__PURE__ */ _(f, {})
+	}), /* @__PURE__ */ _(t, {
+		size: "icon-sm",
+		variant: "ghost",
+		iconOnly: !0,
+		"aria-label": "More conversation actions",
+		children: /* @__PURE__ */ _(u, {})
+	})] });
+}
+//#endregion
+export { C as ChatAttachment, E as ChatComposer, b as ChatHeader, D as ChatHeaderActions, w as ChatMessage, S as ChatMessageList, y as ChatShell, T as ChatTypingIndicator, x as ConversationList };

package/dist/src/components/display/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./data-state.cjs"),t=require("./activity-feed.cjs"),n=require("./avatar.cjs"),r=require("./carousel.cjs"),i=require("./code-block.cjs"),a=require("./description-list.cjs"),o=require("./kanban.cjs"),s=require("./list.cjs"),c=require("./progress.cjs"),l=require("./statistic.cjs"),u=require("./status-dot.cjs"),d=require("./status-legend.cjs"),f=require("./timeline.cjs"),p=require("./tree-view.cjs"),m=require("./info-card.cjs"),h=require("./virtual-list.cjs"),g=require("./qr-code.cjs"),_=require("./tag.cjs"),v=require("./typography.cjs");exports.ActivityFeed=t.ActivityFeed,exports.Avatar=n.Avatar,exports.AvatarGroup=n.AvatarGroup,exports.Blockquote=v.Blockquote,exports.Carousel=r.Carousel,exports.CarouselItem=r.CarouselItem,exports.Chip=_.Chip,exports.CodeBlock=i.CodeBlock,exports.DataState=e.DataState,exports.DescriptionList=a.DescriptionList,exports.Heading=v.Heading,exports.InfoCard=m.InfoCard,exports.KanbanBoard=o.KanbanBoard,exports.List=s.List,exports.ListRow=s.ListRow,exports.Mark=v.Mark,exports.Progress=c.Progress,exports.ProgressCard=c.ProgressCard,exports.QRCode=g.QRCode,exports.QRCodeSvg=g.QRCodeSvg,exports.Spoiler=v.Spoiler,exports.SpoilerSummary=v.SpoilerSummary,exports.Statistic=l.Statistic,exports.StatisticCard=l.StatisticCard,exports.StatisticGrid=l.StatisticGrid,exports.StatusDot=u.StatusDot,exports.StatusLegend=d.StatusLegend,exports.Tag=_.Tag,exports.TagGroup=_.TagGroup,exports.Text=v.Text,exports.Timeline=f.Timeline,exports.TreeView=p.TreeView,exports.VirtualList=h.VirtualList,exports.getProgressPercent=c.getProgressPercent;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./data-state.cjs"),t=require("./activity-feed.cjs"),n=require("./avatar.cjs"),r=require("./carousel.cjs"),i=require("./chat.cjs"),a=require("./code-block.cjs"),o=require("./description-list.cjs"),s=require("./kanban.cjs"),c=require("./list.cjs"),l=require("./progress.cjs"),u=require("./statistic.cjs"),d=require("./status-dot.cjs"),f=require("./status-legend.cjs"),p=require("./timeline.cjs"),m=require("./tree-view.cjs"),h=require("./info-card.cjs"),g=require("./virtual-list.cjs"),_=require("./qr-code.cjs"),v=require("./tag.cjs"),y=require("./typography.cjs");exports.ActivityFeed=t.ActivityFeed,exports.Avatar=n.Avatar,exports.AvatarGroup=n.AvatarGroup,exports.Blockquote=y.Blockquote,exports.Carousel=r.Carousel,exports.CarouselItem=r.CarouselItem,exports.ChatAttachment=i.ChatAttachment,exports.ChatComposer=i.ChatComposer,exports.ChatHeader=i.ChatHeader,exports.ChatHeaderActions=i.ChatHeaderActions,exports.ChatMessage=i.ChatMessage,exports.ChatMessageList=i.ChatMessageList,exports.ChatShell=i.ChatShell,exports.ChatTypingIndicator=i.ChatTypingIndicator,exports.Chip=v.Chip,exports.CodeBlock=a.CodeBlock,exports.ConversationList=i.ConversationList,exports.DataState=e.DataState,exports.DescriptionList=o.DescriptionList,exports.Heading=y.Heading,exports.InfoCard=h.InfoCard,exports.KanbanBoard=s.KanbanBoard,exports.List=c.List,exports.ListRow=c.ListRow,exports.Mark=y.Mark,exports.Progress=l.Progress,exports.ProgressCard=l.ProgressCard,exports.QRCode=_.QRCode,exports.QRCodeSvg=_.QRCodeSvg,exports.Spoiler=y.Spoiler,exports.SpoilerSummary=y.SpoilerSummary,exports.Statistic=u.Statistic,exports.StatisticCard=u.StatisticCard,exports.StatisticGrid=u.StatisticGrid,exports.StatusDot=d.StatusDot,exports.StatusLegend=f.StatusLegend,exports.Tag=v.Tag,exports.TagGroup=v.TagGroup,exports.Text=y.Text,exports.Timeline=p.Timeline,exports.TreeView=m.TreeView,exports.VirtualList=g.VirtualList,exports.getProgressPercent=l.getProgressPercent;

package/dist/src/components/display/index.js

@@ -2,19 +2,20 @@ import { DataState as e } from "./data-state.js";
 import { ActivityFeed as t } from "./activity-feed.js";
 import { Avatar as n, AvatarGroup as r } from "./avatar.js";
 import { Carousel as i, CarouselItem as a } from "./carousel.js";
-import { CodeBlock as o } from "./code-block.js";
-import { DescriptionList as s } from "./description-list.js";
-import { KanbanBoard as c } from "./kanban.js";
-import { List as l, ListRow as u } from "./list.js";
-import { Progress as d, ProgressCard as f, getProgressPercent as p } from "./progress.js";
-import { Statistic as m, StatisticCard as h, StatisticGrid as g } from "./statistic.js";
-import { StatusDot as _ } from "./status-dot.js";
-import { StatusLegend as v } from "./status-legend.js";
-import { Timeline as y } from "./timeline.js";
-import { TreeView as b } from "./tree-view.js";
-import { InfoCard as x } from "./info-card.js";
-import { VirtualList as S } from "./virtual-list.js";
-import { QRCode as C, QRCodeSvg as w } from "./qr-code.js";
-import { Chip as T, Tag as E, TagGroup as D } from "./tag.js";
-import { Blockquote as O, Heading as k, Mark as A, Spoiler as j, SpoilerSummary as M, Text as N } from "./typography.js";
-export { t as ActivityFeed, n as Avatar, r as AvatarGroup, O as Blockquote, i as Carousel, a as CarouselItem, T as Chip, o as CodeBlock, e as DataState, s as DescriptionList, k as Heading, x as InfoCard, c as KanbanBoard, l as List, u as ListRow, A as Mark, d as Progress, f as ProgressCard, C as QRCode, w as QRCodeSvg, j as Spoiler, M as SpoilerSummary, m as Statistic, h as StatisticCard, g as StatisticGrid, _ as StatusDot, v as StatusLegend, E as Tag, D as TagGroup, N as Text, y as Timeline, b as TreeView, S as VirtualList, p as getProgressPercent };
+import { ChatAttachment as o, ChatComposer as s, ChatHeader as c, ChatHeaderActions as l, ChatMessage as u, ChatMessageList as d, ChatShell as f, ChatTypingIndicator as p, ConversationList as m } from "./chat.js";
+import { CodeBlock as h } from "./code-block.js";
+import { DescriptionList as g } from "./description-list.js";
+import { KanbanBoard as _ } from "./kanban.js";
+import { List as v, ListRow as y } from "./list.js";
+import { Progress as b, ProgressCard as x, getProgressPercent as S } from "./progress.js";
+import { Statistic as C, StatisticCard as w, StatisticGrid as T } from "./statistic.js";
+import { StatusDot as E } from "./status-dot.js";
+import { StatusLegend as D } from "./status-legend.js";
+import { Timeline as O } from "./timeline.js";
+import { TreeView as k } from "./tree-view.js";
+import { InfoCard as A } from "./info-card.js";
+import { VirtualList as j } from "./virtual-list.js";
+import { QRCode as M, QRCodeSvg as N } from "./qr-code.js";
+import { Chip as P, Tag as F, TagGroup as I } from "./tag.js";
+import { Blockquote as L, Heading as R, Mark as z, Spoiler as B, SpoilerSummary as V, Text as H } from "./typography.js";
+export { t as ActivityFeed, n as Avatar, r as AvatarGroup, L as Blockquote, i as Carousel, a as CarouselItem, o as ChatAttachment, s as ChatComposer, c as ChatHeader, l as ChatHeaderActions, u as ChatMessage, d as ChatMessageList, f as ChatShell, p as ChatTypingIndicator, P as Chip, h as CodeBlock, m as ConversationList, e as DataState, g as DescriptionList, R as Heading, A as InfoCard, _ as KanbanBoard, v as List, y as ListRow, z as Mark, b as Progress, x as ProgressCard, M as QRCode, N as QRCodeSvg, B as Spoiler, V as SpoilerSummary, C as Statistic, w as StatisticCard, T as StatisticGrid, E as StatusDot, D as StatusLegend, F as Tag, I as TagGroup, H as Text, O as Timeline, k as TreeView, j as VirtualList, S as getProgressPercent };

package/dist/src/components/display/kanban.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs"),r=require("../../../node_modules/@dnd-kit/helpers/dist/index.cjs"),i=require("../../../node_modules/@dnd-kit/react/index.cjs"),a=require("../../../node_modules/@dnd-kit/dom/sortable.cjs"),o=require("../../../node_modules/@dnd-kit/react/sortable.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("lucide-react"),l=require("react/jsx-runtime");var u=`tembro-kanban-card:`,d=`tembro-kanban-column:`;function f(e){return`${u}${e}`}function p(e){return`${d}${e}`}function m(e){return e.startsWith(u)?e.slice(19):e}function h(e){let t=e===void 0?``:String(e);return t.startsWith(d)?t.slice(21):t}function g(e){return new Map(e.flatMap(e=>e.cards.map(e=>[f(e.key),e])))}function _(e,t){let n=g(e),i=r.move(Object.fromEntries(e.map(e=>[p(e.key),e.cards.map(e=>f(e.key))])),t);return e.map(e=>({...e,cards:(i[p(e.key)]??[]).map(e=>n.get(String(e))).filter(e=>!!e)}))}function v(e,t,n){let r=e.find(e=>e.key===t.columnKey),i=e.find(e=>e.key===n.columnKey);if(!r||!i)return null;let a=r.cards.find(e=>e.key===t.cardKey);if(!a)return null;let o=r.cards.findIndex(e=>e.key===t.cardKey);if(o<0)return null;let s=i.cards,c=n.index??s.length;if(r.key===i.key&&c>o&&--c,c=Math.max(0,Math.min(c,s.length)),r.key===i.key&&o===c)return null;let l=e.map(e=>e.key===r.key?{...e,cards:e.cards.filter(e=>e.key!==t.cardKey)}:e).map(e=>{if(e.key!==i.key)return e;let t=[...e.cards];return t.splice(c,0,a),{...e,cards:t}});return{columns:l,change:{card:a,fromColumn:r,toColumn:l.find(e=>e.key===i.key)??i,fromIndex:o,toIndex:c}}}var y=s.forwardRef(function({label:e,disabled:t},n){return(0,l.jsx)(`button`,{ref:n,type:`button`,className:`inline-flex size-8 shrink-0 touch-none items-center justify-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-45`,"aria-label":e,disabled:t,onClick:e=>e.stopPropagation(),children:(0,l.jsx)(c.GripVerticalIcon,{className:`size-4`,"aria-hidden":`true`})})});function b({card:e,handle:t}){return(0,l.jsxs)(n.Card,{className:`transition-colors hover:bg-muted/40`,children:[(0,l.jsx)(n.CardHeader,{className:`p-3 pb-1`,children:(0,l.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,l.jsx)(n.CardTitle,{className:`text-sm`,children:e.title}),(0,l.jsxs)(`div`,{className:`flex items-center gap-1`,children:[e.extra,t]})]})}),e.description||e.meta?(0,l.jsxs)(n.CardContent,{className:`grid gap-2 p-3 pt-0 text-xs text-muted-foreground`,children:[e.description,e.meta?(0,l.jsx)(`div`,{children:e.meta}):null]}):null]})}function x({card:e,column:n,index:r,boardDisabled:i,renderCard:a,onCardClick:s,dragHandleLabel:c,cardClassName:u,onNativeDragStart:d,onNativeDragEnd:m,onNativeDrop:h}){let g=i||n.disabled===!0||e.disabled===!0,{ref:_,handleRef:v,isDragging:x,isDropTarget:S}=o.useSortable({id:f(e.key),index:r,group:p(n.key),type:`tembro-kanban-card`,accept:`tembro-kanban-card`,disabled:g,data:{cardKey:e.key,columnKey:n.key},transition:{duration:180,easing:`cubic-bezier(0.2, 0, 0, 1)`,idle:!0}}),C=(0,l.jsx)(y,{ref:v,label:c?.(e,n)??`Move ${String(e.title)}`,disabled:g}),w={index:r,isDragging:x,isDropTarget:S,handle:C};return(0,l.jsx)(`article`,{ref:_,"data-slot":`kanban-card`,"data-dragging":x||void 0,"data-drop-target":S||void 0,"data-disabled":g||void 0,role:s&&!g?`button`:void 0,tabIndex:s&&!g?0:void 0,"aria-label":typeof e.title==`string`?e.title:void 0,draggable:!g,className:t.cn(`rounded-lg outline-none transition-[opacity,box-shadow]`,s&&!g&&`cursor-pointer focus-visible:ring-2 focus-visible:ring-ring`,S&&`ring-2 ring-primary/30`,x&&`opacity-30`,g&&`opacity-55`,u),onClick:()=>{g||s?.(e,n)},onDragStart:t=>{if(g)return;let i={cardKey:e.key,columnKey:n.key,index:r};t.dataTransfer.effectAllowed=`move`,t.dataTransfer.setData(`text/plain`,JSON.stringify(i)),d?.(i)},onDragEnd:m,onDragOver:e=>{g||e.preventDefault()},onDrop:e=>{g||(e.preventDefault(),e.stopPropagation(),h?.({columnKey:n.key,index:r}))},onKeyDown:t=>{t.target!==t.currentTarget||g||!s||(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),s(e,n))},children:a?.(e,n,w)??(0,l.jsx)(b,{card:e,handle:C})})}function S({column:e,boardDisabled:n,renderCard:r,onCardClick:a,dragHandleLabel:o,emptyColumn:s,columnClassName:c,cardClassName:u,onNativeDragStart:d,onNativeDragEnd:f,onNativeDrop:m}){let{ref:h,isDropTarget:g}=i.useDroppable({id:p(e.key),type:`tembro-kanban-column`,accept:`tembro-kanban-card`,disabled:n||e.disabled===!0,collisionPriority:1,data:{columnKey:e.key}});return(0,l.jsxs)(`section`,{ref:h,"data-slot":`kanban-column`,"data-drop-target":g||void 0,"data-disabled":e.disabled||void 0,"aria-label":typeof e.title==`string`?e.title:void 0,className:t.cn(`grid min-h-40 content-start gap-3 rounded-lg border bg-muted/35 p-3 transition-[border-color,background-color,box-shadow]`,g&&`border-primary/60 bg-primary/5 ring-2 ring-primary/15`,e.disabled&&`opacity-60`,c),onDragOver:t=>{n||e.disabled===!0||t.preventDefault()},onDrop:t=>{n||e.disabled===!0||(t.preventDefault(),m?.({columnKey:e.key,index:e.cards.length}))},children:[(0,l.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,l.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,l.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:e.title}),e.description?(0,l.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e.description}):null]}),(0,l.jsx)(`div`,{className:`rounded-full bg-background px-2 py-0.5 text-xs text-muted-foreground`,children:e.count??e.cards.length})]}),(0,l.jsx)(`div`,{className:`grid min-h-16 content-start gap-2`,children:e.cards.length===0?(0,l.jsxs)(`div`,{className:`grid min-h-20 place-items-center rounded-lg border border-dashed p-3 text-center text-xs text-muted-foreground`,children:[(0,l.jsx)(`span`,{children:s}),(0,l.jsx)(`span`,{className:`sr-only`,children:`No cards yet.`})]}):e.cards.map((t,i)=>(0,l.jsx)(x,{card:t,column:e,index:i,boardDisabled:n,renderCard:r,onCardClick:a,dragHandleLabel:o,cardClassName:u,onNativeDragStart:d,onNativeDragEnd:f,onNativeDrop:m},t.key))})]})}function C({columns:e,defaultColumns:n=[],onColumnsChange:r,onCardMove:o,renderCard:c,onCardClick:u,disabled:d=!1,emptyColumn:p=`Drop cards here.`,dragHandleLabel:g,columnClassName:y,cardClassName:x,overlayClassName:C,className:w,"aria-label":T=`Kanban board`,...E}){let[D,O]=s.useState(()=>n),[k,A]=s.useState(null),[j,M]=s.useState(null),N=s.useRef(null),P=s.useRef(null),F=e??D,I=k??F,L=e!==void 0;function R(e){let t=e.operation.source;if(!t)return;let n=String(t.id);N.current=F,A(F),M(n)}function z(e){let t=e.operation.source;if(!t||!a.isSortable(t))return;let n=_(N.current??F,e);N.current=n,A(n)}function B(e){let t=e.operation.source;if(M(null),e.canceled||!t||!a.isSortable(t)){N.current=null,A(null);return}let n=N.current??_(F,e),i=m(String(t.id)),s=h(t.initialGroup),c=h(t.group),l=F.find(e=>e.key===s),u=n.find(e=>e.key===c),d=l?.cards.find(e=>e.key===i);if(N.current=null,A(null),!d||!l||!u)return;let f={card:d,fromColumn:l,toColumn:u,fromIndex:t.initialIndex,toIndex:t.index};L||O(n),r?.(n,f),o?.(f)}function V(e){let t=P.current;if(P.current=null,!t)return;let n=v(F,t,e);n&&(L||O(n.columns),r?.(n.columns,n.change),o?.(n.change))}let H=j?I.flatMap(e=>e.cards.map(t=>({card:t,column:e}))).find(({card:e})=>f(e.key)===j):void 0;return(0,l.jsxs)(i.DragDropProvider,{onDragStart:R,onDragOver:z,onDragEnd:B,children:[(0,l.jsx)(`div`,{...E,role:`group`,"aria-label":T,"data-slot":`kanban-board`,className:t.cn(`grid gap-4 sm:auto-cols-[minmax(280px,1fr)] sm:grid-flow-col sm:overflow-x-auto sm:pb-2`,w),children:I.map(e=>(0,l.jsx)(S,{column:e,boardDisabled:d,renderCard:c,onCardClick:u,dragHandleLabel:g,emptyColumn:p,columnClassName:y,cardClassName:x,onNativeDragStart:e=>{P.current=e},onNativeDragEnd:()=>{P.current=null},onNativeDrop:V},e.key))}),(0,l.jsx)(i.DragOverlay,{children:H?(0,l.jsx)(`div`,{className:t.cn(`min-w-64 rotate-1 opacity-95 shadow-2xl`,C),children:c?.(H.card,H.column,{index:H.column.cards.findIndex(e=>e.key===H.card.key),isDragging:!0,isDropTarget:!1,handle:null})??(0,l.jsx)(b,{card:H.card,handle:null})}):null})]})}exports.KanbanBoard=C;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/badge/index.cjs"),i=require("../ui/card/index.cjs"),a=require("./avatar.cjs"),o=require("../../../node_modules/@dnd-kit/helpers/dist/index.cjs"),s=require("../../../node_modules/@dnd-kit/react/index.cjs"),c=require("../../../node_modules/@dnd-kit/dom/sortable.cjs"),l=require("../../../node_modules/@dnd-kit/react/sortable.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("lucide-react"),f=require("react/jsx-runtime");var p=`tembro-kanban-card:`,m=`tembro-kanban-column:`;function h(e){return`${p}${e}`}function g(e){return`${m}${e}`}function _(e){return e.startsWith(p)?e.slice(19):e}function v(e){let t=e===void 0?``:String(e);return t.startsWith(m)?t.slice(21):t}function y(e){return new Map(e.flatMap(e=>e.cards.map(e=>[h(e.key),e])))}function b(e,t){let n=y(e),r=o.move(Object.fromEntries(e.map(e=>[g(e.key),e.cards.map(e=>h(e.key))])),t);return e.map(e=>({...e,cards:(r[g(e.key)]??[]).map(e=>n.get(String(e))).filter(e=>!!e)}))}function x(e,t,n){let r=e.find(e=>e.key===t.columnKey),i=e.find(e=>e.key===n.columnKey);if(!r||!i)return null;let a=r.cards.find(e=>e.key===t.cardKey);if(!a)return null;let o=r.cards.findIndex(e=>e.key===t.cardKey);if(o<0)return null;let s=i.cards,c=n.index??s.length;if(r.key===i.key&&c>o&&--c,c=Math.max(0,Math.min(c,s.length)),r.key===i.key&&o===c)return null;let l=e.map(e=>e.key===r.key?{...e,cards:e.cards.filter(e=>e.key!==t.cardKey)}:e).map(e=>{if(e.key!==i.key)return e;let t=[...e.cards];return t.splice(c,0,a),{...e,cards:t}});return{columns:l,change:{card:a,fromColumn:r,toColumn:l.find(e=>e.key===i.key)??i,fromIndex:o,toIndex:c}}}function S(e,t,n){let r=e.find(e=>e.cards.some(e=>e.key===n)),i=t.find(e=>e.cards.some(e=>e.key===n)),a=r?.cards.find(e=>e.key===n);return!r||!i||!a?null:{card:a,fromColumn:r,toColumn:i,fromIndex:r.cards.findIndex(e=>e.key===n),toIndex:i.cards.findIndex(e=>e.key===n)}}function C(e,t,n,r,i,a){let o=S(e,t,n);if(!o)return!1;let s=o.fromColumn.key!==o.toColumn.key;return s&&!r||!s&&!i||s&&o.toColumn.limit!==void 0&&o.toColumn.cards.length>o.toColumn.limit?!1:a?.(o)??!0}var w=u.forwardRef(function({label:e,disabled:t},n){return(0,f.jsx)(`button`,{ref:n,type:`button`,className:`inline-flex size-8 shrink-0 touch-none items-center justify-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-45`,"aria-label":e,disabled:t,onClick:e=>e.stopPropagation(),children:(0,f.jsx)(d.GripVerticalIcon,{className:`size-4`,"aria-hidden":`true`})})});function T({card:e,handle:t,selectControl:n}){let o=e.priority===`urgent`?`danger`:e.priority===`high`?`warning`:e.priority===`medium`?`info`:`muted`;return(0,f.jsxs)(i.Card,{className:`border-border/80 shadow-sm transition-[border-color,box-shadow,transform] hover:-translate-y-0.5 hover:border-foreground/20 hover:shadow-md`,children:[(0,f.jsx)(i.CardHeader,{className:`p-3.5 pb-2`,children:(0,f.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,f.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[n,(0,f.jsx)(i.CardTitle,{className:`min-w-0 text-sm leading-5`,children:e.title})]}),(0,f.jsxs)(`div`,{className:`flex items-center gap-1`,children:[e.extra,t]})]})}),e.description||e.meta||e.labels?.length||e.priority||e.assignee||e.dueDate||e.actions?(0,f.jsxs)(i.CardContent,{className:`grid gap-3 p-3.5 pt-0 text-xs text-muted-foreground`,children:[e.description?(0,f.jsx)(`div`,{className:`line-clamp-3 leading-5`,children:e.description}):null,e.labels?.length||e.priority?(0,f.jsxs)(`div`,{className:`flex flex-wrap gap-1.5`,children:[e.priority?(0,f.jsx)(r.Badge,{size:`sm`,tone:o,variant:`soft`,label:e.priority,showDot:!0}):null,e.labels?.map((e,t)=>u.isValidElement(e)?u.cloneElement(e,{key:e.key??t}):typeof e==`object`&&e&&`key`in e?(0,f.jsx)(r.Badge,{size:`sm`,variant:`outline`,tone:e.tone,label:e.label},e.key):(0,f.jsx)(r.Badge,{size:`sm`,variant:`outline`,label:e},t))]}):null,e.meta?(0,f.jsx)(`div`,{children:e.meta}):null,e.assignee||e.dueDate?(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-t pt-2.5`,children:[e.assignee?(0,f.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,f.jsx)(a.Avatar,{size:`xs`,name:e.assignee.name,src:e.assignee.src,fallback:e.assignee.fallback}),(0,f.jsx)(`span`,{className:`truncate`,children:e.assignee.name})]}):(0,f.jsx)(`span`,{}),e.dueDate?(0,f.jsxs)(`span`,{className:`inline-flex shrink-0 items-center gap-1`,children:[(0,f.jsx)(d.CalendarDaysIcon,{className:`size-3.5`}),e.dueDate]}):null]}):null,e.actions?(0,f.jsx)(`div`,{className:`flex flex-wrap items-center gap-2`,children:e.actions}):null]}):null]})}function E({card:e,column:n,index:r,boardDisabled:i,renderCard:a,onCardClick:o,selected:s,selectionMode:c,onSelect:u,dragHandleLabel:p,cardClassName:m,onNativeDragStart:_,onNativeDragEnd:v,onNativeDrop:y}){let b=i||n.disabled===!0||e.disabled===!0,{ref:x,handleRef:S,isDragging:C,isDropTarget:E}=l.useSortable({id:h(e.key),index:r,group:g(n.key),type:`tembro-kanban-card`,accept:`tembro-kanban-card`,disabled:b,data:{cardKey:e.key,columnKey:n.key},transition:{duration:180,easing:`cubic-bezier(0.2, 0, 0, 1)`,idle:!0}}),D=(0,f.jsx)(w,{ref:S,label:p?.(e,n)??`Move ${String(e.title)}`,disabled:b}),O=c===`none`?null:(0,f.jsx)(`button`,{type:`button`,"aria-label":`${s?`Deselect`:`Select`} ${String(e.title)}`,"aria-pressed":s,className:t.cn(`mt-0.5 grid size-4 shrink-0 place-items-center rounded border bg-background text-primary outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring`,s&&`border-primary bg-primary text-primary-foreground`),onClick:t=>{t.stopPropagation(),u(e)},children:s?(0,f.jsx)(d.CheckIcon,{className:`size-3`,strokeWidth:3}):null}),k={index:r,isDragging:C,isDropTarget:E,selected:s,selectControl:O,handle:D};return(0,f.jsx)(`article`,{ref:x,"data-slot":`kanban-card`,"data-dragging":C||void 0,"data-drop-target":E||void 0,"data-disabled":b||void 0,role:`group`,"aria-label":typeof e.title==`string`?e.title:void 0,draggable:!b,className:t.cn(`rounded-lg outline-none transition-[opacity,box-shadow]`,o&&!b&&`cursor-pointer focus-visible:ring-2 focus-visible:ring-ring`,E&&`ring-2 ring-primary/30`,C&&`opacity-30`,s&&`ring-2 ring-primary/35`,b&&`opacity-55`,m),onClick:()=>{b||o?.(e,n)},onDragStart:t=>{if(b)return;let i={cardKey:e.key,columnKey:n.key,index:r};t.dataTransfer.effectAllowed=`move`,t.dataTransfer.setData(`text/plain`,JSON.stringify(i)),_?.(i)},onDragEnd:v,onDragOver:e=>{b||e.preventDefault()},onDrop:e=>{b||(e.preventDefault(),e.stopPropagation(),y?.({columnKey:n.key,index:r}))},children:a?.(e,n,k)??(0,f.jsx)(T,{card:e,handle:D,selectControl:O})})}function D({column:e,boardDisabled:i,renderCard:a,onCardClick:o,selectedKeys:c,selectionMode:l,onSelect:u,onAddCard:p,renderColumnHeader:m,renderColumnFooter:h,dragHandleLabel:_,emptyColumn:v,columnClassName:y,cardClassName:b,onNativeDragStart:x,onNativeDragEnd:S,onNativeDrop:C,density:w}){let{ref:T,isDropTarget:D}=s.useDroppable({id:g(e.key),type:`tembro-kanban-column`,accept:`tembro-kanban-card`,disabled:i||e.disabled===!0,collisionPriority:1,data:{columnKey:e.key}});return(0,f.jsxs)(`section`,{ref:T,"data-slot":`kanban-column`,"data-drop-target":D||void 0,"data-disabled":e.disabled||void 0,"data-density":w,"aria-label":typeof e.title==`string`?e.title:void 0,className:t.cn(`grid min-h-40 content-start gap-3 rounded-lg border bg-muted/25 p-3 transition-[border-color,background-color,box-shadow] data-[density=compact]:gap-2 data-[density=compact]:p-2.5`,D&&`border-primary/60 bg-primary/5 ring-2 ring-primary/15`,e.disabled&&`opacity-60`,y),onDragOver:t=>{i||e.disabled===!0||t.preventDefault()},onDrop:t=>{i||e.disabled===!0||(t.preventDefault(),C?.({columnKey:e.key,index:e.cards.length}))},children:[m?.(e)??(0,f.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[e.color?(0,f.jsx)(`span`,{className:`mt-1.5 size-2 shrink-0 rounded-full`,style:{backgroundColor:e.color}}):null,(0,f.jsxs)(`div`,{className:`grid gap-0.5`,children:[(0,f.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:e.title}),e.description?(0,f.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e.description}):null]}),(0,f.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[e.actions,p&&!e.disabled?(0,f.jsx)(n.Button,{size:`icon-xs`,variant:`ghost`,iconOnly:!0,"aria-label":`Add card to ${String(e.title)}`,onClick:()=>p(e),children:(0,f.jsx)(d.PlusIcon,{})}):null,(0,f.jsx)(r.Badge,{size:`sm`,variant:e.limit!==void 0&&e.cards.length>=e.limit?`soft`:`outline`,tone:e.limit!==void 0&&e.cards.length>=e.limit?`warning`:`muted`,label:e.count??(e.limit===void 0?e.cards.length:`${e.cards.length}/${e.limit}`)})]})]}),(0,f.jsx)(`div`,{className:`grid min-h-16 content-start gap-2`,children:e.cards.length===0?(0,f.jsxs)(`div`,{className:`grid min-h-20 place-items-center rounded-lg border border-dashed p-3 text-center text-xs text-muted-foreground`,children:[(0,f.jsx)(`span`,{children:v}),(0,f.jsx)(`span`,{className:`sr-only`,children:`No cards yet.`})]}):e.cards.map((t,n)=>(0,f.jsx)(E,{card:t,column:e,index:n,boardDisabled:i,renderCard:a,onCardClick:o,selected:c.has(t.key)||t.selected===!0,selectionMode:l,onSelect:u,dragHandleLabel:_,cardClassName:b,onNativeDragStart:x,onNativeDragEnd:S,onNativeDrop:C},t.key))}),h?.(e)??e.footer??(p&&!e.disabled?(0,f.jsx)(n.Button,{size:`sm`,variant:`ghost`,className:`w-full justify-start`,leftIcon:(0,f.jsx)(d.PlusIcon,{}),onClick:()=>p(e),children:`Add task`}):null)]})}function O({columns:e,defaultColumns:n=[],onColumnsChange:r,onCardMove:i,canMoveCard:a,renderCard:o,onCardClick:l,onAddCard:p,onAddColumn:m,renderColumnHeader:g,renderColumnFooter:y,selectionMode:S=`none`,selectedCardKeys:w,defaultSelectedCardKeys:E=[],onSelectionChange:O,allowCrossColumn:k=!0,allowReorder:A=!0,density:j=`comfortable`,columnWidth:M=320,disabled:N=!1,emptyColumn:P=`Drop cards here.`,dragHandleLabel:F,columnClassName:ee,cardClassName:te,overlayClassName:ne,className:re,"aria-label":I=`Kanban board`,...L}){let[R,z]=u.useState(()=>n),[B,V]=u.useState(null),[H,U]=u.useState(null),W=u.useRef(null),G=u.useRef(null),[K,q]=u.useState(E),J=e??R,Y=B??J,X=e!==void 0,Z=w??K,Q=u.useMemo(()=>new Set(Z),[Z]);function ie(e){if(S===`none`||e.disabled)return;let t=S===`single`?Q.has(e.key)?[]:[e.key]:Q.has(e.key)?Z.filter(t=>t!==e.key):[...Z,e.key];w===void 0&&q(t);let n=J.flatMap(e=>e.cards);O?.(t,n.filter(e=>t.includes(e.key)))}function ae(e){let t=e.operation.source;if(!t)return;let n=String(t.id);W.current=J,V(J),U(n)}function oe(e){let t=e.operation.source;if(!t||!c.isSortable(t))return;let n=b(W.current??J,e);C(J,n,_(String(t.id)),k,A,a)&&(W.current=n,V(n))}function se(e){let t=e.operation.source;if(U(null),e.canceled||!t||!c.isSortable(t)){W.current=null,V(null);return}let n=W.current??b(J,e),o=_(String(t.id)),s=v(t.initialGroup),l=v(t.group),u=J.find(e=>e.key===s),d=n.find(e=>e.key===l),f=u?.cards.find(e=>e.key===o);if(W.current=null,V(null),!f||!u||!d)return;let p={card:f,fromColumn:u,toColumn:d,fromIndex:t.initialIndex,toIndex:t.index};C(J,n,f.key,k,A,a)&&(X||z(n),r?.(n,p),i?.(p))}function ce(e){let t=G.current;if(G.current=null,!t)return;let n=x(J,t,e);n&&C(J,n.columns,n.change.card.key,k,A,a)&&(X||z(n.columns),r?.(n.columns,n.change),i?.(n.change))}let $=H?Y.flatMap(e=>e.cards.map(t=>({card:t,column:e}))).find(({card:e})=>h(e.key)===H):void 0;return(0,f.jsxs)(s.DragDropProvider,{onDragStart:ae,onDragOver:oe,onDragEnd:se,children:[(0,f.jsxs)(`div`,{...L,role:`group`,"aria-label":I,"data-slot":`kanban-board`,"data-density":j,style:{"--kanban-column-width":typeof M==`number`?`${M}px`:M,...L.style},className:t.cn(`grid gap-4 sm:auto-cols-[var(--kanban-column-width)] sm:grid-flow-col sm:overflow-x-auto sm:pb-2`,re),children:[Y.map(e=>(0,f.jsx)(D,{column:e,boardDisabled:N,renderCard:o,onCardClick:l,selectedKeys:Q,selectionMode:S,onSelect:ie,onAddCard:p,renderColumnHeader:g,renderColumnFooter:y,dragHandleLabel:F,emptyColumn:P,columnClassName:ee,cardClassName:te,onNativeDragStart:e=>{G.current=e},onNativeDragEnd:()=>{G.current=null},onNativeDrop:ce,density:j},e.key)),m?(0,f.jsxs)(`button`,{type:`button`,className:`flex min-h-32 items-center justify-center gap-2 rounded-lg border border-dashed bg-muted/15 text-sm font-medium text-muted-foreground outline-none transition-colors hover:border-foreground/25 hover:bg-muted/35 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring`,onClick:m,children:[(0,f.jsx)(d.PlusIcon,{className:`size-4`}),`Add column`]}):null]}),(0,f.jsx)(s.DragOverlay,{children:$?(0,f.jsx)(`div`,{className:t.cn(`min-w-64 rotate-1 opacity-95 shadow-2xl`,ne),children:o?.($.card,$.column,{index:$.column.cards.findIndex(e=>e.key===$.card.key),isDragging:!0,isDropTarget:!1,handle:null,selected:Q.has($.card.key),selectControl:null})??(0,f.jsx)(T,{card:$.card,handle:null})}):null})]})}exports.KanbanBoard=O;