@alneas/appkit-react 0.1.0 → 0.3.0

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":"A,2cASA,IAAMuB,EAA+E,CACnF,IAAK,CACH,GAAI,WACJ,KAAM,wBACN,MAAO,KACT,EACA,OAAQ,CACN,GAAI,kCACJ,KAAM,mCACN,MAAO,QACT,EACA,KAAM,CACJ,GAAI,sCACJ,KAAM,uCACN,MAAO,MACT,EACA,OAAQ,CACN,GAAI,oBACJ,KAAM,mBACN,MAAO,QACT,CACF,EAGA,SAAgBC,EAAe,CAC7B,MACA,OACA,UAC+E,CAC/E,IAAMC,EAAgBF,EAAgBG,EAAK,UAAY,WAAaH,EAAgB,OACpF,OACE,EAAAJ,EAAA,KAAA,CAACnB,EAAAA,KAAD,CACO,MACL,YAAU,cACV,cAAa2B,EACb,gBAAeD,EAAK,SACpB,UAAWzB,EAAAA,GACT,8CACA,uCACAyB,EAAK,WAAa,QAAU,wCAC5BA,EAAK,WAAa,UAAY,kBAChC,EAVF,SAAA,EAYE,EAAAP,EAAA,KAAA,CAACjB,EAAAA,WAAD,CAAY,UAAU,qBAAtB,SAAA,EAEE,EAAAiB,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,0CAAf,SAAA,CACGO,EAAK,MACJ,EAAAP,EAAA,IAAA,CAAC,OAAD,CACE,YAAU,kBACV,UAAU,0FAET,SAAAO,EAAK,GACF,CAAA,EAEPA,EAAK,SAAS,OACb,EAAAP,EAAA,IAAA,CAAChB,EAAAA,MAAD,CACE,QAAQ,UACR,UAAU,sCACV,MAAO,CACL,YAAauB,EAAK,QAAQ,MAC1B,MAAOA,EAAK,QAAQ,KACtB,EAEC,SAAAA,EAAK,QAAQ,IACT,CAAA,CAEN,CAGL,CAAA,GAAA,EAAAP,EAAA,IAAA,CAACf,EAAAA,UAAD,CAAW,UAAU,iDAClB,SAAAsB,EAAK,KACG,CAAA,CACD,CAEZ,CAAA,GAAA,EAAAP,EAAA,KAAA,CAACd,EAAAA,YAAD,CAAa,UAAU,WAAvB,SAAA,CAEGqB,EAAK,MAAQA,EAAK,KAAK,OAAS,IAC/B,EAAAP,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,4BAAf,SAAA,CACGO,EAAK,KAAK,MAAM,EAAG,CAAC,CAAC,CAAC,IAAK,IAC1B,EAAAP,EAAA,IAAA,CAAChB,EAAAA,MAAD,CAAiB,QAAQ,YAAY,UAAU,0BAC5C,SAAAyB,CACI,EAFKA,CAEL,CACR,EACAF,EAAK,KAAK,OAAS,IAClB,EAAAP,EAAA,KAAA,CAAC,OAAD,CAAM,UAAU,oCAAhB,SAAA,CAAoD,IAAEO,EAAK,KAAK,OAAS,CAAQ,CAEhF,CAAA,CAAA,CAIP,CAAA,GAAA,EAAAP,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,oCAAf,SAAA,EACE,EAAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,0BAAf,SAAA,EAEE,EAAAA,EAAA,KAAA,CAAChB,EAAAA,MAAD,CACE,QAAQ,YACR,UAAWF,EAAAA,GAAG,0BAA2BwB,EAAc,GAAIA,EAAc,IAAI,EAF/E,SAAA,EAIE,EAAAN,EAAA,IAAA,CAACb,EAAAA,KAAD,CAAM,UAAU,oBAAsB,CAAA,EACrCmB,EAAc,KACV,C,GAGNC,EAAK,WACJ,EAAAP,EAAA,KAAA,CAAC,OAAD,CAAM,UAAU,sDAAhB,SAAA,EACE,EAAAA,EAAA,IAAA,CAACZ,EAAAA,SAAD,CAAU,UAAU,gBAAkB,CAAA,GAAA,EACrCC,EAAAA,OAAAA,CAAO,IAAI,KAAKkB,EAAK,QAAQ,EAAG,OAAO,CACpC,C,GAIPA,EAAK,cAAgBA,EAAK,aAAe,IACxC,EAAAP,EAAA,KAAA,CAAC,OAAD,CAAM,UAAU,sDAAhB,SAAA,EACE,EAAAA,EAAA,IAAA,CAACV,EAAAA,cAAD,CAAe,UAAU,gBAAkB,CAAA,EAC1CiB,EAAK,YACF,C,GAIPA,EAAK,iBAAmBA,EAAK,gBAAkB,IAC9C,EAAAP,EAAA,KAAA,CAAC,OAAD,CAAM,UAAU,sDAAhB,SAAA,EACE,EAAAA,EAAA,IAAA,CAACT,EAAAA,UAAD,CAAW,UAAU,gBAAkB,CAAA,EACtCgB,EAAK,eACF,C,EAEL,CAGJ,CAAA,EAAAA,EAAK,WACJ,EAAAP,EAAA,KAAA,CAACR,EAAAA,OAAD,CAAQ,UAAU,mCAAlB,SAAA,CACGe,EAAK,SAAS,SAAU,EAAAP,EAAA,IAAA,CAACP,EAAAA,YAAD,CAAa,IAAKc,EAAK,SAAS,MAAS,CAAA,GAClE,EAAAP,EAAA,IAAA,CAACN,EAAAA,eAAD,CAAgB,UAAU,wCACvB,SAAAa,EAAK,SAAS,OAAO,IAAM,GACd,CAAA,CACV,CAEP,CAAA,CAAA,CACM,CAAA,CAAA,CACT,CAAA,CAAA,C,EAEV,CACA,EAAe,YAAc,iB"}

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;
+}

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

