@alneas/appkit-react 0.2.0 → 0.3.0

package/dist/tools/components/kanban/kanban-compound.js

@@ -4,78 +4,77 @@ import { Badge as t } from "../../../ui/components/ui/badge-components.js";
 import { KanbanCardView as n } from "./KanbanCardView.js";
 import { KanbanColumnFrame as r, KanbanDragSurface as i, KanbanDraggableCard as a } from "./kanban-primitives.js";
 import { useKanbanDrag as o } from "./use-kanban-drag.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import * as l from "react";
-import { SortableContext as u, verticalListSortingStrategy as d } from "@dnd-kit/sortable";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import * as u from "react";
 //#region src/tools/components/kanban/kanban-compound.tsx
-var f = l.createContext(null);
-function p() {
-	let e = l.useContext(f);
+var d = u.createContext(null);
+function f() {
+	let e = u.useContext(d);
 	if (!e) throw Error("Kanban compound components must be used within <Kanban.Root>");
 	return e;
 }
-function m({ tasks: t, onStatusChange: n, onTaskClick: r, statusField: a = "status", readOnly: c = !1, children: u, className: d, ...p }) {
+function p({ tasks: t, onStatusChange: n, onTaskClick: r, statusField: a = "status", readOnly: s = !1, children: l, className: f, ...p }) {
 	let m = o({
 		tasks: t,
 		onStatusChange: n,
 		statusField: a,
-		readOnly: c
-	}), { activeTask: h } = m, g = l.useMemo(() => ({
+		readOnly: s
+	}), { activeTask: h } = m, g = u.useMemo(() => ({
 		activeTask: h,
 		onTaskClick: r,
 		statusField: a,
-		readOnly: c
+		readOnly: s
 	}), [
 		h,
 		r,
 		a,
-		c
+		s
 	]);
-	return /* @__PURE__ */ s(i, {
+	return /* @__PURE__ */ c(i, {
 		controller: m,
 		overlayClassName: "rotate-2 scale-105 opacity-90 shadow-2xl",
-		children: /* @__PURE__ */ s(f.Provider, {
+		children: /* @__PURE__ */ c(d.Provider, {
 			value: g,
-			children: /* @__PURE__ */ s("div", {
+			children: /* @__PURE__ */ c("div", {
 				role: "region",
 				"aria-label": "Kanban columns",
 				tabIndex: 0,
-				className: e("flex h-full w-full gap-4 overflow-x-auto pb-4", d),
+				className: e("flex h-full w-full gap-4 overflow-x-auto pb-4", f),
 				...p,
-				children: u
+				children: l
 			})
 		})
 	});
 }
-function h({ column: e, children: t, className: n, ...i }) {
-	return /* @__PURE__ */ s(r, {
+function m({ column: e, children: t, className: n, ...i }) {
+	return /* @__PURE__ */ c(r, {
 		column: e,
 		className: n,
 		...i,
 		children: t
 	});
 }
-function g({ title: n, count: r, limit: i, color: a, action: o, className: l, children: u, ...d }) {
+function h({ title: n, count: r, limit: i, color: a, action: o, className: s, children: u, ...d }) {
 	let f = i && r !== void 0 ? r >= i : !1;
-	return /* @__PURE__ */ c("div", {
-		className: e("flex items-center justify-between mb-3 px-1", l),
+	return /* @__PURE__ */ l("div", {
+		className: e("flex items-center justify-between mb-3 px-1", s),
 		...d,
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ l("div", {
 			className: "flex items-center gap-2",
 			children: [
-				a && /* @__PURE__ */ s("div", {
+				a && /* @__PURE__ */ c("div", {
 					className: "w-2.5 h-2.5 rounded-full",
 					style: { backgroundColor: a }
 				}),
-				n && /* @__PURE__ */ s("h2", {
+				n && /* @__PURE__ */ c("h2", {
 					className: "font-semibold text-sm text-foreground",
 					children: n
 				}),
 				u
 			]
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: "flex items-center gap-2",
-			children: [r !== void 0 && /* @__PURE__ */ c(t, {
+			children: [r !== void 0 && /* @__PURE__ */ l(t, {
 				variant: f ? "destructive" : "secondary",
 				className: "text-xs px-2 py-0.5",
 				children: [r, i && ` / ${i}`]
@@ -83,40 +82,36 @@ function g({ title: n, count: r, limit: i, color: a, action: o, className: l, ch
 		})]
 	});
 }
-function _({ tasks: t, emptyMessage: n = "No tasks", className: r, children: i, ...a }) {
-	return /* @__PURE__ */ s("div", {
+function g({ tasks: t, emptyMessage: n = "No tasks", className: r, children: i, ...a }) {
+	return /* @__PURE__ */ c("div", {
 		"data-slot": "kanban-column-content",
 		className: e("flex flex-1 flex-col gap-2 overflow-y-auto", r),
 		...a,
-		children: /* @__PURE__ */ s(u, {
-			items: t.map((e) => e.id),
-			strategy: d,
-			children: i || (t.length > 0 ? t.map((e) => /* @__PURE__ */ s(v, { task: e }, e.id)) : /* @__PURE__ */ s("div", {
-				className: "flex-1 flex items-center justify-center text-muted-foreground text-xs py-8",
-				children: n
-			}))
-		})
+		children: /* @__PURE__ */ c(s, { children: i || (t.length > 0 ? t.map((e) => /* @__PURE__ */ c(_, { task: e }, e.id)) : /* @__PURE__ */ c("div", {
+			className: "flex-1 flex items-center justify-center text-muted-foreground text-xs py-8",
+			children: n
+		})) })
 	});
 }
-function v({ task: t, children: r, className: i, ...o }) {
-	let { onTaskClick: c, readOnly: l } = p();
-	return /* @__PURE__ */ s(a, {
+function _({ task: t, children: r, className: i, ...o }) {
+	let { onTaskClick: s, readOnly: l } = f();
+	return /* @__PURE__ */ c(a, {
 		task: t,
 		disabled: l,
-		onClick: () => c?.(t),
+		onClick: () => s?.(t),
 		...o,
 		className: e(r && "rounded-lg border border-border bg-card p-3 shadow-sm hover:shadow transition-shadow", i),
-		children: r || /* @__PURE__ */ s(n, { task: t })
+		children: r || /* @__PURE__ */ c(n, { task: t })
 	});
 }
-var y = {
-	Root: m,
-	Column: h,
-	ColumnHeader: g,
-	ColumnBody: _,
-	Card: v
+var v = {
+	Root: p,
+	Column: m,
+	ColumnHeader: h,
+	ColumnBody: g,
+	Card: _
 };
 //#endregion
-export { y as Kanban, v as KanbanCardSlot, _ as KanbanColumnBodySlot, g as KanbanColumnHeaderSlot, h as KanbanColumnSlot, m as KanbanRoot, p as useKanbanCompoundContext };
+export { v as Kanban, _ as KanbanCardSlot, g as KanbanColumnBodySlot, h as KanbanColumnHeaderSlot, m as KanbanColumnSlot, p as KanbanRoot, f as useKanbanCompoundContext };
 
 //# sourceMappingURL=kanban-compound.js.map

package/dist/tools/components/kanban/kanban-compound.js.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-compound.js","names":["React","React$1","KanbanCompoundContext","useKanbanCompoundContext","context","KanbanRoot","props","drag","useKanbanDrag","contextValue","activeTask","onTaskClick","statusField","readOnly","KanbanDragSurface","cn","className","KanbanColumnSlot","KanbanColumnFrame","KanbanColumnHeaderSlot","isOverLimit","limit","count","color","title","children","Badge","action","KanbanColumnBodySlot","SortableContext","tasks","t","verticalListSortingStrategy","KanbanCardSlot","task","emptyMessage","KanbanDraggableCard","KanbanCardView","Kanban"],"sources":["../../../../src/tools/components/kanban/kanban-compound.tsx"],"sourcesContent":["/**\n * @fileoverview Kanban Compound Components (Kanban)\n *\n * 合成可能なカンバンボードUIコンポーネント群。\n * プリセットの `<KanbanBoard>` では対応しきれないカラムヘッダーへのカスタムボタン配置や\n * カード内の独自スロット挿入を可能にします。\n *\n * @module kanban/kanban-compound\n */\n\n/* eslint-disable react-refresh/only-export-components */\n\nimport * as React from 'react';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { cn } from \"../../lib/utils\";\nimport { Badge } from '../ui/badge';\nimport { KanbanCardView } from './KanbanCardView';\nimport { KanbanColumnFrame, KanbanDraggableCard, KanbanDragSurface } from './kanban-primitives';\nimport { useKanbanDrag } from './use-kanban-drag';\nimport type { KanbanTask, KanbanColumn as KanbanColumnType } from './types';\n\n// =============================================================================\n// Context\n// =============================================================================\n\nexport interface KanbanCompoundContextValue {\n  /** 読み取り専用 */\n  readOnly?: boolean;\n  activeTask: KanbanTask | null;\n  onTaskClick?: (task: KanbanTask) => void;\n  statusField: string;\n}\n\nconst KanbanCompoundContext = React.createContext<KanbanCompoundContextValue | null>(null);\n\n/**\n * KanbanCompound のコンテキストを取得するフック\n */\nexport function useKanbanCompoundContext() {\n  const context = React.useContext(KanbanCompoundContext);\n  if (!context) {\n    throw new Error('Kanban compound components must be used within <Kanban.Root>');\n  }\n  return context;\n}\n\n// =============================================================================\n// Kanban Root\n// =============================================================================\n\nexport interface KanbanRootProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** 読み取り専用。ドラッグを開始しません。 */\n  readOnly?: boolean;\n  tasks: KanbanTask[];\n  onStatusChange?: (taskId: string, newStatus: string) => void;\n  onTaskClick?: (task: KanbanTask) => void;\n  statusField?: string;\n  children: React.ReactNode;\n}\n\n/**\n * プリセット版とD&D処理を共有するルート。tasksと列への振り分けは親が更新します（楽観的更新なし）。\n */\nexport function KanbanRoot({\n  tasks,\n  onStatusChange,\n  onTaskClick,\n  statusField = 'status',\n  readOnly = false,\n  children,\n  className,\n  ...props\n}: KanbanRootProps) {\n  const drag = useKanbanDrag({ tasks, onStatusChange, statusField, readOnly });\n  const { activeTask } = drag;\n\n  const contextValue = React.useMemo<KanbanCompoundContextValue>(\n    () => ({ activeTask, onTaskClick, statusField, readOnly }),\n    [activeTask, onTaskClick, statusField, readOnly],\n  );\n\n  return (\n    <KanbanDragSurface\n      controller={drag}\n      overlayClassName='rotate-2 scale-105 opacity-90 shadow-2xl'\n    >\n      <KanbanCompoundContext.Provider value={contextValue}>\n        <div role='region' aria-label='Kanban columns' tabIndex={0} className={cn('flex h-full w-full gap-4 overflow-x-auto pb-4', className)} {...props}>\n          {children}\n        </div>\n      </KanbanCompoundContext.Provider>\n    </KanbanDragSurface>\n  );\n}\n\n// =============================================================================\n// Kanban Column\n// =============================================================================\n\nexport interface KanbanColumnProps extends React.HTMLAttributes<HTMLDivElement> {\n  column: KanbanColumnType;\n  children: React.ReactNode;\n}\n\n/**\n * カンバンボードのカラムコンテナ\n */\nexport function KanbanColumnSlot({ column, children, className, ...props }: KanbanColumnProps) {\n  return (\n    <KanbanColumnFrame column={column} className={className} {...props}>\n      {children}\n    </KanbanColumnFrame>\n  );\n}\n\n// =============================================================================\n// Kanban Column Header\n// =============================================================================\n\nexport interface KanbanColumnHeaderProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'title'\n> {\n  title?: React.ReactNode;\n  count?: number;\n  limit?: number;\n  color?: string;\n  action?: React.ReactNode;\n}\n\n/**\n * カンバンカラムのヘッダー\n */\nexport function KanbanColumnHeaderSlot({\n  title,\n  count,\n  limit,\n  color,\n  action,\n  className,\n  children,\n  ...props\n}: KanbanColumnHeaderProps) {\n  const isOverLimit = limit && count !== undefined ? count >= limit : false;\n\n  return (\n    <div className={cn('flex items-center justify-between mb-3 px-1', className)} {...props}>\n      <div className='flex items-center gap-2'>\n        {color && <div className='w-2.5 h-2.5 rounded-full' style={{ backgroundColor: color }} />}\n        {title && <h2 className='font-semibold text-sm text-foreground'>{title}</h2>}\n        {children}\n      </div>\n      <div className='flex items-center gap-2'>\n        {count !== undefined && (\n          <Badge\n            variant={isOverLimit ? 'destructive' : 'secondary'}\n            className='text-xs px-2 py-0.5'\n          >\n            {count}\n            {limit && ` / ${limit}`}\n          </Badge>\n        )}\n        {action}\n      </div>\n    </div>\n  );\n}\n\n// =============================================================================\n// Kanban Column Body\n// =============================================================================\n\nexport interface KanbanColumnBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  tasks: KanbanTask[];\n  emptyMessage?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\n/**\n * カンバンカラムのタスク一覧領域\n */\nexport function KanbanColumnBodySlot({\n  tasks,\n  emptyMessage = 'No tasks',\n  className,\n  children,\n  ...props\n}: KanbanColumnBodyProps) {\n  return (\n    <div\n      data-slot='kanban-column-content'\n      className={cn('flex flex-1 flex-col gap-2 overflow-y-auto', className)}\n      {...props}\n    >\n      <SortableContext items={tasks.map((t) => t.id)} strategy={verticalListSortingStrategy}>\n        {children ? (\n          children\n        ) : tasks.length > 0 ? (\n          tasks.map((task) => <KanbanCardSlot key={task.id} task={task} />)\n        ) : (\n          <div className='flex-1 flex items-center justify-center text-muted-foreground text-xs py-8'>\n            {emptyMessage}\n          </div>\n        )}\n      </SortableContext>\n    </div>\n  );\n}\n\n// =============================================================================\n// Kanban Card Slot\n// =============================================================================\n\nexport interface KanbanCardSlotProps extends React.HTMLAttributes<HTMLDivElement> {\n  task: KanbanTask;\n  children?: React.ReactNode;\n}\n\n/**\n * ドラッグ&ドロップ対応のカンバンカード\n */\nexport function KanbanCardSlot({ task, children, className, ...props }: KanbanCardSlotProps) {\n  const { onTaskClick, readOnly } = useKanbanCompoundContext();\n  return (\n    <KanbanDraggableCard\n      task={task}\n      disabled={readOnly}\n      onClick={() => onTaskClick?.(task)}\n      {...props}\n      className={cn(\n        children &&\n          'rounded-lg border border-border bg-card p-3 shadow-sm hover:shadow transition-shadow',\n        className,\n      )}\n    >\n      {children || <KanbanCardView task={task} />}\n    </KanbanDraggableCard>\n  );\n}\n\n// =============================================================================\n// Export Object\n// =============================================================================\n\nexport const Kanban = {\n  Root: KanbanRoot,\n  Column: KanbanColumnSlot,\n  ColumnHeader: KanbanColumnHeaderSlot,\n  ColumnBody: KanbanColumnBodySlot,\n  Card: KanbanCardSlot,\n};\n"],"mappings":"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"}
+{"version":3,"file":"kanban-compound.js","names":["React","_Fragment","React$1","KanbanCompoundContext","useKanbanCompoundContext","context","KanbanRoot","props","drag","useKanbanDrag","contextValue","activeTask","onTaskClick","statusField","readOnly","KanbanDragSurface","cn","className","KanbanColumnSlot","KanbanColumnFrame","KanbanColumnHeaderSlot","isOverLimit","limit","count","color","title","children","Badge","action","KanbanColumnBodySlot","Fragment","tasks","KanbanCardSlot","task","emptyMessage","KanbanDraggableCard","KanbanCardView","Kanban"],"sources":["../../../../src/tools/components/kanban/kanban-compound.tsx"],"sourcesContent":["/**\n * @fileoverview Kanban Compound Components (Kanban)\n *\n * 合成可能なカンバンボードUIコンポーネント群。\n * プリセットの `<KanbanBoard>` では対応しきれないカラムヘッダーへのカスタムボタン配置や\n * カード内の独自スロット挿入を可能にします。\n *\n * @module kanban/kanban-compound\n */\n\n/* eslint-disable react-refresh/only-export-components */\n\nimport * as React from 'react';\nimport { cn } from \"../../lib/utils\";\nimport { Badge } from '../ui/badge';\nimport { KanbanCardView } from './KanbanCardView';\nimport { KanbanColumnFrame, KanbanDraggableCard, KanbanDragSurface } from './kanban-primitives';\nimport { useKanbanDrag } from './use-kanban-drag';\nimport type { KanbanTask, KanbanColumn as KanbanColumnType } from './types';\n\n// =============================================================================\n// Context\n// =============================================================================\n\nexport interface KanbanCompoundContextValue {\n  /** 読み取り専用 */\n  readOnly?: boolean;\n  activeTask: KanbanTask | null;\n  onTaskClick?: (task: KanbanTask) => void;\n  statusField: string;\n}\n\nconst KanbanCompoundContext = React.createContext<KanbanCompoundContextValue | null>(null);\n\n/**\n * KanbanCompound のコンテキストを取得するフック\n */\nexport function useKanbanCompoundContext() {\n  const context = React.useContext(KanbanCompoundContext);\n  if (!context) {\n    throw new Error('Kanban compound components must be used within <Kanban.Root>');\n  }\n  return context;\n}\n\n// =============================================================================\n// Kanban Root\n// =============================================================================\n\nexport interface KanbanRootProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** 読み取り専用。ドラッグを開始しません。 */\n  readOnly?: boolean;\n  tasks: KanbanTask[];\n  onStatusChange?: (taskId: string, newStatus: string) => void;\n  onTaskClick?: (task: KanbanTask) => void;\n  statusField?: string;\n  children: React.ReactNode;\n}\n\n/**\n * プリセット版とD&D処理を共有するルート。tasksと列への振り分けは親が更新します（楽観的更新なし）。\n */\nexport function KanbanRoot({\n  tasks,\n  onStatusChange,\n  onTaskClick,\n  statusField = 'status',\n  readOnly = false,\n  children,\n  className,\n  ...props\n}: KanbanRootProps) {\n  const drag = useKanbanDrag({ tasks, onStatusChange, statusField, readOnly });\n  const { activeTask } = drag;\n\n  const contextValue = React.useMemo<KanbanCompoundContextValue>(\n    () => ({ activeTask, onTaskClick, statusField, readOnly }),\n    [activeTask, onTaskClick, statusField, readOnly],\n  );\n\n  return (\n    <KanbanDragSurface\n      controller={drag}\n      overlayClassName='rotate-2 scale-105 opacity-90 shadow-2xl'\n    >\n      <KanbanCompoundContext.Provider value={contextValue}>\n        <div role='region' aria-label='Kanban columns' tabIndex={0} className={cn('flex h-full w-full gap-4 overflow-x-auto pb-4', className)} {...props}>\n          {children}\n        </div>\n      </KanbanCompoundContext.Provider>\n    </KanbanDragSurface>\n  );\n}\n\n// =============================================================================\n// Kanban Column\n// =============================================================================\n\nexport interface KanbanColumnProps extends React.HTMLAttributes<HTMLDivElement> {\n  column: KanbanColumnType;\n  children: React.ReactNode;\n}\n\n/**\n * カンバンボードのカラムコンテナ\n */\nexport function KanbanColumnSlot({ column, children, className, ...props }: KanbanColumnProps) {\n  return (\n    <KanbanColumnFrame column={column} className={className} {...props}>\n      {children}\n    </KanbanColumnFrame>\n  );\n}\n\n// =============================================================================\n// Kanban Column Header\n// =============================================================================\n\nexport interface KanbanColumnHeaderProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'title'\n> {\n  title?: React.ReactNode;\n  count?: number;\n  limit?: number;\n  color?: string;\n  action?: React.ReactNode;\n}\n\n/**\n * カンバンカラムのヘッダー\n */\nexport function KanbanColumnHeaderSlot({\n  title,\n  count,\n  limit,\n  color,\n  action,\n  className,\n  children,\n  ...props\n}: KanbanColumnHeaderProps) {\n  const isOverLimit = limit && count !== undefined ? count >= limit : false;\n\n  return (\n    <div className={cn('flex items-center justify-between mb-3 px-1', className)} {...props}>\n      <div className='flex items-center gap-2'>\n        {color && <div className='w-2.5 h-2.5 rounded-full' style={{ backgroundColor: color }} />}\n        {title && <h2 className='font-semibold text-sm text-foreground'>{title}</h2>}\n        {children}\n      </div>\n      <div className='flex items-center gap-2'>\n        {count !== undefined && (\n          <Badge\n            variant={isOverLimit ? 'destructive' : 'secondary'}\n            className='text-xs px-2 py-0.5'\n          >\n            {count}\n            {limit && ` / ${limit}`}\n          </Badge>\n        )}\n        {action}\n      </div>\n    </div>\n  );\n}\n\n// =============================================================================\n// Kanban Column Body\n// =============================================================================\n\nexport interface KanbanColumnBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  tasks: KanbanTask[];\n  emptyMessage?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\n/**\n * カンバンカラムのタスク一覧領域\n */\nexport function KanbanColumnBodySlot({\n  tasks,\n  emptyMessage = 'No tasks',\n  className,\n  children,\n  ...props\n}: KanbanColumnBodyProps) {\n  return (\n    <div\n      data-slot='kanban-column-content'\n      className={cn('flex flex-1 flex-col gap-2 overflow-y-auto', className)}\n      {...props}\n    >\n      <>\n        {children ? (\n          children\n        ) : tasks.length > 0 ? (\n          tasks.map((task) => <KanbanCardSlot key={task.id} task={task} />)\n        ) : (\n          <div className='flex-1 flex items-center justify-center text-muted-foreground text-xs py-8'>\n            {emptyMessage}\n          </div>\n        )}\n      </>\n    </div>\n  );\n}\n\n// =============================================================================\n// Kanban Card Slot\n// =============================================================================\n\nexport interface KanbanCardSlotProps extends React.HTMLAttributes<HTMLDivElement> {\n  task: KanbanTask;\n  children?: React.ReactNode;\n}\n\n/**\n * ドラッグ&ドロップ対応のカンバンカード\n */\nexport function KanbanCardSlot({ task, children, className, ...props }: KanbanCardSlotProps) {\n  const { onTaskClick, readOnly } = useKanbanCompoundContext();\n  return (\n    <KanbanDraggableCard\n      task={task}\n      disabled={readOnly}\n      onClick={() => onTaskClick?.(task)}\n      {...props}\n      className={cn(\n        children &&\n          'rounded-lg border border-border bg-card p-3 shadow-sm hover:shadow transition-shadow',\n        className,\n      )}\n    >\n      {children || <KanbanCardView task={task} />}\n    </KanbanDraggableCard>\n  );\n}\n\n// =============================================================================\n// Export Object\n// =============================================================================\n\nexport const Kanban = {\n  Root: KanbanRoot,\n  Column: KanbanColumnSlot,\n  ColumnHeader: KanbanColumnHeaderSlot,\n  ColumnBody: KanbanColumnBodySlot,\n  Card: KanbanCardSlot,\n};\n"],"mappings":";;;;;;;;;AAgCA,IAAMG,IAAwBH,EAAM,cAAiD,IAAI;AAKzF,SAAgBI,IAA2B;CACzC,IAAMC,IAAUL,EAAM,WAAWG,CAAqB;CACtD,IAAI,CAACE,GACH,MAAU,MAAM,8DAA8D;CAEhF,OAAOA;AACT;AAmBA,SAAgBC,EAAW,EACzB,UACA,mBACA,gBACA,iBAAc,UACd,cAAW,IACX,aACA,cACA,GAAGC,KACe;CAClB,IAAMC,IAAOC,EAAc;EAAE;EAAO;EAAgB;EAAa;CAAS,CAAC,GACrE,EAAE,kBAAeD,GAEjBE,IAAeV,EAAM,eAClB;EAAE;EAAY;EAAa;EAAa;CAAS,IACxD;EAACW;EAAYC;EAAaC;EAAaC;CAAQ,CACjD;CAEA,OACE,kBAACC,GAAD;EACE,YAAYP;EACZ,kBAAiB;EAEjB,UAAA,kBAACL,EAAsB,UAAvB;GAAgC,OAAOO;GACrC,UAAA,kBAAC,OAAD;IAAK,MAAK;IAAS,cAAW;IAAiB,UAAU;IAAG,WAAWM,EAAG,iDAAiDC,CAAS;IAAG,GAAIV;IACxI;GACE,CAAA;EACyB,CAAA;CACf,CAAA;AAEvB;AAcA,SAAgBW,EAAiB,EAAE,WAAQ,aAAU,cAAW,GAAGX,KAA4B;CAC7F,OACE,kBAACY,GAAD;EAA2B;EAAmB;EAAW,GAAIZ;EAC1D;CACgB,CAAA;AAEvB;AAoBA,SAAgBa,EAAuB,EACrC,UACA,UACA,UACA,UACA,WACA,cACA,aACA,GAAGb,KACuB;CAC1B,IAAMc,IAAcC,KAASC,MAAU,KAAA,IAAYA,KAASD,IAAQ;CAEpE,OACE,kBAAC,OAAD;EAAK,WAAWN,EAAG,+CAA+CC,CAAS;EAAG,GAAIV;EAAlF,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACGiB,KAAS,kBAAC,OAAD;KAAK,WAAU;KAA2B,OAAO,EAAE,iBAAiBA,EAAM;IAAI,CAAA;IACvFC,KAAS,kBAAC,MAAD;KAAI,WAAU;KAAyC,UAAAA;IAAU,CAAA;IAC1EC;GACE;EACL,CAAA,GAAA,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACGH,MAAU,KAAA,KACT,kBAACI,GAAD;IACE,SAASN,IAAc,gBAAgB;IACvC,WAAU;IAFZ,UAAA,CAIGE,GACAD,KAAS,MAAMA,GACX;GAER,CAAA,GAAAM,CACE;EACF,CAAA,CAAA;;AAET;AAeA,SAAgBC,EAAqB,EACnC,UACA,kBAAe,YACf,cACA,aACA,GAAGtB,KACqB;CACxB,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWS,EAAG,8CAA8CC,CAAS;EACrE,GAAIV;EAEJ,UAAA,kBAAAN,GAAA,EAAA,UACGyB,MAEGK,EAAM,SAAS,IACjBA,EAAM,KAAK,MAAS,kBAACC,GAAD,EAAoC,QAAO,GAAtBC,EAAK,EAAiB,CAAC,IAEhE,kBAAC,OAAD;GAAK,WAAU;GACZ,UAAAC;EACE,CAAA,GAEP,CAAA;CACC,CAAA;AAET;AAcA,SAAgBF,EAAe,EAAE,SAAM,aAAU,cAAW,GAAGzB,KAA8B;CAC3F,IAAM,EAAE,gBAAa,gBAAaH,EAAyB;CAC3D,OACE,kBAAC+B,GAAD;EACQ;EACN,UAAUrB;EACV,eAAeF,IAAcqB,CAAI;EACjC,GAAI1B;EACJ,WAAWS,EACTU,KACE,wFACFT,CACF;EAEC,UAAAS,KAAY,kBAACU,GAAD,EAAsB,QAAO,CAAA;CACvB,CAAA;AAEzB;AAMA,IAAaC,IAAS;CACpB,MAAM/B;CACN,QAAQY;CACR,cAAcE;CACd,YAAYS;CACZ,MAAMG;AACR"}

package/dist/tools/components/kanban/kanban-drag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-drag.cjs","names":["resolveKanbanMove","over","task","tasks","candidate","active","status","columns","column","statusField"],"sources":["../../../../src/tools/components/kanban/kanban-drag.ts"],"sourcesContent":["import type { DragEndEvent } from '@dnd-kit/core';\nimport type { KanbanColumn, KanbanTask } from './types';\n\n/** Internal shared drop resolution. A move changes status, never the order within a column. */\nexport function resolveKanbanMove(\n  {\n    active,\n    over,\n  }: {\n    active: Pick<DragEndEvent['active'], 'id'>;\n    over: Pick<NonNullable<DragEndEvent['over']>, 'id' | 'data'> | null;\n  },\n  tasks: KanbanTask[],\n  statusField: string,\n  columns?: KanbanColumn[],\n): { taskId: string; status: string } | null {\n  if (!over) return null;\n  const task = tasks.find((candidate) => candidate.id === active.id);\n  if (!task) return null;\n\n  // Column metadata also identifies empty Compound columns, which are supplied as children.\n  const isColumn =\n    over.data.current?.type === 'Column' || columns?.some((column) => column.id === over.id);\n  const status = isColumn\n    ? over.id\n    : tasks.find((candidate) => candidate.id === over.id)?.[statusField];\n\n  if (typeof status !== 'string' || task[statusField] === status) return null;\n  // Presets must not move tasks into a column that was removed during the drag.\n  if (columns && !columns.some((column) => column.id === status)) return null;\n  return { taskId: task.id, status };\n}\n"],"mappings":"A,gFAIA,SAAgBA,EACd,CACE,SACA,QAKF,EACA,EACA,EAC2C,CAC3C,GAAI,CAACC,EAAM,OAAO,KAClB,IAAMC,EAAOC,EAAM,KAAM,GAAcC,EAAU,KAAOC,EAAO,EAAE,EACjE,GAAI,CAACH,EAAM,OAAO,KAKlB,IAAMI,EADJL,EAAK,KAAK,SAAS,OAAS,UAAYM,GAAS,KAAM,GAAWC,EAAO,KAAOP,EAAK,EAAE,EAErFA,EAAK,GACLE,EAAM,KAAM,GAAcC,EAAU,KAAOH,EAAK,EAAE,CAAC,GAAGQ,GAK1D,OAHI,OAAOH,GAAW,UAAYJ,EAAKO,KAAiBH,GAEpDC,GAAW,CAACA,EAAQ,KAAM,GAAWC,EAAO,KAAOF,CAAM,EAAU,KAChE,CAAE,OAAQJ,EAAK,GAAI,QAAO,CACnC,C"}
+{"version":3,"file":"kanban-drag.cjs","names":["resolveKanbanMove","over","task","tasks","candidate","active","status","columns","column","statusField"],"sources":["../../../../src/tools/components/kanban/kanban-drag.ts"],"sourcesContent":["import type { KanbanColumn, KanbanTask } from './types';\n\n/**\n * Resolve a status-only move from the retained structural active/over event shape.\n * @param event - Active id and nullable over target with optional data.current metadata.\n * @param tasks - Current task listing; it is not mutated.\n * @param statusField - Task property containing the column id.\n * @param columns - Optional live preset columns; omitted for compound registrations.\n * @returns The taskId/status pair, or null for unknown, unchanged or invalid targets.\n * @remarks This helper retains its legacy-shaped structural input without a\n * dependency on legacy dnd-kit types. It never persists within-column order.\n * @example\n * ```tsx\n * import {resolveKanbanMove} from '@alneas/appkit-react/tools/kanban';\n * const tasks = [{id: 'one', title: 'Review', status: 'todo'}];\n * export const move = resolveKanbanMove({active: {id: 'one'},\n *   over: {id: 'done', data: {current: {type: 'Column'}}}}, tasks, 'status');\n * ```\n */\nexport function resolveKanbanMove(\n  {\n    active,\n    over,\n  }: {\n    active: {id: string | number};\n    over: {id: string | number; data: {current?: Record<string, unknown>}} | null;\n  },\n  tasks: KanbanTask[],\n  statusField: string,\n  columns?: KanbanColumn[],\n): { taskId: string; status: string } | null {\n  if (!over) return null;\n  const task = tasks.find((candidate) => candidate.id === active.id);\n  if (!task) return null;\n\n  // Column metadata also identifies empty Compound columns, which are supplied as children.\n  const isColumn =\n    over.data.current?.type === 'Column' || columns?.some((column) => column.id === over.id);\n  const status = isColumn\n    ? over.id\n    : tasks.find((candidate) => candidate.id === over.id)?.[statusField];\n\n  if (typeof status !== 'string' || task[statusField] === status) return null;\n  // Presets must not move tasks into a column that was removed during the drag.\n  if (columns && !columns.some((column) => column.id === status)) return null;\n  return { taskId: task.id, status };\n}\n"],"mappings":"A,gFAmBA,SAAgBA,EACd,CACE,SACA,QAKF,EACA,EACA,EAC2C,CAC3C,GAAI,CAACC,EAAM,OAAO,KAClB,IAAMC,EAAOC,EAAM,KAAM,GAAcC,EAAU,KAAOC,EAAO,EAAE,EACjE,GAAI,CAACH,EAAM,OAAO,KAKlB,IAAMI,EADJL,EAAK,KAAK,SAAS,OAAS,UAAYM,GAAS,KAAM,GAAWC,EAAO,KAAOP,EAAK,EAAE,EAErFA,EAAK,GACLE,EAAM,KAAM,GAAcC,EAAU,KAAOH,EAAK,EAAE,CAAC,GAAGQ,GAK1D,OAHI,OAAOH,GAAW,UAAYJ,EAAKO,KAAiBH,GAEpDC,GAAW,CAACA,EAAQ,KAAM,GAAWC,EAAO,KAAOF,CAAM,EAAU,KAChE,CAAE,OAAQJ,EAAK,GAAI,QAAO,CACnC,C"}

package/dist/tools/components/kanban/kanban-drag.d.cts

@@ -1,9 +1,31 @@
-import { DragEndEvent } from '@dnd-kit/core';
 import { KanbanColumn, KanbanTask } from './types.cjs';
-/** Internal shared drop resolution. A move changes status, never the order within a column. */
+/**
+ * Resolve a status-only move from the retained structural active/over event shape.
+ * @param event - Active id and nullable over target with optional data.current metadata.
+ * @param tasks - Current task listing; it is not mutated.
+ * @param statusField - Task property containing the column id.
+ * @param columns - Optional live preset columns; omitted for compound registrations.
+ * @returns The taskId/status pair, or null for unknown, unchanged or invalid targets.
+ * @remarks This helper retains its legacy-shaped structural input without a
+ * dependency on legacy dnd-kit types. It never persists within-column order.
+ * @example
+ * ```tsx
+ * import {resolveKanbanMove} from '@alneas/appkit-react/tools/kanban';
+ * const tasks = [{id: 'one', title: 'Review', status: 'todo'}];
+ * export const move = resolveKanbanMove({active: {id: 'one'},
+ *   over: {id: 'done', data: {current: {type: 'Column'}}}}, tasks, 'status');
+ * ```
+ */
 export declare function resolveKanbanMove({ active, over, }: {
-    active: Pick<DragEndEvent['active'], 'id'>;
-    over: Pick<NonNullable<DragEndEvent['over']>, 'id' | 'data'> | null;
+    active: {
+        id: string | number;
+    };
+    over: {
+        id: string | number;
+        data: {
+            current?: Record<string, unknown>;
+        };
+    } | null;
 }, tasks: KanbanTask[], statusField: string, columns?: KanbanColumn[]): {
     taskId: string;
     status: string;

package/dist/tools/components/kanban/kanban-drag.d.ts

@@ -1,9 +1,31 @@
-import { DragEndEvent } from '@dnd-kit/core';
 import { KanbanColumn, KanbanTask } from './types.js';
-/** Internal shared drop resolution. A move changes status, never the order within a column. */
+/**
+ * Resolve a status-only move from the retained structural active/over event shape.
+ * @param event - Active id and nullable over target with optional data.current metadata.
+ * @param tasks - Current task listing; it is not mutated.
+ * @param statusField - Task property containing the column id.
+ * @param columns - Optional live preset columns; omitted for compound registrations.
+ * @returns The taskId/status pair, or null for unknown, unchanged or invalid targets.
+ * @remarks This helper retains its legacy-shaped structural input without a
+ * dependency on legacy dnd-kit types. It never persists within-column order.
+ * @example
+ * ```tsx
+ * import {resolveKanbanMove} from '@alneas/appkit-react/tools/kanban';
+ * const tasks = [{id: 'one', title: 'Review', status: 'todo'}];
+ * export const move = resolveKanbanMove({active: {id: 'one'},
+ *   over: {id: 'done', data: {current: {type: 'Column'}}}}, tasks, 'status');
+ * ```
+ */
 export declare function resolveKanbanMove({ active, over, }: {
-    active: Pick<DragEndEvent['active'], 'id'>;
-    over: Pick<NonNullable<DragEndEvent['over']>, 'id' | 'data'> | null;
+    active: {
+        id: string | number;
+    };
+    over: {
+        id: string | number;
+        data: {
+            current?: Record<string, unknown>;
+        };
+    } | null;
 }, tasks: KanbanTask[], statusField: string, columns?: KanbanColumn[]): {
     taskId: string;
     status: string;

package/dist/tools/components/kanban/kanban-drag.js.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-drag.js","names":["resolveKanbanMove","over","task","tasks","candidate","active","status","columns","column","statusField"],"sources":["../../../../src/tools/components/kanban/kanban-drag.ts"],"sourcesContent":["import type { DragEndEvent } from '@dnd-kit/core';\nimport type { KanbanColumn, KanbanTask } from './types';\n\n/** Internal shared drop resolution. A move changes status, never the order within a column. */\nexport function resolveKanbanMove(\n  {\n    active,\n    over,\n  }: {\n    active: Pick<DragEndEvent['active'], 'id'>;\n    over: Pick<NonNullable<DragEndEvent['over']>, 'id' | 'data'> | null;\n  },\n  tasks: KanbanTask[],\n  statusField: string,\n  columns?: KanbanColumn[],\n): { taskId: string; status: string } | null {\n  if (!over) return null;\n  const task = tasks.find((candidate) => candidate.id === active.id);\n  if (!task) return null;\n\n  // Column metadata also identifies empty Compound columns, which are supplied as children.\n  const isColumn =\n    over.data.current?.type === 'Column' || columns?.some((column) => column.id === over.id);\n  const status = isColumn\n    ? over.id\n    : tasks.find((candidate) => candidate.id === over.id)?.[statusField];\n\n  if (typeof status !== 'string' || task[statusField] === status) return null;\n  // Presets must not move tasks into a column that was removed during the drag.\n  if (columns && !columns.some((column) => column.id === status)) return null;\n  return { taskId: task.id, status };\n}\n"],"mappings":";;AAIA,SAAgBA,EACd,EACE,WACA,WAKF,GACA,GACA,GAC2C;CAC3C,IAAI,CAACC,GAAM,OAAO;CAClB,IAAMC,IAAOC,EAAM,MAAM,MAAcC,EAAU,OAAOC,EAAO,EAAE;CACjE,IAAI,CAACH,GAAM,OAAO;CAKlB,IAAMI,IADJL,EAAK,KAAK,SAAS,SAAS,YAAYM,GAAS,MAAM,MAAWC,EAAO,OAAOP,EAAK,EAAE,IAErFA,EAAK,KACLE,EAAM,MAAM,MAAcC,EAAU,OAAOH,EAAK,EAAE,CAAC,GAAGQ;CAK1D,OAHI,OAAOH,KAAW,YAAYJ,EAAKO,OAAiBH,KAEpDC,KAAW,CAACA,EAAQ,MAAM,MAAWC,EAAO,OAAOF,CAAM,IAAU,OAChE;EAAE,QAAQJ,EAAK;EAAI;CAAO;AACnC"}
+{"version":3,"file":"kanban-drag.js","names":["resolveKanbanMove","over","task","tasks","candidate","active","status","columns","column","statusField"],"sources":["../../../../src/tools/components/kanban/kanban-drag.ts"],"sourcesContent":["import type { KanbanColumn, KanbanTask } from './types';\n\n/**\n * Resolve a status-only move from the retained structural active/over event shape.\n * @param event - Active id and nullable over target with optional data.current metadata.\n * @param tasks - Current task listing; it is not mutated.\n * @param statusField - Task property containing the column id.\n * @param columns - Optional live preset columns; omitted for compound registrations.\n * @returns The taskId/status pair, or null for unknown, unchanged or invalid targets.\n * @remarks This helper retains its legacy-shaped structural input without a\n * dependency on legacy dnd-kit types. It never persists within-column order.\n * @example\n * ```tsx\n * import {resolveKanbanMove} from '@alneas/appkit-react/tools/kanban';\n * const tasks = [{id: 'one', title: 'Review', status: 'todo'}];\n * export const move = resolveKanbanMove({active: {id: 'one'},\n *   over: {id: 'done', data: {current: {type: 'Column'}}}}, tasks, 'status');\n * ```\n */\nexport function resolveKanbanMove(\n  {\n    active,\n    over,\n  }: {\n    active: {id: string | number};\n    over: {id: string | number; data: {current?: Record<string, unknown>}} | null;\n  },\n  tasks: KanbanTask[],\n  statusField: string,\n  columns?: KanbanColumn[],\n): { taskId: string; status: string } | null {\n  if (!over) return null;\n  const task = tasks.find((candidate) => candidate.id === active.id);\n  if (!task) return null;\n\n  // Column metadata also identifies empty Compound columns, which are supplied as children.\n  const isColumn =\n    over.data.current?.type === 'Column' || columns?.some((column) => column.id === over.id);\n  const status = isColumn\n    ? over.id\n    : tasks.find((candidate) => candidate.id === over.id)?.[statusField];\n\n  if (typeof status !== 'string' || task[statusField] === status) return null;\n  // Presets must not move tasks into a column that was removed during the drag.\n  if (columns && !columns.some((column) => column.id === status)) return null;\n  return { taskId: task.id, status };\n}\n"],"mappings":";;AAmBA,SAAgBA,EACd,EACE,WACA,WAKF,GACA,GACA,GAC2C;CAC3C,IAAI,CAACC,GAAM,OAAO;CAClB,IAAMC,IAAOC,EAAM,MAAM,MAAcC,EAAU,OAAOC,EAAO,EAAE;CACjE,IAAI,CAACH,GAAM,OAAO;CAKlB,IAAMI,IADJL,EAAK,KAAK,SAAS,SAAS,YAAYM,GAAS,MAAM,MAAWC,EAAO,OAAOP,EAAK,EAAE,IAErFA,EAAK,KACLE,EAAM,MAAM,MAAcC,EAAU,OAAOH,EAAK,EAAE,CAAC,GAAGQ;CAK1D,OAHI,OAAOH,KAAW,YAAYJ,EAAKO,OAAiBH,KAEpDC,KAAW,CAACA,EAAQ,MAAM,MAAWC,EAAO,OAAOF,CAAM,IAAU,OAChE;EAAE,QAAQJ,EAAK;EAAI;CAAO;AACnC"}

package/dist/tools/components/kanban/kanban-events.cjs

@@ -0,0 +1,2 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./kanban-drag.cjs");function t(t,n,r,i){let{source:a,target:o}=t.operation;return t.canceled||!a||!o?null:e.resolveKanbanMove({active:{id:a.id},over:{id:o.id,data:{current:o.data}}},n,r,i)}exports.resolveKanbanDrop=t;
+//# sourceMappingURL=kanban-events.cjs.map

package/dist/tools/components/kanban/kanban-events.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-events.cjs","names":["resolveKanbanMove","require_tools_components_kanban_kanban_drag","resolveKanbanDrop","event","source","target","tasks","statusField","columns"],"sources":["../../../../src/tools/components/kanban/kanban-events.ts"],"sourcesContent":["import {resolveKanbanMove} from './kanban-drag';\nimport type {KanbanTask, KanbanColumn} from './types';\n\n/** Only the native drop information required by Appkit's status-only contract. */\ninterface KanbanDrop {\n  canceled: boolean;\n  operation: {\n    source: {id: string | number} | null | undefined;\n    target: {id: string | number; data: Record<string, unknown>} | null | undefined;\n  };\n}\nexport function resolveKanbanDrop(event: KanbanDrop, tasks: KanbanTask[], statusField: string, columns?: KanbanColumn[]) {\n  const {source, target} = event.operation;\n  if (event.canceled || !source || !target) return null;\n  return resolveKanbanMove({active: {id: source.id}, over: {id: target.id, data: {current: target.data}}}, tasks, statusField, columns);\n}\n"],"mappings":"A,qHAWA,SAAgBE,EAAkB,EAAmB,EAAqB,EAAqB,EAA0B,CACvH,GAAM,CAAC,SAAQ,UAAUC,EAAM,UAE/B,OADIA,EAAM,UAAY,CAACC,GAAU,CAACC,EAAe,KAC1CL,EAAAA,kBAAkB,CAAC,OAAQ,CAAC,GAAII,EAAO,EAAE,EAAG,KAAM,CAAC,GAAIC,EAAO,GAAI,KAAM,CAAC,QAASA,EAAO,IAAI,CAAC,CAAC,EAAGC,EAAOC,EAAaC,CAAO,CACtI,C"}

package/dist/tools/components/kanban/kanban-events.d.cts

@@ -0,0 +1,19 @@
+import { KanbanTask, KanbanColumn } from './types.cjs';
+/** Only the native drop information required by Appkit's status-only contract. */
+interface KanbanDrop {
+    canceled: boolean;
+    operation: {
+        source: {
+            id: string | number;
+        } | null | undefined;
+        target: {
+            id: string | number;
+            data: Record<string, unknown>;
+        } | null | undefined;
+    };
+}
+export declare function resolveKanbanDrop(event: KanbanDrop, tasks: KanbanTask[], statusField: string, columns?: KanbanColumn[]): {
+    taskId: string;
+    status: string;
+} | null;
+export {};

package/dist/tools/components/kanban/kanban-events.d.ts

@@ -0,0 +1,19 @@
+import { KanbanTask, KanbanColumn } from './types.js';
+/** Only the native drop information required by Appkit's status-only contract. */
+interface KanbanDrop {
+    canceled: boolean;
+    operation: {
+        source: {
+            id: string | number;
+        } | null | undefined;
+        target: {
+            id: string | number;
+            data: Record<string, unknown>;
+        } | null | undefined;
+    };
+}
+export declare function resolveKanbanDrop(event: KanbanDrop, tasks: KanbanTask[], statusField: string, columns?: KanbanColumn[]): {
+    taskId: string;
+    status: string;
+} | null;
+export {};

package/dist/tools/components/kanban/kanban-events.js

@@ -0,0 +1,17 @@
+"use client";
+import { resolveKanbanMove as e } from "./kanban-drag.js";
+//#region src/tools/components/kanban/kanban-events.ts
+function t(t, n, r, i) {
+	let { source: a, target: o } = t.operation;
+	return t.canceled || !a || !o ? null : e({
+		active: { id: a.id },
+		over: {
+			id: o.id,
+			data: { current: o.data }
+		}
+	}, n, r, i);
+}
+//#endregion
+export { t as resolveKanbanDrop };
+
+//# sourceMappingURL=kanban-events.js.map

package/dist/tools/components/kanban/kanban-events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-events.js","names":["resolveKanbanDrop","event","source","target","resolveKanbanMove","tasks","statusField","columns"],"sources":["../../../../src/tools/components/kanban/kanban-events.ts"],"sourcesContent":["import {resolveKanbanMove} from './kanban-drag';\nimport type {KanbanTask, KanbanColumn} from './types';\n\n/** Only the native drop information required by Appkit's status-only contract. */\ninterface KanbanDrop {\n  canceled: boolean;\n  operation: {\n    source: {id: string | number} | null | undefined;\n    target: {id: string | number; data: Record<string, unknown>} | null | undefined;\n  };\n}\nexport function resolveKanbanDrop(event: KanbanDrop, tasks: KanbanTask[], statusField: string, columns?: KanbanColumn[]) {\n  const {source, target} = event.operation;\n  if (event.canceled || !source || !target) return null;\n  return resolveKanbanMove({active: {id: source.id}, over: {id: target.id, data: {current: target.data}}}, tasks, statusField, columns);\n}\n"],"mappings":";;;AAWA,SAAgBA,EAAkB,GAAmB,GAAqB,GAAqB,GAA0B;CACvH,IAAM,EAAC,WAAQ,cAAUC,EAAM;CAE/B,OADIA,EAAM,YAAY,CAACC,KAAU,CAACC,IAAe,OAC1CC,EAAkB;EAAC,QAAQ,EAAC,IAAIF,EAAO,GAAE;EAAG,MAAM;GAAC,IAAIC,EAAO;GAAI,MAAM,EAAC,SAASA,EAAO,KAAI;EAAC;CAAC,GAAGE,GAAOC,GAAaC,CAAO;AACtI"}

package/dist/tools/components/kanban/kanban-primitives.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs"),n=require("./KanbanCardView.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("@dnd-kit/core"),o=require("@dnd-kit/sortable"),s=require("@dnd-kit/utilities"),c=require("react-dom");function l({controller:e,overlayClassName:t,children:i}){let o=e.activeTask&&(0,r.jsx)(n.KanbanCardView,{task:e.activeTask});return(0,r.jsxs)(a.DndContext,{...e.contextProps,children:[i,typeof document<`u`&&(0,c.createPortal)((0,r.jsx)(a.DragOverlay,{children:o&&(t?(0,r.jsx)(`div`,{className:t,children:o}):o)}),document.body)]})}function u({task:e,disabled:n,className:i,children:a,...c}){let{setNodeRef:l,attributes:u,listeners:d,transform:f,transition:p,isDragging:m}=(0,o.useSortable)({id:e.id,data:{type:`Task`,task:e},disabled:n});return(0,r.jsx)(`div`,{ref:l,style:{transition:p,transform:s.CSS.Transform.toString(f)},...n?{}:u,...n?{}:d,"data-task-id":e.id,...c,className:t.cn(`cursor-grab active:cursor-grabbing`,n&&`cursor-default`,m&&`opacity-30`,i),children:a})}var d=i.forwardRef(({column:e,isOverLimit:n,className:o,children:s,...c},l)=>{let{setNodeRef:u,isOver:d}=(0,a.useDroppable)({id:e.id,data:{type:`Column`,column:e}}),f=i.useCallback(e=>{if(u(e),typeof l==`function`){let t=l(e);if(typeof t==`function`)return()=>{u(null),t()}}else l&&(l.current=e)},[u,l]);return(0,r.jsx)(`div`,{ref:f,"data-slot":`kanban-column`,"data-column-id":e.id,"data-over":d||void 0,"data-over-limit":n||void 0,...c,className:t.cn(`flex h-full w-[320px] min-w-[320px] flex-col rounded-lg bg-muted/30 dark:bg-muted/10 p-3 transition-colors duration-200`,d&&`bg-primary/5 ring-2 ring-primary/20`,n&&`bg-destructive/5`,o),children:s})});d.displayName=`KanbanColumnFrame`,exports.KanbanColumnFrame=d,exports.KanbanDragSurface=l,exports.KanbanDraggableCard=u;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs"),n=require("./KanbanCardView.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("@dnd-kit/react"),o=require("@dnd-kit/collision"),s=require("react-dom");function c({controller:e,overlayClassName:t,children:i}){let o=e.activeTask&&(0,r.jsx)(n.KanbanCardView,{task:e.activeTask});return(0,r.jsxs)(a.DragDropProvider,{...e.contextProps,children:[i,typeof document<`u`&&(0,s.createPortal)((0,r.jsx)(a.DragOverlay,{dropAnimation:{duration:0},children:o&&(t?(0,r.jsx)(`div`,{className:t,children:o}):o)}),document.body)]})}function l({task:e,disabled:n,className:o,children:s,style:c,...l}){let{ref:u,draggable:d,isDragging:f}=(0,a.useDraggable)({id:e.id,type:`kanban-task`,data:{type:`Task`,task:e},disabled:n}),p=i.useRef(null),m=i.useCallback(e=>{p.current=e,u(n?null:e)},[u,n]);return i.useLayoutEffect(()=>{if(n){let t=d.manager?.registry.draggables.get(e.id);t&&(t.element=void 0);for(let e of[`tabindex`,`role`,`aria-roledescription`,`aria-describedby`,`aria-disabled`,`aria-pressed`,`aria-grabbed`]){let t=l[e===`tabindex`?`tabIndex`:e];t==null?p.current?.removeAttribute(e):p.current?.setAttribute(e,String(t))}}}),(0,r.jsx)(`div`,{ref:m,tabIndex:n?void 0:0,role:n?void 0:`button`,"aria-roledescription":n?void 0:`draggable`,style:c,"data-task-id":e.id,...l,className:t.cn(`cursor-grab active:cursor-grabbing`,n&&`cursor-default`,f&&`opacity-30`,o),children:s})}var u=i.forwardRef(({column:e,isOverLimit:n,className:s,children:c,...l},u)=>{let{ref:d,isDropTarget:f}=(0,a.useDroppable)({id:e.id,accept:`kanban-task`,collisionDetector:o.pointerIntersection,data:{type:`Column`,column:e}}),p=i.useCallback(e=>{if(d(e),typeof u==`function`){let t=u(e);if(typeof t==`function`)return()=>{d(null),t()}}else u&&(u.current=e)},[d,u]);return(0,r.jsx)(`div`,{ref:p,"data-slot":`kanban-column`,"data-column-id":e.id,"data-over":f||void 0,"data-over-limit":n||void 0,...l,className:t.cn(`flex h-full w-[320px] min-w-[320px] flex-col rounded-lg bg-muted/30 dark:bg-muted/10 p-3 transition-colors duration-200`,f&&`bg-primary/5 ring-2 ring-primary/20`,n&&`bg-destructive/5`,s),children:c})});u.displayName=`KanbanColumnFrame`,exports.KanbanColumnFrame=u,exports.KanbanDragSurface=c,exports.KanbanDraggableCard=l;
 //# sourceMappingURL=kanban-primitives.cjs.map

package/dist/tools/components/kanban/kanban-primitives.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-primitives.cjs","names":["KanbanCardView","DndContext","createPortal","DragOverlay","useSortable","CSS","cn","React","useDroppable","require_runtime","require_ui_lib_utils","require_tools_components_kanban_KanbanCardView","react_jsx_runtime","react","_dnd_kit_core","_dnd_kit_sortable","_dnd_kit_utilities","react_dom","KanbanDragSurface","card","controller","children","overlayClassName","KanbanDraggableCard","props","task","setNodeRef","transform","disabled","attributes","listeners","isDragging","className","KanbanColumnFrame","column","composedRef","node","ref","cleanup","isOver","isOverLimit"],"sources":["../../../../src/tools/components/kanban/kanban-primitives.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { DndContext, DragOverlay, useDroppable } from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { cn } from '../../lib/utils';\nimport { KanbanCardView } from './KanbanCardView';\nimport type { KanbanColumn, KanbanTask } from './types';\nimport type { useKanbanDrag } from './use-kanban-drag';\n\n/** Internal shared D&D boundary; the overlay never registers a second draggable. */\nexport function KanbanDragSurface({\n  controller,\n  overlayClassName,\n  children,\n}: {\n  controller: ReturnType<typeof useKanbanDrag>;\n  overlayClassName?: string;\n  children: React.ReactNode;\n}) {\n  const card = controller.activeTask && <KanbanCardView task={controller.activeTask} />;\n  return (\n    <DndContext {...controller.contextProps}>\n      {children}\n      {typeof document !== 'undefined' &&\n        createPortal(\n          <DragOverlay>\n            {card && (overlayClassName ? <div className={overlayClassName}>{card}</div> : card)}\n          </DragOverlay>,\n          document.body,\n        )}\n    </DndContext>\n  );\n}\n\n/** Single sortable registration shared by preset cards and Compound cards with custom children. */\nexport function KanbanDraggableCard({\n  task,\n  disabled,\n  className,\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { task: KanbanTask; disabled?: boolean }) {\n  const { setNodeRef, attributes, listeners, transform, transition, isDragging } = useSortable({\n    id: task.id,\n    data: { type: 'Task', task },\n    disabled,\n  });\n  return (\n    <div\n      ref={setNodeRef}\n      style={{ transition, transform: CSS.Transform.toString(transform) }}\n      {...(!disabled ? attributes : {})}\n      {...(!disabled ? listeners : {})}\n      data-task-id={task.id}\n      {...props}\n      className={cn(\n        'cursor-grab active:cursor-grabbing',\n        disabled && 'cursor-default',\n        isDragging && 'opacity-30',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\n/** Shared column registration and drag-over presentation; headers and contents remain composable. */\nexport const KanbanColumnFrame = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { column: KanbanColumn; isOverLimit?: boolean }\n>(({ column, isOverLimit, className, children, ...props }, ref) => {\n  const { setNodeRef, isOver } = useDroppable({\n    id: column.id,\n    data: { type: 'Column', column },\n  });\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      setNodeRef(node);\n      if (typeof ref === 'function') {\n        // ForwardedRef also supports React 18's void return type; React 19 may return cleanup.\n        const cleanup: unknown = ref(node);\n        if (typeof cleanup === 'function')\n          return () => {\n            setNodeRef(null);\n            cleanup();\n          };\n      } else if (ref) ref.current = node;\n    },\n    [setNodeRef, ref],\n  );\n  return (\n    <div\n      ref={composedRef}\n      data-slot='kanban-column'\n      data-column-id={column.id}\n      data-over={isOver || undefined}\n      data-over-limit={isOverLimit || undefined}\n      {...props}\n      className={cn(\n        'flex h-full w-[320px] min-w-[320px] flex-col rounded-lg bg-muted/30 dark:bg-muted/10 p-3 transition-colors duration-200',\n        isOver && 'bg-primary/5 ring-2 ring-primary/20',\n        isOverLimit && 'bg-destructive/5',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n});\nKanbanColumnFrame.displayName = 'KanbanColumnFrame';\n"],"mappings":"A,gZAWA,SAAgBkB,EAAkB,CAChC,aACA,mBACA,YAKC,CACD,IAAMC,EAAOC,EAAW,aAAc,EAAAR,EAAA,IAAA,CAACZ,EAAAA,eAAD,CAAgB,KAAMoB,EAAW,UAAa,CAAA,EACpF,OACE,EAAAR,EAAA,KAAA,CAACX,EAAAA,WAAD,CAAY,GAAImB,EAAW,aAA3B,SAAA,CACGC,EACA,OAAO,SAAa,MAAA,EACnBnB,EAAAA,aAAAA,EACE,EAAAU,EAAA,IAAA,CAACT,EAAAA,YAAD,CAAA,SACGgB,IAASG,GAAmB,EAAAV,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWU,EAAmB,SAAAH,CAAU,CAAA,EAAIA,EACnE,CAAA,EACb,SAAS,IACX,CACQ,C,EAEhB,CAGA,SAAgBI,EAAoB,CAClC,OACA,WACA,YACA,WACA,GAAGC,GAC+E,CAClF,GAAM,CAAE,aAAY,aAAY,YAAW,YAAW,aAAY,eAAA,EAAepB,EAAAA,YAAAA,CAAY,CAC3F,GAAIqB,EAAK,GACT,KAAM,CAAE,KAAM,OAAQ,MAAK,EAC3B,UACF,CAAC,EACD,OACE,EAAAb,EAAA,IAAA,CAAC,MAAD,CACE,IAAKc,EACL,MAAO,CAAE,aAAY,UAAWrB,EAAAA,IAAI,UAAU,SAASsB,CAAS,CAAE,EAClE,GAAMC,EAAwB,CAAC,EAAdC,EACjB,GAAMD,EAAuB,CAAC,EAAbE,EACjB,eAAcL,EAAK,GACnB,GAAID,EACJ,UAAWlB,EAAAA,GACT,qCACAsB,GAAY,iBACZG,GAAc,aACdC,CACF,EAEC,UACE,CAAA,CAET,CAGA,IAAaC,EAAoB1B,EAAM,YAGpC,CAAE,SAAQ,cAAa,YAAW,WAAU,GAAGiB,GAAS,IAAQ,CACjE,GAAM,CAAE,aAAY,WAAA,EAAWhB,EAAAA,aAAAA,CAAa,CAC1C,GAAI0B,EAAO,GACX,KAAM,CAAE,KAAM,SAAU,QAAO,CACjC,CAAC,EACKC,EAAc5B,EAAM,YACvB,GAAgC,CAE/B,GADAmB,EAAWU,CAAI,EACX,OAAOC,GAAQ,WAAY,CAE7B,IAAMC,EAAmBD,EAAID,CAAI,EACjC,GAAI,OAAOE,GAAY,WACrB,UAAa,CACXZ,EAAW,IAAI,EACfY,EAAQ,CACV,CACJ,MAAWD,IAAK,EAAI,QAAUD,EAChC,EACA,CAACV,EAAYW,CAAG,CAClB,EACA,OACE,EAAAzB,EAAA,IAAA,CAAC,MAAD,CACE,IAAKuB,EACL,YAAU,gBACV,iBAAgBD,EAAO,GACvB,YAAWK,GAAU,IAAA,GACrB,kBAAiBC,GAAe,IAAA,GAChC,GAAIhB,EACJ,UAAWlB,EAAAA,GACT,0HACAiC,GAAU,sCACVC,GAAe,mBACfR,CACF,EAEC,UACE,CAAA,CAET,CAAC,EACD,EAAkB,YAAc,oB"}
+{"version":3,"file":"kanban-primitives.cjs","names":["KanbanCardView","DragDropProvider","createPortal","DragOverlay","useDraggable","React","cn","useDroppable","pointerIntersection","require_runtime","require_ui_lib_utils","require_tools_components_kanban_KanbanCardView","react_jsx_runtime","react","_dnd_kit_react","_dnd_kit_collision","react_dom","KanbanDragSurface","card","controller","children","overlayClassName","KanbanDraggableCard","props","task","elementRef","cardRef","element","ref","disabled","registered","draggable","attribute","supplied","isDragging","className","KanbanColumnFrame","setNodeRef","isOver","column","composedRef","node","cleanup","isOverLimit"],"sources":["../../../../src/tools/components/kanban/kanban-primitives.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { DragDropProvider, DragOverlay, useDraggable, useDroppable } from '@dnd-kit/react';\nimport { pointerIntersection } from '@dnd-kit/collision';\nimport { cn } from '../../lib/utils';\nimport { KanbanCardView } from './KanbanCardView';\nimport type { KanbanColumn, KanbanTask } from './types';\nimport type { useKanbanDrag } from './use-kanban-drag';\n\n/**\n * Render the native Kanban provider and one body-portal overlay.\n * @param props - Native controller, optional overlay class and registered children.\n * @returns The provider and overlay; no portal is created during server rendering.\n * @remarks Uses immediate drop completion with native focus restoration. The\n * overlay is presentation only and never registers a second draggable.\n * @example\n * ```tsx\n * import {KanbanDragSurface, KanbanColumnFrame, KanbanDraggableCard, useKanbanDrag}\n *   from '@alneas/appkit-react/tools/kanban';\n * import '@alneas/appkit-react/styles';\n * export function CustomCards() {\n *   const tasks = [{id: 'one', title: 'Review', status: 'todo'}];\n *   const controller = useKanbanDrag({tasks});\n *   return <KanbanDragSurface controller={controller}>\n *     <KanbanColumnFrame column={{id: 'todo', title: 'Todo'}}>\n *       <KanbanDraggableCard task={tasks[0]}>Review</KanbanDraggableCard>\n *     </KanbanColumnFrame>\n *   </KanbanDragSurface>;\n * }\n * ```\n */\nexport function KanbanDragSurface({\n  controller,\n  overlayClassName,\n  children,\n}: {\n  controller: ReturnType<typeof useKanbanDrag>;\n  overlayClassName?: string;\n  children: React.ReactNode;\n}) {\n  const card = controller.activeTask && <KanbanCardView task={controller.activeTask} />;\n  return (\n    <DragDropProvider {...controller.contextProps}>\n      {children}\n      {typeof document !== 'undefined' &&\n        createPortal(\n          <DragOverlay dropAnimation={{duration: 0}}>\n            {card && (overlayClassName ? <div className={overlayClassName}>{card}</div> : card)}\n          </DragOverlay>,\n          document.body,\n        )}\n    </DragDropProvider>\n  );\n}\n\n/**\n * Register a native status-only Kanban card with custom content.\n * @param props - Task, optional disabled flag (default false), HTML attributes,\n * custom style and children. Caller-supplied accessibility attributes are retained.\n * @returns A div registered under the native Kanban surface.\n * @remarks Requires the same native provider as KanbanColumnFrame. Disabled cards\n * have no automatic drag tab stop; this component does not persist order or status.\n * @example\n * ```tsx\n * import {KanbanDragSurface, KanbanColumnFrame, KanbanDraggableCard, useKanbanDrag}\n *   from '@alneas/appkit-react/tools/kanban';\n * import '@alneas/appkit-react/styles';\n * export function CustomCards() {\n *   const tasks = [{id: 'one', title: 'Review', status: 'todo'}];\n *   const controller = useKanbanDrag({tasks});\n *   return <KanbanDragSurface controller={controller}>\n *     <KanbanColumnFrame column={{id: 'todo', title: 'Todo'}}>\n *       <KanbanDraggableCard task={tasks[0]}>Review</KanbanDraggableCard>\n *     </KanbanColumnFrame>\n *   </KanbanDragSurface>;\n * }\n * ```\n */\nexport function KanbanDraggableCard({\n  task,\n  disabled,\n  className,\n  children,\n  style,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { task: KanbanTask; disabled?: boolean }) {\n  const { ref, draggable, isDragging } = useDraggable({\n    id: task.id,\n    type: 'kanban-task',\n    data: { type: 'Task', task },\n    disabled,\n  });\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n  const cardRef = React.useCallback((element: HTMLDivElement | null) => {\n    elementRef.current = element;\n    ref(disabled ? null : element);\n  }, [ref, disabled]);\n  React.useLayoutEffect(() => {\n    // Native ref cleanup retains an active source. Explicitly detach read-only\n    // cards so Accessibility cannot restore drag attributes after React clears them.\n    if (disabled) {\n      const registered = draggable.manager?.registry.draggables.get(task.id);\n      if (registered) registered.element = undefined;\n      for (const attribute of ['tabindex', 'role', 'aria-roledescription', 'aria-describedby', 'aria-disabled', 'aria-pressed', 'aria-grabbed']) {\n        const supplied = props[attribute === 'tabindex' ? 'tabIndex' : attribute as keyof typeof props];\n        if (supplied == null) elementRef.current?.removeAttribute(attribute);\n        else elementRef.current?.setAttribute(attribute, String(supplied));\n      }\n    }\n  });\n  return (\n    <div\n      ref={cardRef}\n      tabIndex={disabled ? undefined : 0}\n      role={disabled ? undefined : 'button'}\n      aria-roledescription={disabled ? undefined : 'draggable'}\n      style={style}\n      data-task-id={task.id}\n      {...props}\n      className={cn(\n        'cursor-grab active:cursor-grabbing',\n        disabled && 'cursor-default',\n        isDragging && 'opacity-30',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * Register a native Kanban column while retaining host-composed content.\n * @remarks Retain forwardRef to compose native registration and caller refs, including\n * callback cleanup; this is not a direct DOM-ref passthrough.\n * @param props - Column metadata, optional limit presentation, HTML attributes and children.\n * @param ref - Forwarded div ref, including React 19 callback cleanup support.\n * @returns A column div accepting Kanban task registrations.\n * @remarks Requires the native Kanban surface. Pointer intersection excludes outside\n * drops; WIP limits are presentational and do not reject a host status callback.\n * @example\n * ```tsx\n * import {KanbanDragSurface, KanbanColumnFrame, KanbanDraggableCard, useKanbanDrag}\n *   from '@alneas/appkit-react/tools/kanban';\n * import '@alneas/appkit-react/styles';\n * export function CustomCards() {\n *   const tasks = [{id: 'one', title: 'Review', status: 'todo'}];\n *   const controller = useKanbanDrag({tasks});\n *   return <KanbanDragSurface controller={controller}>\n *     <KanbanColumnFrame column={{id: 'todo', title: 'Todo'}}>\n *       <KanbanDraggableCard task={tasks[0]}>Review</KanbanDraggableCard>\n *     </KanbanColumnFrame>\n *   </KanbanDragSurface>;\n * }\n * ```\n */\nexport const KanbanColumnFrame = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { column: KanbanColumn; isOverLimit?: boolean }\n>(({ column, isOverLimit, className, children, ...props }, ref) => {\n  const { ref: setNodeRef, isDropTarget: isOver } = useDroppable({\n    id: column.id,\n    accept: 'kanban-task',\n    collisionDetector: pointerIntersection,\n    data: { type: 'Column', column },\n  });\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      setNodeRef(node);\n      if (typeof ref === 'function') {\n        // ForwardedRef also supports React 18's void return type; React 19 may return cleanup.\n        const cleanup: unknown = ref(node);\n        if (typeof cleanup === 'function')\n          return () => {\n            setNodeRef(null);\n            cleanup();\n          };\n      } else if (ref) ref.current = node;\n    },\n    [setNodeRef, ref],\n  );\n  return (\n    <div\n      ref={composedRef}\n      data-slot='kanban-column'\n      data-column-id={column.id}\n      data-over={isOver || undefined}\n      data-over-limit={isOverLimit || undefined}\n      {...props}\n      className={cn(\n        'flex h-full w-[320px] min-w-[320px] flex-col rounded-lg bg-muted/30 dark:bg-muted/10 p-3 transition-colors duration-200',\n        isOver && 'bg-primary/5 ring-2 ring-primary/20',\n        isOverLimit && 'bg-destructive/5',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n});\nKanbanColumnFrame.displayName = 'KanbanColumnFrame';\n"],"mappings":"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"}

package/dist/tools/components/kanban/kanban-primitives.d.cts

@@ -1,18 +1,85 @@
 import { KanbanColumn, KanbanTask } from './types.cjs';
 import { useKanbanDrag } from './use-kanban-drag.cjs';
 import * as React from 'react';
-/** Internal shared D&D boundary; the overlay never registers a second draggable. */
+/**
+ * Render the native Kanban provider and one body-portal overlay.
+ * @param props - Native controller, optional overlay class and registered children.
+ * @returns The provider and overlay; no portal is created during server rendering.
+ * @remarks Uses immediate drop completion with native focus restoration. The
+ * overlay is presentation only and never registers a second draggable.
+ * @example
+ * ```tsx
+ * import {KanbanDragSurface, KanbanColumnFrame, KanbanDraggableCard, useKanbanDrag}
+ *   from '@alneas/appkit-react/tools/kanban';
+ * import '@alneas/appkit-react/styles';
+ * export function CustomCards() {
+ *   const tasks = [{id: 'one', title: 'Review', status: 'todo'}];
+ *   const controller = useKanbanDrag({tasks});
+ *   return <KanbanDragSurface controller={controller}>
+ *     <KanbanColumnFrame column={{id: 'todo', title: 'Todo'}}>
+ *       <KanbanDraggableCard task={tasks[0]}>Review</KanbanDraggableCard>
+ *     </KanbanColumnFrame>
+ *   </KanbanDragSurface>;
+ * }
+ * ```
+ */
 export declare function KanbanDragSurface({ controller, overlayClassName, children, }: {
     controller: ReturnType<typeof useKanbanDrag>;
     overlayClassName?: string;
     children: React.ReactNode;
 }): React.JSX.Element;
-/** Single sortable registration shared by preset cards and Compound cards with custom children. */
-export declare function KanbanDraggableCard({ task, disabled, className, children, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+/**
+ * Register a native status-only Kanban card with custom content.
+ * @param props - Task, optional disabled flag (default false), HTML attributes,
+ * custom style and children. Caller-supplied accessibility attributes are retained.
+ * @returns A div registered under the native Kanban surface.
+ * @remarks Requires the same native provider as KanbanColumnFrame. Disabled cards
+ * have no automatic drag tab stop; this component does not persist order or status.
+ * @example
+ * ```tsx
+ * import {KanbanDragSurface, KanbanColumnFrame, KanbanDraggableCard, useKanbanDrag}
+ *   from '@alneas/appkit-react/tools/kanban';
+ * import '@alneas/appkit-react/styles';
+ * export function CustomCards() {
+ *   const tasks = [{id: 'one', title: 'Review', status: 'todo'}];
+ *   const controller = useKanbanDrag({tasks});
+ *   return <KanbanDragSurface controller={controller}>
+ *     <KanbanColumnFrame column={{id: 'todo', title: 'Todo'}}>
+ *       <KanbanDraggableCard task={tasks[0]}>Review</KanbanDraggableCard>
+ *     </KanbanColumnFrame>
+ *   </KanbanDragSurface>;
+ * }
+ * ```
+ */
+export declare function KanbanDraggableCard({ task, disabled, className, children, style, ...props }: React.HTMLAttributes<HTMLDivElement> & {
     task: KanbanTask;
     disabled?: boolean;
 }): React.JSX.Element;
-/** Shared column registration and drag-over presentation; headers and contents remain composable. */
+/**
+ * Register a native Kanban column while retaining host-composed content.
+ * @remarks Retain forwardRef to compose native registration and caller refs, including
+ * callback cleanup; this is not a direct DOM-ref passthrough.
+ * @param props - Column metadata, optional limit presentation, HTML attributes and children.
+ * @param ref - Forwarded div ref, including React 19 callback cleanup support.
+ * @returns A column div accepting Kanban task registrations.
+ * @remarks Requires the native Kanban surface. Pointer intersection excludes outside
+ * drops; WIP limits are presentational and do not reject a host status callback.
+ * @example
+ * ```tsx
+ * import {KanbanDragSurface, KanbanColumnFrame, KanbanDraggableCard, useKanbanDrag}
+ *   from '@alneas/appkit-react/tools/kanban';
+ * import '@alneas/appkit-react/styles';
+ * export function CustomCards() {
+ *   const tasks = [{id: 'one', title: 'Review', status: 'todo'}];
+ *   const controller = useKanbanDrag({tasks});
+ *   return <KanbanDragSurface controller={controller}>
+ *     <KanbanColumnFrame column={{id: 'todo', title: 'Todo'}}>
+ *       <KanbanDraggableCard task={tasks[0]}>Review</KanbanDraggableCard>
+ *     </KanbanColumnFrame>
+ *   </KanbanDragSurface>;
+ * }
+ * ```
+ */
 export declare const KanbanColumnFrame: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     column: KanbanColumn;
     isOverLimit?: boolean;