@alneas/appkit-react 0.2.0 → 0.3.1

package/dist/tools/components/form/form-grid.js

@@ -1,36 +1,41 @@
 "use client";
 import { cn as e } from "../../../ui/lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
+import "react";
 //#region src/tools/components/form/form-grid.tsx
-var r = {
+var n = {
 	short: "col-span-1",
 	medium: "col-span-1",
 	long: "md:col-span-2",
 	full: "col-span-full"
-}, i = {
+}, r = {
 	sm: "gap-3",
 	md: "gap-4 md:gap-6",
 	lg: "gap-6 md:gap-8"
-}, a = {
+}, i = {
 	1: "grid-cols-1",
 	2: "grid-cols-1 md:grid-cols-2",
 	3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
-}, o = n.forwardRef(({ className: n, columns: r = 2, gap: o = "md", children: s, ...c }, l) => /* @__PURE__ */ t("div", {
-	ref: l,
-	className: e("grid", a[r], i[o], n),
-	...c,
-	children: s
-}));
-o.displayName = "FormGrid";
-var s = n.forwardRef(({ className: n, width: i = "medium", children: a, ...o }, s) => /* @__PURE__ */ t("div", {
-	ref: s,
-	className: e(r[i], n),
-	...o,
-	children: a
-}));
-s.displayName = "FormGridItem";
+};
+function a({ ref: n, className: a, columns: o = 2, gap: s = "md", children: c, ...l }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		className: e("grid", i[o], r[s], a),
+		...l,
+		children: c
+	});
+}
+a.displayName = "FormGrid";
+function o({ ref: r, className: i, width: a = "medium", children: o, ...s }) {
+	return /* @__PURE__ */ t("div", {
+		ref: r,
+		className: e(n[a], i),
+		...s,
+		children: o
+	});
+}
+o.displayName = "FormGridItem";
 //#endregion
-export { o as FormGrid, s as FormGridItem };
+export { a as FormGrid, o as FormGridItem };
 
 //# sourceMappingURL=form-grid.js.map

