@alneas/appkit-react 0.1.0 → 0.2.0

package/dist/tools/components/i18n/LanguageSwitcher.d.cts

@@ -1,35 +1,39 @@
 import { Locale } from '../../paraglide/runtime.cjs';
 /**
- * Props for LanguageSwitcher
+ * Host inputs and presentation settings for LanguageSwitcher.
+ * @see LanguageSwitcher
  */
 export interface LanguageSwitcherProps {
     /**
-     * Optional callback when language changes.
-     * If provided, the internal state update is skipped (controlled mode).
-     * If not provided, it updates the global paraglide state.
+     * Called with en when the current locale is ja, otherwise ja. When supplied, suppresses the built-in global setLocale call; the host must update controlled state.
+     * @param lang - Host callback input described above.
+     * @returns No value; complete the host callback action.
      */
     onLanguageChange?: (lang: Locale) => void;
     /**
-     * Current language (for controlled mode).
-     * Defaults to global paraglide state if not provided.
+     * Current locale; omitted reads getLocale from the configured Paraglide runtime.
      */
     currentLanguage?: Locale;
     /**
-     * Optional className for the button.
+     * Additional classes on the language toggle button.
      */
     className?: string;
 }
 /**
- * 言語切り替えボタン
- *
- * Paraglide.js と連携して動作します。現在のen/ja/zhをそれぞれEnglish/日本語/中文で表示します。
- * 切替先は従来どおりjaからen、それ以外からjaです。
- * SSR also reads currentLanguage or the host runtime. Hosts must isolate request
- * locale state and initialize the same locale before hydration.
+ * Displays the current locale and toggles Japanese to English or any other locale to Japanese.
+ * @param props - Optional controlled locale, change callback and button classes; see LanguageSwitcherProps.
+ * @returns The rendered LanguageSwitcher composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Import Appkit CSS. currentLanguage overrides getLocale; onLanguageChange suppresses the built-in setLocale call, so the host must update controlled locale state. Without the callback the Paraglide runtime performs its configured locale update/navigation. Locale state during SSR is host-owned and must be isolated per request and initialized consistently before hydration. The label displays Japanese/Chinese/English, but the toggle does not cycle through Chinese.
  * @example
  * ```tsx
+ * import { useState } from 'react';
  * import { LanguageSwitcher } from '@alneas/appkit-react/tools/i18n';
- * <LanguageSwitcher currentLanguage="zh" onLanguageChange={locale => console.log(locale)} />;
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   const [locale, setLocale] = useState<"en" | "ja" | "zh">("en");
+ *   return (<LanguageSwitcher currentLanguage={locale} onLanguageChange={setLocale} />);
+ * }
  * ```
  */
 export declare function LanguageSwitcher({ onLanguageChange, currentLanguage, className, }: LanguageSwitcherProps): import('react').JSX.Element;

package/dist/tools/components/i18n/LanguageSwitcher.d.ts

@@ -1,35 +1,39 @@
 import { Locale } from '../../paraglide/runtime.js';
 /**
- * Props for LanguageSwitcher
+ * Host inputs and presentation settings for LanguageSwitcher.
+ * @see LanguageSwitcher
  */
 export interface LanguageSwitcherProps {
     /**
-     * Optional callback when language changes.
-     * If provided, the internal state update is skipped (controlled mode).
-     * If not provided, it updates the global paraglide state.
+     * Called with en when the current locale is ja, otherwise ja. When supplied, suppresses the built-in global setLocale call; the host must update controlled state.
+     * @param lang - Host callback input described above.
+     * @returns No value; complete the host callback action.
      */
     onLanguageChange?: (lang: Locale) => void;
     /**
-     * Current language (for controlled mode).
-     * Defaults to global paraglide state if not provided.
+     * Current locale; omitted reads getLocale from the configured Paraglide runtime.
      */
     currentLanguage?: Locale;
     /**
-     * Optional className for the button.
+     * Additional classes on the language toggle button.
      */
     className?: string;
 }
 /**
- * 言語切り替えボタン
- *
- * Paraglide.js と連携して動作します。現在のen/ja/zhをそれぞれEnglish/日本語/中文で表示します。
- * 切替先は従来どおりjaからen、それ以外からjaです。
- * SSR also reads currentLanguage or the host runtime. Hosts must isolate request
- * locale state and initialize the same locale before hydration.
+ * Displays the current locale and toggles Japanese to English or any other locale to Japanese.
+ * @param props - Optional controlled locale, change callback and button classes; see LanguageSwitcherProps.
+ * @returns The rendered LanguageSwitcher composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Import Appkit CSS. currentLanguage overrides getLocale; onLanguageChange suppresses the built-in setLocale call, so the host must update controlled locale state. Without the callback the Paraglide runtime performs its configured locale update/navigation. Locale state during SSR is host-owned and must be isolated per request and initialized consistently before hydration. The label displays Japanese/Chinese/English, but the toggle does not cycle through Chinese.
  * @example
  * ```tsx
+ * import { useState } from 'react';
  * import { LanguageSwitcher } from '@alneas/appkit-react/tools/i18n';
- * <LanguageSwitcher currentLanguage="zh" onLanguageChange={locale => console.log(locale)} />;
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   const [locale, setLocale] = useState<"en" | "ja" | "zh">("en");
+ *   return (<LanguageSwitcher currentLanguage={locale} onLanguageChange={setLocale} />);
+ * }
  * ```
  */
 export declare function LanguageSwitcher({ onLanguageChange, currentLanguage, className, }: LanguageSwitcherProps): import('react').JSX.Element;