@@ -4,11 +4,11 @@ import { Avatar as t, AvatarFallback as n, AvatarImage as r } from "../../../ui/
 import { Badge as i } from "../../../ui/components/ui/badge-components.js";
 import { Card as a, CardContent as o, CardHeader as s, CardTitle as c } from "../../../ui/components/ui/card.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import * as d from "react";
-import { Calendar as f, Flag as p, MessageSquare as m, Paperclip as h } from "lucide-react";
-import { format as g } from "date-fns";
+import "react";
+import { Calendar as d, Flag as f, MessageSquare as p, Paperclip as m } from "lucide-react";
+import { format as h } from "date-fns";
 //#region src/tools/components/kanban/KanbanCardView.tsx
-var _ = {
+var g = {
 	low: {
 		bg: "bg-muted",
 		text: "text-muted-foreground",
@@ -29,46 +29,47 @@ var _ = {
 		text: "text-destructive",
 		label: "Urgent"
 	}
-}, v = d.forwardRef(({ task: d, testId: v }, y) => {
-	let b = _[d.priority || "medium"] || _.medium;
+};
+function _({ ref: _, task: v, testId: y }) {
+	let b = g[v.priority || "medium"] || g.medium;
 	return /* @__PURE__ */ u(a, {
-		ref: y,
+		ref: _,
 		"data-slot": "kanban-card",
-		"data-testid": v,
-		"data-priority": d.priority,
-		className: e("hover:shadow-md transition-all duration-200", "border-border/50 hover:border-border", d.priority === "high" && "bg-orange-50/50 dark:bg-orange-950/10", d.priority === "urgent" && "bg-destructive/5"),
+		"data-testid": y,
+		"data-priority": v.priority,
+		className: e("hover:shadow-md transition-all duration-200", "border-border/50 hover:border-border", v.priority === "high" && "bg-orange-50/50 dark:bg-orange-950/10", v.priority === "urgent" && "bg-destructive/5"),
 		children: [/* @__PURE__ */ u(s, {
 			className: "p-3 pb-1 space-y-1",
 			children: [/* @__PURE__ */ u("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [d.key && /* @__PURE__ */ l("span", {
+				children: [v.key && /* @__PURE__ */ l("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: d.key
-				}), d.project?.name && /* @__PURE__ */ l(i, {
+					children: v.key
+				}), v.project?.name && /* @__PURE__ */ l(i, {
 					variant: "outline",
 					className: "text-[10px] px-1.5 py-0 font-normal",
 					style: {
-						borderColor: d.project.color,
-						color: d.project.color
+						borderColor: v.project.color,
+						color: v.project.color
 					},
-					children: d.project.name
+					children: v.project.name
 				})]
 			}), /* @__PURE__ */ l(c, {
 				className: "text-sm font-medium leading-tight line-clamp-2",
-				children: d.title
+				children: v.title
 			})]
 		}), /* @__PURE__ */ u(o, {
 			className: "p-3 pt-2",
-			children: [d.tags && d.tags.length > 0 && /* @__PURE__ */ u("div", {
+			children: [v.tags && v.tags.length > 0 && /* @__PURE__ */ u("div", {
 				className: "flex flex-wrap gap-1 mb-2",
-				children: [d.tags.slice(0, 3).map((e) => /* @__PURE__ */ l(i, {
+				children: [v.tags.slice(0, 3).map((e) => /* @__PURE__ */ l(i, {
 					variant: "secondary",
 					className: "text-[10px] px-1.5 py-0",
 					children: e
-				}, e)), d.tags.length > 3 && /* @__PURE__ */ u("span", {
+				}, e)), v.tags.length > 3 && /* @__PURE__ */ u("span", {
 					className: "text-[10px] text-muted-foreground",
-					children: ["+", d.tags.length - 3]
+					children: ["+", v.tags.length - 3]
 				})]
 			}), /* @__PURE__ */ u("div", {
 				className: "flex items-center justify-between",
@@ -78,34 +79,34 @@ var _ = {
 						/* @__PURE__ */ u(i, {
 							variant: "secondary",
 							className: e("text-[10px] px-1.5 py-0", b.bg, b.text),
-							children: [/* @__PURE__ */ l(p, { className: "w-2.5 h-2.5 mr-0.5" }), b.label]
+							children: [/* @__PURE__ */ l(f, { className: "w-2.5 h-2.5 mr-0.5" }), b.label]
 						}),
-						d.due_date && /* @__PURE__ */ u("span", {
+						v.due_date && /* @__PURE__ */ u("span", {
 							className: "flex items-center text-[10px] text-muted-foreground",
-							children: [/* @__PURE__ */ l(f, { className: "w-3 h-3 mr-0.5" }), g(new Date(d.due_date), "MM/dd")]
+							children: [/* @__PURE__ */ l(d, { className: "w-3 h-3 mr-0.5" }), h(new Date(v.due_date), "MM/dd")]
 						}),
-						d.commentCount && d.commentCount > 0 && /* @__PURE__ */ u("span", {
+						v.commentCount && v.commentCount > 0 && /* @__PURE__ */ u("span", {
 							className: "flex items-center text-[10px] text-muted-foreground",
-							children: [/* @__PURE__ */ l(m, { className: "w-3 h-3 mr-0.5" }), d.commentCount]
+							children: [/* @__PURE__ */ l(p, { className: "w-3 h-3 mr-0.5" }), v.commentCount]
 						}),
-						d.attachmentCount && d.attachmentCount > 0 && /* @__PURE__ */ u("span", {
+						v.attachmentCount && v.attachmentCount > 0 && /* @__PURE__ */ u("span", {
 							className: "flex items-center text-[10px] text-muted-foreground",
-							children: [/* @__PURE__ */ l(h, { className: "w-3 h-3 mr-0.5" }), d.attachmentCount]
+							children: [/* @__PURE__ */ l(m, { className: "w-3 h-3 mr-0.5" }), v.attachmentCount]
 						})
 					]
-				}), d.assignee && /* @__PURE__ */ u(t, {
+				}), v.assignee && /* @__PURE__ */ u(t, {
 					className: "h-5 w-5 border border-background",
-					children: [d.assignee.avatar && /* @__PURE__ */ l(r, { src: d.assignee.avatar }), /* @__PURE__ */ l(n, {
+					children: [v.assignee.avatar && /* @__PURE__ */ l(r, { src: v.assignee.avatar }), /* @__PURE__ */ l(n, {
 						className: "text-[9px] bg-primary/10 text-primary",
-						children: d.assignee.name?.[0] || "?"
+						children: v.assignee.name?.[0] || "?"
 					})]
 				})]
 			})]
 		})]
 	});
-});
-v.displayName = "KanbanCardView";
+}
+_.displayName = "KanbanCardView";
 //#endregion
-export { v as KanbanCardView };
+export { _ as KanbanCardView };
 
 //# sourceMappingURL=KanbanCardView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanCardView.js","names":["React","React$1","PRIORITY_STYLES","KanbanCardView","priorityStyle","task","Card","testId","cn","CardHeader","Badge","CardTitle","CardContent","tag","Flag","Calendar","format","MessageSquare","Paperclip","Avatar","AvatarImage","AvatarFallback"],"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.js","names":["PRIORITY_STYLES","KanbanCardView","priorityStyle","task","Card","testId","cn","CardHeader","Badge","CardTitle","CardContent","tag","Flag","Calendar","format","MessageSquare","Paperclip","Avatar","AvatarImage","AvatarFallback"],"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/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);function o({ref:e,column:o,tasks:s,onTaskClick:c,testId:l,renderCard:u,readOnly:d}){let f=o.limit?s.length>=o.limit:!1;return(0,i.jsxs)(n.KanbanColumnFrame,{ref:e,column:o,isOverLimit:f,"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:[o.color&&(0,i.jsx)(`div`,{className:`w-2 h-2 rounded-full`,style:{backgroundColor:o.color}}),(0,i.jsx)(`h2`,{className:`font-semibold text-sm text-foreground`,children:o.title})]}),(0,i.jsxs)(t.Badge,{variant:f?`destructive`:`secondary`,className:`text-xs px-2 py-0.5`,children:[s.length,o.limit&&` / ${o.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)(i.Fragment,{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`})]})]})}o.displayName=`KanbanColumn`,exports.KanbanColumn=o;
 //# 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":["KanbanColumnFrame","Badge","_Fragment","React","KanbanCard","require_runtime","require_ui_components_ui_badge_components","require_tools_components_kanban_kanban_primitives","require_tools_components_kanban_KanbanCard","react_jsx_runtime","react","KanbanColumn","isOverLimit","column","tasks","testId","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';\n\nimport { Badge } from '../ui/badge';\nimport { KanbanCard } from './KanbanCard';\nimport { KanbanColumnFrame } from './kanban-primitives';\nimport type { KanbanColumnProps } from './types';\n\n/**\n * Render a preset Kanban column with native task/column registrations.\n * @param props - Column metadata, current tasks, optional custom renderer, click\n * callback, test id and readOnly flag. Limits only affect warning presentation.\n * The optional ref prop forwards the column div, including React 19 callback cleanup.\n * @returns The column, header/count and rendered task cards.\n * @remarks Use inside KanbanDragSurface; it does not own persistent task state.\n * Import Appkit CSS once. Prefer KanbanBoard when no custom surface is needed.\n * @example\n * ```tsx\n * import {KanbanDragSurface, KanbanColumn, useKanbanDrag} from '@alneas/appkit-react/tools/kanban';\n * import '@alneas/appkit-react/styles';\n * export function OneColumn() {\n *   const tasks = [{id: 'one', title: 'Review', status: 'todo'}];\n *   const controller = useKanbanDrag({tasks});\n *   return <KanbanDragSurface controller={controller}>\n *     <KanbanColumn column={{id: 'todo', title: 'Todo'}} tasks={tasks} />\n *   </KanbanDragSurface>;\n * }\n * ```\n */\nexport function KanbanColumn({\n  ref, column, tasks, onTaskClick, testId, renderCard, readOnly,\n}: React.PropsWithoutRef<KanbanColumnProps> & React.RefAttributes<HTMLDivElement>) {\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          <>\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          </>\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\nKanbanColumn.displayName = 'KanbanColumn';\n"],"mappings":"A,iVAkCA,SAAgBW,EAAa,CAC3B,MAAK,SAAQ,QAAO,cAAa,SAAQ,aAAY,YAC4B,CAC/E,IAAMC,EAAcC,EAAO,MAAQC,EAAM,QAAUD,EAAO,MAAQ,GAElE,OACE,EAAAJ,EAAA,KAAA,CAACT,EAAAA,kBAAD,CAAwB,MAAa,SAAqB,cAAa,cAAae,EAApF,SAAA,EAEE,EAAAN,EAAA,KAAA,CAAC,MAAD,CACE,YAAU,uBACV,UAAU,8CAFZ,SAAA,EAIE,EAAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,0BAAf,SAAA,CACGI,EAAO,QACN,EAAAJ,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,uBAAuB,MAAO,CAAE,gBAAiBI,EAAO,KAAM,CAAI,CAAA,GAEnF,EAAAJ,EAAA,IAAA,CAAC,KAAD,CAAI,UAAU,wCAAyC,SAAAI,EAAO,KAAU,CAAA,CACrE,CACL,CAAA,GAAA,EAAAJ,EAAA,KAAA,CAACR,EAAAA,MAAD,CACE,QAASW,EAAc,cAAgB,YACvC,UAAU,sBAFZ,SAAA,CAIGE,EAAM,OACND,EAAO,OAAS,MAAMA,EAAO,OACzB,CACJ,CAAA,CAAA,CAGL,CAAA,GAAA,EAAAJ,EAAA,KAAA,CAAC,MAAD,CACE,YAAU,wBACV,UAAU,6CAFZ,SAAA,EAIE,EAAAA,EAAA,IAAA,CAAAP,EAAAA,SAAA,CAAA,SACGY,EAAM,IAAK,IACV,EAAAL,EAAA,IAAA,CAACN,EAAM,SAAP,CAAA,SACGa,EACCA,EAAW,CACT,OACA,OAAQD,EAAS,GAAGA,EAAO,QAAQE,EAAK,KAAO,IAAA,GAC/C,YAAeC,IAAcD,CAAI,EACjC,YAAaE,CACf,CAAC,GAED,EAAAV,EAAA,IAAA,CAACL,EAAAA,WAAD,CACQ,OACN,OAAQW,EAAS,GAAGA,EAAO,QAAQE,EAAK,KAAO,IAAA,GAC/C,YAAeC,IAAcD,CAAI,EACjC,YAAaE,CACd,CAAA,CAEW,EAhBKF,EAAK,EAgBV,CACjB,CACD,CAAA,EAGDH,EAAM,SAAW,IAChB,EAAAL,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,sBACV,UAAU,6EACX,SAAA,UAEI,CAAA,CAEJ,CACY,CAAA,CAAA,C,EAEzB,CAEA,EAAa,YAAc,e"}

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

@@ -6,6 +6,27 @@ import { KanbanColumnProps } from './types.cjs';
  */
 import * as React from 'react';
 /**
- * カンバンカラム
+ * Render a preset Kanban column with native task/column registrations.
+ * @param props - Column metadata, current tasks, optional custom renderer, click
+ * callback, test id and readOnly flag. Limits only affect warning presentation.
+ * The optional ref prop forwards the column div, including React 19 callback cleanup.
+ * @returns The column, header/count and rendered task cards.
+ * @remarks Use inside KanbanDragSurface; it does not own persistent task state.
+ * Import Appkit CSS once. Prefer KanbanBoard when no custom surface is needed.
+ * @example
+ * ```tsx
+ * import {KanbanDragSurface, KanbanColumn, useKanbanDrag} from '@alneas/appkit-react/tools/kanban';
+ * import '@alneas/appkit-react/styles';
+ * export function OneColumn() {
+ *   const tasks = [{id: 'one', title: 'Review', status: 'todo'}];
+ *   const controller = useKanbanDrag({tasks});
+ *   return <KanbanDragSurface controller={controller}>
+ *     <KanbanColumn column={{id: 'todo', title: 'Todo'}} tasks={tasks} />
+ *   </KanbanDragSurface>;
+ * }
+ * ```
  */
-export declare const KanbanColumn: React.ForwardRefExoticComponent<KanbanColumnProps & React.RefAttributes<HTMLDivElement>>;
+export declare function KanbanColumn({ ref, column, tasks, onTaskClick, testId, renderCard, readOnly, }: React.PropsWithoutRef<KanbanColumnProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace KanbanColumn {
+    var displayName: string;
+}

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

@@ -6,6 +6,27 @@ import { KanbanColumnProps } from './types.js';
  */
 import * as React from 'react';
 /**
- * カンバンカラム
+ * Render a preset Kanban column with native task/column registrations.
+ * @param props - Column metadata, current tasks, optional custom renderer, click
+ * callback, test id and readOnly flag. Limits only affect warning presentation.
+ * The optional ref prop forwards the column div, including React 19 callback cleanup.
+ * @returns The column, header/count and rendered task cards.
+ * @remarks Use inside KanbanDragSurface; it does not own persistent task state.
+ * Import Appkit CSS once. Prefer KanbanBoard when no custom surface is needed.
+ * @example
+ * ```tsx
+ * import {KanbanDragSurface, KanbanColumn, useKanbanDrag} from '@alneas/appkit-react/tools/kanban';
+ * import '@alneas/appkit-react/styles';
+ * export function OneColumn() {
+ *   const tasks = [{id: 'one', title: 'Review', status: 'todo'}];
+ *   const controller = useKanbanDrag({tasks});
+ *   return <KanbanDragSurface controller={controller}>
+ *     <KanbanColumn column={{id: 'todo', title: 'Todo'}} tasks={tasks} />
+ *   </KanbanDragSurface>;
+ * }
+ * ```
  */
-export declare const KanbanColumn: React.ForwardRefExoticComponent<KanbanColumnProps & React.RefAttributes<HTMLDivElement>>;
+export declare function KanbanColumn({ ref, column, tasks, onTaskClick, testId, renderCard, readOnly, }: React.PropsWithoutRef<KanbanColumnProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace KanbanColumn {
+    var displayName: string;
+}

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

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

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":["_Fragment","React","React$1","KanbanColumn","isOverLimit","column","tasks","KanbanColumnFrame","testId","Badge","Fragment","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';\n\nimport { Badge } from '../ui/badge';\nimport { KanbanCard } from './KanbanCard';\nimport { KanbanColumnFrame } from './kanban-primitives';\nimport type { KanbanColumnProps } from './types';\n\n/**\n * Render a preset Kanban column with native task/column registrations.\n * @param props - Column metadata, current tasks, optional custom renderer, click\n * callback, test id and readOnly flag. Limits only affect warning presentation.\n * The optional ref prop forwards the column div, including React 19 callback cleanup.\n * @returns The column, header/count and rendered task cards.\n * @remarks Use inside KanbanDragSurface; it does not own persistent task state.\n * Import Appkit CSS once. Prefer KanbanBoard when no custom surface is needed.\n * @example\n * ```tsx\n * import {KanbanDragSurface, KanbanColumn, useKanbanDrag} from '@alneas/appkit-react/tools/kanban';\n * import '@alneas/appkit-react/styles';\n * export function OneColumn() {\n *   const tasks = [{id: 'one', title: 'Review', status: 'todo'}];\n *   const controller = useKanbanDrag({tasks});\n *   return <KanbanDragSurface controller={controller}>\n *     <KanbanColumn column={{id: 'todo', title: 'Todo'}} tasks={tasks} />\n *   </KanbanDragSurface>;\n * }\n * ```\n */\nexport function KanbanColumn({\n  ref, column, tasks, onTaskClick, testId, renderCard, readOnly,\n}: React.PropsWithoutRef<KanbanColumnProps> & React.RefAttributes<HTMLDivElement>) {\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          <>\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          </>\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\nKanbanColumn.displayName = 'KanbanColumn';\n"],"mappings":";;;;;;;AAkCA,SAAgBG,EAAa,EAC3B,QAAK,WAAQ,UAAO,gBAAa,WAAQ,eAAY,eAC4B;CAC/E,IAAMC,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,kBAAAL,GAAA,EAAA,UACGM,EAAM,KAAK,MACV,kBAACL,EAAM,UAAP,EAAA,UACGU,IACCA,EAAW;IACT;IACA,QAAQH,IAAS,GAAGA,EAAO,QAAQI,EAAK,OAAO,KAAA;IAC/C,eAAeC,IAAcD,CAAI;IACjC,aAAaE;GACf,CAAC,IAED,kBAACC,GAAD;IACQ;IACN,QAAQP,IAAS,GAAGA,EAAO,QAAQI,EAAK,OAAO,KAAA;IAC/C,eAAeC,IAAcD,CAAI;IACjC,aAAaE;GACd,CAAA,EAEW,GAhBKF,EAAK,EAgBV,CACjB,EACD,CAAA,GAGDN,EAAM,WAAW,KAChB,kBAAC,OAAD;IACE,aAAU;IACV,WAAU;IACX,UAAA;GAEI,CAAA,CAEJ;EACY,CAAA,CAAA;;AAEzB;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);var c=s.createContext(null);function l(){let e=s.useContext(c);if(!e)throw Error(`Kanban compound components must be used within <Kanban.Root>`);return e}function u({tasks:e,onStatusChange:n,onTaskClick:r,statusField:l=`status`,readOnly:u=!1,children:d,className:f,...p}){let m=a.useKanbanDrag({tasks:e,onStatusChange:n,statusField:l,readOnly:u}),{activeTask:h}=m,g=s.useMemo(()=>({activeTask:h,onTaskClick:r,statusField:l,readOnly:u}),[h,r,l,u]);return(0,o.jsx)(i.KanbanDragSurface,{controller:m,overlayClassName:`rotate-2 scale-105 opacity-90 shadow-2xl`,children:(0,o.jsx)(c.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 d({column:e,children:t,className:n,...r}){return(0,o.jsx)(i.KanbanColumnFrame,{column:e,className:n,...r,children:t})}function f({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 p({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)(o.Fragment,{children:i||(e.length>0?e.map(e=>(0,o.jsx)(m,{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 m({task:e,children:n,className:a,...s}){let{onTaskClick:c,readOnly:u}=l();return(0,o.jsx)(i.KanbanDraggableCard,{task:e,disabled:u,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 h={Root:u,Column:d,ColumnHeader:f,ColumnBody:p,Card:m};exports.Kanban=h,exports.KanbanCardSlot=m,exports.KanbanColumnBodySlot=p,exports.KanbanColumnHeaderSlot=f,exports.KanbanColumnSlot=d,exports.KanbanRoot=u,exports.useKanbanCompoundContext=l;
 //# sourceMappingURL=kanban-compound.cjs.map