package/dist/tools/components/form/form-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-grid.js","names":["React","React$1","widthToSpan","gapClasses","columnClasses","FormGrid","props","cn","columns","gap","className","FormGridItem","width"],"sources":["../../../../src/tools/components/form/form-grid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from \"../../lib/utils\";\nimport type { FieldWidth } from \"../../lib/schema\";\n\n/**\n * フィールド幅に対応するグリッドスパン\n * - short: 1列 (最小幅)\n * - medium: 1列 (デフォルト)\n * - long: 2列にスパン\n * - full: 全列にスパン\n */\nconst widthToSpan: Record<FieldWidth, string> = {\n  short: 'col-span-1',\n  medium: 'col-span-1',\n  long: 'md:col-span-2',\n  full: 'col-span-full',\n};\n\n/**\n * Supported maximum column counts for {@link FormGrid}; smaller screens use fewer columns.\n */\nexport type GridColumns = 1 | 2 | 3;\n\n/**\n * Grid layout options and native div attributes for {@link FormGrid}.\n */\nexport interface FormGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Maximum columns: 1 always; 2 from md; 3 from lg (two from md).\n   * @defaultValue 2\n   */\n  columns?: GridColumns;\n  /**\n   * Responsive gap preset: sm uses gap-3, md uses gap-4/md:gap-6, lg uses gap-6/md:gap-8.\n   * @defaultValue \"md\"\n   */\n  gap?: 'sm' | 'md' | 'lg';\n}\n\nconst gapClasses = {\n  sm: 'gap-3',\n  md: 'gap-4 md:gap-6',\n  lg: 'gap-6 md:gap-8',\n};\n\nconst columnClasses = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-1 md:grid-cols-2',\n  3: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',\n};\n\n/**\n * Renders a responsive form layout with configurable column and gap presets.\n * @param props - Grid settings and native div attributes, including children; see {@link FormGridProps}.\n * @returns A div containing the supplied children; fields and labels are owned by the caller.\n * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. Pair controls with explicit labels; Input and Textarea do not accept a label prop.\n * @example\n * ```tsx\n * import { FormGrid, FormGridItem } from '@alneas/appkit-react/tools/form';\n * import { Input, Textarea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function AddressFields() {\n *   return <FormGrid columns={2} gap=\"md\">\n *     <FormGridItem width=\"short\"><label htmlFor=\"postal-code\">Postal code</label>\n *       <Input id=\"postal-code\" /></FormGridItem>\n *     <FormGridItem width=\"full\"><label htmlFor=\"notes\">Notes</label>\n *       <Textarea id=\"notes\" /></FormGridItem>\n *   </FormGrid>;\n * }\n * ```\n */\nexport const FormGrid = React.forwardRef<HTMLDivElement, FormGridProps>(\n  ({ className, columns = 2, gap = 'md', children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('grid', columnClasses[columns], gapClasses[gap], className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nFormGrid.displayName = 'FormGrid';\n\n/**\n * Width hints and native div attributes for {@link FormGridItem}.\n */\nexport interface FormGridItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Span hint: short/medium use one column, long spans two from md, full spans all columns.\n   * @defaultValue \"medium\"\n   */\n  width?: FieldWidth;\n}\n\n/**\n * Applies a field-width span hint to one child of {@link FormGrid}.\n * @param props - Width (default medium), children and native div attributes; see {@link FormGridItemProps}.\n * @returns A div with responsive span classes wrapping the supplied children.\n * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. A long item can create implicit columns in a one-column grid at md;\n * choose width hints consistent with the parent grid. See the FormGrid example for labeled controls.\n * @example\n * ```tsx\n * import { FormGrid, FormGridItem } from '@alneas/appkit-react/tools/form';\n * import '@alneas/appkit-react/styles';\n * export function FullWidthContent() {\n *   return <FormGrid><FormGridItem width=\"full\">Additional details</FormGridItem></FormGrid>;\n * }\n * ```\n */\nexport const FormGridItem = React.forwardRef<HTMLDivElement, FormGridItemProps>(\n  ({ className, width = 'medium', children, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(widthToSpan[width], className)} {...props}>\n        {children}\n      </div>\n    );\n  },\n);\nFormGridItem.displayName = 'FormGridItem';\n"],"mappings":";;;;;AAWA,IAAME,IAA0C;CAC9C,OAAO;CACP,QAAQ;CACR,MAAM;CACN,MAAM;AACR,GAuBMC,IAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEMC,IAAgB;CACpB,GAAG;CACH,GAAG;CACH,GAAG;AACL,GAuBaC,IAAWL,EAAM,YAC3B,EAAE,cAAW,aAAU,GAAG,SAAM,MAAM,aAAU,GAAGM,KAAS,MAEzD,kBAAC,OAAD;CACO;CACL,WAAWC,EAAG,QAAQH,EAAcI,IAAUL,EAAWM,IAAMC,CAAS;CACxE,GAAIJ;CAEH;AACE,CAAA,CAGX;AACA,EAAS,cAAc;AA4BvB,IAAaK,IAAeX,EAAM,YAC/B,EAAE,cAAW,WAAQ,UAAU,aAAU,GAAGM,KAAS,MAElD,kBAAC,OAAD;CAAU;CAAK,WAAWC,EAAGL,EAAYU,IAAQF,CAAS;CAAG,GAAIJ;CAC9D;AACE,CAAA,CAGX;AACA,EAAa,cAAc"}
+{"version":3,"file":"form-grid.js","names":["widthToSpan","gapClasses","columnClasses","FormGrid","props","cn","columns","gap","className","FormGridItem","width"],"sources":["../../../../src/tools/components/form/form-grid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from \"../../lib/utils\";\nimport type { FieldWidth } from \"../../lib/schema\";\n\n/**\n * フィールド幅に対応するグリッドスパン\n * - short: 1列 (最小幅)\n * - medium: 1列 (デフォルト)\n * - long: 2列にスパン\n * - full: 全列にスパン\n */\nconst widthToSpan: Record<FieldWidth, string> = {\n  short: 'col-span-1',\n  medium: 'col-span-1',\n  long: 'md:col-span-2',\n  full: 'col-span-full',\n};\n\n/**\n * Supported maximum column counts for {@link FormGrid}; smaller screens use fewer columns.\n */\nexport type GridColumns = 1 | 2 | 3;\n\n/**\n * Grid layout options and native div attributes for {@link FormGrid}.\n */\nexport interface FormGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Maximum columns: 1 always; 2 from md; 3 from lg (two from md).\n   * @defaultValue 2\n   */\n  columns?: GridColumns;\n  /**\n   * Responsive gap preset: sm uses gap-3, md uses gap-4/md:gap-6, lg uses gap-6/md:gap-8.\n   * @defaultValue \"md\"\n   */\n  gap?: 'sm' | 'md' | 'lg';\n}\n\nconst gapClasses = {\n  sm: 'gap-3',\n  md: 'gap-4 md:gap-6',\n  lg: 'gap-6 md:gap-8',\n};\n\nconst columnClasses = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-1 md:grid-cols-2',\n  3: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',\n};\n\n/**\n * Renders a responsive form layout with configurable column and gap presets.\n * @param props - Grid settings and native div attributes, including children; see {@link FormGridProps}.\n * @returns A div containing the supplied children; fields and labels are owned by the caller.\n * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. Pair controls with explicit labels; Input and Textarea do not accept a label prop.\n * @example\n * ```tsx\n * import { FormGrid, FormGridItem } from '@alneas/appkit-react/tools/form';\n * import { Input, Textarea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function AddressFields() {\n *   return <FormGrid columns={2} gap=\"md\">\n *     <FormGridItem width=\"short\"><label htmlFor=\"postal-code\">Postal code</label>\n *       <Input id=\"postal-code\" /></FormGridItem>\n *     <FormGridItem width=\"full\"><label htmlFor=\"notes\">Notes</label>\n *       <Textarea id=\"notes\" /></FormGridItem>\n *   </FormGrid>;\n * }\n * ```\n */\nexport function FormGrid({\n  ref,\n  className,\n  columns = 2,\n  gap = 'md',\n  children,\n  ...props\n}: React.PropsWithoutRef<FormGridProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div\n      ref={ref}\n      className={cn('grid', columnClasses[columns], gapClasses[gap], className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\nFormGrid.displayName = 'FormGrid';\n\n/**\n * Width hints and native div attributes for {@link FormGridItem}.\n */\nexport interface FormGridItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Span hint: short/medium use one column, long spans two from md, full spans all columns.\n   * @defaultValue \"medium\"\n   */\n  width?: FieldWidth;\n}\n\n/**\n * Applies a field-width span hint to one child of {@link FormGrid}.\n * @param props - Width (default medium), children and native div attributes; see {@link FormGridItemProps}.\n * @returns A div with responsive span classes wrapping the supplied children.\n * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. A long item can create implicit columns in a one-column grid at md;\n * choose width hints consistent with the parent grid. See the FormGrid example for labeled controls.\n * @example\n * ```tsx\n * import { FormGrid, FormGridItem } from '@alneas/appkit-react/tools/form';\n * import '@alneas/appkit-react/styles';\n * export function FullWidthContent() {\n *   return <FormGrid><FormGridItem width=\"full\">Additional details</FormGridItem></FormGrid>;\n * }\n * ```\n */\nexport function FormGridItem({\n  ref,\n  className,\n  width = 'medium',\n  children,\n  ...props\n}: React.PropsWithoutRef<FormGridItemProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div ref={ref} className={cn(widthToSpan[width], className)} {...props}>\n      {children}\n    </div>\n  );\n}\nFormGridItem.displayName = 'FormGridItem';\n"],"mappings":";;;;;AAWA,IAAMA,IAA0C;CAC9C,OAAO;CACP,QAAQ;CACR,MAAM;CACN,MAAM;AACR,GAuBMC,IAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEMC,IAAgB;CACpB,GAAG;CACH,GAAG;CACH,GAAG;AACL;AAuBA,SAAgBC,EAAS,EACvB,QACA,cACA,aAAU,GACV,SAAM,MACN,aACA,GAAGC,KAC0E;CAC7E,OACE,kBAAC,OAAD;EACO;EACL,WAAWC,EAAG,QAAQH,EAAcI,IAAUL,EAAWM,IAAMC,CAAS;EACxE,GAAIJ;EAEH;CACE,CAAA;AAET;AACA,EAAS,cAAc;AA4BvB,SAAgBK,EAAa,EAC3B,QACA,cACA,WAAQ,UACR,aACA,GAAGL,KAC8E;CACjF,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWC,EAAGL,EAAYU,IAAQF,CAAS;EAAG,GAAIJ;EAC9D;CACE,CAAA;AAET;AACA,EAAa,cAAc"}

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`,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;
+"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};function v({ref:e,tasks:r,columns:i,statusField:a=`status`,onTaskClick:o,onStatusChange:s,className:c,testId:l,showSort:v=!0,initialSort:y=`default`,readOnly:b=!1,disableOptimisticUpdates:x=!1,renderCard:S}){let[C,w]=m.useState(y),[T,E]=m.useState(null),[D,O]=m.useState(r);r!==D&&(O(r),E(null));let k=x||!T?r: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)=>{x||E(k.map(n=>n.id===e?{...n,[a]:t}:n)),s?.(e,t)},[k,x,a,s]),M=f.useKanbanDrag({tasks:k,columns:i,statusField:a,readOnly:b,onStatusChange:j}),N=m.useMemo(()=>{let e={};return i.forEach(t=>{e[t.id]=[]}),A.forEach(t=>{let n=t[a];e[n]&&e[n].push(t)}),e},[A,i,a]);return(0,p.jsx)(u.KanbanDragSurface,{controller:M,children:(0,p.jsxs)(`div`,{ref:e,"data-slot":`kanban-board`,"data-testid":l,className:t.cn(`flex flex-col h-full`,c),children:[v&&(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:l?`${l}-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:i.map(e=>(0,p.jsx)(d.KanbanColumn,{column:e,tasks:N[e.id]||[],testId:l?`${l}-column-${e.id}`:void 0,onTaskClick:o,renderCard:S,readOnly:b},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":["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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"}
+{"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 function KanbanBoard({\n  ref,\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}: React.PropsWithoutRef<KanbanBoardProps> & React.RefAttributes<HTMLDivElement>) {\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\nKanbanBoard.displayName = 'KanbanBoard';\n"],"mappings":"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"}

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

@@ -21,4 +21,7 @@ import * as React from 'react';
  * }
  * ```
  */
-export declare const KanbanBoard: React.ForwardRefExoticComponent<KanbanBoardProps & React.RefAttributes<HTMLDivElement>>;
+export declare function KanbanBoard({ ref, tasks: initialTasks, columns, statusField, onTaskClick, onStatusChange, className, testId, showSort, initialSort, readOnly, disableOptimisticUpdates, renderCard, }: React.PropsWithoutRef<KanbanBoardProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace KanbanBoard {
+    var displayName: string;
+}

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

@@ -21,4 +21,7 @@ import * as React from 'react';
  * }
  * ```
  */