package/dist/tools/components/i18n/LanguageSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSwitcher.js","names":["LanguageSwitcher","activeLang","currentLanguage","getLocale","displayLang","Button","newLang","onLanguageChange","setLocale","Globe"],"sources":["../../../../src/tools/components/i18n/LanguageSwitcher.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { Globe } from 'lucide-react';\nimport { getLocale, setLocale, Locale } from '../../paraglide/runtime.js';\n\n/**\n * Props for LanguageSwitcher\n */\nexport interface LanguageSwitcherProps {\n  /**\n   * Optional callback when language changes.\n   * If provided, the internal state update is skipped (controlled mode).\n   * If not provided, it updates the global paraglide state.\n   */\n  onLanguageChange?: (lang: Locale) => void;\n\n  /**\n   * Current language (for controlled mode).\n   * Defaults to global paraglide state if not provided.\n   */\n  currentLanguage?: Locale;\n\n  /**\n   * Optional className for the button.\n   */\n  className?: string;\n}\n\n/**\n * 言語切り替えボタン\n *\n * Paraglide.js と連携して動作します。現在のen/ja/zhをそれぞれEnglish/日本語/中文で表示します。\n * 切替先は従来どおりjaからen、それ以外からjaです。\n * SSR also reads currentLanguage or the host runtime. Hosts must isolate request\n * locale state and initialize the same locale before hydration.\n * @example\n * ```tsx\n * import { LanguageSwitcher } from '@alneas/appkit-react/tools/i18n';\n * <LanguageSwitcher currentLanguage=\"zh\" onLanguageChange={locale => console.log(locale)} />;\n * ```\n */\nexport function LanguageSwitcher({\n  onLanguageChange,\n  currentLanguage,\n  className,\n}: LanguageSwitcherProps) {\n  const activeLang = currentLanguage ?? getLocale();\n  const displayLang = activeLang;\n\n  const toggleLanguage = () => {\n    const newLang: Locale = activeLang === 'ja' ? 'en' : 'ja';\n\n    if (onLanguageChange) {\n      onLanguageChange(newLang);\n    } else {\n      setLocale(newLang);\n    }\n  };\n\n  return (\n    <Button\n      variant='ghost'\n      size='sm'\n      className={className}\n      onClick={toggleLanguage}\n      title={displayLang === 'ja' ? 'Switch to English' : '日本語に切り替え'}\n    >\n      <Globe className='w-4 h-4 mr-2' />\n      {displayLang === 'ja' ? '日本語' : displayLang === 'zh' ? '中文' : 'English'}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;AAwCA,SAAgBA,EAAiB,EAC/B,qBACA,oBACA,gBACwB;CACxB,IAAMC,IAAaC,KAAmBC,EAAU,GAC1CC,IAAcH;CAYpB,OACE,kBAACI,GAAD;EACE,SAAQ;EACR,MAAK;EACM;EACX,eAfyB;GAC3B,IAAMC,IAAkBL,MAAe,OAAO,OAAO;GAErD,AAAIM,IACFA,EAAiBD,CAAO,IAExBE,EAAUF,CAAO;EAErB;EAQI,OAAOF,MAAgB,OAAO,sBAAsB;EALtD,UAAA,CAOE,kBAACK,GAAD,EAAO,WAAU,eAAgB,CAAA,GAChCL,MAAgB,OAAO,QAAQA,MAAgB,OAAO,OAAO,SACxD;;AAEZ"}
+{"version":3,"file":"LanguageSwitcher.js","names":["LanguageSwitcher","activeLang","currentLanguage","getLocale","displayLang","Button","newLang","onLanguageChange","setLocale","Globe"],"sources":["../../../../src/tools/components/i18n/LanguageSwitcher.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { Globe } from 'lucide-react';\nimport { getLocale, setLocale, Locale } from '../../paraglide/runtime.js';\n\n/**\n * Host inputs and presentation settings for LanguageSwitcher.\n * @see LanguageSwitcher\n */\nexport interface LanguageSwitcherProps {\n  /**\n   * Called with en when the current locale is ja, otherwise ja. When supplied, suppresses the built-in global setLocale call; the host must update controlled state.\n   * @param lang - Host callback input described above.\n   * @returns No value; complete the host callback action.\n   */\n  onLanguageChange?: (lang: Locale) => void;\n\n  /**\n   * Current locale; omitted reads getLocale from the configured Paraglide runtime.\n   */\n  currentLanguage?: Locale;\n\n  /**\n   * Additional classes on the language toggle button.\n   */\n  className?: string;\n}\n\n/**\n * Displays the current locale and toggles Japanese to English or any other locale to Japanese.\n * @param props - Optional controlled locale, change callback and button classes; see LanguageSwitcherProps.\n * @returns The rendered LanguageSwitcher composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Import Appkit CSS. currentLanguage overrides getLocale; onLanguageChange suppresses the built-in setLocale call, so the host must update controlled locale state. Without the callback the Paraglide runtime performs its configured locale update/navigation. Locale state during SSR is host-owned and must be isolated per request and initialized consistently before hydration. The label displays Japanese/Chinese/English, but the toggle does not cycle through Chinese.\n * @example\n * ```tsx\n * import { useState } from 'react';\n * import { LanguageSwitcher } from '@alneas/appkit-react/tools/i18n';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   const [locale, setLocale] = useState<\"en\" | \"ja\" | \"zh\">(\"en\");\n *   return (<LanguageSwitcher currentLanguage={locale} onLanguageChange={setLocale} />);\n * }\n * ```\n */\nexport function LanguageSwitcher({\n  onLanguageChange,\n  currentLanguage,\n  className,\n}: LanguageSwitcherProps) {\n  const activeLang = currentLanguage ?? getLocale();\n  const displayLang = activeLang;\n\n  const toggleLanguage = () => {\n    const newLang: Locale = activeLang === 'ja' ? 'en' : 'ja';\n\n    if (onLanguageChange) {\n      onLanguageChange(newLang);\n    } else {\n      setLocale(newLang);\n    }\n  };\n\n  return (\n    <Button\n      variant='ghost'\n      size='sm'\n      className={className}\n      onClick={toggleLanguage}\n      title={displayLang === 'ja' ? 'Switch to English' : '日本語に切り替え'}\n    >\n      <Globe className='w-4 h-4 mr-2' />\n      {displayLang === 'ja' ? '日本語' : displayLang === 'zh' ? '中文' : 'English'}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;AA4CA,SAAgBA,EAAiB,EAC/B,qBACA,oBACA,gBACwB;CACxB,IAAMC,IAAaC,KAAmBC,EAAU,GAC1CC,IAAcH;CAYpB,OACE,kBAACI,GAAD;EACE,SAAQ;EACR,MAAK;EACM;EACX,eAfyB;GAC3B,IAAMC,IAAkBL,MAAe,OAAO,OAAO;GAErD,AAAIM,IACFA,EAAiBD,CAAO,IAExBE,EAAUF,CAAO;EAErB;EAQI,OAAOF,MAAgB,OAAO,sBAAsB;EALtD,UAAA,CAOE,kBAACK,GAAD,EAAO,WAAU,eAAgB,CAAA,GAChCL,MAAgB,OAAO,QAAQA,MAAgB,OAAO,OAAO,SACxD;;AAEZ"}

package/dist/tools/components/kanban/KanbanBoard.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("../../../ui/components/ui/select.cjs"),r=require("../../paraglide/messages/kanban_sort_default.cjs"),i=require("../../paraglide/messages/kanban_sort_dueasc1.cjs"),a=require("../../paraglide/messages/kanban_sort_duedesc1.cjs"),o=require("../../paraglide/messages/kanban_sort_priorityasc1.cjs"),s=require("../../paraglide/messages/kanban_sort_prioritydesc1.cjs"),c=require("../../paraglide/messages/kanban_sort_titleasc1.cjs"),l=require("../../paraglide/messages/kanban_sort_titledesc1.cjs"),u=require("./kanban-primitives.cjs"),d=require("./KanbanColumn.cjs"),f=require("./use-kanban-drag.cjs");let p=require("react/jsx-runtime"),m=require("react");m=e.__toESM(m,1);let h=require("lucide-react");function g(){return[{value:`default`,label:r.kanban_sort_default({defaultValue:`Default`})},{value:`priority-desc`,label:s.kanban_sort_priorityDesc({defaultValue:`Priority (High → Low)`})},{value:`priority-asc`,label:o.kanban_sort_priorityAsc({defaultValue:`Priority (Low → High)`})},{value:`due-asc`,label:i.kanban_sort_dueAsc({defaultValue:`Due Date (Nearest)`})},{value:`due-desc`,label:a.kanban_sort_dueDesc({defaultValue:`Due Date (Farthest)`})},{value:`title-asc`,label:c.kanban_sort_titleAsc({defaultValue:`Title (A → Z)`})},{value:`title-desc`,label:l.kanban_sort_titleDesc({defaultValue:`Title (Z → A)`})}]}var _={urgent:4,high:3,medium:2,low:1},v=m.forwardRef(({tasks:e,columns:r,statusField:i=`status`,onTaskClick:a,onStatusChange:o,className:s,testId:c,showSort:l=!0,initialSort:v=`default`,readOnly:y=!1,disableOptimisticUpdates:b=!1,renderCard:x},S)=>{let[C,w]=m.useState(v),[T,E]=m.useState(null),[D,O]=m.useState(e);e!==D&&(O(e),E(null));let k=b||!T?e:T,A=m.useMemo(()=>{let e=[...k];switch(C){case`priority-desc`:e.sort((e,t)=>(_[t.priority||`medium`]||2)-(_[e.priority||`medium`]||2));break;case`priority-asc`:e.sort((e,t)=>(_[e.priority||`medium`]||2)-(_[t.priority||`medium`]||2));break;case`due-asc`:e.sort((e,t)=>new Date(e.due_date||`9999`).getTime()-new Date(t.due_date||`9999`).getTime());break;case`due-desc`:e.sort((e,t)=>new Date(t.due_date||`1970`).getTime()-new Date(e.due_date||`1970`).getTime());break;case`title-asc`:e.sort((e,t)=>e.title.localeCompare(t.title));break;case`title-desc`:e.sort((e,t)=>t.title.localeCompare(e.title))}return e},[k,C]),j=m.useCallback((e,t)=>{b||E(k.map(n=>n.id===e?{...n,[i]:t}:n)),o?.(e,t)},[k,b,i,o]),M=f.useKanbanDrag({tasks:k,columns:r,statusField:i,readOnly:y,onStatusChange:j}),N=m.useMemo(()=>{let e={};return r.forEach(t=>{e[t.id]=[]}),A.forEach(t=>{let n=t[i];e[n]&&e[n].push(t)}),e},[A,r,i]);return(0,p.jsx)(u.KanbanDragSurface,{controller:M,children:(0,p.jsxs)(`div`,{ref:S,"data-slot":`kanban-board`,"data-testid":c,className:t.cn(`flex flex-col h-full`,s),children:[l&&(0,p.jsx)(`div`,{"data-slot":`kanban-toolbar`,className:`px-4 py-2 flex justify-end border-b border-border`,children:(0,p.jsx)(n.SelectInput,{"aria-label":`Sort tasks`,value:C,onValueChange:e=>e&&w(e),options:g(),className:`w-[180px] h-8 text-xs`,testId:c?`${c}-sort`:void 0,icon:(0,p.jsx)(h.ArrowUpDown,{className:`w-3 h-3 mr-2`})})}),(0,p.jsx)(`div`,{"data-slot":`kanban-columns`,className:`flex h-full gap-4 p-4 overflow-x-auto items-start`,children:r.map(e=>(0,p.jsx)(d.KanbanColumn,{column:e,tasks:N[e.id]||[],testId:c?`${c}-column-${e.id}`:void 0,onTaskClick:a,renderCard:x,readOnly:y},e.id))})]})})});v.displayName=`KanbanBoard`,exports.KanbanBoard=v;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs"),n=require("../../../ui/components/ui/select.cjs"),r=require("../../paraglide/messages/kanban_sort_default.cjs"),i=require("../../paraglide/messages/kanban_sort_dueasc1.cjs"),a=require("../../paraglide/messages/kanban_sort_duedesc1.cjs"),o=require("../../paraglide/messages/kanban_sort_priorityasc1.cjs"),s=require("../../paraglide/messages/kanban_sort_prioritydesc1.cjs"),c=require("../../paraglide/messages/kanban_sort_titleasc1.cjs"),l=require("../../paraglide/messages/kanban_sort_titledesc1.cjs"),u=require("./kanban-primitives.cjs"),d=require("./KanbanColumn.cjs"),f=require("./use-kanban-drag.cjs");let p=require("react/jsx-runtime"),m=require("react");m=e.__toESM(m,1);let h=require("lucide-react");function g(){return[{value:`default`,label:r.kanban_sort_default({defaultValue:`Default`})},{value:`priority-desc`,label:s.kanban_sort_priorityDesc({defaultValue:`Priority (High → Low)`})},{value:`priority-asc`,label:o.kanban_sort_priorityAsc({defaultValue:`Priority (Low → High)`})},{value:`due-asc`,label:i.kanban_sort_dueAsc({defaultValue:`Due Date (Nearest)`})},{value:`due-desc`,label:a.kanban_sort_dueDesc({defaultValue:`Due Date (Farthest)`})},{value:`title-asc`,label:c.kanban_sort_titleAsc({defaultValue:`Title (A → Z)`})},{value:`title-desc`,label:l.kanban_sort_titleDesc({defaultValue:`Title (Z → A)`})}]}var _={urgent:4,high:3,medium:2,low:1},v=m.forwardRef(({tasks:e,columns:r,statusField:i=`status`,onTaskClick:a,onStatusChange:o,className:s,testId:c,showSort:l=!0,initialSort:v=`default`,readOnly:y=!1,disableOptimisticUpdates:b=!1,renderCard:x},S)=>{let[C,w]=m.useState(v),[T,E]=m.useState(null),[D,O]=m.useState(e);e!==D&&(O(e),E(null));let k=b||!T?e:T,A=m.useMemo(()=>{let e=[...k];switch(C){case`priority-desc`:e.sort((e,t)=>(_[t.priority||`medium`]||2)-(_[e.priority||`medium`]||2));break;case`priority-asc`:e.sort((e,t)=>(_[e.priority||`medium`]||2)-(_[t.priority||`medium`]||2));break;case`due-asc`:e.sort((e,t)=>new Date(e.due_date||`9999`).getTime()-new Date(t.due_date||`9999`).getTime());break;case`due-desc`:e.sort((e,t)=>new Date(t.due_date||`1970`).getTime()-new Date(e.due_date||`1970`).getTime());break;case`title-asc`:e.sort((e,t)=>e.title.localeCompare(t.title));break;case`title-desc`:e.sort((e,t)=>t.title.localeCompare(e.title))}return e},[k,C]),j=m.useCallback((e,t)=>{b||E(k.map(n=>n.id===e?{...n,[i]:t}:n)),o?.(e,t)},[k,b,i,o]),M=f.useKanbanDrag({tasks:k,columns:r,statusField:i,readOnly:y,onStatusChange:j}),N=m.useMemo(()=>{let e={};return r.forEach(t=>{e[t.id]=[]}),A.forEach(t=>{let n=t[i];e[n]&&e[n].push(t)}),e},[A,r,i]);return(0,p.jsx)(u.KanbanDragSurface,{controller:M,children:(0,p.jsxs)(`div`,{ref:S,"data-slot":`kanban-board`,"data-testid":c,className:t.cn(`flex flex-col h-full`,s),children:[l&&(0,p.jsx)(`div`,{"data-slot":`kanban-toolbar`,className:`px-4 py-2 flex justify-end border-b border-border`,children:(0,p.jsx)(n.SelectInput,{"aria-label":`Sort tasks`,value:C,onValueChange:e=>e&&w(e),options:g(),className:`w-[180px] h-8 text-xs`,testId:c?`${c}-sort`:void 0,icon:(0,p.jsx)(h.ArrowUpDown,{className:`w-3 h-3 mr-2`})})}),(0,p.jsx)(`div`,{"data-slot":`kanban-columns`,role:`region`,"aria-label":`Kanban columns`,tabIndex:0,className:`flex h-full gap-4 p-4 overflow-x-auto items-start`,children:r.map(e=>(0,p.jsx)(d.KanbanColumn,{column:e,tasks:N[e.id]||[],testId:c?`${c}-column-${e.id}`:void 0,onTaskClick:a,renderCard:x,readOnly:y},e.id))})]})})});v.displayName=`KanbanBoard`,exports.KanbanBoard=v;
 //# sourceMappingURL=KanbanBoard.cjs.map

package/dist/tools/components/kanban/KanbanBoard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanBoard.cjs","names":["React","useKanbanDrag","KanbanDragSurface","cn","SelectInput","ArrowUpDown","KanbanColumn","require_runtime","require_ui_lib_utils","require_ui_components_ui_select","require_kanban_sort_default","require_kanban_sort_dueasc1","require_kanban_sort_duedesc1","require_kanban_sort_priorityasc1","require_kanban_sort_prioritydesc1","require_kanban_sort_titleasc1","require_kanban_sort_titledesc1","require_tools_components_kanban_kanban_primitives","require_tools_components_kanban_KanbanColumn","require_tools_components_kanban_use_kanban_drag","react_jsx_runtime","react","lucide_react","getSortOptions","PRIORITY_MAP","KanbanBoard","initialTasks","sortBy","setSortBy","initialSort","optimisticTasks","setOptimisticTasks","prevInitialTasks","setPrevInitialTasks","currentTasks","disableOptimisticUpdates","tasks","sorted","b","a","handleStatusChange","task","taskId","statusField","targetStatus","onStatusChange","drag","tasksByColumn","result","columns","col","status","testId","className","showSort","v"],"sources":["../../../../src/tools/components/kanban/KanbanBoard.tsx"],"sourcesContent":["/**\n * Kanban Board Component\n *\n * カンバンボードメインコンポーネント。@dnd-kit を使用したドラッグ&ドロップ対応。\n *\n * ## Features\n * - ドラッグ&ドロップによるタスク移動\n * - カラムごとのWIP制限\n * - ソート機能（優先度、期限、タイトル）\n * - 楽観的UIアップデート\n * - カスタムカードレンダラー\n *\n * ## AI/Automation Attributes\n * - `data-testid`: Container element\n * - `data-task-count`: Number of tasks\n *\n * @example\n * ```tsx\n * import { KanbanBoard, DEFAULT_KANBAN_COLUMNS } from '@alneas/appkit-react/tools/kanban';\n *\n * const tasks = [\n *   { id: '1', title: 'Task 1', status: 'todo', priority: 'high' },\n *   { id: '2', title: 'Task 2', status: 'in_progress', priority: 'medium' },\n * ];\n *\n * <KanbanBoard\n *   tasks={tasks}\n *   columns={DEFAULT_KANBAN_COLUMNS}\n *   onTaskClick={(task) => openDetail(task.id)}\n *   onStatusChange={(taskId, newStatus) => updateTaskStatus(taskId, newStatus)}\n * />\n * ```\n *\n * @param props - {@link KanbanBoardProps}\n * @returns カンバンボードコンポーネント\n */\n\nimport * as React from 'react';\nimport { ArrowUpDown } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { SelectInput } from '../ui/select';\nimport { KanbanColumn } from './KanbanColumn';\nimport { KanbanDragSurface } from './kanban-primitives';\nimport { useKanbanDrag } from './use-kanban-drag';\nimport type { KanbanBoardProps, KanbanTask, KanbanSortOption } from './types';\nimport * as m from '../../paraglide/messages.js';\n\n/**\n * ソートオプション定義（レンダー時に評価してロケールを反映）\n */\nfunction getSortOptions(): { value: KanbanSortOption; label: string }[] {\n  return [\n    { value: 'default', label: m.kanban_sort_default({ defaultValue: 'Default' }) },\n    {\n      value: 'priority-desc',\n      label: m.kanban_sort_priorityDesc({ defaultValue: 'Priority (High → Low)' }),\n    },\n    {\n      value: 'priority-asc',\n      label: m.kanban_sort_priorityAsc({ defaultValue: 'Priority (Low → High)' }),\n    },\n    { value: 'due-asc', label: m.kanban_sort_dueAsc({ defaultValue: 'Due Date (Nearest)' }) },\n    { value: 'due-desc', label: m.kanban_sort_dueDesc({ defaultValue: 'Due Date (Farthest)' }) },\n    { value: 'title-asc', label: m.kanban_sort_titleAsc({ defaultValue: 'Title (A → Z)' }) },\n    { value: 'title-desc', label: m.kanban_sort_titleDesc({ defaultValue: 'Title (Z → A)' }) },\n  ];\n}\n\nconst PRIORITY_MAP: Record<string, number> = {\n  urgent: 4,\n  high: 3,\n  medium: 2,\n  low: 1,\n};\n\n/**\n * カンバンボード。Compound版とD&D処理を共有し、ソートと楽観的更新を追加します。\n */\nexport const KanbanBoard = React.forwardRef<HTMLDivElement, KanbanBoardProps>(\n  (\n    {\n      tasks: initialTasks,\n      columns,\n      statusField = 'status',\n      onTaskClick,\n      onStatusChange,\n      className,\n      testId,\n      showSort = true,\n      initialSort = 'default',\n      readOnly = false,\n      disableOptimisticUpdates = false,\n      renderCard,\n    },\n    ref,\n  ) => {\n    const [sortBy, setSortBy] = React.useState<KanbanSortOption>(initialSort);\n    const [optimisticTasks, setOptimisticTasks] = React.useState<KanbanTask[] | null>(null);\n\n    // Reset optimistic state during render when original tasks prop changes\n    const [prevInitialTasks, setPrevInitialTasks] = React.useState<KanbanTask[]>(initialTasks);\n    if (initialTasks !== prevInitialTasks) {\n      setPrevInitialTasks(initialTasks);\n      setOptimisticTasks(null);\n    }\n\n    const currentTasks =\n      disableOptimisticUpdates || !optimisticTasks ? initialTasks : optimisticTasks;\n\n    // ソート処理\n    const tasks = React.useMemo(() => {\n      const sorted = [...currentTasks];\n      switch (sortBy) {\n        case 'priority-desc':\n          sorted.sort(\n            (a, b) =>\n              (PRIORITY_MAP[b.priority || 'medium'] || 2) -\n              (PRIORITY_MAP[a.priority || 'medium'] || 2),\n          );\n          break;\n        case 'priority-asc':\n          sorted.sort(\n            (a, b) =>\n              (PRIORITY_MAP[a.priority || 'medium'] || 2) -\n              (PRIORITY_MAP[b.priority || 'medium'] || 2),\n          );\n          break;\n        case 'due-asc':\n          sorted.sort(\n            (a, b) =>\n              new Date(a.due_date || '9999').getTime() - new Date(b.due_date || '9999').getTime(),\n          );\n          break;\n        case 'due-desc':\n          sorted.sort(\n            (a, b) =>\n              new Date(b.due_date || '1970').getTime() - new Date(a.due_date || '1970').getTime(),\n          );\n          break;\n        case 'title-asc':\n          sorted.sort((a, b) => a.title.localeCompare(b.title));\n          break;\n        case 'title-desc':\n          sorted.sort((a, b) => b.title.localeCompare(a.title));\n          break;\n      }\n      return sorted;\n    }, [currentTasks, sortBy]);\n\n    const handleStatusChange = React.useCallback(\n      (taskId: string, targetStatus: string) => {\n        if (!disableOptimisticUpdates) {\n          setOptimisticTasks(\n            currentTasks.map((task) =>\n              task.id === taskId ? { ...task, [statusField]: targetStatus } : task,\n            ),\n          );\n        }\n        onStatusChange?.(taskId, targetStatus);\n      },\n      [currentTasks, disableOptimisticUpdates, statusField, onStatusChange],\n    );\n    const drag = useKanbanDrag({\n      tasks: currentTasks,\n      columns,\n      statusField,\n      readOnly,\n      onStatusChange: handleStatusChange,\n    });\n\n    // カラムごとにタスクをグループ化\n    const tasksByColumn = React.useMemo(() => {\n      const result: Record<string, KanbanTask[]> = {};\n      columns.forEach((col) => {\n        result[col.id] = [];\n      });\n      tasks.forEach((task) => {\n        const status = (task as Record<string, unknown>)[statusField] as string;\n        if (result[status]) {\n          result[status].push(task);\n        }\n      });\n      return result;\n    }, [tasks, columns, statusField]);\n\n    return (\n      <KanbanDragSurface controller={drag}>\n        <div\n          ref={ref}\n          data-slot='kanban-board'\n          data-testid={testId}\n          className={cn('flex flex-col h-full', className)}\n        >\n          {/* ツールバー */}\n          {showSort && (\n            <div\n              data-slot='kanban-toolbar'\n              className='px-4 py-2 flex justify-end border-b border-border'\n            >\n              <SelectInput\n                aria-label=\"Sort tasks\"\n                value={sortBy}\n                onValueChange={(v) => v && setSortBy(v as KanbanSortOption)}\n                options={getSortOptions()}\n                className='w-[180px] h-8 text-xs'\n                testId={testId ? `${testId}-sort` : undefined}\n                icon={<ArrowUpDown className='w-3 h-3 mr-2' />}\n              />\n            </div>\n          )}\n\n          {/* カラム */}\n          <div\n            data-slot='kanban-columns'\n            className='flex h-full gap-4 p-4 overflow-x-auto items-start'\n          >\n            {columns.map((col) => (\n              <KanbanColumn\n                key={col.id}\n                column={col}\n                tasks={tasksByColumn[col.id] || []}\n                testId={testId ? `${testId}-column-${col.id}` : undefined}\n                onTaskClick={onTaskClick}\n                renderCard={renderCard}\n                readOnly={readOnly}\n              />\n            ))}\n          </div>\n        </div>\n      </KanbanDragSurface>\n    );\n  },\n);\n\nKanbanBoard.displayName = 'KanbanBoard';\n"],"mappings":"A,o3BAmDA,SAASuB,GAA+D,CACtE,MAAO,CACL,CAAE,MAAO,UAAW,MAAAb,EAAA,oBAA6B,CAAE,aAAc,SAAU,CAAC,CAAE,EAC9E,CACE,MAAO,gBACP,MAAAI,EAAA,yBAAkC,CAAE,aAAc,uBAAwB,CAAC,CAC7E,EACA,CACE,MAAO,eACP,MAAAD,EAAA,wBAAiC,CAAE,aAAc,uBAAwB,CAAC,CAC5E,EACA,CAAE,MAAO,UAAW,MAAAF,EAAA,mBAA4B,CAAE,aAAc,oBAAqB,CAAC,CAAE,EACxF,CAAE,MAAO,WAAY,MAAAC,EAAA,oBAA6B,CAAE,aAAc,qBAAsB,CAAC,CAAE,EAC3F,CAAE,MAAO,YAAa,MAAAG,EAAA,qBAA8B,CAAE,aAAc,eAAgB,CAAC,CAAE,EACvF,CAAE,MAAO,aAAc,MAAAC,EAAA,sBAA+B,CAAE,aAAc,eAAgB,CAAC,CAAE,CAC3F,CACF,CAEA,IAAMQ,EAAuC,CAC3C,OAAQ,EACR,KAAM,EACN,OAAQ,EACR,IAAK,CACP,EAKaC,EAAczB,EAAM,YAE7B,CACE,MAAO0B,EACP,UACA,cAAc,SACd,cACA,iBACA,YACA,SACA,WAAW,GACX,cAAc,UACd,WAAW,GACX,2BAA2B,GAC3B,cAEF,IACG,CACH,GAAM,CAACC,EAAQC,GAAa5B,EAAM,SAA2B6B,CAAW,EAClE,CAACC,EAAiBC,GAAsB/B,EAAM,SAA8B,IAAI,EAGhF,CAACgC,EAAkBC,GAAuBjC,EAAM,SAAuB0B,CAAY,EACrFA,IAAiBM,IACnBC,EAAoBP,CAAY,EAChCK,EAAmB,IAAI,GAGzB,IAAMG,EACJC,GAA4B,CAACL,EAAkBJ,EAAeI,EAG1DM,EAAQpC,EAAM,YAAc,CAChC,IAAMqC,EAAS,CAAC,GAAGH,CAAY,EAC/B,OAAQP,EAAR,CACE,IAAK,gBACHU,EAAO,MACJ,EAAG,KACDb,EAAac,EAAE,UAAY,WAAa,IACxCd,EAAae,EAAE,UAAY,WAAa,EAC7C,EACA,MACF,IAAK,eACHF,EAAO,MACJ,EAAG,KACDb,EAAae,EAAE,UAAY,WAAa,IACxCf,EAAac,EAAE,UAAY,WAAa,EAC7C,EACA,MACF,IAAK,UACHD,EAAO,MACJ,EAAG,IACF,IAAI,KAAKE,EAAE,UAAY,MAAM,CAAC,CAAC,QAAQ,EAAI,IAAI,KAAKD,EAAE,UAAY,MAAM,CAAC,CAAC,QAAQ,CACtF,EACA,MACF,IAAK,WACHD,EAAO,MACJ,EAAG,IACF,IAAI,KAAKC,EAAE,UAAY,MAAM,CAAC,CAAC,QAAQ,EAAI,IAAI,KAAKC,EAAE,UAAY,MAAM,CAAC,CAAC,QAAQ,CACtF,EACA,MACF,IAAK,YACHF,EAAO,MAAM,EAAG,IAAME,EAAE,MAAM,cAAcD,EAAE,KAAK,CAAC,EACpD,MACF,IAAK,aACHD,EAAO,MAAM,EAAG,IAAMC,EAAE,MAAM,cAAcC,EAAE,KAAK,CAAC,CAExD,CACA,OAAOF,CACT,EAAG,CAACH,EAAcP,CAAM,CAAC,EAEnBa,EAAqBxC,EAAM,aAC9B,EAAgB,IAAyB,CACnCmC,GACHJ,EACEG,EAAa,IAAK,GAChBO,EAAK,KAAOC,EAAS,CAAE,GAAGD,GAAOE,GAAcC,CAAa,EAAIH,CAClE,CACF,EAEFI,IAAiBH,EAAQE,CAAY,CACvC,EACA,CAACV,EAAcC,EAA0BQ,EAAaE,CAAc,CACtE,EACMC,EAAO7C,EAAAA,cAAc,CACzB,MAAOiC,EACP,UACA,cACA,WACA,eAAgBM,CAClB,CAAC,EAGKO,EAAgB/C,EAAM,YAAc,CACxC,IAAMgD,EAAuC,CAAC,EAU9C,OATAC,EAAQ,QAAS,GAAQ,CACvB,EAAOC,EAAI,IAAM,CAAC,CACpB,CAAC,EACDd,EAAM,QAAS,GAAS,CACtB,IAAMe,EAAUV,EAAiCE,GAC7CK,EAAOG,IACTH,EAAOG,EAAO,CAAC,KAAKV,CAAI,CAE5B,CAAC,EACMO,CACT,EAAG,CAACZ,EAAOa,EAASN,CAAW,CAAC,EAEhC,OACE,EAAAvB,EAAA,IAAA,CAAClB,EAAAA,kBAAD,CAAmB,WAAY4C,EAC7B,UAAA,EAAA1B,EAAA,KAAA,CAAC,MAAD,CACO,MACL,YAAU,eACV,cAAagC,EACb,UAAWjD,EAAAA,GAAG,uBAAwBkD,CAAS,EAJjD,SAAA,CAOGC,IACC,EAAAlC,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAU,oDAEV,UAAA,EAAAA,EAAA,IAAA,CAAChB,EAAAA,YAAD,CACE,aAAW,aACX,MAAOuB,EACP,cAAgB,GAAM4B,GAAK3B,EAAU2B,CAAqB,EAC1D,QAAShC,EAAe,EACxB,UAAU,wBACV,OAAQ6B,EAAS,GAAGA,EAAO,OAAS,IAAA,GACpC,MAAM,EAAAhC,EAAA,IAAA,CAACf,EAAAA,YAAD,CAAa,UAAU,cAAgB,CAAA,CAC9C,CAAA,CACE,CAAA,GAIP,EAAAe,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAU,oDAET,SAAA6B,EAAQ,IAAK,IACZ,EAAA7B,EAAA,IAAA,CAACd,EAAAA,aAAD,CAEE,OAAQ4C,EACR,MAAOH,EAAcG,EAAI,KAAO,CAAC,EACjC,OAAQE,EAAS,GAAGA,EAAO,UAAUF,EAAI,KAAO,IAAA,GACnC,cACD,aACF,UACX,EAPMA,EAAI,EAOV,CACF,CACE,CAAA,CACF,C,EACY,CAAA,CAEvB,CACF,EAEA,EAAY,YAAc,c"}
+{"version":3,"file":"KanbanBoard.cjs","names":["React","useKanbanDrag","KanbanDragSurface","cn","SelectInput","ArrowUpDown","KanbanColumn","require_runtime","require_ui_lib_utils","require_ui_components_ui_select","require_kanban_sort_default","require_kanban_sort_dueasc1","require_kanban_sort_duedesc1","require_kanban_sort_priorityasc1","require_kanban_sort_prioritydesc1","require_kanban_sort_titleasc1","require_kanban_sort_titledesc1","require_tools_components_kanban_kanban_primitives","require_tools_components_kanban_KanbanColumn","require_tools_components_kanban_use_kanban_drag","react_jsx_runtime","react","lucide_react","getSortOptions","PRIORITY_MAP","KanbanBoard","initialTasks","sortBy","setSortBy","initialSort","optimisticTasks","setOptimisticTasks","prevInitialTasks","setPrevInitialTasks","currentTasks","disableOptimisticUpdates","tasks","sorted","b","a","handleStatusChange","task","taskId","statusField","targetStatus","onStatusChange","drag","tasksByColumn","result","columns","col","status","testId","className","showSort","v"],"sources":["../../../../src/tools/components/kanban/KanbanBoard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ArrowUpDown } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { SelectInput } from '../ui/select';\nimport { KanbanColumn } from './KanbanColumn';\nimport { KanbanDragSurface } from './kanban-primitives';\nimport { useKanbanDrag } from './use-kanban-drag';\nimport type { KanbanBoardProps, KanbanTask, KanbanSortOption } from './types';\nimport * as m from '../../paraglide/messages.js';\n\n/**\n * ソートオプション定義（レンダー時に評価してロケールを反映）\n */\nfunction getSortOptions(): { value: KanbanSortOption; label: string }[] {\n  return [\n    { value: 'default', label: m.kanban_sort_default({ defaultValue: 'Default' }) },\n    {\n      value: 'priority-desc',\n      label: m.kanban_sort_priorityDesc({ defaultValue: 'Priority (High → Low)' }),\n    },\n    {\n      value: 'priority-asc',\n      label: m.kanban_sort_priorityAsc({ defaultValue: 'Priority (Low → High)' }),\n    },\n    { value: 'due-asc', label: m.kanban_sort_dueAsc({ defaultValue: 'Due Date (Nearest)' }) },\n    { value: 'due-desc', label: m.kanban_sort_dueDesc({ defaultValue: 'Due Date (Farthest)' }) },\n    { value: 'title-asc', label: m.kanban_sort_titleAsc({ defaultValue: 'Title (A → Z)' }) },\n    { value: 'title-desc', label: m.kanban_sort_titleDesc({ defaultValue: 'Title (Z → A)' }) },\n  ];\n}\n\nconst PRIORITY_MAP: Record<string, number> = {\n  urgent: 4,\n  high: 3,\n  medium: 2,\n  low: 1,\n};\n\n/**\n * Renders sortable task columns with optional drag-and-drop status changes and optimistic state.\n * @param props - Task/column arrays and callbacks; see {@link KanbanBoardProps}.\n * @returns The board with optional sorting controls and one column per supplied column definition.\n * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. statusField defaults to status, showSort to true, initialSort to\n *  default and readOnly to false. Local optimistic status changes are enabled unless\n *  disableOptimisticUpdates is true; receiving a different tasks array resets optimistic state.\n * onStatusChange receives the task ID and target column status; the host owns persistence.\n * The root exposes data-slot=\"kanban-board\" and data-testid only when testId is supplied.\n * It does not render data-task-count. No external drag-and-drop provider is required.\n * @example\n * ```tsx\n * import { KanbanBoard, DEFAULT_KANBAN_COLUMNS, type KanbanTask } from '@alneas/appkit-react/tools/kanban';\n * import '@alneas/appkit-react/styles';\n *\n * const tasks: KanbanTask[] = [{ id: 'task-1', title: 'Review', status: 'todo', priority: 'high' }];\n * export function ReviewBoard() {\n *   return <KanbanBoard testId=\"review-board\" tasks={tasks} columns={DEFAULT_KANBAN_COLUMNS} readOnly />;\n * }\n * ```\n */\nexport const KanbanBoard = React.forwardRef<HTMLDivElement, KanbanBoardProps>(\n  (\n    {\n      tasks: initialTasks,\n      columns,\n      statusField = 'status',\n      onTaskClick,\n      onStatusChange,\n      className,\n      testId,\n      showSort = true,\n      initialSort = 'default',\n      readOnly = false,\n      disableOptimisticUpdates = false,\n      renderCard,\n    },\n    ref,\n  ) => {\n    const [sortBy, setSortBy] = React.useState<KanbanSortOption>(initialSort);\n    const [optimisticTasks, setOptimisticTasks] = React.useState<KanbanTask[] | null>(null);\n\n    // Reset optimistic state during render when original tasks prop changes\n    const [prevInitialTasks, setPrevInitialTasks] = React.useState<KanbanTask[]>(initialTasks);\n    if (initialTasks !== prevInitialTasks) {\n      setPrevInitialTasks(initialTasks);\n      setOptimisticTasks(null);\n    }\n\n    const currentTasks =\n      disableOptimisticUpdates || !optimisticTasks ? initialTasks : optimisticTasks;\n\n    // ソート処理\n    const tasks = React.useMemo(() => {\n      const sorted = [...currentTasks];\n      switch (sortBy) {\n        case 'priority-desc':\n          sorted.sort(\n            (a, b) =>\n              (PRIORITY_MAP[b.priority || 'medium'] || 2) -\n              (PRIORITY_MAP[a.priority || 'medium'] || 2),\n          );\n          break;\n        case 'priority-asc':\n          sorted.sort(\n            (a, b) =>\n              (PRIORITY_MAP[a.priority || 'medium'] || 2) -\n              (PRIORITY_MAP[b.priority || 'medium'] || 2),\n          );\n          break;\n        case 'due-asc':\n          sorted.sort(\n            (a, b) =>\n              new Date(a.due_date || '9999').getTime() - new Date(b.due_date || '9999').getTime(),\n          );\n          break;\n        case 'due-desc':\n          sorted.sort(\n            (a, b) =>\n              new Date(b.due_date || '1970').getTime() - new Date(a.due_date || '1970').getTime(),\n          );\n          break;\n        case 'title-asc':\n          sorted.sort((a, b) => a.title.localeCompare(b.title));\n          break;\n        case 'title-desc':\n          sorted.sort((a, b) => b.title.localeCompare(a.title));\n          break;\n      }\n      return sorted;\n    }, [currentTasks, sortBy]);\n\n    const handleStatusChange = React.useCallback(\n      (taskId: string, targetStatus: string) => {\n        if (!disableOptimisticUpdates) {\n          setOptimisticTasks(\n            currentTasks.map((task) =>\n              task.id === taskId ? { ...task, [statusField]: targetStatus } : task,\n            ),\n          );\n        }\n        onStatusChange?.(taskId, targetStatus);\n      },\n      [currentTasks, disableOptimisticUpdates, statusField, onStatusChange],\n    );\n    const drag = useKanbanDrag({\n      tasks: currentTasks,\n      columns,\n      statusField,\n      readOnly,\n      onStatusChange: handleStatusChange,\n    });\n\n    // カラムごとにタスクをグループ化\n    const tasksByColumn = React.useMemo(() => {\n      const result: Record<string, KanbanTask[]> = {};\n      columns.forEach((col) => {\n        result[col.id] = [];\n      });\n      tasks.forEach((task) => {\n        const status = (task as Record<string, unknown>)[statusField] as string;\n        if (result[status]) {\n          result[status].push(task);\n        }\n      });\n      return result;\n    }, [tasks, columns, statusField]);\n\n    return (\n      <KanbanDragSurface controller={drag}>\n        <div\n          ref={ref}\n          data-slot='kanban-board'\n          data-testid={testId}\n          className={cn('flex flex-col h-full', className)}\n        >\n          {/* ツールバー */}\n          {showSort && (\n            <div\n              data-slot='kanban-toolbar'\n              className='px-4 py-2 flex justify-end border-b border-border'\n            >\n              <SelectInput\n                aria-label=\"Sort tasks\"\n                value={sortBy}\n                onValueChange={(v) => v && setSortBy(v as KanbanSortOption)}\n                options={getSortOptions()}\n                className='w-[180px] h-8 text-xs'\n                testId={testId ? `${testId}-sort` : undefined}\n                icon={<ArrowUpDown className='w-3 h-3 mr-2' />}\n              />\n            </div>\n          )}\n\n          {/* カラム */}\n          <div\n            data-slot='kanban-columns'\n            role='region'\n            aria-label='Kanban columns'\n            tabIndex={0}\n            className='flex h-full gap-4 p-4 overflow-x-auto items-start'\n          >\n            {columns.map((col) => (\n              <KanbanColumn\n                key={col.id}\n                column={col}\n                tasks={tasksByColumn[col.id] || []}\n                testId={testId ? `${testId}-column-${col.id}` : undefined}\n                onTaskClick={onTaskClick}\n                renderCard={renderCard}\n                readOnly={readOnly}\n              />\n            ))}\n          </div>\n        </div>\n      </KanbanDragSurface>\n    );\n  },\n);\n\nKanbanBoard.displayName = 'KanbanBoard';\n"],"mappings":"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"}

package/dist/tools/components/kanban/KanbanBoard.d.cts

@@ -1,42 +1,24 @@
 import { KanbanBoardProps } from './types.cjs';
+import * as React from 'react';
 /**
- * Kanban Board Component
- *
- * カンバンボードメインコンポーネント。@dnd-kit を使用したドラッグ&ドロップ対応。
- *
- * ## Features
- * - ドラッグ&ドロップによるタスク移動
- * - カラムごとのWIP制限
- * - ソート機能（優先度、期限、タイトル）
- * - 楽観的UIアップデート
- * - カスタムカードレンダラー
- *
- * ## AI/Automation Attributes
- * - `data-testid`: Container element
- * - `data-task-count`: Number of tasks
- *
+ * Renders sortable task columns with optional drag-and-drop status changes and optimistic state.
+ * @param props - Task/column arrays and callbacks; see {@link KanbanBoardProps}.
+ * @returns The board with optional sorting controls and one column per supplied column definition.
+ * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. statusField defaults to status, showSort to true, initialSort to
+ *  default and readOnly to false. Local optimistic status changes are enabled unless
+ *  disableOptimisticUpdates is true; receiving a different tasks array resets optimistic state.
+ * onStatusChange receives the task ID and target column status; the host owns persistence.
+ * The root exposes data-slot="kanban-board" and data-testid only when testId is supplied.
+ * It does not render data-task-count. No external drag-and-drop provider is required.
  * @example
  * ```tsx
- * import { KanbanBoard, DEFAULT_KANBAN_COLUMNS } from '@alneas/appkit-react/tools/kanban';
+ * import { KanbanBoard, DEFAULT_KANBAN_COLUMNS, type KanbanTask } from '@alneas/appkit-react/tools/kanban';
+ * import '@alneas/appkit-react/styles';
  *
- * const tasks = [
- *   { id: '1', title: 'Task 1', status: 'todo', priority: 'high' },
- *   { id: '2', title: 'Task 2', status: 'in_progress', priority: 'medium' },
- * ];
- *
- * <KanbanBoard
- *   tasks={tasks}
- *   columns={DEFAULT_KANBAN_COLUMNS}
- *   onTaskClick={(task) => openDetail(task.id)}
- *   onStatusChange={(taskId, newStatus) => updateTaskStatus(taskId, newStatus)}
- * />
+ * const tasks: KanbanTask[] = [{ id: 'task-1', title: 'Review', status: 'todo', priority: 'high' }];
+ * export function ReviewBoard() {
+ *   return <KanbanBoard testId="review-board" tasks={tasks} columns={DEFAULT_KANBAN_COLUMNS} readOnly />;
+ * }
  * ```
- *
- * @param props - {@link KanbanBoardProps}
- * @returns カンバンボードコンポーネント
- */
-import * as React from 'react';
-/**
- * カンバンボード。Compound版とD&D処理を共有し、ソートと楽観的更新を追加します。
  */
 export declare const KanbanBoard: React.ForwardRefExoticComponent<KanbanBoardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/tools/components/kanban/KanbanBoard.d.ts

@@ -1,42 +1,24 @@
 import { KanbanBoardProps } from './types.js';
+import * as React from 'react';
 /**
- * Kanban Board Component
- *
- * カンバンボードメインコンポーネント。@dnd-kit を使用したドラッグ&ドロップ対応。
- *
- * ## Features
- * - ドラッグ&ドロップによるタスク移動
- * - カラムごとのWIP制限
- * - ソート機能（優先度、期限、タイトル）
- * - 楽観的UIアップデート
- * - カスタムカードレンダラー
- *
- * ## AI/Automation Attributes
- * - `data-testid`: Container element
- * - `data-task-count`: Number of tasks
- *
+ * Renders sortable task columns with optional drag-and-drop status changes and optimistic state.
+ * @param props - Task/column arrays and callbacks; see {@link KanbanBoardProps}.
+ * @returns The board with optional sorting controls and one column per supplied column definition.
+ * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. statusField defaults to status, showSort to true, initialSort to
+ *  default and readOnly to false. Local optimistic status changes are enabled unless
+ *  disableOptimisticUpdates is true; receiving a different tasks array resets optimistic state.
+ * onStatusChange receives the task ID and target column status; the host owns persistence.
+ * The root exposes data-slot="kanban-board" and data-testid only when testId is supplied.
+ * It does not render data-task-count. No external drag-and-drop provider is required.
  * @example
  * ```tsx
- * import { KanbanBoard, DEFAULT_KANBAN_COLUMNS } from '@alneas/appkit-react/tools/kanban';
+ * import { KanbanBoard, DEFAULT_KANBAN_COLUMNS, type KanbanTask } from '@alneas/appkit-react/tools/kanban';
+ * import '@alneas/appkit-react/styles';
  *
- * const tasks = [
- *   { id: '1', title: 'Task 1', status: 'todo', priority: 'high' },
- *   { id: '2', title: 'Task 2', status: 'in_progress', priority: 'medium' },
- * ];
- *
- * <KanbanBoard
- *   tasks={tasks}
- *   columns={DEFAULT_KANBAN_COLUMNS}
- *   onTaskClick={(task) => openDetail(task.id)}
- *   onStatusChange={(taskId, newStatus) => updateTaskStatus(taskId, newStatus)}
- * />
+ * const tasks: KanbanTask[] = [{ id: 'task-1', title: 'Review', status: 'todo', priority: 'high' }];
+ * export function ReviewBoard() {
+ *   return <KanbanBoard testId="review-board" tasks={tasks} columns={DEFAULT_KANBAN_COLUMNS} readOnly />;
+ * }
  * ```
- *
- * @param props - {@link KanbanBoardProps}
- * @returns カンバンボードコンポーネント
- */
-import * as React from 'react';
-/**
- * カンバンボード。Compound版とD&D処理を共有し、ソートと楽観的更新を追加します。
  */
 export declare const KanbanBoard: React.ForwardRefExoticComponent<KanbanBoardProps & React.RefAttributes<HTMLDivElement>>;

package/dist/tools/components/kanban/KanbanBoard.js

@@ -126,6 +126,9 @@ var _ = {
 				})
 			}), /* @__PURE__ */ f("div", {
 				"data-slot": "kanban-columns",
+				role: "region",
+				"aria-label": "Kanban columns",
+				tabIndex: 0,
 				className: "flex h-full gap-4 p-4 overflow-x-auto items-start",
 				children: r.map((e) => /* @__PURE__ */ f(u, {
 					column: e,

package/dist/tools/components/kanban/KanbanBoard.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanBoard.js","names":["m.kanban_sort_default","m.kanban_sort_priorityDesc","m.kanban_sort_priorityAsc","m.kanban_sort_dueAsc","m.kanban_sort_dueDesc","m.kanban_sort_titleAsc","m.kanban_sort_titleDesc","React","kanban_sort_dueasc1","kanban_sort_duedesc1","kanban_sort_priorityasc1","kanban_sort_prioritydesc1","kanban_sort_titleasc1","kanban_sort_titledesc1","React$1","getSortOptions","kanban_sort_default","PRIORITY_MAP","KanbanBoard","initialTasks","sortBy","setSortBy","initialSort","optimisticTasks","setOptimisticTasks","prevInitialTasks","setPrevInitialTasks","currentTasks","disableOptimisticUpdates","tasks","sorted","b","a","handleStatusChange","task","taskId","statusField","targetStatus","onStatusChange","drag","useKanbanDrag","tasksByColumn","result","columns","col","status","KanbanDragSurface","testId","cn","className","showSort","SelectInput","v","ArrowUpDown","KanbanColumn"],"sources":["../../../../src/tools/components/kanban/KanbanBoard.tsx"],"sourcesContent":["/**\n * Kanban Board Component\n *\n * カンバンボードメインコンポーネント。@dnd-kit を使用したドラッグ&ドロップ対応。\n *\n * ## Features\n * - ドラッグ&ドロップによるタスク移動\n * - カラムごとのWIP制限\n * - ソート機能（優先度、期限、タイトル）\n * - 楽観的UIアップデート\n * - カスタムカードレンダラー\n *\n * ## AI/Automation Attributes\n * - `data-testid`: Container element\n * - `data-task-count`: Number of tasks\n *\n * @example\n * ```tsx\n * import { KanbanBoard, DEFAULT_KANBAN_COLUMNS } from '@alneas/appkit-react/tools/kanban';\n *\n * const tasks = [\n *   { id: '1', title: 'Task 1', status: 'todo', priority: 'high' },\n *   { id: '2', title: 'Task 2', status: 'in_progress', priority: 'medium' },\n * ];\n *\n * <KanbanBoard\n *   tasks={tasks}\n *   columns={DEFAULT_KANBAN_COLUMNS}\n *   onTaskClick={(task) => openDetail(task.id)}\n *   onStatusChange={(taskId, newStatus) => updateTaskStatus(taskId, newStatus)}\n * />\n * ```\n *\n * @param props - {@link KanbanBoardProps}\n * @returns カンバンボードコンポーネント\n */\n\nimport * as React from 'react';\nimport { ArrowUpDown } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { SelectInput } from '../ui/select';\nimport { KanbanColumn } from './KanbanColumn';\nimport { KanbanDragSurface } from './kanban-primitives';\nimport { useKanbanDrag } from './use-kanban-drag';\nimport type { KanbanBoardProps, KanbanTask, KanbanSortOption } from './types';\nimport * as m from '../../paraglide/messages.js';\n\n/**\n * ソートオプション定義（レンダー時に評価してロケールを反映）\n */\nfunction getSortOptions(): { value: KanbanSortOption; label: string }[] {\n  return [\n    { value: 'default', label: m.kanban_sort_default({ defaultValue: 'Default' }) },\n    {\n      value: 'priority-desc',\n      label: m.kanban_sort_priorityDesc({ defaultValue: 'Priority (High → Low)' }),\n    },\n    {\n      value: 'priority-asc',\n      label: m.kanban_sort_priorityAsc({ defaultValue: 'Priority (Low → High)' }),\n    },\n    { value: 'due-asc', label: m.kanban_sort_dueAsc({ defaultValue: 'Due Date (Nearest)' }) },\n    { value: 'due-desc', label: m.kanban_sort_dueDesc({ defaultValue: 'Due Date (Farthest)' }) },\n    { value: 'title-asc', label: m.kanban_sort_titleAsc({ defaultValue: 'Title (A → Z)' }) },\n    { value: 'title-desc', label: m.kanban_sort_titleDesc({ defaultValue: 'Title (Z → A)' }) },\n  ];\n}\n\nconst PRIORITY_MAP: Record<string, number> = {\n  urgent: 4,\n  high: 3,\n  medium: 2,\n  low: 1,\n};\n\n/**\n * カンバンボード。Compound版とD&D処理を共有し、ソートと楽観的更新を追加します。\n */\nexport const KanbanBoard = React.forwardRef<HTMLDivElement, KanbanBoardProps>(\n  (\n    {\n      tasks: initialTasks,\n      columns,\n      statusField = 'status',\n      onTaskClick,\n      onStatusChange,\n      className,\n      testId,\n      showSort = true,\n      initialSort = 'default',\n      readOnly = false,\n      disableOptimisticUpdates = false,\n      renderCard,\n    },\n    ref,\n  ) => {\n    const [sortBy, setSortBy] = React.useState<KanbanSortOption>(initialSort);\n    const [optimisticTasks, setOptimisticTasks] = React.useState<KanbanTask[] | null>(null);\n\n    // Reset optimistic state during render when original tasks prop changes\n    const [prevInitialTasks, setPrevInitialTasks] = React.useState<KanbanTask[]>(initialTasks);\n    if (initialTasks !== prevInitialTasks) {\n      setPrevInitialTasks(initialTasks);\n      setOptimisticTasks(null);\n    }\n\n    const currentTasks =\n      disableOptimisticUpdates || !optimisticTasks ? initialTasks : optimisticTasks;\n\n    // ソート処理\n    const tasks = React.useMemo(() => {\n      const sorted = [...currentTasks];\n      switch (sortBy) {\n        case 'priority-desc':\n          sorted.sort(\n            (a, b) =>\n              (PRIORITY_MAP[b.priority || 'medium'] || 2) -\n              (PRIORITY_MAP[a.priority || 'medium'] || 2),\n          );\n          break;\n        case 'priority-asc':\n          sorted.sort(\n            (a, b) =>\n              (PRIORITY_MAP[a.priority || 'medium'] || 2) -\n              (PRIORITY_MAP[b.priority || 'medium'] || 2),\n          );\n          break;\n        case 'due-asc':\n          sorted.sort(\n            (a, b) =>\n              new Date(a.due_date || '9999').getTime() - new Date(b.due_date || '9999').getTime(),\n          );\n          break;\n        case 'due-desc':\n          sorted.sort(\n            (a, b) =>\n              new Date(b.due_date || '1970').getTime() - new Date(a.due_date || '1970').getTime(),\n          );\n          break;\n        case 'title-asc':\n          sorted.sort((a, b) => a.title.localeCompare(b.title));\n          break;\n        case 'title-desc':\n          sorted.sort((a, b) => b.title.localeCompare(a.title));\n          break;\n      }\n      return sorted;\n    }, [currentTasks, sortBy]);\n\n    const handleStatusChange = React.useCallback(\n      (taskId: string, targetStatus: string) => {\n        if (!disableOptimisticUpdates) {\n          setOptimisticTasks(\n            currentTasks.map((task) =>\n              task.id === taskId ? { ...task, [statusField]: targetStatus } : task,\n            ),\n          );\n        }\n        onStatusChange?.(taskId, targetStatus);\n      },\n      [currentTasks, disableOptimisticUpdates, statusField, onStatusChange],\n    );\n    const drag = useKanbanDrag({\n      tasks: currentTasks,\n      columns,\n      statusField,\n      readOnly,\n      onStatusChange: handleStatusChange,\n    });\n\n    // カラムごとにタスクをグループ化\n    const tasksByColumn = React.useMemo(() => {\n      const result: Record<string, KanbanTask[]> = {};\n      columns.forEach((col) => {\n        result[col.id] = [];\n      });\n      tasks.forEach((task) => {\n        const status = (task as Record<string, unknown>)[statusField] as string;\n        if (result[status]) {\n          result[status].push(task);\n        }\n      });\n      return result;\n    }, [tasks, columns, statusField]);\n\n    return (\n      <KanbanDragSurface controller={drag}>\n        <div\n          ref={ref}\n          data-slot='kanban-board'\n          data-testid={testId}\n          className={cn('flex flex-col h-full', className)}\n        >\n          {/* ツールバー */}\n          {showSort && (\n            <div\n              data-slot='kanban-toolbar'\n              className='px-4 py-2 flex justify-end border-b border-border'\n            >\n              <SelectInput\n                aria-label=\"Sort tasks\"\n                value={sortBy}\n                onValueChange={(v) => v && setSortBy(v as KanbanSortOption)}\n                options={getSortOptions()}\n                className='w-[180px] h-8 text-xs'\n                testId={testId ? `${testId}-sort` : undefined}\n                icon={<ArrowUpDown className='w-3 h-3 mr-2' />}\n              />\n            </div>\n          )}\n\n          {/* カラム */}\n          <div\n            data-slot='kanban-columns'\n            className='flex h-full gap-4 p-4 overflow-x-auto items-start'\n          >\n            {columns.map((col) => (\n              <KanbanColumn\n                key={col.id}\n                column={col}\n                tasks={tasksByColumn[col.id] || []}\n                testId={testId ? `${testId}-column-${col.id}` : undefined}\n                onTaskClick={onTaskClick}\n                renderCard={renderCard}\n                readOnly={readOnly}\n              />\n            ))}\n          </div>\n        </div>\n      </KanbanDragSurface>\n    );\n  },\n);\n\nKanbanBoard.displayName = 'KanbanBoard';\n"],"mappings":"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"}
+{"version":3,"file":"KanbanBoard.js","names":["m.kanban_sort_default","m.kanban_sort_priorityDesc","m.kanban_sort_priorityAsc","m.kanban_sort_dueAsc","m.kanban_sort_dueDesc","m.kanban_sort_titleAsc","m.kanban_sort_titleDesc","React","kanban_sort_dueasc1","kanban_sort_duedesc1","kanban_sort_priorityasc1","kanban_sort_prioritydesc1","kanban_sort_titleasc1","kanban_sort_titledesc1","React$1","getSortOptions","kanban_sort_default","PRIORITY_MAP","KanbanBoard","initialTasks","sortBy","setSortBy","initialSort","optimisticTasks","setOptimisticTasks","prevInitialTasks","setPrevInitialTasks","currentTasks","disableOptimisticUpdates","tasks","sorted","b","a","handleStatusChange","task","taskId","statusField","targetStatus","onStatusChange","drag","useKanbanDrag","tasksByColumn","result","columns","col","status","KanbanDragSurface","testId","cn","className","showSort","SelectInput","v","ArrowUpDown","KanbanColumn"],"sources":["../../../../src/tools/components/kanban/KanbanBoard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ArrowUpDown } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { SelectInput } from '../ui/select';\nimport { KanbanColumn } from './KanbanColumn';\nimport { KanbanDragSurface } from './kanban-primitives';\nimport { useKanbanDrag } from './use-kanban-drag';\nimport type { KanbanBoardProps, KanbanTask, KanbanSortOption } from './types';\nimport * as m from '../../paraglide/messages.js';\n\n/**\n * ソートオプション定義（レンダー時に評価してロケールを反映）\n */\nfunction getSortOptions(): { value: KanbanSortOption; label: string }[] {\n  return [\n    { value: 'default', label: m.kanban_sort_default({ defaultValue: 'Default' }) },\n    {\n      value: 'priority-desc',\n      label: m.kanban_sort_priorityDesc({ defaultValue: 'Priority (High → Low)' }),\n    },\n    {\n      value: 'priority-asc',\n      label: m.kanban_sort_priorityAsc({ defaultValue: 'Priority (Low → High)' }),\n    },\n    { value: 'due-asc', label: m.kanban_sort_dueAsc({ defaultValue: 'Due Date (Nearest)' }) },\n    { value: 'due-desc', label: m.kanban_sort_dueDesc({ defaultValue: 'Due Date (Farthest)' }) },\n    { value: 'title-asc', label: m.kanban_sort_titleAsc({ defaultValue: 'Title (A → Z)' }) },\n    { value: 'title-desc', label: m.kanban_sort_titleDesc({ defaultValue: 'Title (Z → A)' }) },\n  ];\n}\n\nconst PRIORITY_MAP: Record<string, number> = {\n  urgent: 4,\n  high: 3,\n  medium: 2,\n  low: 1,\n};\n\n/**\n * Renders sortable task columns with optional drag-and-drop status changes and optimistic state.\n * @param props - Task/column arrays and callbacks; see {@link KanbanBoardProps}.\n * @returns The board with optional sorting controls and one column per supplied column definition.\n * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. statusField defaults to status, showSort to true, initialSort to\n *  default and readOnly to false. Local optimistic status changes are enabled unless\n *  disableOptimisticUpdates is true; receiving a different tasks array resets optimistic state.\n * onStatusChange receives the task ID and target column status; the host owns persistence.\n * The root exposes data-slot=\"kanban-board\" and data-testid only when testId is supplied.\n * It does not render data-task-count. No external drag-and-drop provider is required.\n * @example\n * ```tsx\n * import { KanbanBoard, DEFAULT_KANBAN_COLUMNS, type KanbanTask } from '@alneas/appkit-react/tools/kanban';\n * import '@alneas/appkit-react/styles';\n *\n * const tasks: KanbanTask[] = [{ id: 'task-1', title: 'Review', status: 'todo', priority: 'high' }];\n * export function ReviewBoard() {\n *   return <KanbanBoard testId=\"review-board\" tasks={tasks} columns={DEFAULT_KANBAN_COLUMNS} readOnly />;\n * }\n * ```\n */\nexport const KanbanBoard = React.forwardRef<HTMLDivElement, KanbanBoardProps>(\n  (\n    {\n      tasks: initialTasks,\n      columns,\n      statusField = 'status',\n      onTaskClick,\n      onStatusChange,\n      className,\n      testId,\n      showSort = true,\n      initialSort = 'default',\n      readOnly = false,\n      disableOptimisticUpdates = false,\n      renderCard,\n    },\n    ref,\n  ) => {\n    const [sortBy, setSortBy] = React.useState<KanbanSortOption>(initialSort);\n    const [optimisticTasks, setOptimisticTasks] = React.useState<KanbanTask[] | null>(null);\n\n    // Reset optimistic state during render when original tasks prop changes\n    const [prevInitialTasks, setPrevInitialTasks] = React.useState<KanbanTask[]>(initialTasks);\n    if (initialTasks !== prevInitialTasks) {\n      setPrevInitialTasks(initialTasks);\n      setOptimisticTasks(null);\n    }\n\n    const currentTasks =\n      disableOptimisticUpdates || !optimisticTasks ? initialTasks : optimisticTasks;\n\n    // ソート処理\n    const tasks = React.useMemo(() => {\n      const sorted = [...currentTasks];\n      switch (sortBy) {\n        case 'priority-desc':\n          sorted.sort(\n            (a, b) =>\n              (PRIORITY_MAP[b.priority || 'medium'] || 2) -\n              (PRIORITY_MAP[a.priority || 'medium'] || 2),\n          );\n          break;\n        case 'priority-asc':\n          sorted.sort(\n            (a, b) =>\n              (PRIORITY_MAP[a.priority || 'medium'] || 2) -\n              (PRIORITY_MAP[b.priority || 'medium'] || 2),\n          );\n          break;\n        case 'due-asc':\n          sorted.sort(\n            (a, b) =>\n              new Date(a.due_date || '9999').getTime() - new Date(b.due_date || '9999').getTime(),\n          );\n          break;\n        case 'due-desc':\n          sorted.sort(\n            (a, b) =>\n              new Date(b.due_date || '1970').getTime() - new Date(a.due_date || '1970').getTime(),\n          );\n          break;\n        case 'title-asc':\n          sorted.sort((a, b) => a.title.localeCompare(b.title));\n          break;\n        case 'title-desc':\n          sorted.sort((a, b) => b.title.localeCompare(a.title));\n          break;\n      }\n      return sorted;\n    }, [currentTasks, sortBy]);\n\n    const handleStatusChange = React.useCallback(\n      (taskId: string, targetStatus: string) => {\n        if (!disableOptimisticUpdates) {\n          setOptimisticTasks(\n            currentTasks.map((task) =>\n              task.id === taskId ? { ...task, [statusField]: targetStatus } : task,\n            ),\n          );\n        }\n        onStatusChange?.(taskId, targetStatus);\n      },\n      [currentTasks, disableOptimisticUpdates, statusField, onStatusChange],\n    );\n    const drag = useKanbanDrag({\n      tasks: currentTasks,\n      columns,\n      statusField,\n      readOnly,\n      onStatusChange: handleStatusChange,\n    });\n\n    // カラムごとにタスクをグループ化\n    const tasksByColumn = React.useMemo(() => {\n      const result: Record<string, KanbanTask[]> = {};\n      columns.forEach((col) => {\n        result[col.id] = [];\n      });\n      tasks.forEach((task) => {\n        const status = (task as Record<string, unknown>)[statusField] as string;\n        if (result[status]) {\n          result[status].push(task);\n        }\n      });\n      return result;\n    }, [tasks, columns, statusField]);\n\n    return (\n      <KanbanDragSurface controller={drag}>\n        <div\n          ref={ref}\n          data-slot='kanban-board'\n          data-testid={testId}\n          className={cn('flex flex-col h-full', className)}\n        >\n          {/* ツールバー */}\n          {showSort && (\n            <div\n              data-slot='kanban-toolbar'\n              className='px-4 py-2 flex justify-end border-b border-border'\n            >\n              <SelectInput\n                aria-label=\"Sort tasks\"\n                value={sortBy}\n                onValueChange={(v) => v && setSortBy(v as KanbanSortOption)}\n                options={getSortOptions()}\n                className='w-[180px] h-8 text-xs'\n                testId={testId ? `${testId}-sort` : undefined}\n                icon={<ArrowUpDown className='w-3 h-3 mr-2' />}\n              />\n            </div>\n          )}\n\n          {/* カラム */}\n          <div\n            data-slot='kanban-columns'\n            role='region'\n            aria-label='Kanban columns'\n            tabIndex={0}\n            className='flex h-full gap-4 p-4 overflow-x-auto items-start'\n          >\n            {columns.map((col) => (\n              <KanbanColumn\n                key={col.id}\n                column={col}\n                tasks={tasksByColumn[col.id] || []}\n                testId={testId ? `${testId}-column-${col.id}` : undefined}\n                onTaskClick={onTaskClick}\n                renderCard={renderCard}\n                readOnly={readOnly}\n              />\n            ))}\n          </div>\n        </div>\n      </KanbanDragSurface>\n    );\n  },\n);\n\nKanbanBoard.displayName = 'KanbanBoard';\n"],"mappings":";;;;;;;;;;;;;;;;;AAcA,SAASe,IAA+D;CACtE,OAAO;EACL;GAAE,OAAO;GAAW,OAAOf,EAAsB,EAAE,cAAc,UAAU,CAAC;EAAE;EAC9E;GACE,OAAO;GACP,OAAOC,EAA2B,EAAE,cAAc,wBAAwB,CAAC;EAC7E;EACA;GACE,OAAO;GACP,OAAOC,EAA0B,EAAE,cAAc,wBAAwB,CAAC;EAC5E;EACA;GAAE,OAAO;GAAW,OAAOC,EAAqB,EAAE,cAAc,qBAAqB,CAAC;EAAE;EACxF;GAAE,OAAO;GAAY,OAAOC,EAAsB,EAAE,cAAc,sBAAsB,CAAC;EAAE;EAC3F;GAAE,OAAO;GAAa,OAAOC,EAAuB,EAAE,cAAc,gBAAgB,CAAC;EAAE;EACvF;GAAE,OAAO;GAAc,OAAOC,EAAwB,EAAE,cAAc,gBAAgB,CAAC;EAAE;CAC3F;AACF;AAEA,IAAMW,IAAuC;CAC3C,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,KAAK;AACP,GAuBaC,IAAcX,EAAM,YAE7B,EACE,OAAOY,GACP,YACA,iBAAc,UACd,gBACA,mBACA,cACA,WACA,cAAW,IACX,iBAAc,WACd,cAAW,IACX,8BAA2B,IAC3B,iBAEF,MACG;CACH,IAAM,CAACC,GAAQC,KAAad,EAAM,SAA2Be,CAAW,GAClE,CAACC,GAAiBC,KAAsBjB,EAAM,SAA8B,IAAI,GAGhF,CAACkB,GAAkBC,KAAuBnB,EAAM,SAAuBY,CAAY;CACzF,AAAIA,MAAiBM,MACnBC,EAAoBP,CAAY,GAChCK,EAAmB,IAAI;CAGzB,IAAMG,IACJC,KAA4B,CAACL,IAAkBJ,IAAeI,GAG1DM,IAAQtB,EAAM,cAAc;EAChC,IAAMuB,IAAS,CAAC,GAAGH,CAAY;EAC/B,QAAQP,GAAR;GACE,KAAK;IACH,EAAO,MACJ,GAAG,OACDH,EAAac,EAAE,YAAY,aAAa,MACxCd,EAAae,EAAE,YAAY,aAAa,EAC7C;IACA;GACF,KAAK;IACH,EAAO,MACJ,GAAG,OACDf,EAAae,EAAE,YAAY,aAAa,MACxCf,EAAac,EAAE,YAAY,aAAa,EAC7C;IACA;GACF,KAAK;IACH,EAAO,MACJ,GAAG,MACF,IAAI,KAAKC,EAAE,YAAY,MAAM,CAAC,CAAC,QAAQ,IAAI,IAAI,KAAKD,EAAE,YAAY,MAAM,CAAC,CAAC,QAAQ,CACtF;IACA;GACF,KAAK;IACH,EAAO,MACJ,GAAG,MACF,IAAI,KAAKA,EAAE,YAAY,MAAM,CAAC,CAAC,QAAQ,IAAI,IAAI,KAAKC,EAAE,YAAY,MAAM,CAAC,CAAC,QAAQ,CACtF;IACA;GACF,KAAK;IACH,EAAO,MAAM,GAAG,MAAMA,EAAE,MAAM,cAAcD,EAAE,KAAK,CAAC;IACpD;GACF,KAAK,cACH,EAAO,MAAM,GAAG,MAAMA,EAAE,MAAM,cAAcC,EAAE,KAAK,CAAC;EAExD;EACA,OAAOF;CACT,GAAG,CAACH,GAAcP,CAAM,CAAC,GAEnBa,IAAqB1B,EAAM,aAC9B,GAAgB,MAAyB;EAQxC,AAPKqB,KACHJ,EACEG,EAAa,KAAK,MAChBO,EAAK,OAAOC,IAAS;GAAE,GAAGD;IAAOE,IAAcC;EAAa,IAAIH,CAClE,CACF,GAEFI,IAAiBH,GAAQE,CAAY;CACvC,GACA;EAACV;EAAcC;EAA0BQ;EAAaE;CAAc,CACtE,GACMC,IAAOC,EAAc;EACzB,OAAOb;EACP;EACA;EACA;EACA,gBAAgBM;CAClB,CAAC,GAGKQ,IAAgBlC,EAAM,cAAc;EACxC,IAAMmC,IAAuC,CAAC;EAU9C,OATAC,EAAQ,SAAS,MAAQ;GACvB,EAAOC,EAAI,MAAM,CAAC;EACpB,CAAC,GACDf,EAAM,SAAS,MAAS;GACtB,IAAMgB,IAAUX,EAAiCE;GACjD,AAAIM,EAAOG,MACTH,EAAOG,EAAO,CAAC,KAAKX,CAAI;EAE5B,CAAC,GACMQ;CACT,GAAG;EAACb;EAAOc;EAASP;CAAW,CAAC;CAEhC,OACE,kBAACU,GAAD;EAAmB,YAAYP;EAC7B,UAAA,kBAAC,OAAD;GACO;GACL,aAAU;GACV,eAAaQ;GACb,WAAWC,EAAG,wBAAwBC,CAAS;GAJjD,UAAA,CAOGC,KACC,kBAAC,OAAD;IACE,aAAU;IACV,WAAU;IAEV,UAAA,kBAACC,GAAD;KACE,cAAW;KACX,OAAO/B;KACP,gBAAgB,MAAMgC,KAAK/B,EAAU+B,CAAqB;KAC1D,SAASrC,EAAe;KACxB,WAAU;KACV,QAAQgC,IAAS,GAAGA,EAAO,SAAS,KAAA;KACpC,MAAM,kBAACM,GAAD,EAAa,WAAU,eAAgB,CAAA;IAC9C,CAAA;GACE,CAAA,GAIP,kBAAC,OAAD;IACE,aAAU;IACV,MAAK;IACL,cAAW;IACX,UAAU;IACV,WAAU;IAET,UAAAV,EAAQ,KAAK,MACZ,kBAACW,GAAD;KAEE,QAAQV;KACR,OAAOH,EAAcG,EAAI,OAAO,CAAC;KACjC,QAAQG,IAAS,GAAGA,EAAO,UAAUH,EAAI,OAAO,KAAA;KACnC;KACD;KACF;IACX,GAPMA,EAAI,EAOV,CACF;GACE,CAAA,CACF;;CACY,CAAA;AAEvB,CACF;AAEA,EAAY,cAAc"}

package/dist/tools/components/kanban/KanbanColumn.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/components/ui/badge-components.cjs"),n=require("./kanban-primitives.cjs"),r=require("./KanbanCard.cjs");let i=require("react/jsx-runtime"),a=require("react");a=e.__toESM(a,1);let o=require("@dnd-kit/sortable");var s=a.forwardRef(({column:e,tasks:s,onTaskClick:c,testId:l,renderCard:u,readOnly:d},f)=>{let p=e.limit?s.length>=e.limit:!1;return(0,i.jsxs)(n.KanbanColumnFrame,{ref:f,column:e,isOverLimit:p,"data-testid":l,children:[(0,i.jsxs)(`div`,{"data-slot":`kanban-column-header`,className:`flex items-center justify-between mb-3 px-1`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e.color&&(0,i.jsx)(`div`,{className:`w-2 h-2 rounded-full`,style:{backgroundColor:e.color}}),(0,i.jsx)(`h3`,{className:`font-semibold text-sm text-foreground`,children:e.title})]}),(0,i.jsxs)(t.Badge,{variant:p?`destructive`:`secondary`,className:`text-xs px-2 py-0.5`,children:[s.length,e.limit&&` / ${e.limit}`]})]}),(0,i.jsxs)(`div`,{"data-slot":`kanban-column-content`,className:`flex flex-1 flex-col gap-2 overflow-y-auto`,children:[(0,i.jsx)(o.SortableContext,{items:s.map(e=>e.id),strategy:o.verticalListSortingStrategy,children:s.map(e=>(0,i.jsx)(a.Fragment,{children:u?u({task:e,testId:l?`${l}-task-${e.id}`:void 0,onClick:()=>c?.(e),disableDrag:d}):(0,i.jsx)(r.KanbanCard,{task:e,testId:l?`${l}-task-${e.id}`:void 0,onClick:()=>c?.(e),disableDrag:d})},e.id))}),s.length===0&&(0,i.jsx)(`div`,{"data-slot":`kanban-column-empty`,className:`flex-1 flex items-center justify-center text-muted-foreground text-xs py-8`,children:`No tasks`})]})]})});s.displayName=`KanbanColumn`,exports.KanbanColumn=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/components/ui/badge-components.cjs"),n=require("./kanban-primitives.cjs"),r=require("./KanbanCard.cjs");let i=require("react/jsx-runtime"),a=require("react");a=e.__toESM(a,1);let o=require("@dnd-kit/sortable");var s=a.forwardRef(({column:e,tasks:s,onTaskClick:c,testId:l,renderCard:u,readOnly:d},f)=>{let p=e.limit?s.length>=e.limit:!1;return(0,i.jsxs)(n.KanbanColumnFrame,{ref:f,column:e,isOverLimit:p,"data-testid":l,children:[(0,i.jsxs)(`div`,{"data-slot":`kanban-column-header`,className:`flex items-center justify-between mb-3 px-1`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e.color&&(0,i.jsx)(`div`,{className:`w-2 h-2 rounded-full`,style:{backgroundColor:e.color}}),(0,i.jsx)(`h2`,{className:`font-semibold text-sm text-foreground`,children:e.title})]}),(0,i.jsxs)(t.Badge,{variant:p?`destructive`:`secondary`,className:`text-xs px-2 py-0.5`,children:[s.length,e.limit&&` / ${e.limit}`]})]}),(0,i.jsxs)(`div`,{"data-slot":`kanban-column-content`,className:`flex flex-1 flex-col gap-2 overflow-y-auto`,children:[(0,i.jsx)(o.SortableContext,{items:s.map(e=>e.id),strategy:o.verticalListSortingStrategy,children:s.map(e=>(0,i.jsx)(a.Fragment,{children:u?u({task:e,testId:l?`${l}-task-${e.id}`:void 0,onClick:()=>c?.(e),disableDrag:d}):(0,i.jsx)(r.KanbanCard,{task:e,testId:l?`${l}-task-${e.id}`:void 0,onClick:()=>c?.(e),disableDrag:d})},e.id))}),s.length===0&&(0,i.jsx)(`div`,{"data-slot":`kanban-column-empty`,className:`flex-1 flex items-center justify-center text-muted-foreground text-xs py-8`,children:`No tasks`})]})]})});s.displayName=`KanbanColumn`,exports.KanbanColumn=s;
 //# sourceMappingURL=KanbanColumn.cjs.map

package/dist/tools/components/kanban/KanbanColumn.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.cjs","names":["React","KanbanColumnFrame","Badge","SortableContext","verticalListSortingStrategy","KanbanCard","require_runtime","require_ui_components_ui_badge_components","require_tools_components_kanban_kanban_primitives","require_tools_components_kanban_KanbanCard","react_jsx_runtime","react","_dnd_kit_sortable","KanbanColumn","isOverLimit","column","tasks","testId","t","renderCard","task","onTaskClick","readOnly"],"sources":["../../../../src/tools/components/kanban/KanbanColumn.tsx"],"sourcesContent":["/**\n * Kanban Column Component\n *\n * カンバンボードの1列（ドロップゾーン）\n */\n\nimport * as React from 'react';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\n\nimport { Badge } from '../ui/badge';\nimport { KanbanCard } from './KanbanCard';\nimport { KanbanColumnFrame } from './kanban-primitives';\nimport type { KanbanColumnProps } from './types';\n\n/**\n * カンバンカラム\n */\nexport const KanbanColumn = React.forwardRef<HTMLDivElement, KanbanColumnProps>(\n  ({ column, tasks, onTaskClick, testId, renderCard, readOnly }, ref) => {\n    const isOverLimit = column.limit ? tasks.length >= column.limit : false;\n\n    return (\n      <KanbanColumnFrame ref={ref} column={column} isOverLimit={isOverLimit} data-testid={testId}>\n        {/* ヘッダー */}\n        <div\n          data-slot='kanban-column-header'\n          className='flex items-center justify-between mb-3 px-1'\n        >\n          <div className='flex items-center gap-2'>\n            {column.color && (\n              <div className='w-2 h-2 rounded-full' style={{ backgroundColor: column.color }} />\n            )}\n            <h3 className='font-semibold text-sm text-foreground'>{column.title}</h3>\n          </div>\n          <Badge\n            variant={isOverLimit ? 'destructive' : 'secondary'}\n            className='text-xs px-2 py-0.5'\n          >\n            {tasks.length}\n            {column.limit && ` / ${column.limit}`}\n          </Badge>\n        </div>\n\n        {/* タスクリスト */}\n        <div\n          data-slot='kanban-column-content'\n          className='flex flex-1 flex-col gap-2 overflow-y-auto'\n        >\n          <SortableContext items={tasks.map((t) => t.id)} strategy={verticalListSortingStrategy}>\n            {tasks.map((task) => (\n              <React.Fragment key={task.id}>\n                {renderCard ? (\n                  renderCard({\n                    task,\n                    testId: testId ? `${testId}-task-${task.id}` : undefined,\n                    onClick: () => onTaskClick?.(task),\n                    disableDrag: readOnly,\n                  })\n                ) : (\n                  <KanbanCard\n                    task={task}\n                    testId={testId ? `${testId}-task-${task.id}` : undefined}\n                    onClick={() => onTaskClick?.(task)}\n                    disableDrag={readOnly}\n                  />\n                )}\n              </React.Fragment>\n            ))}\n          </SortableContext>\n\n          {/* 空状態 */}\n          {tasks.length === 0 && (\n            <div\n              data-slot='kanban-column-empty'\n              className='flex-1 flex items-center justify-center text-muted-foreground text-xs py-8'\n            >\n              No tasks\n            </div>\n          )}\n        </div>\n      </KanbanColumnFrame>\n    );\n  },\n);\n\nKanbanColumn.displayName = 'KanbanColumn';\n"],"mappings":"A,oXAiBA,IAAaa,EAAeb,EAAM,YAC/B,CAAE,SAAQ,QAAO,cAAa,SAAQ,aAAY,YAAY,IAAQ,CACrE,IAAMc,EAAcC,EAAO,MAAQC,EAAM,QAAUD,EAAO,MAAQ,GAElE,OACE,EAAAL,EAAA,KAAA,CAACT,EAAAA,kBAAD,CAAwB,MAAa,SAAqB,cAAa,cAAagB,EAApF,SAAA,EAEE,EAAAP,EAAA,KAAA,CAAC,MAAD,CACE,YAAU,uBACV,UAAU,8CAFZ,SAAA,EAIE,EAAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,0BAAf,SAAA,CACGK,EAAO,QACN,EAAAL,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,uBAAuB,MAAO,CAAE,gBAAiBK,EAAO,KAAM,CAAI,CAAA,GAEnF,EAAAL,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,wCAAyC,SAAAK,EAAO,KAAU,CAAA,CACrE,CACL,CAAA,GAAA,EAAAL,EAAA,KAAA,CAACR,EAAAA,MAAD,CACE,QAASY,EAAc,cAAgB,YACvC,UAAU,sBAFZ,SAAA,CAIGE,EAAM,OACND,EAAO,OAAS,MAAMA,EAAO,OACzB,CACJ,CAAA,CAAA,CAGL,CAAA,GAAA,EAAAL,EAAA,KAAA,CAAC,MAAD,CACE,YAAU,wBACV,UAAU,6CAFZ,SAAA,EAIE,EAAAA,EAAA,IAAA,CAACP,EAAAA,gBAAD,CAAiB,MAAOa,EAAM,IAAK,GAAME,EAAE,EAAE,EAAG,SAAUd,EAAAA,4BACvD,SAAAY,EAAM,IAAK,IACV,EAAAN,EAAA,IAAA,CAACV,EAAM,SAAP,CAAA,SACGmB,EACCA,EAAW,CACT,OACA,OAAQF,EAAS,GAAGA,EAAO,QAAQG,EAAK,KAAO,IAAA,GAC/C,YAAeC,IAAcD,CAAI,EACjC,YAAaE,CACf,CAAC,GAED,EAAAZ,EAAA,IAAA,CAACL,EAAAA,WAAD,CACQ,OACN,OAAQY,EAAS,GAAGA,EAAO,QAAQG,EAAK,KAAO,IAAA,GAC/C,YAAeC,IAAcD,CAAI,EACjC,YAAaE,CACd,CAAA,CAEW,EAhBKF,EAAK,EAgBV,CACjB,CACc,CAAA,EAGhBJ,EAAM,SAAW,IAChB,EAAAN,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,sBACV,UAAU,6EACX,SAAA,UAEI,CAAA,CAEJ,CACY,CAAA,CAAA,C,EAEvB,CACF,EAEA,EAAa,YAAc,e"}
+{"version":3,"file":"KanbanColumn.cjs","names":["React","KanbanColumnFrame","Badge","SortableContext","verticalListSortingStrategy","KanbanCard","require_runtime","require_ui_components_ui_badge_components","require_tools_components_kanban_kanban_primitives","require_tools_components_kanban_KanbanCard","react_jsx_runtime","react","_dnd_kit_sortable","KanbanColumn","isOverLimit","column","tasks","testId","t","renderCard","task","onTaskClick","readOnly"],"sources":["../../../../src/tools/components/kanban/KanbanColumn.tsx"],"sourcesContent":["/**\n * Kanban Column Component\n *\n * カンバンボードの1列（ドロップゾーン）\n */\n\nimport * as React from 'react';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\n\nimport { Badge } from '../ui/badge';\nimport { KanbanCard } from './KanbanCard';\nimport { KanbanColumnFrame } from './kanban-primitives';\nimport type { KanbanColumnProps } from './types';\n\n/**\n * カンバンカラム\n */\nexport const KanbanColumn = React.forwardRef<HTMLDivElement, KanbanColumnProps>(\n  ({ column, tasks, onTaskClick, testId, renderCard, readOnly }, ref) => {\n    const isOverLimit = column.limit ? tasks.length >= column.limit : false;\n\n    return (\n      <KanbanColumnFrame ref={ref} column={column} isOverLimit={isOverLimit} data-testid={testId}>\n        {/* ヘッダー */}\n        <div\n          data-slot='kanban-column-header'\n          className='flex items-center justify-between mb-3 px-1'\n        >\n          <div className='flex items-center gap-2'>\n            {column.color && (\n              <div className='w-2 h-2 rounded-full' style={{ backgroundColor: column.color }} />\n            )}\n            <h2 className='font-semibold text-sm text-foreground'>{column.title}</h2>\n          </div>\n          <Badge\n            variant={isOverLimit ? 'destructive' : 'secondary'}\n            className='text-xs px-2 py-0.5'\n          >\n            {tasks.length}\n            {column.limit && ` / ${column.limit}`}\n          </Badge>\n        </div>\n\n        {/* タスクリスト */}\n        <div\n          data-slot='kanban-column-content'\n          className='flex flex-1 flex-col gap-2 overflow-y-auto'\n        >\n          <SortableContext items={tasks.map((t) => t.id)} strategy={verticalListSortingStrategy}>\n            {tasks.map((task) => (\n              <React.Fragment key={task.id}>\n                {renderCard ? (\n                  renderCard({\n                    task,\n                    testId: testId ? `${testId}-task-${task.id}` : undefined,\n                    onClick: () => onTaskClick?.(task),\n                    disableDrag: readOnly,\n                  })\n                ) : (\n                  <KanbanCard\n                    task={task}\n                    testId={testId ? `${testId}-task-${task.id}` : undefined}\n                    onClick={() => onTaskClick?.(task)}\n                    disableDrag={readOnly}\n                  />\n                )}\n              </React.Fragment>\n            ))}\n          </SortableContext>\n\n          {/* 空状態 */}\n          {tasks.length === 0 && (\n            <div\n              data-slot='kanban-column-empty'\n              className='flex-1 flex items-center justify-center text-muted-foreground text-xs py-8'\n            >\n              No tasks\n            </div>\n          )}\n        </div>\n      </KanbanColumnFrame>\n    );\n  },\n);\n\nKanbanColumn.displayName = 'KanbanColumn';\n"],"mappings":"A,oXAiBA,IAAaa,EAAeb,EAAM,YAC/B,CAAE,SAAQ,QAAO,cAAa,SAAQ,aAAY,YAAY,IAAQ,CACrE,IAAMc,EAAcC,EAAO,MAAQC,EAAM,QAAUD,EAAO,MAAQ,GAElE,OACE,EAAAL,EAAA,KAAA,CAACT,EAAAA,kBAAD,CAAwB,MAAa,SAAqB,cAAa,cAAagB,EAApF,SAAA,EAEE,EAAAP,EAAA,KAAA,CAAC,MAAD,CACE,YAAU,uBACV,UAAU,8CAFZ,SAAA,EAIE,EAAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,0BAAf,SAAA,CACGK,EAAO,QACN,EAAAL,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,uBAAuB,MAAO,CAAE,gBAAiBK,EAAO,KAAM,CAAI,CAAA,GAEnF,EAAAL,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,wCAAyC,SAAAK,EAAO,KAAU,CAAA,CACrE,CACL,CAAA,GAAA,EAAAL,EAAA,KAAA,CAACR,EAAAA,MAAD,CACE,QAASY,EAAc,cAAgB,YACvC,UAAU,sBAFZ,SAAA,CAIGE,EAAM,OACND,EAAO,OAAS,MAAMA,EAAO,OACzB,CACJ,CAAA,CAAA,CAGL,CAAA,GAAA,EAAAL,EAAA,KAAA,CAAC,MAAD,CACE,YAAU,wBACV,UAAU,6CAFZ,SAAA,EAIE,EAAAA,EAAA,IAAA,CAACP,EAAAA,gBAAD,CAAiB,MAAOa,EAAM,IAAK,GAAME,EAAE,EAAE,EAAG,SAAUd,EAAAA,4BACvD,SAAAY,EAAM,IAAK,IACV,EAAAN,EAAA,IAAA,CAACV,EAAM,SAAP,CAAA,SACGmB,EACCA,EAAW,CACT,OACA,OAAQF,EAAS,GAAGA,EAAO,QAAQG,EAAK,KAAO,IAAA,GAC/C,YAAeC,IAAcD,CAAI,EACjC,YAAaE,CACf,CAAC,GAED,EAAAZ,EAAA,IAAA,CAACL,EAAAA,WAAD,CACQ,OACN,OAAQY,EAAS,GAAGA,EAAO,QAAQG,EAAK,KAAO,IAAA,GAC/C,YAAeC,IAAcD,CAAI,EACjC,YAAaE,CACd,CAAA,CAEW,EAhBKF,EAAK,EAgBV,CACjB,CACc,CAAA,EAGhBJ,EAAM,SAAW,IAChB,EAAAN,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,sBACV,UAAU,6EACX,SAAA,UAEI,CAAA,CAEJ,CACY,CAAA,CAAA,C,EAEvB,CACF,EAEA,EAAa,YAAc,e"}

package/dist/tools/components/kanban/KanbanColumn.js

@@ -21,7 +21,7 @@ var c = a.forwardRef(({ column: c, tasks: l, onTaskClick: u, testId: d, renderCa
 				children: [c.color && /* @__PURE__ */ r("div", {
 					className: "w-2 h-2 rounded-full",
 					style: { backgroundColor: c.color }
-				}), /* @__PURE__ */ r("h3", {
+				}), /* @__PURE__ */ r("h2", {
 					className: "font-semibold text-sm text-foreground",
 					children: c.title
 				})]

package/dist/tools/components/kanban/KanbanColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.js","names":["React","React$1","KanbanColumn","isOverLimit","column","tasks","KanbanColumnFrame","testId","Badge","SortableContext","t","verticalListSortingStrategy","renderCard","task","onTaskClick","readOnly","KanbanCard"],"sources":["../../../../src/tools/components/kanban/KanbanColumn.tsx"],"sourcesContent":["/**\n * Kanban Column Component\n *\n * カンバンボードの1列（ドロップゾーン）\n */\n\nimport * as React from 'react';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\n\nimport { Badge } from '../ui/badge';\nimport { KanbanCard } from './KanbanCard';\nimport { KanbanColumnFrame } from './kanban-primitives';\nimport type { KanbanColumnProps } from './types';\n\n/**\n * カンバンカラム\n */\nexport const KanbanColumn = React.forwardRef<HTMLDivElement, KanbanColumnProps>(\n  ({ column, tasks, onTaskClick, testId, renderCard, readOnly }, ref) => {\n    const isOverLimit = column.limit ? tasks.length >= column.limit : false;\n\n    return (\n      <KanbanColumnFrame ref={ref} column={column} isOverLimit={isOverLimit} data-testid={testId}>\n        {/* ヘッダー */}\n        <div\n          data-slot='kanban-column-header'\n          className='flex items-center justify-between mb-3 px-1'\n        >\n          <div className='flex items-center gap-2'>\n            {column.color && (\n              <div className='w-2 h-2 rounded-full' style={{ backgroundColor: column.color }} />\n            )}\n            <h3 className='font-semibold text-sm text-foreground'>{column.title}</h3>\n          </div>\n          <Badge\n            variant={isOverLimit ? 'destructive' : 'secondary'}\n            className='text-xs px-2 py-0.5'\n          >\n            {tasks.length}\n            {column.limit && ` / ${column.limit}`}\n          </Badge>\n        </div>\n\n        {/* タスクリスト */}\n        <div\n          data-slot='kanban-column-content'\n          className='flex flex-1 flex-col gap-2 overflow-y-auto'\n        >\n          <SortableContext items={tasks.map((t) => t.id)} strategy={verticalListSortingStrategy}>\n            {tasks.map((task) => (\n              <React.Fragment key={task.id}>\n                {renderCard ? (\n                  renderCard({\n                    task,\n                    testId: testId ? `${testId}-task-${task.id}` : undefined,\n                    onClick: () => onTaskClick?.(task),\n                    disableDrag: readOnly,\n                  })\n                ) : (\n                  <KanbanCard\n                    task={task}\n                    testId={testId ? `${testId}-task-${task.id}` : undefined}\n                    onClick={() => onTaskClick?.(task)}\n                    disableDrag={readOnly}\n                  />\n                )}\n              </React.Fragment>\n            ))}\n          </SortableContext>\n\n          {/* 空状態 */}\n          {tasks.length === 0 && (\n            <div\n              data-slot='kanban-column-empty'\n              className='flex-1 flex items-center justify-center text-muted-foreground text-xs py-8'\n            >\n              No tasks\n            </div>\n          )}\n        </div>\n      </KanbanColumnFrame>\n    );\n  },\n);\n\nKanbanColumn.displayName = 'KanbanColumn';\n"],"mappings":";;;;;;;;AAiBA,IAAaE,IAAeF,EAAM,YAC/B,EAAE,WAAQ,UAAO,gBAAa,WAAQ,eAAY,eAAY,MAAQ;CACrE,IAAMG,IAAcC,EAAO,QAAQC,EAAM,UAAUD,EAAO,QAAQ;CAElE,OACE,kBAACE,GAAD;EAAwB;EAAa;EAAqB;EAAa,eAAaC;EAApF,UAAA,CAEE,kBAAC,OAAD;GACE,aAAU;GACV,WAAU;GAFZ,UAAA,CAIE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACGH,EAAO,SACN,kBAAC,OAAD;KAAK,WAAU;KAAuB,OAAO,EAAE,iBAAiBA,EAAO,MAAM;IAAI,CAAA,GAEnF,kBAAC,MAAD;KAAI,WAAU;KAAyC,UAAAA,EAAO;IAAU,CAAA,CACrE;GACL,CAAA,GAAA,kBAACI,GAAD;IACE,SAASL,IAAc,gBAAgB;IACvC,WAAU;IAFZ,UAAA,CAIGE,EAAM,QACND,EAAO,SAAS,MAAMA,EAAO,OACzB;GACJ,CAAA,CAAA;EAGL,CAAA,GAAA,kBAAC,OAAD;GACE,aAAU;GACV,WAAU;GAFZ,UAAA,CAIE,kBAACK,GAAD;IAAiB,OAAOJ,EAAM,KAAK,MAAMK,EAAE,EAAE;IAAG,UAAUC;IACvD,UAAAN,EAAM,KAAK,MACV,kBAACL,EAAM,UAAP,EAAA,UACGY,IACCA,EAAW;KACT;KACA,QAAQL,IAAS,GAAGA,EAAO,QAAQM,EAAK,OAAO,KAAA;KAC/C,eAAeC,IAAcD,CAAI;KACjC,aAAaE;IACf,CAAC,IAED,kBAACC,GAAD;KACQ;KACN,QAAQT,IAAS,GAAGA,EAAO,QAAQM,EAAK,OAAO,KAAA;KAC/C,eAAeC,IAAcD,CAAI;KACjC,aAAaE;IACd,CAAA,EAEW,GAhBKF,EAAK,EAgBV,CACjB;GACc,CAAA,GAGhBR,EAAM,WAAW,KAChB,kBAAC,OAAD;IACE,aAAU;IACV,WAAU;IACX,UAAA;GAEI,CAAA,CAEJ;EACY,CAAA,CAAA;;AAEvB,CACF;AAEA,EAAa,cAAc"}
+{"version":3,"file":"KanbanColumn.js","names":["React","React$1","KanbanColumn","isOverLimit","column","tasks","KanbanColumnFrame","testId","Badge","SortableContext","t","verticalListSortingStrategy","renderCard","task","onTaskClick","readOnly","KanbanCard"],"sources":["../../../../src/tools/components/kanban/KanbanColumn.tsx"],"sourcesContent":["/**\n * Kanban Column Component\n *\n * カンバンボードの1列（ドロップゾーン）\n */\n\nimport * as React from 'react';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\n\nimport { Badge } from '../ui/badge';\nimport { KanbanCard } from './KanbanCard';\nimport { KanbanColumnFrame } from './kanban-primitives';\nimport type { KanbanColumnProps } from './types';\n\n/**\n * カンバンカラム\n */\nexport const KanbanColumn = React.forwardRef<HTMLDivElement, KanbanColumnProps>(\n  ({ column, tasks, onTaskClick, testId, renderCard, readOnly }, ref) => {\n    const isOverLimit = column.limit ? tasks.length >= column.limit : false;\n\n    return (\n      <KanbanColumnFrame ref={ref} column={column} isOverLimit={isOverLimit} data-testid={testId}>\n        {/* ヘッダー */}\n        <div\n          data-slot='kanban-column-header'\n          className='flex items-center justify-between mb-3 px-1'\n        >\n          <div className='flex items-center gap-2'>\n            {column.color && (\n              <div className='w-2 h-2 rounded-full' style={{ backgroundColor: column.color }} />\n            )}\n            <h2 className='font-semibold text-sm text-foreground'>{column.title}</h2>\n          </div>\n          <Badge\n            variant={isOverLimit ? 'destructive' : 'secondary'}\n            className='text-xs px-2 py-0.5'\n          >\n            {tasks.length}\n            {column.limit && ` / ${column.limit}`}\n          </Badge>\n        </div>\n\n        {/* タスクリスト */}\n        <div\n          data-slot='kanban-column-content'\n          className='flex flex-1 flex-col gap-2 overflow-y-auto'\n        >\n          <SortableContext items={tasks.map((t) => t.id)} strategy={verticalListSortingStrategy}>\n            {tasks.map((task) => (\n              <React.Fragment key={task.id}>\n                {renderCard ? (\n                  renderCard({\n                    task,\n                    testId: testId ? `${testId}-task-${task.id}` : undefined,\n                    onClick: () => onTaskClick?.(task),\n                    disableDrag: readOnly,\n                  })\n                ) : (\n                  <KanbanCard\n                    task={task}\n                    testId={testId ? `${testId}-task-${task.id}` : undefined}\n                    onClick={() => onTaskClick?.(task)}\n                    disableDrag={readOnly}\n                  />\n                )}\n              </React.Fragment>\n            ))}\n          </SortableContext>\n\n          {/* 空状態 */}\n          {tasks.length === 0 && (\n            <div\n              data-slot='kanban-column-empty'\n              className='flex-1 flex items-center justify-center text-muted-foreground text-xs py-8'\n            >\n              No tasks\n            </div>\n          )}\n        </div>\n      </KanbanColumnFrame>\n    );\n  },\n);\n\nKanbanColumn.displayName = 'KanbanColumn';\n"],"mappings":";;;;;;;;AAiBA,IAAaE,IAAeF,EAAM,YAC/B,EAAE,WAAQ,UAAO,gBAAa,WAAQ,eAAY,eAAY,MAAQ;CACrE,IAAMG,IAAcC,EAAO,QAAQC,EAAM,UAAUD,EAAO,QAAQ;CAElE,OACE,kBAACE,GAAD;EAAwB;EAAa;EAAqB;EAAa,eAAaC;EAApF,UAAA,CAEE,kBAAC,OAAD;GACE,aAAU;GACV,WAAU;GAFZ,UAAA,CAIE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACGH,EAAO,SACN,kBAAC,OAAD;KAAK,WAAU;KAAuB,OAAO,EAAE,iBAAiBA,EAAO,MAAM;IAAI,CAAA,GAEnF,kBAAC,MAAD;KAAI,WAAU;KAAyC,UAAAA,EAAO;IAAU,CAAA,CACrE;GACL,CAAA,GAAA,kBAACI,GAAD;IACE,SAASL,IAAc,gBAAgB;IACvC,WAAU;IAFZ,UAAA,CAIGE,EAAM,QACND,EAAO,SAAS,MAAMA,EAAO,OACzB;GACJ,CAAA,CAAA;EAGL,CAAA,GAAA,kBAAC,OAAD;GACE,aAAU;GACV,WAAU;GAFZ,UAAA,CAIE,kBAACK,GAAD;IAAiB,OAAOJ,EAAM,KAAK,MAAMK,EAAE,EAAE;IAAG,UAAUC;IACvD,UAAAN,EAAM,KAAK,MACV,kBAACL,EAAM,UAAP,EAAA,UACGY,IACCA,EAAW;KACT;KACA,QAAQL,IAAS,GAAGA,EAAO,QAAQM,EAAK,OAAO,KAAA;KAC/C,eAAeC,IAAcD,CAAI;KACjC,aAAaE;IACf,CAAC,IAED,kBAACC,GAAD;KACQ;KACN,QAAQT,IAAS,GAAGA,EAAO,QAAQM,EAAK,OAAO,KAAA;KAC/C,eAAeC,IAAcD,CAAI;KACjC,aAAaE;IACd,CAAA,EAEW,GAhBKF,EAAK,EAgBV,CACjB;GACc,CAAA,GAGhBR,EAAM,WAAW,KAChB,kBAAC,OAAD;IACE,aAAU;IACV,WAAU;IACX,UAAA;GAEI,CAAA,CAEJ;EACY,CAAA,CAAA;;AAEvB,CACF;AAEA,EAAa,cAAc"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"kanban-compound.cjs","names":["React","useKanbanDrag","KanbanDragSurface","cn","KanbanColumnFrame","Badge","SortableContext","verticalListSortingStrategy","KanbanDraggableCard","KanbanCardView","require_runtime","require_ui_lib_utils","require_ui_components_ui_badge_components","require_tools_components_kanban_KanbanCardView","require_tools_components_kanban_kanban_primitives","require_tools_components_kanban_use_kanban_drag","react_jsx_runtime","react","_dnd_kit_sortable","KanbanCompoundContext","useKanbanCompoundContext","context","KanbanRoot","props","drag","contextValue","activeTask","onTaskClick","statusField","readOnly","className","KanbanColumnSlot","KanbanColumnHeaderSlot","isOverLimit","limit","count","color","title","children","action","KanbanColumnBodySlot","tasks","t","KanbanCardSlot","task","emptyMessage","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 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 && <h3 className='font-semibold text-sm text-foreground'>{title}</h3>}\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":"A,kcAiCA,IAAMmB,EAAwBnB,EAAM,cAAiD,IAAI,EAKzF,SAAgBoB,GAA2B,CACzC,IAAMC,EAAUrB,EAAM,WAAWmB,CAAqB,EACtD,GAAI,CAACE,EACH,MAAU,MAAM,8DAA8D,EAEhF,OAAOA,CACT,CAmBA,SAAgBC,EAAW,CACzB,QACA,iBACA,cACA,cAAc,SACd,WAAW,GACX,WACA,YACA,GAAGC,GACe,CAClB,IAAMC,EAAOvB,EAAAA,cAAc,CAAE,QAAO,iBAAgB,cAAa,UAAS,CAAC,EACrE,CAAE,cAAeuB,EAEjBC,EAAezB,EAAM,aAClB,CAAE,aAAY,cAAa,cAAa,UAAS,GACxD,CAAC0B,EAAYC,EAAaC,EAAaC,CAAQ,CACjD,EAEA,OACE,EAAAb,EAAA,IAAA,CAACd,EAAAA,kBAAD,CACE,WAAYsB,EACZ,iBAAiB,2CAEjB,UAAA,EAAAR,EAAA,IAAA,CAACG,EAAsB,SAAvB,CAAgC,MAAOM,EACrC,UAAA,EAAAT,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWb,EAAAA,GAAG,gDAAiD2B,CAAS,EAAG,GAAIP,EACjF,UACE,CAAA,CACyB,CAAA,CACf,CAAA,CAEvB,CAcA,SAAgBQ,EAAiB,CAAE,SAAQ,WAAU,YAAW,GAAGR,GAA4B,CAC7F,OACE,EAAAP,EAAA,IAAA,CAACZ,EAAAA,kBAAD,CAA2B,SAAmB,YAAW,GAAImB,EAC1D,UACgB,CAAA,CAEvB,CAoBA,SAAgBS,EAAuB,CACrC,QACA,QACA,QACA,QACA,SACA,YACA,WACA,GAAGT,GACuB,CAC1B,IAAMU,EAAcC,GAASC,IAAU,IAAA,GAAYA,GAASD,EAAQ,GAEpE,OACE,EAAAlB,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWb,EAAAA,GAAG,8CAA+C2B,CAAS,EAAG,GAAIP,EAAlF,SAAA,EACE,EAAAP,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,0BAAf,SAAA,CACGoB,IAAS,EAAApB,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,2BAA2B,MAAO,CAAE,gBAAiBoB,CAAM,CAAI,CAAA,EACvFC,IAAS,EAAArB,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,wCAAyC,SAAAqB,CAAU,CAAA,EAC1EC,CACE,CACL,CAAA,GAAA,EAAAtB,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,0BAAf,SAAA,CACGmB,IAAU,IAAA,KACT,EAAAnB,EAAA,KAAA,CAACX,EAAAA,MAAD,CACE,QAAS4B,EAAc,cAAgB,YACvC,UAAU,sBAFZ,SAAA,CAIGE,EACAD,GAAS,MAAMA,GACX,CAER,CAAA,EAAAK,CACE,CACF,CAAA,CAAA,C,EAET,CAeA,SAAgBC,EAAqB,CACnC,QACA,eAAe,WACf,YACA,WACA,GAAGjB,GACqB,CACxB,OACE,EAAAP,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,wBACV,UAAWb,EAAAA,GAAG,6CAA8C2B,CAAS,EACrE,GAAIP,EAEJ,UAAA,EAAAP,EAAA,IAAA,CAACV,EAAAA,gBAAD,CAAiB,MAAOmC,EAAM,IAAK,GAAMC,EAAE,EAAE,EAAG,SAAUnC,EAAAA,4BACvD,SAAA+B,IAEGG,EAAM,OAAS,EACjBA,EAAM,IAAK,IAAS,EAAAzB,EAAA,IAAA,CAAC2B,EAAD,CAAoC,MAAO,EAAtBC,EAAK,EAAiB,CAAC,GAEhE,EAAA5B,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,6EACZ,SAAA6B,CACE,CAAA,EAEQ,CAAA,CACd,CAAA,CAET,CAcA,SAAgBF,EAAe,CAAE,OAAM,WAAU,YAAW,GAAGpB,GAA8B,CAC3F,GAAM,CAAE,cAAa,YAAaH,EAAyB,EAC3D,OACE,EAAAJ,EAAA,IAAA,CAACR,EAAAA,oBAAD,CACQ,OACN,SAAUqB,EACV,YAAeF,IAAciB,CAAI,EACjC,GAAIrB,EACJ,UAAWpB,EAAAA,GACTmC,GACE,uFACFR,CACF,EAEC,SAAAQ,IAAY,EAAAtB,EAAA,IAAA,CAACP,EAAAA,eAAD,CAAsB,MAAO,CAAA,CACvB,CAAA,CAEzB,CAMA,IAAaqC,EAAS,CACpB,KAAMxB,EACN,OAAQS,EACR,aAAcC,EACd,WAAYQ,EACZ,KAAMG,CACR,E"}
+{"version":3,"file":"kanban-compound.cjs","names":["React","useKanbanDrag","KanbanDragSurface","cn","KanbanColumnFrame","Badge","SortableContext","verticalListSortingStrategy","KanbanDraggableCard","KanbanCardView","require_runtime","require_ui_lib_utils","require_ui_components_ui_badge_components","require_tools_components_kanban_KanbanCardView","require_tools_components_kanban_kanban_primitives","require_tools_components_kanban_use_kanban_drag","react_jsx_runtime","react","_dnd_kit_sortable","KanbanCompoundContext","useKanbanCompoundContext","context","KanbanRoot","props","drag","contextValue","activeTask","onTaskClick","statusField","readOnly","className","KanbanColumnSlot","KanbanColumnHeaderSlot","isOverLimit","limit","count","color","title","children","action","KanbanColumnBodySlot","tasks","t","KanbanCardSlot","task","emptyMessage","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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"}

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

@@ -37,6 +37,9 @@ function m({ tasks: t, onStatusChange: n, onTaskClick: r, statusField: a = "stat
 		children: /* @__PURE__ */ s(f.Provider, {
 			value: g,
 			children: /* @__PURE__ */ s("div", {
+				role: "region",
+				"aria-label": "Kanban columns",
+				tabIndex: 0,
 				className: e("flex h-full w-full gap-4 overflow-x-auto pb-4", d),
 				...p,
 				children: u
@@ -64,7 +67,7 @@ function g({ title: n, count: r, limit: i, color: a, action: o, className: l, ch
 					className: "w-2.5 h-2.5 rounded-full",
 					style: { backgroundColor: a }
 				}),
-				n && /* @__PURE__ */ s("h3", {
+				n && /* @__PURE__ */ s("h2", {
 					className: "font-semibold text-sm text-foreground",
 					children: n
 				}),