-export declare const KanbanBoard: React.ForwardRefExoticComponent<KanbanBoardProps & React.RefAttributes<HTMLDivElement>>;
+export declare function KanbanBoard({ ref, tasks: initialTasks, columns, statusField, onTaskClick, onStatusChange, className, testId, showSort, initialSort, readOnly, disableOptimisticUpdates, renderCard, }: React.PropsWithoutRef<KanbanBoardProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace KanbanBoard {
+    var displayName: string;
+}

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

@@ -52,10 +52,11 @@ var _ = {
 	high: 3,
 	medium: 2,
 	low: 1
-}, v = m.forwardRef(({ tasks: n, columns: r, statusField: i = "status", onTaskClick: a, onStatusChange: o, className: s, testId: c, showSort: v = !0, initialSort: y = "default", readOnly: b = !1, disableOptimisticUpdates: x = !1, renderCard: S }, C) => {
-	let [w, T] = m.useState(y), [E, D] = m.useState(null), [O, k] = m.useState(n);
-	n !== O && (k(n), D(null));
-	let A = x || !E ? n : E, j = m.useMemo(() => {
+};
+function v({ ref: n, tasks: r, columns: i, statusField: a = "status", onTaskClick: o, onStatusChange: s, className: c, testId: v, showSort: y = !0, initialSort: b = "default", readOnly: x = !1, disableOptimisticUpdates: S = !1, renderCard: C }) {
+	let [w, T] = m.useState(b), [E, D] = m.useState(null), [O, k] = m.useState(r);
+	r !== O && (k(r), D(null));
+	let A = S || !E ? r : E, j = m.useMemo(() => {
 		let e = [...A];
 		switch (w) {
 			case "priority-desc":
@@ -77,42 +78,42 @@ var _ = {
 		}
 		return e;
 	}, [A, w]), M = m.useCallback((e, t) => {
-		x || D(A.map((n) => n.id === e ? {
+		S || D(A.map((n) => n.id === e ? {
 			...n,
-			[i]: t
-		} : n)), o?.(e, t);
+			[a]: t
+		} : n)), s?.(e, t);
 	}, [
 		A,
-		x,
-		i,
-		o
+		S,
+		a,
+		s
 	]), N = d({
 		tasks: A,
-		columns: r,
-		statusField: i,
-		readOnly: b,
+		columns: i,
+		statusField: a,
+		readOnly: x,
 		onStatusChange: M
 	}), P = m.useMemo(() => {
 		let e = {};
-		return r.forEach((t) => {
+		return i.forEach((t) => {
 			e[t.id] = [];
 		}), j.forEach((t) => {
-			let n = t[i];
+			let n = t[a];
 			e[n] && e[n].push(t);
 		}), e;
 	}, [
 		j,
-		r,
-		i
+		i,
+		a
 	]);
 	return /* @__PURE__ */ f(l, {
 		controller: N,
 		children: /* @__PURE__ */ p("div", {
-			ref: C,
+			ref: n,
 			"data-slot": "kanban-board",
-			"data-testid": c,
-			className: e("flex flex-col h-full", s),
-			children: [v && /* @__PURE__ */ f("div", {
+			"data-testid": v,
+			className: e("flex flex-col h-full", c),
+			children: [y && /* @__PURE__ */ f("div", {
 				"data-slot": "kanban-toolbar",
 				className: "px-4 py-2 flex justify-end border-b border-border",
 				children: /* @__PURE__ */ f(t, {
@@ -121,7 +122,7 @@ var _ = {
 					onValueChange: (e) => e && T(e),
 					options: g(),
 					className: "w-[180px] h-8 text-xs",
-					testId: c ? `${c}-sort` : void 0,
+					testId: v ? `${v}-sort` : void 0,
 					icon: /* @__PURE__ */ f(h, { className: "w-3 h-3 mr-2" })
 				})
 			}), /* @__PURE__ */ f("div", {
@@ -130,18 +131,18 @@ var _ = {
 				"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, {
+				children: i.map((e) => /* @__PURE__ */ f(u, {
 					column: e,
 					tasks: P[e.id] || [],
-					testId: c ? `${c}-column-${e.id}` : void 0,
-					onTaskClick: a,
-					renderCard: S,
-					readOnly: b
+					testId: v ? `${v}-column-${e.id}` : void 0,
+					onTaskClick: o,
+					renderCard: C,
+					readOnly: x
 				}, e.id))
 			})]
 		})
 	});
-});
+}
 v.displayName = "KanbanBoard";
 //#endregion
 export { v as KanbanBoard };

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":["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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"}
+{"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 function KanbanBoard({\n  ref,\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}: React.PropsWithoutRef<KanbanBoardProps> & React.RefAttributes<HTMLDivElement>) {\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\nKanbanBoard.displayName = 'KanbanBoard';\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./KanbanCardView.cjs"),n=require("./kanban-primitives.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);var a=i.forwardRef(({task:e,onClick:i,testId:a,disableDrag:o},s)=>(0,r.jsx)(n.KanbanDraggableCard,{task:e,disabled:o,"data-slot":`kanban-card-wrapper`,onClick:i,children:(0,r.jsx)(t.KanbanCardView,{ref:s,task:e,testId:a})}));a.displayName=`KanbanCard`,exports.KanbanCard=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./KanbanCardView.cjs"),n=require("./kanban-primitives.cjs");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);function a({ref:e,task:i,onClick:a,testId:o,disableDrag:s}){return(0,r.jsx)(n.KanbanDraggableCard,{task:i,disabled:s,"data-slot":`kanban-card-wrapper`,onClick:a,children:(0,r.jsx)(t.KanbanCardView,{ref:e,task:i,testId:o})})}a.displayName=`KanbanCard`,exports.KanbanCard=a;
 //# sourceMappingURL=KanbanCard.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanCard.cjs","names":["React","KanbanDraggableCard","KanbanCardView","require_runtime","require_tools_components_kanban_KanbanCardView","require_tools_components_kanban_kanban_primitives","react_jsx_runtime","react","KanbanCard","disableDrag"],"sources":["../../../../src/tools/components/kanban/KanbanCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { KanbanCardView } from './KanbanCardView';\nimport { KanbanDraggableCard } from './kanban-primitives';\nimport type { KanbanCardProps } from './types';\n\n/** ドラッグ可能なカード。Space/Enterで移動、左右矢印で列選択、Escapeで取消。 */\nexport const KanbanCard = React.forwardRef<HTMLDivElement, KanbanCardProps>(\n  ({ task, onClick, testId, disableDrag }, ref) => {\n    return (\n      <KanbanDraggableCard\n        task={task}\n        disabled={disableDrag}\n        data-slot='kanban-card-wrapper'\n        onClick={onClick}\n      >\n        <KanbanCardView ref={ref} task={task} testId={testId} />\n      </KanbanDraggableCard>\n    );\n  },\n);\nKanbanCard.displayName = 'KanbanCard';\n"],"mappings":"A,yRAMA,IAAaQ,EAAaR,EAAM,YAC7B,CAAE,OAAM,UAAS,SAAQ,eAAe,KAErC,EAAAM,EAAA,IAAA,CAACL,EAAAA,oBAAD,CACQ,OACN,SAAUQ,EACV,YAAU,sBACD,UAET,UAAA,EAAAH,EAAA,IAAA,CAACJ,EAAAA,eAAD,CAAqB,MAAW,OAAc,QAAS,CAAA,CACpC,CAAA,CAG3B,EACA,EAAW,YAAc,a"}
+{"version":3,"file":"KanbanCard.cjs","names":["KanbanDraggableCard","KanbanCardView","require_runtime","require_tools_components_kanban_KanbanCardView","require_tools_components_kanban_kanban_primitives","react_jsx_runtime","react","KanbanCard","disableDrag"],"sources":["../../../../src/tools/components/kanban/KanbanCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { KanbanCardView } from './KanbanCardView';\nimport { KanbanDraggableCard } from './kanban-primitives';\nimport type { KanbanCardProps } from './types';\n\n/** ドラッグ可能なカード。Space/Enterで移動、左右矢印で列選択、Escapeで取消。 */\nexport function KanbanCard({\n  ref,\n  task,\n  onClick,\n  testId,\n  disableDrag,\n}: React.PropsWithoutRef<KanbanCardProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <KanbanDraggableCard\n      task={task}\n      disabled={disableDrag}\n      data-slot='kanban-card-wrapper'\n      onClick={onClick}\n    >\n      <KanbanCardView ref={ref} task={task} testId={testId} />\n    </KanbanDraggableCard>\n  );\n}\nKanbanCard.displayName = 'KanbanCard';\n"],"mappings":"A,yRAMA,SAAgBO,EAAW,CACzB,MACA,OACA,UACA,SACA,eAC+E,CAC/E,OACE,EAAAF,EAAA,IAAA,CAACL,EAAAA,oBAAD,CACQ,OACN,SAAUQ,EACV,YAAU,sBACD,UAET,UAAA,EAAAH,EAAA,IAAA,CAACJ,EAAAA,eAAD,CAAqB,MAAW,OAAc,QAAS,CAAA,CACpC,CAAA,CAEzB,CACA,EAAW,YAAc,a"}

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

@@ -1,4 +1,7 @@
 import { KanbanCardProps } from './types.cjs';
 import * as React from 'react';
 /** ドラッグ可能なカード。Space/Enterで移動、左右矢印で列選択、Escapeで取消。 */
-export declare const KanbanCard: React.ForwardRefExoticComponent<KanbanCardProps & React.RefAttributes<HTMLDivElement>>;
+export declare function KanbanCard({ ref, task, onClick, testId, disableDrag, }: React.PropsWithoutRef<KanbanCardProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace KanbanCard {
+    var displayName: string;
+}

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

@@ -1,4 +1,7 @@
 import { KanbanCardProps } from './types.js';
 import * as React from 'react';
 /** ドラッグ可能なカード。Space/Enterで移動、左右矢印で列選択、Escapeで取消。 */
-export declare const KanbanCard: React.ForwardRefExoticComponent<KanbanCardProps & React.RefAttributes<HTMLDivElement>>;
+export declare function KanbanCard({ ref, task, onClick, testId, disableDrag, }: React.PropsWithoutRef<KanbanCardProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace KanbanCard {
+    var displayName: string;
+}

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

@@ -2,21 +2,23 @@
 import { KanbanCardView as e } from "./KanbanCardView.js";
 import { KanbanDraggableCard as t } from "./kanban-primitives.js";
 import { jsx as n } from "react/jsx-runtime";
-import * as r from "react";
+import "react";
 //#region src/tools/components/kanban/KanbanCard.tsx
-var i = r.forwardRef(({ task: r, onClick: i, testId: a, disableDrag: o }, s) => /* @__PURE__ */ n(t, {
-	task: r,
-	disabled: o,
-	"data-slot": "kanban-card-wrapper",
-	onClick: i,
-	children: /* @__PURE__ */ n(e, {
-		ref: s,
-		task: r,
-		testId: a
-	})
-}));
-i.displayName = "KanbanCard";
+function r({ ref: r, task: i, onClick: a, testId: o, disableDrag: s }) {
+	return /* @__PURE__ */ n(t, {
+		task: i,
+		disabled: s,
+		"data-slot": "kanban-card-wrapper",
+		onClick: a,
+		children: /* @__PURE__ */ n(e, {
+			ref: r,
+			task: i,
+			testId: o
+		})
+	});
+}
+r.displayName = "KanbanCard";
 //#endregion
-export { i as KanbanCard };
+export { r as KanbanCard };
 
 //# sourceMappingURL=KanbanCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanCard.js","names":["React","React$1","KanbanCard","KanbanDraggableCard","disableDrag","KanbanCardView"],"sources":["../../../../src/tools/components/kanban/KanbanCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { KanbanCardView } from './KanbanCardView';\nimport { KanbanDraggableCard } from './kanban-primitives';\nimport type { KanbanCardProps } from './types';\n\n/** ドラッグ可能なカード。Space/Enterで移動、左右矢印で列選択、Escapeで取消。 */\nexport const KanbanCard = React.forwardRef<HTMLDivElement, KanbanCardProps>(\n  ({ task, onClick, testId, disableDrag }, ref) => {\n    return (\n      <KanbanDraggableCard\n        task={task}\n        disabled={disableDrag}\n        data-slot='kanban-card-wrapper'\n        onClick={onClick}\n      >\n        <KanbanCardView ref={ref} task={task} testId={testId} />\n      </KanbanDraggableCard>\n    );\n  },\n);\nKanbanCard.displayName = 'KanbanCard';\n"],"mappings":";;;;;;AAMA,IAAaE,IAAaF,EAAM,YAC7B,EAAE,SAAM,YAAS,WAAQ,kBAAe,MAErC,kBAACG,GAAD;CACQ;CACN,UAAUC;CACV,aAAU;CACD;CAET,UAAA,kBAACC,GAAD;EAAqB;EAAW;EAAc;CAAS,CAAA;AACpC,CAAA,CAG3B;AACA,EAAW,cAAc"}
+{"version":3,"file":"KanbanCard.js","names":["KanbanCard","KanbanDraggableCard","disableDrag","KanbanCardView"],"sources":["../../../../src/tools/components/kanban/KanbanCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { KanbanCardView } from './KanbanCardView';\nimport { KanbanDraggableCard } from './kanban-primitives';\nimport type { KanbanCardProps } from './types';\n\n/** ドラッグ可能なカード。Space/Enterで移動、左右矢印で列選択、Escapeで取消。 */\nexport function KanbanCard({\n  ref,\n  task,\n  onClick,\n  testId,\n  disableDrag,\n}: React.PropsWithoutRef<KanbanCardProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <KanbanDraggableCard\n      task={task}\n      disabled={disableDrag}\n      data-slot='kanban-card-wrapper'\n      onClick={onClick}\n    >\n      <KanbanCardView ref={ref} task={task} testId={testId} />\n    </KanbanDraggableCard>\n  );\n}\nKanbanCard.displayName = 'KanbanCard';\n"],"mappings":";;;;;;AAMA,SAAgBA,EAAW,EACzB,QACA,SACA,YACA,WACA,kBAC+E;CAC/E,OACE,kBAACC,GAAD;EACQ;EACN,UAAUC;EACV,aAAU;EACD;EAET,UAAA,kBAACC,GAAD;GAAqB;GAAW;GAAc;EAAS,CAAA;CACpC,CAAA;AAEzB;AACA,EAAW,cAAc"}

package/dist/tools/components/kanban/KanbanCardView.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/avatar.cjs"),r=require("../../../ui/components/ui/badge-components.cjs"),i=require("../../../ui/components/ui/card.cjs");let a=require("react/jsx-runtime"),o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("date-fns");var l={low:{bg:`bg-muted`,text:`text-muted-foreground`,label:`Low`},medium:{bg:`bg-blue-100 dark:bg-blue-900/30`,text:`text-blue-700 dark:text-blue-300`,label:`Medium`},high:{bg:`bg-orange-100 dark:bg-orange-900/30`,text:`text-orange-700 dark:text-orange-300`,label:`High`},urgent:{bg:`bg-destructive/10`,text:`text-destructive`,label:`Urgent`}},u=o.forwardRef(({task:e,testId:o},u)=>{let d=l[e.priority||`medium`]||l.medium;return(0,a.jsxs)(i.Card,{ref:u,"data-slot":`kanban-card`,"data-testid":o,"data-priority":e.priority,className:t.cn(`hover:shadow-md transition-all duration-200`,`border-border/50 hover:border-border`,e.priority===`high`&&`bg-orange-50/50 dark:bg-orange-950/10`,e.priority===`urgent`&&`bg-destructive/5`),children:[(0,a.jsxs)(i.CardHeader,{className:`p-3 pb-1 space-y-1`,children:[(0,a.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[e.key&&(0,a.jsx)(`span`,{"data-slot":`kanban-card-key`,className:`text-[10px] font-mono text-muted-foreground uppercase bg-muted/50 px-1.5 py-0.5 rounded`,children:e.key}),e.project?.name&&(0,a.jsx)(r.Badge,{variant:`outline`,className:`text-[10px] px-1.5 py-0 font-normal`,style:{borderColor:e.project.color,color:e.project.color},children:e.project.name})]}),(0,a.jsx)(i.CardTitle,{className:`text-sm font-medium leading-tight line-clamp-2`,children:e.title})]}),(0,a.jsxs)(i.CardContent,{className:`p-3 pt-2`,children:[e.tags&&e.tags.length>0&&(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-1 mb-2`,children:[e.tags.slice(0,3).map(e=>(0,a.jsx)(r.Badge,{variant:`secondary`,className:`text-[10px] px-1.5 py-0`,children:e},e)),e.tags.length>3&&(0,a.jsxs)(`span`,{className:`text-[10px] text-muted-foreground`,children:[`+`,e.tags.length-3]})]}),(0,a.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,a.jsxs)(r.Badge,{variant:`secondary`,className:t.cn(`text-[10px] px-1.5 py-0`,d.bg,d.text),children:[(0,a.jsx)(s.Flag,{className:`w-2.5 h-2.5 mr-0.5`}),d.label]}),e.due_date&&(0,a.jsxs)(`span`,{className:`flex items-center text-[10px] text-muted-foreground`,children:[(0,a.jsx)(s.Calendar,{className:`w-3 h-3 mr-0.5`}),(0,c.format)(new Date(e.due_date),`MM/dd`)]}),e.commentCount&&e.commentCount>0&&(0,a.jsxs)(`span`,{className:`flex items-center text-[10px] text-muted-foreground`,children:[(0,a.jsx)(s.MessageSquare,{className:`w-3 h-3 mr-0.5`}),e.commentCount]}),e.attachmentCount&&e.attachmentCount>0&&(0,a.jsxs)(`span`,{className:`flex items-center text-[10px] text-muted-foreground`,children:[(0,a.jsx)(s.Paperclip,{className:`w-3 h-3 mr-0.5`}),e.attachmentCount]})]}),e.assignee&&(0,a.jsxs)(n.Avatar,{className:`h-5 w-5 border border-background`,children:[e.assignee.avatar&&(0,a.jsx)(n.AvatarImage,{src:e.assignee.avatar}),(0,a.jsx)(n.AvatarFallback,{className:`text-[9px] bg-primary/10 text-primary`,children:e.assignee.name?.[0]||`?`})]})]})]})]})});u.displayName=`KanbanCardView`,exports.KanbanCardView=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/avatar.cjs"),r=require("../../../ui/components/ui/badge-components.cjs"),i=require("../../../ui/components/ui/card.cjs");let a=require("react/jsx-runtime"),o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("date-fns");var l={low:{bg:`bg-muted`,text:`text-muted-foreground`,label:`Low`},medium:{bg:`bg-blue-100 dark:bg-blue-900/30`,text:`text-blue-700 dark:text-blue-300`,label:`Medium`},high:{bg:`bg-orange-100 dark:bg-orange-900/30`,text:`text-orange-700 dark:text-orange-300`,label:`High`},urgent:{bg:`bg-destructive/10`,text:`text-destructive`,label:`Urgent`}};function u({ref:e,task:o,testId:u}){let d=l[o.priority||`medium`]||l.medium;return(0,a.jsxs)(i.Card,{ref:e,"data-slot":`kanban-card`,"data-testid":u,"data-priority":o.priority,className:t.cn(`hover:shadow-md transition-all duration-200`,`border-border/50 hover:border-border`,o.priority===`high`&&`bg-orange-50/50 dark:bg-orange-950/10`,o.priority===`urgent`&&`bg-destructive/5`),children:[(0,a.jsxs)(i.CardHeader,{className:`p-3 pb-1 space-y-1`,children:[(0,a.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[o.key&&(0,a.jsx)(`span`,{"data-slot":`kanban-card-key`,className:`text-[10px] font-mono text-muted-foreground uppercase bg-muted/50 px-1.5 py-0.5 rounded`,children:o.key}),o.project?.name&&(0,a.jsx)(r.Badge,{variant:`outline`,className:`text-[10px] px-1.5 py-0 font-normal`,style:{borderColor:o.project.color,color:o.project.color},children:o.project.name})]}),(0,a.jsx)(i.CardTitle,{className:`text-sm font-medium leading-tight line-clamp-2`,children:o.title})]}),(0,a.jsxs)(i.CardContent,{className:`p-3 pt-2`,children:[o.tags&&o.tags.length>0&&(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-1 mb-2`,children:[o.tags.slice(0,3).map(e=>(0,a.jsx)(r.Badge,{variant:`secondary`,className:`text-[10px] px-1.5 py-0`,children:e},e)),o.tags.length>3&&(0,a.jsxs)(`span`,{className:`text-[10px] text-muted-foreground`,children:[`+`,o.tags.length-3]})]}),(0,a.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,a.jsxs)(r.Badge,{variant:`secondary`,className:t.cn(`text-[10px] px-1.5 py-0`,d.bg,d.text),children:[(0,a.jsx)(s.Flag,{className:`w-2.5 h-2.5 mr-0.5`}),d.label]}),o.due_date&&(0,a.jsxs)(`span`,{className:`flex items-center text-[10px] text-muted-foreground`,children:[(0,a.jsx)(s.Calendar,{className:`w-3 h-3 mr-0.5`}),(0,c.format)(new Date(o.due_date),`MM/dd`)]}),o.commentCount&&o.commentCount>0&&(0,a.jsxs)(`span`,{className:`flex items-center text-[10px] text-muted-foreground`,children:[(0,a.jsx)(s.MessageSquare,{className:`w-3 h-3 mr-0.5`}),o.commentCount]}),o.attachmentCount&&o.attachmentCount>0&&(0,a.jsxs)(`span`,{className:`flex items-center text-[10px] text-muted-foreground`,children:[(0,a.jsx)(s.Paperclip,{className:`w-3 h-3 mr-0.5`}),o.attachmentCount]})]}),o.assignee&&(0,a.jsxs)(n.Avatar,{className:`h-5 w-5 border border-background`,children:[o.assignee.avatar&&(0,a.jsx)(n.AvatarImage,{src:o.assignee.avatar}),(0,a.jsx)(n.AvatarFallback,{className:`text-[9px] bg-primary/10 text-primary`,children:o.assignee.name?.[0]||`?`})]})]})]})]})}u.displayName=`KanbanCardView`,exports.KanbanCardView=u;
 //# sourceMappingURL=KanbanCardView.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanCardView.cjs","names":["React","Card","cn","CardHeader","Badge","CardTitle","CardContent","Flag","Calendar","format","MessageSquare","Paperclip","Avatar","AvatarImage","AvatarFallback","require_runtime","require_ui_lib_utils","require_ui_components_ui_avatar","require_ui_components_ui_badge_components","require_ui_components_ui_card","react_jsx_runtime","react","lucide_react","date_fns","PRIORITY_STYLES","KanbanCardView","priorityStyle","task","testId","tag"],"sources":["../../../../src/tools/components/kanban/KanbanCardView.tsx"],"sourcesContent":["import * as React from 'react';\nimport { format } from 'date-fns';\nimport { Calendar, Flag, MessageSquare, Paperclip } from 'lucide-react';\nimport { cn } from '../../lib/utils';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { Badge } from '../ui/badge';\nimport { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar';\nimport type { KanbanCardProps } from './types';\n\nconst PRIORITY_STYLES: Record<string, { bg: string; text: string; label: string }> = {\n  low: {\n    bg: 'bg-muted',\n    text: 'text-muted-foreground',\n    label: 'Low',\n  },\n  medium: {\n    bg: 'bg-blue-100 dark:bg-blue-900/30',\n    text: 'text-blue-700 dark:text-blue-300',\n    label: 'Medium',\n  },\n  high: {\n    bg: 'bg-orange-100 dark:bg-orange-900/30',\n    text: 'text-orange-700 dark:text-orange-300',\n    label: 'High',\n  },\n  urgent: {\n    bg: 'bg-destructive/10',\n    text: 'text-destructive',\n    label: 'Urgent',\n  },\n};\n\n/** Presentation only: safe for drag overlays and compound cards (no duplicate draggable registration). */\nexport const KanbanCardView = React.forwardRef<HTMLDivElement, KanbanCardProps>(\n  ({ task, testId }, ref) => {\n    const priorityStyle = PRIORITY_STYLES[task.priority || 'medium'] || PRIORITY_STYLES.medium;\n    return (\n      <Card\n        ref={ref}\n        data-slot='kanban-card'\n        data-testid={testId}\n        data-priority={task.priority}\n        className={cn(\n          'hover:shadow-md transition-all duration-200',\n          'border-border/50 hover:border-border',\n          task.priority === 'high' && 'bg-orange-50/50 dark:bg-orange-950/10',\n          task.priority === 'urgent' && 'bg-destructive/5',\n        )}\n      >\n        <CardHeader className='p-3 pb-1 space-y-1'>\n          {/* キー & プロジェクト */}\n          <div className='flex items-center justify-between gap-2'>\n            {task.key && (\n              <span\n                data-slot='kanban-card-key'\n                className='text-[10px] font-mono text-muted-foreground uppercase bg-muted/50 px-1.5 py-0.5 rounded'\n              >\n                {task.key}\n              </span>\n            )}\n            {task.project?.name && (\n              <Badge\n                variant='outline'\n                className='text-[10px] px-1.5 py-0 font-normal'\n                style={{\n                  borderColor: task.project.color,\n                  color: task.project.color,\n                }}\n              >\n                {task.project.name}\n              </Badge>\n            )}\n          </div>\n\n          {/* タイトル */}\n          <CardTitle className='text-sm font-medium leading-tight line-clamp-2'>\n            {task.title}\n          </CardTitle>\n        </CardHeader>\n\n        <CardContent className='p-3 pt-2'>\n          {/* タグ */}\n          {task.tags && task.tags.length > 0 && (\n            <div className='flex flex-wrap gap-1 mb-2'>\n              {task.tags.slice(0, 3).map((tag) => (\n                <Badge key={tag} variant='secondary' className='text-[10px] px-1.5 py-0'>\n                  {tag}\n                </Badge>\n              ))}\n              {task.tags.length > 3 && (\n                <span className='text-[10px] text-muted-foreground'>+{task.tags.length - 3}</span>\n              )}\n            </div>\n          )}\n\n          {/* メタ情報 */}\n          <div className='flex items-center justify-between'>\n            <div className='flex items-center gap-2'>\n              {/* 優先度 */}\n              <Badge\n                variant='secondary'\n                className={cn('text-[10px] px-1.5 py-0', priorityStyle.bg, priorityStyle.text)}\n              >\n                <Flag className='w-2.5 h-2.5 mr-0.5' />\n                {priorityStyle.label}\n              </Badge>\n\n              {/* 期限 */}\n              {task.due_date && (\n                <span className='flex items-center text-[10px] text-muted-foreground'>\n                  <Calendar className='w-3 h-3 mr-0.5' />\n                  {format(new Date(task.due_date), 'MM/dd')}\n                </span>\n              )}\n\n              {/* コメント数 */}\n              {task.commentCount && task.commentCount > 0 && (\n                <span className='flex items-center text-[10px] text-muted-foreground'>\n                  <MessageSquare className='w-3 h-3 mr-0.5' />\n                  {task.commentCount}\n                </span>\n              )}\n\n              {/* 添付ファイル数 */}\n              {task.attachmentCount && task.attachmentCount > 0 && (\n                <span className='flex items-center text-[10px] text-muted-foreground'>\n                  <Paperclip className='w-3 h-3 mr-0.5' />\n                  {task.attachmentCount}\n                </span>\n              )}\n            </div>\n\n            {/* 担当者 */}\n            {task.assignee && (\n              <Avatar className='h-5 w-5 border border-background'>\n                {task.assignee.avatar && <AvatarImage src={task.assignee.avatar} />}\n                <AvatarFallback className='text-[9px] bg-primary/10 text-primary'>\n                  {task.assignee.name?.[0] || '?'}\n                </AvatarFallback>\n              </Avatar>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n    );\n  },\n);\nKanbanCardView.displayName = 'KanbanCardView';\n"],"mappings":"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"}
+{"version":3,"file":"KanbanCardView.cjs","names":["Card","cn","CardHeader","Badge","CardTitle","CardContent","Flag","Calendar","format","MessageSquare","Paperclip","Avatar","AvatarImage","AvatarFallback","require_runtime","require_ui_lib_utils","require_ui_components_ui_avatar","require_ui_components_ui_badge_components","require_ui_components_ui_card","react_jsx_runtime","react","lucide_react","date_fns","PRIORITY_STYLES","KanbanCardView","priorityStyle","task","testId","tag"],"sources":["../../../../src/tools/components/kanban/KanbanCardView.tsx"],"sourcesContent":["import * as React from 'react';\nimport { format } from 'date-fns';\nimport { Calendar, Flag, MessageSquare, Paperclip } from 'lucide-react';\nimport { cn } from '../../lib/utils';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { Badge } from '../ui/badge';\nimport { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar';\nimport type { KanbanCardProps } from './types';\n\nconst PRIORITY_STYLES: Record<string, { bg: string; text: string; label: string }> = {\n  low: {\n    bg: 'bg-muted',\n    text: 'text-muted-foreground',\n    label: 'Low',\n  },\n  medium: {\n    bg: 'bg-blue-100 dark:bg-blue-900/30',\n    text: 'text-blue-700 dark:text-blue-300',\n    label: 'Medium',\n  },\n  high: {\n    bg: 'bg-orange-100 dark:bg-orange-900/30',\n    text: 'text-orange-700 dark:text-orange-300',\n    label: 'High',\n  },\n  urgent: {\n    bg: 'bg-destructive/10',\n    text: 'text-destructive',\n    label: 'Urgent',\n  },\n};\n\n/** Presentation only: safe for drag overlays and compound cards (no duplicate draggable registration). */\nexport function KanbanCardView({\n  ref,\n  task,\n  testId,\n}: React.PropsWithoutRef<KanbanCardProps> & React.RefAttributes<HTMLDivElement>) {\n  const priorityStyle = PRIORITY_STYLES[task.priority || 'medium'] || PRIORITY_STYLES.medium;\n  return (\n    <Card\n      ref={ref}\n      data-slot='kanban-card'\n      data-testid={testId}\n      data-priority={task.priority}\n      className={cn(\n        'hover:shadow-md transition-all duration-200',\n        'border-border/50 hover:border-border',\n        task.priority === 'high' && 'bg-orange-50/50 dark:bg-orange-950/10',\n        task.priority === 'urgent' && 'bg-destructive/5',\n      )}\n    >\n      <CardHeader className='p-3 pb-1 space-y-1'>\n        {/* キー & プロジェクト */}\n        <div className='flex items-center justify-between gap-2'>\n          {task.key && (\n            <span\n              data-slot='kanban-card-key'\n              className='text-[10px] font-mono text-muted-foreground uppercase bg-muted/50 px-1.5 py-0.5 rounded'\n            >\n              {task.key}\n            </span>\n          )}\n          {task.project?.name && (\n            <Badge\n              variant='outline'\n              className='text-[10px] px-1.5 py-0 font-normal'\n              style={{\n                borderColor: task.project.color,\n                color: task.project.color,\n              }}\n            >\n              {task.project.name}\n            </Badge>\n          )}\n        </div>\n\n        {/* タイトル */}\n        <CardTitle className='text-sm font-medium leading-tight line-clamp-2'>\n          {task.title}\n        </CardTitle>\n      </CardHeader>\n\n      <CardContent className='p-3 pt-2'>\n        {/* タグ */}\n        {task.tags && task.tags.length > 0 && (\n          <div className='flex flex-wrap gap-1 mb-2'>\n            {task.tags.slice(0, 3).map((tag) => (\n              <Badge key={tag} variant='secondary' className='text-[10px] px-1.5 py-0'>\n                {tag}\n              </Badge>\n            ))}\n            {task.tags.length > 3 && (\n              <span className='text-[10px] text-muted-foreground'>+{task.tags.length - 3}</span>\n            )}\n          </div>\n        )}\n\n        {/* メタ情報 */}\n        <div className='flex items-center justify-between'>\n          <div className='flex items-center gap-2'>\n            {/* 優先度 */}\n            <Badge\n              variant='secondary'\n              className={cn('text-[10px] px-1.5 py-0', priorityStyle.bg, priorityStyle.text)}\n            >\n              <Flag className='w-2.5 h-2.5 mr-0.5' />\n              {priorityStyle.label}\n            </Badge>\n\n            {/* 期限 */}\n            {task.due_date && (\n              <span className='flex items-center text-[10px] text-muted-foreground'>\n                <Calendar className='w-3 h-3 mr-0.5' />\n                {format(new Date(task.due_date), 'MM/dd')}\n              </span>\n            )}\n\n            {/* コメント数 */}\n            {task.commentCount && task.commentCount > 0 && (\n              <span className='flex items-center text-[10px] text-muted-foreground'>\n                <MessageSquare className='w-3 h-3 mr-0.5' />\n                {task.commentCount}\n              </span>\n            )}\n\n            {/* 添付ファイル数 */}\n            {task.attachmentCount && task.attachmentCount > 0 && (\n              <span className='flex items-center text-[10px] text-muted-foreground'>\n                <Paperclip className='w-3 h-3 mr-0.5' />\n                {task.attachmentCount}\n              </span>\n            )}\n          </div>\n\n          {/* 担当者 */}\n          {task.assignee && (\n            <Avatar className='h-5 w-5 border border-background'>\n              {task.assignee.avatar && <AvatarImage src={task.assignee.avatar} />}\n              <AvatarFallback className='text-[9px] bg-primary/10 text-primary'>\n                {task.assignee.name?.[0] || '?'}\n              </AvatarFallback>\n            </Avatar>\n          )}\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\nKanbanCardView.displayName = 'KanbanCardView';\n"],"mappings":"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"}

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

@@ -1,4 +1,7 @@
 import { KanbanCardProps } from './types.cjs';
 import * as React from 'react';
 /** Presentation only: safe for drag overlays and compound cards (no duplicate draggable registration). */
-export declare const KanbanCardView: React.ForwardRefExoticComponent<KanbanCardProps & React.RefAttributes<HTMLDivElement>>;
+export declare function KanbanCardView({ ref, task, testId, }: React.PropsWithoutRef<KanbanCardProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace KanbanCardView {
+    var displayName: string;
+}

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

@@ -1,4 +1,7 @@
 import { KanbanCardProps } from './types.js';
 import * as React from 'react';
 /** Presentation only: safe for drag overlays and compound cards (no duplicate draggable registration). */
-export declare const KanbanCardView: React.ForwardRefExoticComponent<KanbanCardProps & React.RefAttributes<HTMLDivElement>>;
+export declare function KanbanCardView({ ref, task, testId, }: React.PropsWithoutRef<KanbanCardProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace KanbanCardView {
+    var displayName: string;
+}