@alneas/appkit-react 0.2.0 → 0.3.0

package/dist/tools/components/priority-queue/PriorityCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PriorityCard.js","names":["React","React$1","getScoreColor","score","getScoreBg","PriorityCard","DEFAULT_SNOOZE_OPTIONS","controlledExpanded","localExpanded","setLocalExpanded","expanded","setExpanded","onExpandedChange","factors","setFactors","task","isOverdue","handleFactorChange","newFactors","field","value","onFactorsUpdate","Card","testId","rank","cn","onClick","CardHeader","Badge","Zap","CardTitle","Clock","formatDistanceToNow","Avatar","AvatarImage","AvatarFallback","readOnly","Button","onComplete","Check","DropdownMenu","DropdownMenuTrigger","Pause","DropdownMenuContent","snoozeOptions","DropdownMenuItem","onSnooze","opt","Collapsible","CollapsibleTrigger","Sparkles","jsx","ChevronUp","ChevronDown","CollapsibleContent","CardContent","Slider","v","val"],"sources":["../../../../src/tools/components/priority-queue/PriorityCard.tsx"],"sourcesContent":["/**\n * Priority Card Component\n *\n * Focus Mode 用の優先度タスクカード\n */\n\nimport * as React from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { Check, ChevronDown, ChevronUp, Clock, Pause, Sparkles, Zap } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { Badge } from '../ui/badge';\nimport { Button } from '../ui/button';\nimport { Slider } from '../ui/slider';\nimport { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../ui/dropdown-menu';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';\nimport type { PriorityCardProps } from './types';\nimport { DEFAULT_SNOOZE_OPTIONS } from './types';\n\n/**\n * スコアに応じた色クラス\n */\nfunction getScoreColor(score: number): string {\n  if (score >= 15) return 'text-destructive';\n  if (score >= 10) return 'text-orange-700 dark:text-orange-400';\n  if (score >= 5) return 'text-yellow-800 dark:text-yellow-400';\n  return 'text-muted-foreground';\n}\n\n/**\n * スコアに応じた背景\n */\nfunction getScoreBg(score: number): string {\n  if (score >= 15) return 'bg-destructive/5';\n  if (score >= 10) return 'bg-orange-50/50 dark:bg-orange-950/10';\n  return '';\n}\n\n/**\n * 優先度カード\n */\nexport const PriorityCard = React.forwardRef<HTMLDivElement, PriorityCardProps>(\n  (\n    {\n      task,\n      rank,\n      onClick,\n      onComplete,\n      onSnooze,\n      onFactorsUpdate,\n      snoozeOptions = DEFAULT_SNOOZE_OPTIONS,\n      testId,\n      readOnly = false,\n      expanded: controlledExpanded,\n      onExpandedChange,\n    },\n    ref,\n  ) => {\n    const [localExpanded, setLocalExpanded] = React.useState(false);\n    const expanded = controlledExpanded ?? localExpanded;\n    const setExpanded = onExpandedChange ?? setLocalExpanded;\n\n    const [factors, setFactors] = React.useState({\n      impact: task.impact || 5,\n      effort: task.effort || 5,\n      risk: task.risk || 0,\n    });\n\n    const score = task.score ?? 0;\n    const isOverdue = task.due_date && new Date(task.due_date) < new Date();\n\n    const handleFactorChange = (field: 'impact' | 'effort' | 'risk', value: number) => {\n      const newFactors = { ...factors, [field]: value };\n      setFactors(newFactors);\n      onFactorsUpdate?.(newFactors);\n    };\n\n    return (\n      <Card\n        ref={ref}\n        data-slot='priority-card'\n        data-testid={testId}\n        data-rank={rank}\n        data-score={score}\n        className={cn(\n          'transition-all duration-200',\n          getScoreBg(score),\n          rank === 1 &&\n            'ring-2 ring-primary shadow-md bg-gradient-to-r from-primary/5 to-transparent',\n          onClick && 'cursor-pointer hover:shadow-md',\n        )}\n        onClick={onClick}\n      >\n        <CardHeader className='p-3 pb-2'>\n          <div className='flex items-start gap-3'>\n            {/* ランク */}\n            <div\n              data-slot='priority-rank'\n              className={cn(\n                'flex items-center justify-center w-8 h-8 rounded-full text-sm font-bold',\n                rank === 1\n                  ? 'bg-primary text-primary-foreground'\n                  : rank <= 3\n                    ? 'bg-muted text-foreground'\n                    : 'bg-muted/50 text-muted-foreground',\n              )}\n            >\n              {rank}\n            </div>\n\n            {/* コンテンツ */}\n            <div className='flex-1 min-w-0'>\n              <div className='flex items-center justify-between gap-2 mb-1'>\n                {/* プロジェクト */}\n                {task.project?.name && (\n                  <Badge\n                    variant='outline'\n                    className='text-[10px] px-1.5 py-0 font-normal shrink-0'\n                    style={{\n                      borderColor: task.project.color,\n                      color: task.project.color,\n                    }}\n                  >\n                    {task.project.name}\n                  </Badge>\n                )}\n\n                {/* スコア */}\n                <div\n                  data-slot='priority-score'\n                  className={cn('flex items-center gap-1 text-sm font-bold', getScoreColor(score))}\n                >\n                  <Zap className='w-3 h-3' />\n                  {score.toFixed(1)}\n                </div>\n              </div>\n\n              <CardTitle className='text-sm font-medium leading-snug line-clamp-2'>\n                {task.title}\n              </CardTitle>\n\n              {/* メタ情報 */}\n              <div className='flex items-center gap-2 mt-2 text-xs text-muted-foreground'>\n                {task.due_date && (\n                  <span\n                    className={cn(\n                      'flex items-center gap-0.5',\n                      isOverdue && 'text-destructive font-medium',\n                    )}\n                  >\n                    <Clock className='w-3 h-3' />\n                    {formatDistanceToNow(new Date(task.due_date), {\n                      addSuffix: true,\n                    })}\n                  </span>\n                )}\n                {task.assignee && (\n                  <Avatar className='h-4 w-4'>\n                    {task.assignee.avatar && <AvatarImage src={task.assignee.avatar} />}\n                    <AvatarFallback className='text-[8px]'>\n                      {task.assignee.name?.[0]}\n                    </AvatarFallback>\n                  </Avatar>\n                )}\n              </div>\n            </div>\n\n            {/* アクション */}\n            {!readOnly && (\n              <div\n                data-slot='priority-actions'\n                className='flex gap-1'\n                onClick={(e) => e.stopPropagation()}\n              >\n                <Button\n                  size='icon'\n                  variant='ghost'\n                  className='h-7 w-7'\n                  aria-label={`Complete ${task.title}`}\n                  onClick={onComplete}\n                  testId={testId ? `${testId}-complete` : undefined}\n                >\n                  <Check className='h-4 w-4 text-green-600' />\n                </Button>\n\n                <DropdownMenu>\n                  <DropdownMenuTrigger\n                    aria-label={`Snooze ${task.title}`}\n                    className='inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-7 w-7'\n                    data-testid={testId ? `${testId}-snooze` : undefined}\n                  >\n                    <Pause className='h-4 w-4 text-muted-foreground' />\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent align='end'>\n                    {snoozeOptions.map((opt) => (\n                      <DropdownMenuItem key={opt.minutes} onClick={() => onSnooze?.(opt.minutes)}>\n                        {opt.label}\n                      </DropdownMenuItem>\n                    ))}\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              </div>\n            )}\n          </div>\n        </CardHeader>\n\n        {/* ファクターエディター */}\n        {!readOnly && onFactorsUpdate && (\n          <Collapsible open={expanded} onOpenChange={setExpanded}>\n            <CollapsibleTrigger\n              className='w-full h-6 flex items-center justify-center text-xs text-muted-foreground hover:bg-muted/50 transition-colors'\n              data-testid={testId ? `${testId}-expand` : undefined}\n              onClick={(e) => e.stopPropagation()}\n            >\n              <Sparkles className='w-3 h-3 mr-1' />\n              Adjust Factors\n              {expanded ? (\n                <ChevronUp className='w-3 h-3 ml-1' />\n              ) : (\n                <ChevronDown className='w-3 h-3 ml-1' />\n              )}\n            </CollapsibleTrigger>\n            <CollapsibleContent>\n              <CardContent\n                data-slot='priority-factors'\n                className='p-3 pt-2 space-y-3 border-t'\n                onClick={(e) => e.stopPropagation()}\n              >\n                {/* Impact */}\n                <div className='space-y-1'>\n                  <div className='flex justify-between text-xs'>\n                    <span className='text-muted-foreground'>Impact</span>\n                    <span className='font-medium'>{factors.impact}</span>\n                  </div>\n                  <Slider\n                    value={[factors.impact]}\n                    min={1}\n                    max={10}\n                    step={1}\n                    onValueChange={(val) => {\n                      const v = Array.isArray(val) ? val[0] : val;\n                      handleFactorChange('impact', v as number);\n                    }}\n                  />\n                </div>\n\n                {/* Effort */}\n                <div className='space-y-1'>\n                  <div className='flex justify-between text-xs'>\n                    <span className='text-muted-foreground'>Effort</span>\n                    <span className='font-medium'>{factors.effort}</span>\n                  </div>\n                  <Slider\n                    value={[factors.effort]}\n                    min={1}\n                    max={10}\n                    step={1}\n                    onValueChange={(val) => {\n                      const v = Array.isArray(val) ? val[0] : val;\n                      handleFactorChange('effort', v as number);\n                    }}\n                  />\n                </div>\n\n                {/* Risk */}\n                <div className='space-y-1'>\n                  <div className='flex justify-between text-xs'>\n                    <span className='text-muted-foreground'>Risk</span>\n                    <span className='font-medium'>{factors.risk}</span>\n                  </div>\n                  <Slider\n                    value={[factors.risk]}\n                    min={0}\n                    max={10}\n                    step={1}\n                    onValueChange={(val) => {\n                      const v = Array.isArray(val) ? val[0] : val;\n                      handleFactorChange('risk', v as number);\n                    }}\n                  />\n                </div>\n              </CardContent>\n            </CollapsibleContent>\n          </Collapsible>\n        )}\n      </Card>\n    );\n  },\n);\n\nPriorityCard.displayName = 'PriorityCard';\n"],"mappings":"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"}
+{"version":3,"file":"PriorityCard.js","names":["React","React$1","getScoreColor","score","getScoreBg","PriorityCard","DEFAULT_SNOOZE_OPTIONS","controlledExpanded","localExpanded","setLocalExpanded","expanded","setExpanded","onExpandedChange","factors","setFactors","task","isOverdue","handleFactorChange","newFactors","field","value","onFactorsUpdate","Card","testId","rank","cn","onClick","CardHeader","Badge","Zap","CardTitle","Clock","formatDistanceToNow","Avatar","AvatarImage","AvatarFallback","readOnly","Button","onComplete","Check","DropdownMenu","DropdownMenuTrigger","Pause","DropdownMenuContent","snoozeOptions","DropdownMenuItem","onSnooze","opt","Collapsible","CollapsibleTrigger","Sparkles","jsx","ChevronUp","ChevronDown","CollapsibleContent","CardContent","Slider","v","val"],"sources":["../../../../src/tools/components/priority-queue/PriorityCard.tsx"],"sourcesContent":["/**\n * Priority Card Component\n *\n * Focus Mode 用の優先度タスクカード\n */\n\nimport * as React from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { Check, ChevronDown, ChevronUp, Clock, Pause, Sparkles, Zap } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { Badge } from '../ui/badge';\nimport { Button } from '../ui/button';\nimport { Slider } from '../ui/slider';\nimport { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '../ui/dropdown-menu';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';\nimport type { PriorityCardProps } from './types';\nimport { DEFAULT_SNOOZE_OPTIONS } from './types';\n\n/**\n * スコアに応じた色クラス\n */\nfunction getScoreColor(score: number): string {\n  if (score >= 15) return 'text-destructive';\n  if (score >= 10) return 'text-orange-700 dark:text-orange-400';\n  if (score >= 5) return 'text-yellow-800 dark:text-yellow-400';\n  return 'text-muted-foreground';\n}\n\n/**\n * スコアに応じた背景\n */\nfunction getScoreBg(score: number): string {\n  if (score >= 15) return 'bg-destructive/5';\n  if (score >= 10) return 'bg-orange-50/50 dark:bg-orange-950/10';\n  return '';\n}\n\n/**\n * 優先度カード\n */\nexport function PriorityCard({\n  ref,\n  task,\n  rank,\n  onClick,\n  onComplete,\n  onSnooze,\n  onFactorsUpdate,\n  snoozeOptions = DEFAULT_SNOOZE_OPTIONS,\n  testId,\n  readOnly = false,\n  expanded: controlledExpanded,\n  onExpandedChange,\n}: React.PropsWithoutRef<PriorityCardProps> & React.RefAttributes<HTMLDivElement>) {\n  const [localExpanded, setLocalExpanded] = React.useState(false);\n  const expanded = controlledExpanded ?? localExpanded;\n  const setExpanded = onExpandedChange ?? setLocalExpanded;\n\n  const [factors, setFactors] = React.useState({\n    impact: task.impact || 5,\n    effort: task.effort || 5,\n    risk: task.risk || 0,\n  });\n\n  const score = task.score ?? 0;\n  const isOverdue = task.due_date && new Date(task.due_date) < new Date();\n\n  const handleFactorChange = (field: 'impact' | 'effort' | 'risk', value: number) => {\n    const newFactors = { ...factors, [field]: value };\n    setFactors(newFactors);\n    onFactorsUpdate?.(newFactors);\n  };\n\n  return (\n    <Card\n      ref={ref}\n      data-slot='priority-card'\n      data-testid={testId}\n      data-rank={rank}\n      data-score={score}\n      className={cn(\n        'transition-all duration-200',\n        getScoreBg(score),\n        rank === 1 &&\n          'ring-2 ring-primary shadow-md bg-gradient-to-r from-primary/5 to-transparent',\n        onClick && 'cursor-pointer hover:shadow-md',\n      )}\n      onClick={onClick}\n    >\n      <CardHeader className='p-3 pb-2'>\n        <div className='flex items-start gap-3'>\n          {/* ランク */}\n          <div\n            data-slot='priority-rank'\n            className={cn(\n              'flex items-center justify-center w-8 h-8 rounded-full text-sm font-bold',\n              rank === 1\n                ? 'bg-primary text-primary-foreground'\n                : rank <= 3\n                  ? 'bg-muted text-foreground'\n                  : 'bg-muted/50 text-muted-foreground',\n            )}\n          >\n            {rank}\n          </div>\n\n          {/* コンテンツ */}\n          <div className='flex-1 min-w-0'>\n            <div className='flex items-center justify-between gap-2 mb-1'>\n              {/* プロジェクト */}\n              {task.project?.name && (\n                <Badge\n                  variant='outline'\n                  className='text-[10px] px-1.5 py-0 font-normal shrink-0'\n                  style={{\n                    borderColor: task.project.color,\n                    color: task.project.color,\n                  }}\n                >\n                  {task.project.name}\n                </Badge>\n              )}\n\n              {/* スコア */}\n              <div\n                data-slot='priority-score'\n                className={cn('flex items-center gap-1 text-sm font-bold', getScoreColor(score))}\n              >\n                <Zap className='w-3 h-3' />\n                {score.toFixed(1)}\n              </div>\n            </div>\n\n            <CardTitle className='text-sm font-medium leading-snug line-clamp-2'>\n              {task.title}\n            </CardTitle>\n\n            {/* メタ情報 */}\n            <div className='flex items-center gap-2 mt-2 text-xs text-muted-foreground'>\n              {task.due_date && (\n                <span\n                  className={cn(\n                    'flex items-center gap-0.5',\n                    isOverdue && 'text-destructive font-medium',\n                  )}\n                >\n                  <Clock className='w-3 h-3' />\n                  {formatDistanceToNow(new Date(task.due_date), {\n                    addSuffix: true,\n                  })}\n                </span>\n              )}\n              {task.assignee && (\n                <Avatar className='h-4 w-4'>\n                  {task.assignee.avatar && <AvatarImage src={task.assignee.avatar} />}\n                  <AvatarFallback className='text-[8px]'>{task.assignee.name?.[0]}</AvatarFallback>\n                </Avatar>\n              )}\n            </div>\n          </div>\n\n          {/* アクション */}\n          {!readOnly && (\n            <div\n              data-slot='priority-actions'\n              className='flex gap-1'\n              onClick={(e) => e.stopPropagation()}\n            >\n              <Button\n                size='icon'\n                variant='ghost'\n                className='h-7 w-7'\n                aria-label={`Complete ${task.title}`}\n                onClick={onComplete}\n                testId={testId ? `${testId}-complete` : undefined}\n              >\n                <Check className='h-4 w-4 text-green-600' />\n              </Button>\n\n              <DropdownMenu>\n                <DropdownMenuTrigger\n                  aria-label={`Snooze ${task.title}`}\n                  className='inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-7 w-7'\n                  data-testid={testId ? `${testId}-snooze` : undefined}\n                >\n                  <Pause className='h-4 w-4 text-muted-foreground' />\n                </DropdownMenuTrigger>\n                <DropdownMenuContent align='end'>\n                  {snoozeOptions.map((opt) => (\n                    <DropdownMenuItem key={opt.minutes} onClick={() => onSnooze?.(opt.minutes)}>\n                      {opt.label}\n                    </DropdownMenuItem>\n                  ))}\n                </DropdownMenuContent>\n              </DropdownMenu>\n            </div>\n          )}\n        </div>\n      </CardHeader>\n\n      {/* ファクターエディター */}\n      {!readOnly && onFactorsUpdate && (\n        <Collapsible open={expanded} onOpenChange={setExpanded}>\n          <CollapsibleTrigger\n            className='w-full h-6 flex items-center justify-center text-xs text-muted-foreground hover:bg-muted/50 transition-colors'\n            data-testid={testId ? `${testId}-expand` : undefined}\n            onClick={(e) => e.stopPropagation()}\n          >\n            <Sparkles className='w-3 h-3 mr-1' />\n            Adjust Factors\n            {expanded ? (\n              <ChevronUp className='w-3 h-3 ml-1' />\n            ) : (\n              <ChevronDown className='w-3 h-3 ml-1' />\n            )}\n          </CollapsibleTrigger>\n          <CollapsibleContent>\n            <CardContent\n              data-slot='priority-factors'\n              className='p-3 pt-2 space-y-3 border-t'\n              onClick={(e) => e.stopPropagation()}\n            >\n              {/* Impact */}\n              <div className='space-y-1'>\n                <div className='flex justify-between text-xs'>\n                  <span className='text-muted-foreground'>Impact</span>\n                  <span className='font-medium'>{factors.impact}</span>\n                </div>\n                <Slider\n                  value={[factors.impact]}\n                  min={1}\n                  max={10}\n                  step={1}\n                  onValueChange={(val) => {\n                    const v = Array.isArray(val) ? val[0] : val;\n                    handleFactorChange('impact', v as number);\n                  }}\n                />\n              </div>\n\n              {/* Effort */}\n              <div className='space-y-1'>\n                <div className='flex justify-between text-xs'>\n                  <span className='text-muted-foreground'>Effort</span>\n                  <span className='font-medium'>{factors.effort}</span>\n                </div>\n                <Slider\n                  value={[factors.effort]}\n                  min={1}\n                  max={10}\n                  step={1}\n                  onValueChange={(val) => {\n                    const v = Array.isArray(val) ? val[0] : val;\n                    handleFactorChange('effort', v as number);\n                  }}\n                />\n              </div>\n\n              {/* Risk */}\n              <div className='space-y-1'>\n                <div className='flex justify-between text-xs'>\n                  <span className='text-muted-foreground'>Risk</span>\n                  <span className='font-medium'>{factors.risk}</span>\n                </div>\n                <Slider\n                  value={[factors.risk]}\n                  min={0}\n                  max={10}\n                  step={1}\n                  onValueChange={(val) => {\n                    const v = Array.isArray(val) ? val[0] : val;\n                    handleFactorChange('risk', v as number);\n                  }}\n                />\n              </div>\n            </CardContent>\n          </CollapsibleContent>\n        </Collapsible>\n      )}\n    </Card>\n  );\n}\n\nPriorityCard.displayName = 'PriorityCard';\n"],"mappings":"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"}

package/dist/tools/components/priority-queue/PriorityQueue.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/button-components.cjs"),r=require("../../../ui/components/ui/scroll-area.cjs"),i=require("./types.cjs"),a=require("./PriorityCard.cjs");let o=require("react/jsx-runtime"),s=require("react");s=e.__toESM(s,1);let c=require("lucide-react");var l=s.forwardRef(({tasks:e,maxItems:l,onTaskClick:u,onTaskComplete:d,onTaskSnooze:f,onFactorsUpdate:p,onRecalculate:m,snoozeOptions:h=i.DEFAULT_SNOOZE_OPTIONS,className:g,testId:_,readOnly:v=!1,compact:y=!1},b)=>{let[x,S]=s.useState(!1),C=s.useMemo(()=>{let t=e.map(e=>({...e,score:e.score??i.calculatePriorityScore(e)}));return t.sort((e,t)=>(t.score??0)-(e.score??0)),l?t.slice(0,l):t},[e,l]);return(0,o.jsxs)(`div`,{ref:b,"data-slot":`priority-queue`,"data-testid":_,className:t.cn(`flex flex-col h-full`,g),children:[(0,o.jsxs)(`div`,{"data-slot":`priority-queue-header`,className:`flex items-center justify-between px-4 py-3 border-b`,children:[(0,o.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,o.jsx)(c.Target,{className:`w-5 h-5 text-primary`}),(0,o.jsx)(`h2`,{className:`text-lg font-semibold`,children:`Focus Mode`}),(0,o.jsxs)(`span`,{className:`text-sm text-muted-foreground`,children:[C.length,` tasks`]})]}),m&&(0,o.jsxs)(n.Button,{variant:`outline`,size:`sm`,onClick:async()=>{if(m){S(!0);try{await m()}finally{S(!1)}}},disabled:x,testId:_?`${_}-recalc`:void 0,children:[(0,o.jsx)(c.RefreshCw,{className:t.cn(`w-4 h-4 mr-2`,x&&`animate-spin`)}),`Recalculate`]})]}),(0,o.jsx)(r.ScrollArea,{className:`flex-1`,children:(0,o.jsx)(`div`,{"data-slot":`priority-queue-list`,className:t.cn(`p-4 space-y-3`,y&&`p-2 space-y-2`),children:C.length===0?(0,o.jsxs)(`div`,{"data-slot":`priority-queue-empty`,className:`flex flex-col items-center justify-center py-12 text-muted-foreground`,children:[(0,o.jsx)(c.Target,{className:`w-12 h-12 mb-4 opacity-30`}),(0,o.jsx)(`p`,{className:`text-sm`,children:`No tasks to focus on`}),(0,o.jsx)(`p`,{className:`text-xs`,children:`Great job! 🎉`})]}):C.map((e,t)=>(0,o.jsx)(a.PriorityCard,{task:e,rank:t+1,testId:_?`${_}-task-${e.id}`:void 0,onClick:()=>u?.(e),onComplete:()=>d?.(e.id),onSnooze:t=>f?.(e.id,t),onFactorsUpdate:p?t=>p(e.id,t):void 0,snoozeOptions:h,readOnly:v},e.id))})})]})});l.displayName=`PriorityQueue`,exports.PriorityQueue=l;
+"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/button-components.cjs"),r=require("../../../ui/components/ui/scroll-area.cjs"),i=require("./types.cjs"),a=require("./PriorityCard.cjs");let o=require("react/jsx-runtime"),s=require("react");s=e.__toESM(s,1);let c=require("lucide-react");function l({ref:e,tasks:l,maxItems:u,onTaskClick:d,onTaskComplete:f,onTaskSnooze:p,onFactorsUpdate:m,onRecalculate:h,snoozeOptions:g=i.DEFAULT_SNOOZE_OPTIONS,className:_,testId:v,readOnly:y=!1,compact:b=!1}){let[x,S]=s.useState(!1),C=s.useMemo(()=>{let e=l.map(e=>({...e,score:e.score??i.calculatePriorityScore(e)}));return e.sort((e,t)=>(t.score??0)-(e.score??0)),u?e.slice(0,u):e},[l,u]);return(0,o.jsxs)(`div`,{ref:e,"data-slot":`priority-queue`,"data-testid":v,className:t.cn(`flex flex-col h-full`,_),children:[(0,o.jsxs)(`div`,{"data-slot":`priority-queue-header`,className:`flex items-center justify-between px-4 py-3 border-b`,children:[(0,o.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,o.jsx)(c.Target,{className:`w-5 h-5 text-primary`}),(0,o.jsx)(`h2`,{className:`text-lg font-semibold`,children:`Focus Mode`}),(0,o.jsxs)(`span`,{className:`text-sm text-muted-foreground`,children:[C.length,` tasks`]})]}),h&&(0,o.jsxs)(n.Button,{variant:`outline`,size:`sm`,onClick:async()=>{if(h){S(!0);try{await h()}finally{S(!1)}}},disabled:x,testId:v?`${v}-recalc`:void 0,children:[(0,o.jsx)(c.RefreshCw,{className:t.cn(`w-4 h-4 mr-2`,x&&`animate-spin`)}),`Recalculate`]})]}),(0,o.jsx)(r.ScrollArea,{className:`flex-1`,children:(0,o.jsx)(`div`,{"data-slot":`priority-queue-list`,className:t.cn(`p-4 space-y-3`,b&&`p-2 space-y-2`),children:C.length===0?(0,o.jsxs)(`div`,{"data-slot":`priority-queue-empty`,className:`flex flex-col items-center justify-center py-12 text-muted-foreground`,children:[(0,o.jsx)(c.Target,{className:`w-12 h-12 mb-4 opacity-30`}),(0,o.jsx)(`p`,{className:`text-sm`,children:`No tasks to focus on`}),(0,o.jsx)(`p`,{className:`text-xs`,children:`Great job! 🎉`})]}):C.map((e,t)=>(0,o.jsx)(a.PriorityCard,{task:e,rank:t+1,testId:v?`${v}-task-${e.id}`:void 0,onClick:()=>d?.(e),onComplete:()=>f?.(e.id),onSnooze:t=>p?.(e.id,t),onFactorsUpdate:m?t=>m(e.id,t):void 0,snoozeOptions:g,readOnly:y},e.id))})})]})}l.displayName=`PriorityQueue`,exports.PriorityQueue=l;
 //# sourceMappingURL=PriorityQueue.cjs.map

package/dist/tools/components/priority-queue/PriorityQueue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PriorityQueue.cjs","names":["React","DEFAULT_SNOOZE_OPTIONS","calculatePriorityScore","cn","Target","Button","RefreshCw","ScrollArea","PriorityCard","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","require_ui_components_ui_scroll_area","require_tools_components_priority_queue_types","require_tools_components_priority_queue_PriorityCard","react_jsx_runtime","react","lucide_react","PriorityQueue","rawTasks","isRecalculating","setIsRecalculating","sortedTasks","withScore","t","b","a","maxItems","testId","className","onRecalculate","compact","index","task","onTaskClick","onTaskComplete","onTaskSnooze","minutes","onFactorsUpdate","factors"],"sources":["../../../../src/tools/components/priority-queue/PriorityQueue.tsx"],"sourcesContent":["/**\n * Priority Queue Component\n *\n * Focus Mode 用の優先度キューリスト\n *\n * @example\n * ```tsx\n * import { PriorityQueue, calculatePriorityScore } from '@alneas/appkit-react/tools/priority-queue';\n *\n * const tasks = rawTasks.map(t => ({\n *   ...t,\n *   score: calculatePriorityScore(t),\n * }));\n *\n * <PriorityQueue\n *   tasks={tasks}\n *   onTaskClick={(task) => openDetail(task.id)}\n *   onTaskComplete={(taskId) => markDone(taskId)}\n *   onFactorsUpdate={(taskId, factors) => updateFactors(taskId, factors)}\n *   onRecalculate={() => recalcAll()}\n *   testId=\"focus-queue\"\n * />\n * ```\n */\n\nimport * as React from 'react';\nimport { RefreshCw, Target } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\nimport { ScrollArea } from '../ui/scroll-area';\nimport { PriorityCard } from './PriorityCard';\nimport type { PriorityQueueProps } from './types';\nimport { calculatePriorityScore, DEFAULT_SNOOZE_OPTIONS } from './types';\n\n/**\n * 優先度キュー\n */\nexport const PriorityQueue = React.forwardRef<HTMLDivElement, PriorityQueueProps>(\n  (\n    {\n      tasks: rawTasks,\n      maxItems,\n      onTaskClick,\n      onTaskComplete,\n      onTaskSnooze,\n      onFactorsUpdate,\n      onRecalculate,\n      snoozeOptions = DEFAULT_SNOOZE_OPTIONS,\n      className,\n      testId,\n      readOnly = false,\n      compact = false,\n    },\n    ref,\n  ) => {\n    const [isRecalculating, setIsRecalculating] = React.useState(false);\n\n    // スコアでソート\n    const sortedTasks = React.useMemo(() => {\n      const withScore = rawTasks.map((t) => ({\n        ...t,\n        score: t.score ?? calculatePriorityScore(t),\n      }));\n      withScore.sort((a, b) => (b.score ?? 0) - (a.score ?? 0));\n      return maxItems ? withScore.slice(0, maxItems) : withScore;\n    }, [rawTasks, maxItems]);\n\n    const handleRecalculate = async () => {\n      if (!onRecalculate) return;\n      setIsRecalculating(true);\n      try {\n        await onRecalculate();\n      } finally {\n        setIsRecalculating(false);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        data-slot='priority-queue'\n        data-testid={testId}\n        className={cn('flex flex-col h-full', className)}\n      >\n        {/* ヘッダー */}\n        <div\n          data-slot='priority-queue-header'\n          className='flex items-center justify-between px-4 py-3 border-b'\n        >\n          <div className='flex items-center gap-2'>\n            <Target className='w-5 h-5 text-primary' />\n            <h2 className='text-lg font-semibold'>Focus Mode</h2>\n            <span className='text-sm text-muted-foreground'>{sortedTasks.length} tasks</span>\n          </div>\n\n          {onRecalculate && (\n            <Button\n              variant='outline'\n              size='sm'\n              onClick={handleRecalculate}\n              disabled={isRecalculating}\n              testId={testId ? `${testId}-recalc` : undefined}\n            >\n              <RefreshCw className={cn('w-4 h-4 mr-2', isRecalculating && 'animate-spin')} />\n              Recalculate\n            </Button>\n          )}\n        </div>\n\n        {/* タスクリスト */}\n        <ScrollArea className='flex-1'>\n          <div\n            data-slot='priority-queue-list'\n            className={cn('p-4 space-y-3', compact && 'p-2 space-y-2')}\n          >\n            {sortedTasks.length === 0 ? (\n              <div\n                data-slot='priority-queue-empty'\n                className='flex flex-col items-center justify-center py-12 text-muted-foreground'\n              >\n                <Target className='w-12 h-12 mb-4 opacity-30' />\n                <p className='text-sm'>No tasks to focus on</p>\n                <p className='text-xs'>Great job! 🎉</p>\n              </div>\n            ) : (\n              sortedTasks.map((task, index) => (\n                <PriorityCard\n                  key={task.id}\n                  task={task}\n                  rank={index + 1}\n                  testId={testId ? `${testId}-task-${task.id}` : undefined}\n                  onClick={() => onTaskClick?.(task)}\n                  onComplete={() => onTaskComplete?.(task.id)}\n                  onSnooze={(minutes) => onTaskSnooze?.(task.id, minutes)}\n                  onFactorsUpdate={\n                    onFactorsUpdate ? (factors) => onFactorsUpdate(task.id, factors) : undefined\n                  }\n                  snoozeOptions={snoozeOptions}\n                  readOnly={readOnly}\n                />\n              ))\n            )}\n          </div>\n        </ScrollArea>\n      </div>\n    );\n  },\n);\n\nPriorityQueue.displayName = 'PriorityQueue';\n"],"mappings":"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"}
+{"version":3,"file":"PriorityQueue.cjs","names":["DEFAULT_SNOOZE_OPTIONS","React","calculatePriorityScore","cn","Target","Button","RefreshCw","ScrollArea","PriorityCard","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","require_ui_components_ui_scroll_area","require_tools_components_priority_queue_types","require_tools_components_priority_queue_PriorityCard","react_jsx_runtime","react","lucide_react","PriorityQueue","rawTasks","isRecalculating","setIsRecalculating","sortedTasks","withScore","t","b","a","maxItems","testId","className","onRecalculate","compact","index","task","onTaskClick","onTaskComplete","onTaskSnooze","minutes","onFactorsUpdate","factors"],"sources":["../../../../src/tools/components/priority-queue/PriorityQueue.tsx"],"sourcesContent":["/**\n * Priority Queue Component\n *\n * Focus Mode 用の優先度キューリスト\n *\n * @example\n * ```tsx\n * import { PriorityQueue, calculatePriorityScore } from '@alneas/appkit-react/tools/priority-queue';\n *\n * const tasks = rawTasks.map(t => ({\n *   ...t,\n *   score: calculatePriorityScore(t),\n * }));\n *\n * <PriorityQueue\n *   tasks={tasks}\n *   onTaskClick={(task) => openDetail(task.id)}\n *   onTaskComplete={(taskId) => markDone(taskId)}\n *   onFactorsUpdate={(taskId, factors) => updateFactors(taskId, factors)}\n *   onRecalculate={() => recalcAll()}\n *   testId=\"focus-queue\"\n * />\n * ```\n */\n\nimport * as React from 'react';\nimport { RefreshCw, Target } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\nimport { ScrollArea } from '../ui/scroll-area';\nimport { PriorityCard } from './PriorityCard';\nimport type { PriorityQueueProps } from './types';\nimport { calculatePriorityScore, DEFAULT_SNOOZE_OPTIONS } from './types';\n\n/**\n * 優先度キュー\n */\nexport function PriorityQueue({\n  ref,\n  tasks: rawTasks,\n  maxItems,\n  onTaskClick,\n  onTaskComplete,\n  onTaskSnooze,\n  onFactorsUpdate,\n  onRecalculate,\n  snoozeOptions = DEFAULT_SNOOZE_OPTIONS,\n  className,\n  testId,\n  readOnly = false,\n  compact = false,\n}: React.PropsWithoutRef<PriorityQueueProps> & React.RefAttributes<HTMLDivElement>) {\n  const [isRecalculating, setIsRecalculating] = React.useState(false);\n\n  // スコアでソート\n  const sortedTasks = React.useMemo(() => {\n    const withScore = rawTasks.map((t) => ({\n      ...t,\n      score: t.score ?? calculatePriorityScore(t),\n    }));\n    withScore.sort((a, b) => (b.score ?? 0) - (a.score ?? 0));\n    return maxItems ? withScore.slice(0, maxItems) : withScore;\n  }, [rawTasks, maxItems]);\n\n  const handleRecalculate = async () => {\n    if (!onRecalculate) return;\n    setIsRecalculating(true);\n    try {\n      await onRecalculate();\n    } finally {\n      setIsRecalculating(false);\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      data-slot='priority-queue'\n      data-testid={testId}\n      className={cn('flex flex-col h-full', className)}\n    >\n      {/* ヘッダー */}\n      <div\n        data-slot='priority-queue-header'\n        className='flex items-center justify-between px-4 py-3 border-b'\n      >\n        <div className='flex items-center gap-2'>\n          <Target className='w-5 h-5 text-primary' />\n          <h2 className='text-lg font-semibold'>Focus Mode</h2>\n          <span className='text-sm text-muted-foreground'>{sortedTasks.length} tasks</span>\n        </div>\n\n        {onRecalculate && (\n          <Button\n            variant='outline'\n            size='sm'\n            onClick={handleRecalculate}\n            disabled={isRecalculating}\n            testId={testId ? `${testId}-recalc` : undefined}\n          >\n            <RefreshCw className={cn('w-4 h-4 mr-2', isRecalculating && 'animate-spin')} />\n            Recalculate\n          </Button>\n        )}\n      </div>\n\n      {/* タスクリスト */}\n      <ScrollArea className='flex-1'>\n        <div\n          data-slot='priority-queue-list'\n          className={cn('p-4 space-y-3', compact && 'p-2 space-y-2')}\n        >\n          {sortedTasks.length === 0 ? (\n            <div\n              data-slot='priority-queue-empty'\n              className='flex flex-col items-center justify-center py-12 text-muted-foreground'\n            >\n              <Target className='w-12 h-12 mb-4 opacity-30' />\n              <p className='text-sm'>No tasks to focus on</p>\n              <p className='text-xs'>Great job! 🎉</p>\n            </div>\n          ) : (\n            sortedTasks.map((task, index) => (\n              <PriorityCard\n                key={task.id}\n                task={task}\n                rank={index + 1}\n                testId={testId ? `${testId}-task-${task.id}` : undefined}\n                onClick={() => onTaskClick?.(task)}\n                onComplete={() => onTaskComplete?.(task.id)}\n                onSnooze={(minutes) => onTaskSnooze?.(task.id, minutes)}\n                onFactorsUpdate={\n                  onFactorsUpdate ? (factors) => onFactorsUpdate(task.id, factors) : undefined\n                }\n                snoozeOptions={snoozeOptions}\n                readOnly={readOnly}\n              />\n            ))\n          )}\n        </div>\n      </ScrollArea>\n    </div>\n  );\n}\n\nPriorityQueue.displayName = 'PriorityQueue';\n"],"mappings":"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"}

package/dist/tools/components/priority-queue/PriorityQueue.d.cts

@@ -27,4 +27,7 @@ import * as React from 'react';
 /**
  * 優先度キュー
  */
-export declare const PriorityQueue: React.ForwardRefExoticComponent<PriorityQueueProps & React.RefAttributes<HTMLDivElement>>;
+export declare function PriorityQueue({ ref, tasks: rawTasks, maxItems, onTaskClick, onTaskComplete, onTaskSnooze, onFactorsUpdate, onRecalculate, snoozeOptions, className, testId, readOnly, compact, }: React.PropsWithoutRef<PriorityQueueProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace PriorityQueue {
+    var displayName: string;
+}

package/dist/tools/components/priority-queue/PriorityQueue.d.ts

@@ -27,4 +27,7 @@ import * as React from 'react';
 /**
  * 優先度キュー
  */
-export declare const PriorityQueue: React.ForwardRefExoticComponent<PriorityQueueProps & React.RefAttributes<HTMLDivElement>>;
+export declare function PriorityQueue({ ref, tasks: rawTasks, maxItems, onTaskClick, onTaskComplete, onTaskSnooze, onFactorsUpdate, onRecalculate, snoozeOptions, className, testId, readOnly, compact, }: React.PropsWithoutRef<PriorityQueueProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace PriorityQueue {
+    var displayName: string;
+}

package/dist/tools/components/priority-queue/PriorityQueue.js

@@ -8,19 +8,19 @@ import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import * as c from "react";
 import { RefreshCw as l, Target as u } from "lucide-react";
 //#region src/tools/components/priority-queue/PriorityQueue.tsx
-var d = c.forwardRef(({ tasks: d, maxItems: f, onTaskClick: p, onTaskComplete: m, onTaskSnooze: h, onFactorsUpdate: g, onRecalculate: _, snoozeOptions: v = r, className: y, testId: b, readOnly: x = !1, compact: S = !1 }, C) => {
+function d({ ref: d, tasks: f, maxItems: p, onTaskClick: m, onTaskComplete: h, onTaskSnooze: g, onFactorsUpdate: _, onRecalculate: v, snoozeOptions: y = r, className: b, testId: x, readOnly: S = !1, compact: C = !1 }) {
 	let [w, T] = c.useState(!1), E = c.useMemo(() => {
-		let e = d.map((e) => ({
+		let e = f.map((e) => ({
 			...e,
 			score: e.score ?? i(e)
 		}));
-		return e.sort((e, t) => (t.score ?? 0) - (e.score ?? 0)), f ? e.slice(0, f) : e;
-	}, [d, f]);
+		return e.sort((e, t) => (t.score ?? 0) - (e.score ?? 0)), p ? e.slice(0, p) : e;
+	}, [f, p]);
 	return /* @__PURE__ */ s("div", {
-		ref: C,
+		ref: d,
 		"data-slot": "priority-queue",
-		"data-testid": b,
-		className: e("flex flex-col h-full", y),
+		"data-testid": x,
+		className: e("flex flex-col h-full", b),
 		children: [/* @__PURE__ */ s("div", {
 			"data-slot": "priority-queue-header",
 			className: "flex items-center justify-between px-4 py-3 border-b",
@@ -37,28 +37,28 @@ var d = c.forwardRef(({ tasks: d, maxItems: f, onTaskClick: p, onTaskComplete: m
 						children: [E.length, " tasks"]
 					})
 				]
-			}), _ && /* @__PURE__ */ s(t, {
+			}), v && /* @__PURE__ */ s(t, {
 				variant: "outline",
 				size: "sm",
 				onClick: async () => {
-					if (_) {
+					if (v) {
 						T(!0);
 						try {
-							await _();
+							await v();
 						} finally {
 							T(!1);
 						}
 					}
 				},
 				disabled: w,
-				testId: b ? `${b}-recalc` : void 0,
+				testId: x ? `${x}-recalc` : void 0,
 				children: [/* @__PURE__ */ o(l, { className: e("w-4 h-4 mr-2", w && "animate-spin") }), "Recalculate"]
 			})]
 		}), /* @__PURE__ */ o(n, {
 			className: "flex-1",
 			children: /* @__PURE__ */ o("div", {
 				"data-slot": "priority-queue-list",
-				className: e("p-4 space-y-3", S && "p-2 space-y-2"),
+				className: e("p-4 space-y-3", C && "p-2 space-y-2"),
 				children: E.length === 0 ? /* @__PURE__ */ s("div", {
 					"data-slot": "priority-queue-empty",
 					className: "flex flex-col items-center justify-center py-12 text-muted-foreground",
@@ -76,18 +76,18 @@ var d = c.forwardRef(({ tasks: d, maxItems: f, onTaskClick: p, onTaskComplete: m
 				}) : E.map((e, t) => /* @__PURE__ */ o(a, {
 					task: e,
 					rank: t + 1,
-					testId: b ? `${b}-task-${e.id}` : void 0,
-					onClick: () => p?.(e),
-					onComplete: () => m?.(e.id),
-					onSnooze: (t) => h?.(e.id, t),
-					onFactorsUpdate: g ? (t) => g(e.id, t) : void 0,
-					snoozeOptions: v,
-					readOnly: x
+					testId: x ? `${x}-task-${e.id}` : void 0,
+					onClick: () => m?.(e),
+					onComplete: () => h?.(e.id),
+					onSnooze: (t) => g?.(e.id, t),
+					onFactorsUpdate: _ ? (t) => _(e.id, t) : void 0,
+					snoozeOptions: y,
+					readOnly: S
 				}, e.id))
 			})
 		})]
 	});
-});
+}
 d.displayName = "PriorityQueue";
 //#endregion
 export { d as PriorityQueue };

package/dist/tools/components/priority-queue/PriorityQueue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PriorityQueue.js","names":["React","React$1","PriorityQueue","rawTasks","DEFAULT_SNOOZE_OPTIONS","isRecalculating","setIsRecalculating","sortedTasks","withScore","t","calculatePriorityScore","b","a","maxItems","testId","cn","className","Target","onRecalculate","Button","RefreshCw","ScrollArea","compact","PriorityCard","index","task","onTaskClick","onTaskComplete","onTaskSnooze","minutes","onFactorsUpdate","factors"],"sources":["../../../../src/tools/components/priority-queue/PriorityQueue.tsx"],"sourcesContent":["/**\n * Priority Queue Component\n *\n * Focus Mode 用の優先度キューリスト\n *\n * @example\n * ```tsx\n * import { PriorityQueue, calculatePriorityScore } from '@alneas/appkit-react/tools/priority-queue';\n *\n * const tasks = rawTasks.map(t => ({\n *   ...t,\n *   score: calculatePriorityScore(t),\n * }));\n *\n * <PriorityQueue\n *   tasks={tasks}\n *   onTaskClick={(task) => openDetail(task.id)}\n *   onTaskComplete={(taskId) => markDone(taskId)}\n *   onFactorsUpdate={(taskId, factors) => updateFactors(taskId, factors)}\n *   onRecalculate={() => recalcAll()}\n *   testId=\"focus-queue\"\n * />\n * ```\n */\n\nimport * as React from 'react';\nimport { RefreshCw, Target } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\nimport { ScrollArea } from '../ui/scroll-area';\nimport { PriorityCard } from './PriorityCard';\nimport type { PriorityQueueProps } from './types';\nimport { calculatePriorityScore, DEFAULT_SNOOZE_OPTIONS } from './types';\n\n/**\n * 優先度キュー\n */\nexport const PriorityQueue = React.forwardRef<HTMLDivElement, PriorityQueueProps>(\n  (\n    {\n      tasks: rawTasks,\n      maxItems,\n      onTaskClick,\n      onTaskComplete,\n      onTaskSnooze,\n      onFactorsUpdate,\n      onRecalculate,\n      snoozeOptions = DEFAULT_SNOOZE_OPTIONS,\n      className,\n      testId,\n      readOnly = false,\n      compact = false,\n    },\n    ref,\n  ) => {\n    const [isRecalculating, setIsRecalculating] = React.useState(false);\n\n    // スコアでソート\n    const sortedTasks = React.useMemo(() => {\n      const withScore = rawTasks.map((t) => ({\n        ...t,\n        score: t.score ?? calculatePriorityScore(t),\n      }));\n      withScore.sort((a, b) => (b.score ?? 0) - (a.score ?? 0));\n      return maxItems ? withScore.slice(0, maxItems) : withScore;\n    }, [rawTasks, maxItems]);\n\n    const handleRecalculate = async () => {\n      if (!onRecalculate) return;\n      setIsRecalculating(true);\n      try {\n        await onRecalculate();\n      } finally {\n        setIsRecalculating(false);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        data-slot='priority-queue'\n        data-testid={testId}\n        className={cn('flex flex-col h-full', className)}\n      >\n        {/* ヘッダー */}\n        <div\n          data-slot='priority-queue-header'\n          className='flex items-center justify-between px-4 py-3 border-b'\n        >\n          <div className='flex items-center gap-2'>\n            <Target className='w-5 h-5 text-primary' />\n            <h2 className='text-lg font-semibold'>Focus Mode</h2>\n            <span className='text-sm text-muted-foreground'>{sortedTasks.length} tasks</span>\n          </div>\n\n          {onRecalculate && (\n            <Button\n              variant='outline'\n              size='sm'\n              onClick={handleRecalculate}\n              disabled={isRecalculating}\n              testId={testId ? `${testId}-recalc` : undefined}\n            >\n              <RefreshCw className={cn('w-4 h-4 mr-2', isRecalculating && 'animate-spin')} />\n              Recalculate\n            </Button>\n          )}\n        </div>\n\n        {/* タスクリスト */}\n        <ScrollArea className='flex-1'>\n          <div\n            data-slot='priority-queue-list'\n            className={cn('p-4 space-y-3', compact && 'p-2 space-y-2')}\n          >\n            {sortedTasks.length === 0 ? (\n              <div\n                data-slot='priority-queue-empty'\n                className='flex flex-col items-center justify-center py-12 text-muted-foreground'\n              >\n                <Target className='w-12 h-12 mb-4 opacity-30' />\n                <p className='text-sm'>No tasks to focus on</p>\n                <p className='text-xs'>Great job! 🎉</p>\n              </div>\n            ) : (\n              sortedTasks.map((task, index) => (\n                <PriorityCard\n                  key={task.id}\n                  task={task}\n                  rank={index + 1}\n                  testId={testId ? `${testId}-task-${task.id}` : undefined}\n                  onClick={() => onTaskClick?.(task)}\n                  onComplete={() => onTaskComplete?.(task.id)}\n                  onSnooze={(minutes) => onTaskSnooze?.(task.id, minutes)}\n                  onFactorsUpdate={\n                    onFactorsUpdate ? (factors) => onFactorsUpdate(task.id, factors) : undefined\n                  }\n                  snoozeOptions={snoozeOptions}\n                  readOnly={readOnly}\n                />\n              ))\n            )}\n          </div>\n        </ScrollArea>\n      </div>\n    );\n  },\n);\n\nPriorityQueue.displayName = 'PriorityQueue';\n"],"mappings":";;;;;;;;;;AAsCA,IAAaE,IAAgBF,EAAM,YAE/B,EACE,OAAOG,GACP,aACA,gBACA,mBACA,iBACA,oBACA,kBACA,mBAAgBC,GAChB,cACA,WACA,cAAW,IACX,aAAU,MAEZ,MACG;CACH,IAAM,CAACC,GAAiBC,KAAsBN,EAAM,SAAS,EAAK,GAG5DO,IAAcP,EAAM,cAAc;EACtC,IAAMQ,IAAYL,EAAS,KAAK,OAAO;GACrC,GAAGM;GACH,OAAOA,EAAE,SAASC,EAAuBD,CAAC;EAC5C,EAAE;EAEF,OADAD,EAAU,MAAM,GAAG,OAAOG,EAAE,SAAS,MAAMC,EAAE,SAAS,EAAE,GACjDC,IAAWL,EAAU,MAAM,GAAGK,CAAQ,IAAIL;CACnD,GAAG,CAACL,GAAUU,CAAQ,CAAC;CAYvB,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,eAAaC;EACb,WAAWC,EAAG,wBAAwBC,CAAS;EAJjD,UAAA,CAOE,kBAAC,OAAD;GACE,aAAU;GACV,WAAU;GAFZ,UAAA,CAIE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,kBAACC,GAAD,EAAQ,WAAU,uBAAwB,CAAA;KAC1C,kBAAC,MAAD;MAAI,WAAU;MAAwB,UAAA;KAAc,CAAA;KACpD,kBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA,CAAiDV,EAAY,QAAO,QAAY;;IAC7E;GAEJ,CAAA,GAAAW,KACC,kBAACC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,SAAS,YAhCmB;KACpC,IAAKD,GACL;QAAmB,EAAI;MACvB,IAAI;OACF,MAAMA,EAAc;MACtB,UAAU;OACR,EAAmB,EAAK;MAC1B;KALuB;IAMzB;IAyBU,UAAUb;IACV,QAAQS,IAAS,GAAGA,EAAO,WAAW,KAAA;IALxC,UAAA,CAOE,kBAACM,GAAD,EAAW,WAAWL,EAAG,gBAAgBV,KAAmB,cAAc,EAAI,CAAA,GAAC,aAEzE;GAEP,CAAA,CAAA;EAGL,CAAA,GAAA,kBAACgB,GAAD;GAAY,WAAU;GACpB,UAAA,kBAAC,OAAD;IACE,aAAU;IACV,WAAWN,EAAG,iBAAiBO,KAAW,eAAe;IAExD,UAAAf,EAAY,WAAW,IACtB,kBAAC,OAAD;KACE,aAAU;KACV,WAAU;KAFZ,UAAA;MAIE,kBAACU,GAAD,EAAQ,WAAU,4BAA6B,CAAA;MAC/C,kBAAC,KAAD;OAAG,WAAU;OAAU,UAAA;MAAuB,CAAA;MAC9C,kBAAC,KAAD;OAAG,WAAU;OAAU,UAAA;MAAgB,CAAA;KACpC;IAEL,CAAA,IAAAV,EAAY,KAAK,GAAM,MACrB,kBAACgB,GAAD;KAEQ;KACN,MAAMC,IAAQ;KACd,QAAQV,IAAS,GAAGA,EAAO,QAAQW,EAAK,OAAO,KAAA;KAC/C,eAAeC,IAAcD,CAAI;KACjC,kBAAkBE,IAAiBF,EAAK,EAAE;KAC1C,WAAW,MAAYG,IAAeH,EAAK,IAAII,CAAO;KACtD,iBACEC,KAAmB,MAAYA,EAAgBL,EAAK,IAAIM,CAAO,IAAI,KAAA;KAEtD;KACL;IACX,GAZMN,EAAK,EAYX,CACF;GAEA,CAAA;EACK,CAAA,CACT;;AAET,CACF;AAEA,EAAc,cAAc"}
+{"version":3,"file":"PriorityQueue.js","names":["React","React$1","PriorityQueue","rawTasks","DEFAULT_SNOOZE_OPTIONS","isRecalculating","setIsRecalculating","sortedTasks","withScore","t","calculatePriorityScore","b","a","maxItems","testId","cn","className","Target","onRecalculate","Button","RefreshCw","ScrollArea","compact","PriorityCard","index","task","onTaskClick","onTaskComplete","onTaskSnooze","minutes","onFactorsUpdate","factors"],"sources":["../../../../src/tools/components/priority-queue/PriorityQueue.tsx"],"sourcesContent":["/**\n * Priority Queue Component\n *\n * Focus Mode 用の優先度キューリスト\n *\n * @example\n * ```tsx\n * import { PriorityQueue, calculatePriorityScore } from '@alneas/appkit-react/tools/priority-queue';\n *\n * const tasks = rawTasks.map(t => ({\n *   ...t,\n *   score: calculatePriorityScore(t),\n * }));\n *\n * <PriorityQueue\n *   tasks={tasks}\n *   onTaskClick={(task) => openDetail(task.id)}\n *   onTaskComplete={(taskId) => markDone(taskId)}\n *   onFactorsUpdate={(taskId, factors) => updateFactors(taskId, factors)}\n *   onRecalculate={() => recalcAll()}\n *   testId=\"focus-queue\"\n * />\n * ```\n */\n\nimport * as React from 'react';\nimport { RefreshCw, Target } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\nimport { ScrollArea } from '../ui/scroll-area';\nimport { PriorityCard } from './PriorityCard';\nimport type { PriorityQueueProps } from './types';\nimport { calculatePriorityScore, DEFAULT_SNOOZE_OPTIONS } from './types';\n\n/**\n * 優先度キュー\n */\nexport function PriorityQueue({\n  ref,\n  tasks: rawTasks,\n  maxItems,\n  onTaskClick,\n  onTaskComplete,\n  onTaskSnooze,\n  onFactorsUpdate,\n  onRecalculate,\n  snoozeOptions = DEFAULT_SNOOZE_OPTIONS,\n  className,\n  testId,\n  readOnly = false,\n  compact = false,\n}: React.PropsWithoutRef<PriorityQueueProps> & React.RefAttributes<HTMLDivElement>) {\n  const [isRecalculating, setIsRecalculating] = React.useState(false);\n\n  // スコアでソート\n  const sortedTasks = React.useMemo(() => {\n    const withScore = rawTasks.map((t) => ({\n      ...t,\n      score: t.score ?? calculatePriorityScore(t),\n    }));\n    withScore.sort((a, b) => (b.score ?? 0) - (a.score ?? 0));\n    return maxItems ? withScore.slice(0, maxItems) : withScore;\n  }, [rawTasks, maxItems]);\n\n  const handleRecalculate = async () => {\n    if (!onRecalculate) return;\n    setIsRecalculating(true);\n    try {\n      await onRecalculate();\n    } finally {\n      setIsRecalculating(false);\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      data-slot='priority-queue'\n      data-testid={testId}\n      className={cn('flex flex-col h-full', className)}\n    >\n      {/* ヘッダー */}\n      <div\n        data-slot='priority-queue-header'\n        className='flex items-center justify-between px-4 py-3 border-b'\n      >\n        <div className='flex items-center gap-2'>\n          <Target className='w-5 h-5 text-primary' />\n          <h2 className='text-lg font-semibold'>Focus Mode</h2>\n          <span className='text-sm text-muted-foreground'>{sortedTasks.length} tasks</span>\n        </div>\n\n        {onRecalculate && (\n          <Button\n            variant='outline'\n            size='sm'\n            onClick={handleRecalculate}\n            disabled={isRecalculating}\n            testId={testId ? `${testId}-recalc` : undefined}\n          >\n            <RefreshCw className={cn('w-4 h-4 mr-2', isRecalculating && 'animate-spin')} />\n            Recalculate\n          </Button>\n        )}\n      </div>\n\n      {/* タスクリスト */}\n      <ScrollArea className='flex-1'>\n        <div\n          data-slot='priority-queue-list'\n          className={cn('p-4 space-y-3', compact && 'p-2 space-y-2')}\n        >\n          {sortedTasks.length === 0 ? (\n            <div\n              data-slot='priority-queue-empty'\n              className='flex flex-col items-center justify-center py-12 text-muted-foreground'\n            >\n              <Target className='w-12 h-12 mb-4 opacity-30' />\n              <p className='text-sm'>No tasks to focus on</p>\n              <p className='text-xs'>Great job! 🎉</p>\n            </div>\n          ) : (\n            sortedTasks.map((task, index) => (\n              <PriorityCard\n                key={task.id}\n                task={task}\n                rank={index + 1}\n                testId={testId ? `${testId}-task-${task.id}` : undefined}\n                onClick={() => onTaskClick?.(task)}\n                onComplete={() => onTaskComplete?.(task.id)}\n                onSnooze={(minutes) => onTaskSnooze?.(task.id, minutes)}\n                onFactorsUpdate={\n                  onFactorsUpdate ? (factors) => onFactorsUpdate(task.id, factors) : undefined\n                }\n                snoozeOptions={snoozeOptions}\n                readOnly={readOnly}\n              />\n            ))\n          )}\n        </div>\n      </ScrollArea>\n    </div>\n  );\n}\n\nPriorityQueue.displayName = 'PriorityQueue';\n"],"mappings":";;;;;;;;;;AAsCA,SAAgBE,EAAc,EAC5B,QACA,OAAOC,GACP,aACA,gBACA,mBACA,iBACA,oBACA,kBACA,mBAAgBC,GAChB,cACA,WACA,cAAW,IACX,aAAU,MACwE;CAClF,IAAM,CAACC,GAAiBC,KAAsBN,EAAM,SAAS,EAAK,GAG5DO,IAAcP,EAAM,cAAc;EACtC,IAAMQ,IAAYL,EAAS,KAAK,OAAO;GACrC,GAAGM;GACH,OAAOA,EAAE,SAASC,EAAuBD,CAAC;EAC5C,EAAE;EAEF,OADAD,EAAU,MAAM,GAAG,OAAOG,EAAE,SAAS,MAAMC,EAAE,SAAS,EAAE,GACjDC,IAAWL,EAAU,MAAM,GAAGK,CAAQ,IAAIL;CACnD,GAAG,CAACL,GAAUU,CAAQ,CAAC;CAYvB,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,eAAaC;EACb,WAAWC,EAAG,wBAAwBC,CAAS;EAJjD,UAAA,CAOE,kBAAC,OAAD;GACE,aAAU;GACV,WAAU;GAFZ,UAAA,CAIE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,kBAACC,GAAD,EAAQ,WAAU,uBAAwB,CAAA;KAC1C,kBAAC,MAAD;MAAI,WAAU;MAAwB,UAAA;KAAc,CAAA;KACpD,kBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA,CAAiDV,EAAY,QAAO,QAAY;;IAC7E;GAEJ,CAAA,GAAAW,KACC,kBAACC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,SAAS,YAhCmB;KACpC,IAAKD,GACL;QAAmB,EAAI;MACvB,IAAI;OACF,MAAMA,EAAc;MACtB,UAAU;OACR,EAAmB,EAAK;MAC1B;KALuB;IAMzB;IAyBU,UAAUb;IACV,QAAQS,IAAS,GAAGA,EAAO,WAAW,KAAA;IALxC,UAAA,CAOE,kBAACM,GAAD,EAAW,WAAWL,EAAG,gBAAgBV,KAAmB,cAAc,EAAI,CAAA,GAAC,aAEzE;GAEP,CAAA,CAAA;EAGL,CAAA,GAAA,kBAACgB,GAAD;GAAY,WAAU;GACpB,UAAA,kBAAC,OAAD;IACE,aAAU;IACV,WAAWN,EAAG,iBAAiBO,KAAW,eAAe;IAExD,UAAAf,EAAY,WAAW,IACtB,kBAAC,OAAD;KACE,aAAU;KACV,WAAU;KAFZ,UAAA;MAIE,kBAACU,GAAD,EAAQ,WAAU,4BAA6B,CAAA;MAC/C,kBAAC,KAAD;OAAG,WAAU;OAAU,UAAA;MAAuB,CAAA;MAC9C,kBAAC,KAAD;OAAG,WAAU;OAAU,UAAA;MAAgB,CAAA;KACpC;IAEL,CAAA,IAAAV,EAAY,KAAK,GAAM,MACrB,kBAACgB,GAAD;KAEQ;KACN,MAAMC,IAAQ;KACd,QAAQV,IAAS,GAAGA,EAAO,QAAQW,EAAK,OAAO,KAAA;KAC/C,eAAeC,IAAcD,CAAI;KACjC,kBAAkBE,IAAiBF,EAAK,EAAE;KAC1C,WAAW,MAAYG,IAAeH,EAAK,IAAII,CAAO;KACtD,iBACEC,KAAmB,MAAYA,EAAgBL,EAAK,IAAIM,CAAO,IAAI,KAAA;KAEtD;KACL;IACX,GAZMN,EAAK,EAYX,CACF;GAEA,CAAA;EACK,CAAA,CACT;;AAET;AAEA,EAAc,cAAc"}

package/dist/tools/components/sidebar/sidebar-compound.d.cts

@@ -1,3 +1,4 @@
+import { Separator } from '../ui/separator.cjs';
 /**
  * @fileoverview Sidebar Compound Components (Sidebar)
  *
@@ -82,5 +83,5 @@ export declare const Sidebar: {
     Group: typeof SidebarGroupSlot;
     Item: typeof SidebarItemSlot;
     Footer: typeof SidebarFooterSlot;
-    Separator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Separator: typeof Separator;
 };

package/dist/tools/components/sidebar/sidebar-compound.d.ts

@@ -1,3 +1,4 @@
+import { Separator } from '../ui/separator.js';
 /**
  * @fileoverview Sidebar Compound Components (Sidebar)
  *
@@ -82,5 +83,5 @@ export declare const Sidebar: {
     Group: typeof SidebarGroupSlot;
     Item: typeof SidebarItemSlot;
     Footer: typeof SidebarFooterSlot;
-    Separator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Separator: typeof Separator;
 };

package/dist/tools/components/ui/chart.cjs

@@ -1,7 +1,7 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("recharts");i=e.__toESM(i,1);var a=r.createContext(null);function o(){let e=r.useContext(a);if(!e)throw Error(`useChart must be used within a <ChartContainer />`);return e}var s=r.forwardRef(({id:e,className:o,children:s,config:c,...l},d)=>{let f=r.useId(),p=`chart-${e||f.replace(/:/g,``)}`;return(0,n.jsx)(a.Provider,{value:{config:c},children:(0,n.jsxs)(`div`,{"data-chart":p,ref:d,className:t.cn(`flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none`,o),...l,children:[(0,n.jsx)(u,{id:p,config:c}),(0,n.jsx)(i.ResponsiveContainer,{children:s})]})})});s.displayName=`Chart`;var c=e=>Array.from(e,e=>/[a-zA-Z0-9_-]/.test(e)?e:`\\${e.codePointAt(0).toString(16)} `).join(``),l=e=>/[<>{};\\"'\p{Cc}]|\/\*|\*\//u.test(e)?``:e.trim(),u=({id:e,config:t})=>{let r=Object.entries(t).filter(([e,t])=>t.theme||t.color);if(!r.length)return null;let i=c(e);return(0,n.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("recharts");i=e.__toESM(i,1);var a=r.createContext(null);function o(){let e=r.useContext(a);if(!e)throw Error(`useChart must be used within a <ChartContainer />`);return e}function s({ref:e,id:o,className:s,children:c,config:l,...d}){let f=r.useId(),p=`chart-${o||f.replace(/:/g,``)}`;return(0,n.jsx)(a.Provider,{value:{config:l},children:(0,n.jsxs)(`div`,{"data-chart":p,ref:e,className:t.cn(`flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none`,s),...d,children:[(0,n.jsx)(u,{id:p,config:l}),(0,n.jsx)(i.ResponsiveContainer,{children:c})]})})}s.displayName=`Chart`;var c=e=>Array.from(e,e=>/[a-zA-Z0-9_-]/.test(e)?e:`\\${e.codePointAt(0).toString(16)} `).join(``),l=e=>/[<>{};\\"'\p{Cc}]|\/\*|\*\//u.test(e)?``:e.trim(),u=({id:e,config:t})=>{let r=Object.entries(t).filter(([e,t])=>t.theme||t.color);if(!r.length)return null;let i=c(e);return(0,n.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`
         [data-chart="${i}"] {
           ${r.map(([e,t])=>{let n=t.theme?.[t.theme.dark?`dark`:`light`]||t.color,r=c(e),i=n?l(String(n)):``;return r&&i?`--color-${r}: ${i};`:``}).filter(Boolean).join(`
 `)}
         }
-      `}})},d=i.Tooltip,f=r.forwardRef(({active:e,payload:i,className:a,indicator:s=`dot`,hideLabel:c=!1,hideIndicator:l=!1,label:u,labelFormatter:d,labelClassName:f,formatter:p,color:m,nameKey:g,labelKey:_},v)=>{let{config:y}=o(),b=r.useMemo(()=>{if(c||!i?.length)return null;let[e]=i,r=`${_||e.dataKey||e.name||`value`}`,a=h(y,e,r),o=!_&&typeof u==`string`?y[u]?.label||u:a?.label;return d?(0,n.jsx)(`div`,{className:t.cn(`font-medium`,f),children:d(o,i)}):o?(0,n.jsx)(`div`,{className:t.cn(`font-medium`,f),children:o}):null},[u,d,i,c,f,y,_]);if(!e||!i?.length)return null;let x=i.length===1&&s!==`dot`,S=i??[];return(0,n.jsxs)(`div`,{ref:v,className:t.cn(`grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl`,a),children:[x?null:b,(0,n.jsx)(`div`,{className:`grid gap-1.5`,children:S.map((e,r)=>{let i=`${g||e.name||e.dataKey||`value`}`,a=h(y,e,i),o=m||e.payload?.fill||e.color;return(0,n.jsx)(`div`,{className:t.cn(`flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground`,s===`dot`&&`items-center`),children:p&&e?.value!==void 0&&e.name?p(e.value,e.name,e,r,e.payload):(0,n.jsxs)(n.Fragment,{children:[a?.icon?(0,n.jsx)(a.icon,{}):!l&&(0,n.jsx)(`div`,{className:t.cn(`shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]`,{"h-2.5 w-2.5":s===`dot`,"w-1":s===`line`,"w-0 border-[1.5px] border-dashed bg-transparent":s===`dashed`,"my-0.5":x&&s===`dashed`}),style:{"--color-bg":o,"--color-border":o}}),(0,n.jsxs)(`div`,{className:t.cn(`flex flex-1 justify-between leading-none`,x?`items-end`:`items-center`),children:[(0,n.jsxs)(`div`,{className:`grid gap-1.5`,children:[x?b:null,(0,n.jsx)(`span`,{className:`text-muted-foreground`,children:a?.label||e.name})]}),e.value&&(0,n.jsx)(`span`,{className:`font-mono font-medium tabular-nums text-foreground`,children:e.value.toLocaleString()})]})]})},e.dataKey)})})]})});f.displayName=`ChartTooltip`;var p=i.Legend,m=r.forwardRef(({className:e,hideIcon:r=!1,payload:i,verticalAlign:a=`bottom`,nameKey:s},c)=>{let{config:l}=o();if(!i?.length)return null;let u=i;return(0,n.jsx)(`div`,{ref:c,className:t.cn(`flex items-center justify-center gap-4`,a===`top`?`pb-3`:`pt-3`,e),children:u.map(e=>{let i=`${s||e.dataKey||`value`}`,a=h(l,e,i);return(0,n.jsxs)(`div`,{className:t.cn(`flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground`),children:[a?.icon&&!r?(0,n.jsx)(a.icon,{}):(0,n.jsx)(`div`,{className:`h-2 w-2 shrink-0 rounded-[2px]`,style:{backgroundColor:e.color}}),a?.label]},e.value)})})});m.displayName=`ChartLegend`;function h(e,t,n){if(typeof t!=`object`||!t)return;let r=`payload`in t&&typeof t.payload==`object`&&t.payload!==null?t.payload:void 0,i=n;return n in t&&typeof t[n]==`string`?i=t[n]:r&&n in r&&typeof r[n]==`string`&&(i=r[n]),i in e?e[i]:e[n]}exports.ChartContainer=s,exports.ChartLegend=p,exports.ChartLegendContent=m,exports.ChartStyle=u,exports.ChartTooltip=d,exports.ChartTooltipContent=f;
+      `}})},d=i.Tooltip;function f({ref:e,active:i,payload:a,className:s,indicator:c=`dot`,hideLabel:l=!1,hideIndicator:u=!1,label:d,labelFormatter:f,labelClassName:p,formatter:m,color:g,nameKey:_,labelKey:v}){let{config:y}=o(),b=r.useMemo(()=>{if(l||!a?.length)return null;let[e]=a,r=`${v||e.dataKey||e.name||`value`}`,i=h(y,e,r),o=!v&&typeof d==`string`?y[d]?.label||d:i?.label;return f?(0,n.jsx)(`div`,{className:t.cn(`font-medium`,p),children:f(o,a)}):o?(0,n.jsx)(`div`,{className:t.cn(`font-medium`,p),children:o}):null},[d,f,a,l,p,y,v]);if(!i||!a?.length)return null;let x=a.length===1&&c!==`dot`,S=a??[];return(0,n.jsxs)(`div`,{ref:e,className:t.cn(`grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl`,s),children:[x?null:b,(0,n.jsx)(`div`,{className:`grid gap-1.5`,children:S.map((e,r)=>{let i=`${_||e.name||e.dataKey||`value`}`,a=h(y,e,i),o=g||e.payload?.fill||e.color;return(0,n.jsx)(`div`,{className:t.cn(`flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground`,c===`dot`&&`items-center`),children:m&&e?.value!==void 0&&e.name?m(e.value,e.name,e,r,e.payload):(0,n.jsxs)(n.Fragment,{children:[a?.icon?(0,n.jsx)(a.icon,{}):!u&&(0,n.jsx)(`div`,{className:t.cn(`shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]`,{"h-2.5 w-2.5":c===`dot`,"w-1":c===`line`,"w-0 border-[1.5px] border-dashed bg-transparent":c===`dashed`,"my-0.5":x&&c===`dashed`}),style:{"--color-bg":o,"--color-border":o}}),(0,n.jsxs)(`div`,{className:t.cn(`flex flex-1 justify-between leading-none`,x?`items-end`:`items-center`),children:[(0,n.jsxs)(`div`,{className:`grid gap-1.5`,children:[x?b:null,(0,n.jsx)(`span`,{className:`text-muted-foreground`,children:a?.label||e.name})]}),e.value&&(0,n.jsx)(`span`,{className:`font-mono font-medium tabular-nums text-foreground`,children:e.value.toLocaleString()})]})]})},e.dataKey)})})]})}f.displayName=`ChartTooltip`;var p=i.Legend;function m({ref:e,className:r,hideIcon:i=!1,payload:a,verticalAlign:s=`bottom`,nameKey:c}){let{config:l}=o();if(!a?.length)return null;let u=a;return(0,n.jsx)(`div`,{ref:e,className:t.cn(`flex items-center justify-center gap-4`,s===`top`?`pb-3`:`pt-3`,r),children:u.map(e=>{let r=`${c||e.dataKey||`value`}`,a=h(l,e,r);return(0,n.jsxs)(`div`,{className:t.cn(`flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground`),children:[a?.icon&&!i?(0,n.jsx)(a.icon,{}):(0,n.jsx)(`div`,{className:`h-2 w-2 shrink-0 rounded-[2px]`,style:{backgroundColor:e.color}}),a?.label]},e.value)})})}m.displayName=`ChartLegend`;function h(e,t,n){if(typeof t!=`object`||!t)return;let r=`payload`in t&&typeof t.payload==`object`&&t.payload!==null?t.payload:void 0,i=n;return n in t&&typeof t[n]==`string`?i=t[n]:r&&n in r&&typeof r[n]==`string`&&(i=r[n]),i in e?e[i]:e[n]}exports.ChartContainer=s,exports.ChartLegend=p,exports.ChartLegendContent=m,exports.ChartStyle=u,exports.ChartTooltip=d,exports.ChartTooltipContent=f;
 //# sourceMappingURL=chart.cjs.map

package/dist/tools/components/ui/chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart.cjs","names":["React","cn","RechartsPrimitive","_Fragment","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","recharts","ChartContext","useChart","context","ChartContainer","props","uniqueId","chartId","id","className","ChartStyle","escapeCssToken","value","char","safeCssColor","colorConfig","config","_","safeId","key","item","color","safeKey","safeColor","ChartTooltip","ChartTooltipContent","tooltipLabel","hideLabel","payload","labelKey","itemConfig","getPayloadConfigFromPayload","label","labelFormatter","labelClassName","active","nestLabel","indicator","tooltipPayload","nameKey","indicatorColor","formatter","index","hideIndicator","ChartLegend","ChartLegendContent","legendPayload","verticalAlign","hideIcon","payloadPayload","configLabelKey"],"sources":["../../../../src/tools/components/ui/chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { cn } from '../../lib/utils';\n\n// Format: { group: { theme: { light: \"...\", dark: \"...\" }, label: \"...\" } }\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n    color?: string;\n    theme?: Record<'light' | 'dark', string>;\n  } & (\n    | { color?: never; theme: Record<'light' | 'dark', string> }\n    | { color: string; theme?: never }\n  );\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n\n  return context;\n}\n\nconst ChartContainer = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & {\n    config: ChartConfig;\n    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n  }\n>(({ id, className, children, config, ...props }, ref) => {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-chart={chartId}\n        ref={ref}\n        className={cn(\n          \"flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n});\nChartContainer.displayName = 'Chart';\n\n// Hex escapes work in both quoted CSS strings and identifiers (keys have a\n// --color- prefix). Preserve the original value instead of changing its identity.\n// Escaping '<' also prevents closing the raw-text <style> element during SSR.\nconst escapeCssToken = (value: string) => Array.from(value, char =>\n  /[a-zA-Z0-9_-]/.test(char) ? char : `\\\\${char.codePointAt(0)!.toString(16)} `,\n).join('');\n\n// Reject declaration/HTML breakouts rather than rewriting a possibly valid color.\n// In particular '/' is required by modern rgb/hsl/oklch alpha syntax.\nconst safeCssColor = (value: string) =>\n  /[<>{};\\\\\"'\\p{Cc}]|\\/\\*|\\*\\//u.test(value) ? '' : value.trim();\n\n/**\n * チャートの設定（テーマごとの配色等）に基づいて動的にCSS変数を適用するためのスタイルコンポーネント。\n */\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(([_, config]) => config.theme || config.color);\n\n  if (!colorConfig.length) {\n    return null;\n  }\n\n  const safeId = escapeCssToken(id);\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: `\n        [data-chart=\"${safeId}\"] {\n          ${colorConfig\n            .map(([key, item]) => {\n              const color = item.theme?.[item.theme.dark ? 'dark' : 'light'] || item.color;\n              const safeKey = escapeCssToken(key);\n              const safeColor = color ? safeCssColor(String(color)) : '';\n              return safeKey && safeColor ? `--color-${safeKey}: ${safeColor};` : '';\n            })\n            .filter(Boolean)\n            .join('\\n')}\n        }\n      `,\n      }}\n    />\n  );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\ntype TooltipPayloadItem = {\n  dataKey?: string | number;\n  name?: string;\n  value?: number | string;\n  color?: string;\n  payload?: { fill?: string } & Record<string, unknown>;\n};\n\ntype ChartTooltipContentProps = React.ComponentProps<'div'> & {\n  active?: boolean;\n  payload?: TooltipPayloadItem[];\n  hideLabel?: boolean;\n  hideIndicator?: boolean;\n  indicator?: 'line' | 'dot' | 'dashed';\n  nameKey?: string;\n  labelKey?: string;\n  label?: React.ReactNode;\n  labelClassName?: string;\n  labelFormatter?: (value: React.ReactNode, payload: TooltipPayloadItem[]) => React.ReactNode;\n  formatter?: (\n    value: number | string,\n    name: string,\n    item: TooltipPayloadItem,\n    index: number,\n    payload?: TooltipPayloadItem['payload'],\n  ) => React.ReactNode;\n  color?: string;\n};\n\nconst ChartTooltipContent = React.forwardRef<HTMLDivElement, ChartTooltipContentProps>(\n  (\n    {\n      active,\n      payload,\n      className,\n      indicator = 'dot',\n      hideLabel = false,\n      hideIndicator = false,\n      label,\n      labelFormatter,\n      labelClassName,\n      formatter,\n      color,\n      nameKey,\n      labelKey,\n    },\n    ref,\n  ) => {\n    const { config } = useChart();\n\n    const tooltipLabel = React.useMemo(() => {\n      if (hideLabel || !payload?.length) {\n        return null;\n      }\n\n      const [item] = payload;\n      const key = `${labelKey || item.dataKey || item.name || 'value'}`;\n      const itemConfig = getPayloadConfigFromPayload(config, item, key);\n      const value =\n        !labelKey && typeof label === 'string'\n          ? config[label as keyof typeof config]?.label || label\n          : itemConfig?.label;\n\n      if (labelFormatter) {\n        return (\n          <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>\n        );\n      }\n\n      if (!value) {\n        return null;\n      }\n\n      return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\n\n    if (!active || !payload?.length) {\n      return null;\n    }\n\n    const nestLabel = payload.length === 1 && indicator !== 'dot';\n    const tooltipPayload = payload ?? [];\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl',\n          className,\n        )}\n      >\n        {!nestLabel ? tooltipLabel : null}\n        <div className='grid gap-1.5'>\n          {tooltipPayload.map((item, index: number) => {\n            const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n            const itemConfig = getPayloadConfigFromPayload(config, item, key);\n            const indicatorColor = color || item.payload?.fill || item.color;\n\n            return (\n              <div\n                key={item.dataKey}\n                className={cn(\n                  'flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground',\n                  indicator === 'dot' && 'items-center',\n                )}\n              >\n                {formatter && item?.value !== undefined && item.name ? (\n                  formatter(item.value, item.name, item, index, item.payload)\n                ) : (\n                  <>\n                    {itemConfig?.icon ? (\n                      <itemConfig.icon />\n                    ) : (\n                      !hideIndicator && (\n                        <div\n                          className={cn(\n                            'shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]',\n                            {\n                              'h-2.5 w-2.5': indicator === 'dot',\n                              'w-1': indicator === 'line',\n                              'w-0 border-[1.5px] border-dashed bg-transparent':\n                                indicator === 'dashed',\n                              'my-0.5': nestLabel && indicator === 'dashed',\n                            },\n                          )}\n                          style={\n                            {\n                              '--color-bg': indicatorColor,\n                              '--color-border': indicatorColor,\n                            } as React.CSSProperties\n                          }\n                        />\n                      )\n                    )}\n                    <div\n                      className={cn(\n                        'flex flex-1 justify-between leading-none',\n                        nestLabel ? 'items-end' : 'items-center',\n                      )}\n                    >\n                      <div className='grid gap-1.5'>\n                        {nestLabel ? tooltipLabel : null}\n                        <span className='text-muted-foreground'>\n                          {itemConfig?.label || item.name}\n                        </span>\n                      </div>\n                      {item.value && (\n                        <span className='font-mono font-medium tabular-nums text-foreground'>\n                          {item.value.toLocaleString()}\n                        </span>\n                      )}\n                    </div>\n                  </>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\nChartTooltipContent.displayName = 'ChartTooltip';\n\nconst ChartLegend = RechartsPrimitive.Legend;\nconst ChartLegendContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> &\n    Pick<RechartsPrimitive.LegendProps, 'verticalAlign'> & {\n      hideIcon?: boolean;\n      nameKey?: string;\n      payload?: unknown[];\n    }\n>(({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }, ref) => {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n  const legendPayload = payload as Array<{\n    dataKey?: string | number;\n    value?: string | number;\n    color?: string;\n  }>;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'flex items-center justify-center gap-4',\n        verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n        className,\n      )}\n    >\n      {legendPayload.map((item) => {\n        const key = `${nameKey || item.dataKey || 'value'}`;\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={item.value}\n            className={cn(\n              'flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground',\n            )}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className='h-2 w-2 shrink-0 rounded-[2px]'\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n});\nChartLegendContent.displayName = 'ChartLegend';\n\n// Helper to extract config from payload\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\n  if (typeof payload !== 'object' || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (key in payload && typeof payload[key as keyof typeof payload] === 'string') {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n  ) {\n    configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];\n}\n\nexport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n};\n"],"mappings":"A,iTAwBA,IAAMS,EAAeT,EAAM,cAAwC,IAAI,EAEvE,SAASU,GAAW,CAClB,IAAMC,EAAUX,EAAM,WAAWS,CAAY,EAE7C,GAAI,CAACE,EACH,MAAU,MAAM,mDAAmD,EAGrE,OAAOA,CACT,CAEA,IAAMC,EAAiBZ,EAAM,YAM1B,CAAE,KAAI,YAAW,WAAU,SAAQ,GAAGa,GAAS,IAAQ,CACxD,IAAMC,EAAWd,EAAM,MAAM,EACvBe,EAAU,SAASC,GAAMF,EAAS,QAAQ,KAAM,EAAE,IAExD,OACE,EAAAR,EAAA,IAAA,CAACG,EAAa,SAAd,CAAuB,MAAO,CAAE,QAAO,EACrC,UAAA,EAAAH,EAAA,KAAA,CAAC,MAAD,CACE,aAAYS,EACP,MACL,UAAWd,EAAAA,GACT,wpBACAgB,CACF,EACA,GAAIJ,EAPN,SAAA,EASE,EAAAP,EAAA,IAAA,CAACY,EAAD,CAAY,GAAIH,EAAiB,QAAS,CAAA,GAC1C,EAAAT,EAAA,IAAA,CAACJ,EAAkB,oBAAnB,CAAwC,UAAgD,CAAA,CACrF,C,EACgB,CAAA,CAE3B,CAAC,EACD,EAAe,YAAc,QAK7B,IAAMiB,EAAkB,GAAkB,MAAM,KAAKC,EAAO,GAC1D,gBAAgB,KAAKC,CAAI,EAAIA,EAAO,KAAKA,EAAK,YAAY,CAAC,CAAC,CAAE,SAAS,EAAE,EAAE,EAC7E,CAAC,CAAC,KAAK,EAAE,EAIHC,EAAgB,GACpB,+BAA+B,KAAKF,CAAK,EAAI,GAAKA,EAAM,KAAK,EAKzDF,GAAc,CAAE,KAAI,YAAkD,CAC1E,IAAMK,EAAc,OAAO,QAAQC,CAAM,CAAC,CAAC,QAAQ,CAACC,EAAGD,KAAYA,EAAO,OAASA,EAAO,KAAK,EAE/F,GAAI,CAACD,EAAY,OACf,OAAO,KAGT,IAAMG,EAASP,EAAeH,CAAE,EAEhC,OACE,EAAAV,EAAA,IAAA,CAAC,QAAD,CACE,wBAAyB,CACvB,OAAQ;uBACOoB,EAAO;YAClBH,EACC,KAAK,CAACI,EAAKC,KAAU,CACpB,IAAMC,EAAQD,EAAK,QAAQA,EAAK,MAAM,KAAO,OAAS,UAAYA,EAAK,MACjEE,EAAUX,EAAeQ,CAAG,EAC5BI,EAAYF,EAAQP,EAAa,OAAOO,CAAK,CAAC,EAAI,GACxD,OAAOC,GAAWC,EAAY,WAAWD,EAAQ,IAAIC,EAAU,GAAK,EACtE,CAAC,CAAC,CACD,OAAO,OAAO,CAAC,CACf,KAAK;CAAI,EAAE;;OAGlB,CACD,CAAA,CAEL,EAEMC,EAAe9B,EAAkB,QA+BjC+B,EAAsBjC,EAAM,YAE9B,CACE,SACA,UACA,YACA,YAAY,MACZ,YAAY,GACZ,gBAAgB,GAChB,QACA,iBACA,iBACA,YACA,QACA,UACA,YAEF,IACG,CACH,GAAM,CAAE,UAAWU,EAAS,EAEtBwB,EAAelC,EAAM,YAAc,CACvC,GAAImC,GAAa,CAACC,GAAS,OACzB,OAAO,KAGT,GAAM,CAACR,GAAQQ,EACTT,EAAM,GAAGU,GAAYT,EAAK,SAAWA,EAAK,MAAQ,UAClDU,EAAaC,EAA4Bf,EAAQI,EAAMD,CAAG,EAC1DP,EACJ,CAACiB,GAAY,OAAOG,GAAU,SAC1BhB,EAAOgB,EAA6B,EAAE,OAASA,EAC/CF,GAAY,MAYlB,OAVIG,GAEA,EAAAnC,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWL,EAAAA,GAAG,cAAeyC,CAAc,EAAI,SAAAD,EAAerB,EAAOgB,CAAO,CAAO,CAAA,EAIvFhB,GAIE,EAAAd,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWL,EAAAA,GAAG,cAAeyC,CAAc,EAAI,SAAAtB,CAAW,CAAA,EAH7D,IAIX,EAAG,CAACoB,EAAOC,EAAgBL,EAASD,EAAWO,EAAgBlB,EAAQa,CAAQ,CAAC,EAEhF,GAAI,CAACM,GAAU,CAACP,GAAS,OACvB,OAAO,KAGT,IAAMQ,EAAYR,EAAQ,SAAW,GAAKS,IAAc,MAClDC,EAAiBV,GAAW,CAAC,EAEnC,OACE,EAAA9B,EAAA,KAAA,CAAC,MAAD,CACO,MACL,UAAWL,EAAAA,GACT,yHACAgB,CACF,EALF,SAAA,CAOI2B,EAA2B,KAAfV,GACd,EAAA5B,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,eACZ,SAAAwC,EAAe,KAAK,EAAM,IAAkB,CAC3C,IAAMnB,EAAM,GAAGoB,GAAWnB,EAAK,MAAQA,EAAK,SAAW,UACjDU,EAAaC,EAA4Bf,EAAQI,EAAMD,CAAG,EAC1DqB,EAAiBnB,GAASD,EAAK,SAAS,MAAQA,EAAK,MAE3D,OACE,EAAAtB,EAAA,IAAA,CAAC,MAAD,CAEE,UAAWL,EAAAA,GACT,sGACA4C,IAAc,OAAS,cACzB,EAEC,SAAAI,GAAarB,GAAM,QAAU,IAAA,IAAaA,EAAK,KAC9CqB,EAAUrB,EAAK,MAAOA,EAAK,KAAMA,EAAMsB,EAAOtB,EAAK,OAAO,GAE1D,EAAAtB,EAAA,KAAA,CAAAH,EAAAA,SAAA,CAAA,SAAA,CACGmC,GAAY,MACX,EAAAhC,EAAA,IAAA,CAACgC,EAAW,KAAZ,CAAkB,CAAA,EAElB,CAACa,IACC,EAAA7C,EAAA,IAAA,CAAC,MAAD,CACE,UAAWL,EAAAA,GACT,iEACA,CACE,cAAe4C,IAAc,MAC7B,MAAOA,IAAc,OACrB,kDACEA,IAAc,SAChB,SAAUD,GAAaC,IAAc,QACvC,CACF,EACA,MACE,CACE,aAAcG,EACd,iBAAkBA,CACpB,CAEH,CAAA,GAGL,EAAA1C,EAAA,KAAA,CAAC,MAAD,CACE,UAAWL,EAAAA,GACT,2CACA2C,EAAY,YAAc,cAC5B,EAJF,SAAA,EAME,EAAAtC,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,eAAf,SAAA,CACGsC,EAAYV,EAAe,MAC5B,EAAA5B,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,wBACb,SAAAgC,GAAY,OAASV,EAAK,IACvB,CAAA,CACH,CACJ,CAAA,EAAAA,EAAK,QACJ,EAAAtB,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,qDACb,SAAAsB,EAAK,MAAM,eAAe,CACvB,CAAA,CAEL,CACL,CAAA,CAAA,CAAA,CAAA,CAED,EAtDEA,EAAK,OAsDP,CAET,CAAC,CACE,CAAA,CACF,C,EAET,CACF,EACA,EAAoB,YAAc,eAElC,IAAMwB,EAAclD,EAAkB,OAChCmD,EAAqBrD,EAAM,YAQ9B,CAAE,YAAW,WAAW,GAAO,UAAS,gBAAgB,SAAU,WAAW,IAAQ,CACtF,GAAM,CAAE,UAAWU,EAAS,EAE5B,GAAI,CAAC0B,GAAS,OACZ,OAAO,KAET,IAAMkB,EAAgBlB,EAMtB,OACE,EAAA9B,EAAA,IAAA,CAAC,MAAD,CACO,MACL,UAAWL,EAAAA,GACT,yCACAsD,IAAkB,MAAQ,OAAS,OACnCtC,CACF,EAEC,SAAAqC,EAAc,IAAK,GAAS,CAC3B,IAAM3B,EAAM,GAAGoB,GAAWnB,EAAK,SAAW,UACpCU,EAAaC,EAA4Bf,EAAQI,EAAMD,CAAG,EAEhE,OACE,EAAArB,EAAA,KAAA,CAAC,MAAD,CAEE,UAAWL,EAAAA,GACT,iFACF,EAJF,SAAA,CAMGqC,GAAY,MAAQ,CAACkB,GACpB,EAAAlD,EAAA,IAAA,CAACgC,EAAW,KAAZ,CAAkB,CAAA,GAElB,EAAAhC,EAAA,IAAA,CAAC,MAAD,CACE,UAAU,iCACV,MAAO,CACL,gBAAiBsB,EAAK,KACxB,CACD,CAAA,EAEFU,GAAY,KACV,CAhBE,EAAAV,EAAK,KAgBP,CAET,CAAC,CACE,CAAA,CAET,CAAC,EACD,EAAmB,YAAc,cAGjC,SAASW,EAA4B,EAAqB,EAAkB,EAAa,CACvF,GAAI,OAAOH,GAAY,WAAYA,EACjC,OAGF,IAAMqB,EACJ,YAAarB,GAAW,OAAOA,EAAQ,SAAY,UAAYA,EAAQ,UAAY,KAC/EA,EAAQ,QACR,IAAA,GAEFsB,EAAyB/B,EAY7B,OAVIA,KAAOS,GAAW,OAAOA,EAAQT,IAAiC,SACpE,EAAiBS,EAAQT,GAEzB8B,GACA9B,KAAO8B,GACP,OAAOA,EAAe9B,IAAwC,WAE9D,EAAiB8B,EAAe9B,IAG3B+B,KAAkBlC,EAASA,EAAOkC,GAAkBlC,EAAOG,EACpE,C"}
+{"version":3,"file":"chart.cjs","names":["React","cn","RechartsPrimitive","_Fragment","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","recharts","ChartContext","useChart","context","ChartContainer","props","uniqueId","chartId","id","className","ChartStyle","escapeCssToken","value","char","safeCssColor","colorConfig","config","_","safeId","key","item","color","safeKey","safeColor","ChartTooltip","ChartTooltipContent","tooltipLabel","hideLabel","payload","labelKey","itemConfig","getPayloadConfigFromPayload","label","labelFormatter","labelClassName","active","nestLabel","indicator","tooltipPayload","nameKey","indicatorColor","formatter","index","hideIndicator","ChartLegend","ChartLegendContent","legendPayload","verticalAlign","hideIcon","payloadPayload","configLabelKey"],"sources":["../../../../src/tools/components/ui/chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { cn } from '../../lib/utils';\n\n// Format: { group: { theme: { light: \"...\", dark: \"...\" }, label: \"...\" } }\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n    color?: string;\n    theme?: Record<'light' | 'dark', string>;\n  } & (\n    | { color?: never; theme: Record<'light' | 'dark', string> }\n    | { color: string; theme?: never }\n  );\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n\n  return context;\n}\n\nfunction ChartContainer({\n  ref,\n  id,\n  className,\n  children,\n  config,\n  ...props\n}: React.PropsWithoutRef<\n  React.HTMLAttributes<HTMLDivElement> & {\n    config: ChartConfig;\n    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n  }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-chart={chartId}\n        ref={ref}\n        className={cn(\n          \"flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n}\nChartContainer.displayName = 'Chart';\n\n// Hex escapes work in both quoted CSS strings and identifiers (keys have a\n// --color- prefix). Preserve the original value instead of changing its identity.\n// Escaping '<' also prevents closing the raw-text <style> element during SSR.\nconst escapeCssToken = (value: string) => Array.from(value, char =>\n  /[a-zA-Z0-9_-]/.test(char) ? char : `\\\\${char.codePointAt(0)!.toString(16)} `,\n).join('');\n\n// Reject declaration/HTML breakouts rather than rewriting a possibly valid color.\n// In particular '/' is required by modern rgb/hsl/oklch alpha syntax.\nconst safeCssColor = (value: string) =>\n  /[<>{};\\\\\"'\\p{Cc}]|\\/\\*|\\*\\//u.test(value) ? '' : value.trim();\n\n/**\n * チャートの設定（テーマごとの配色等）に基づいて動的にCSS変数を適用するためのスタイルコンポーネント。\n */\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(([_, config]) => config.theme || config.color);\n\n  if (!colorConfig.length) {\n    return null;\n  }\n\n  const safeId = escapeCssToken(id);\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: `\n        [data-chart=\"${safeId}\"] {\n          ${colorConfig\n            .map(([key, item]) => {\n              const color = item.theme?.[item.theme.dark ? 'dark' : 'light'] || item.color;\n              const safeKey = escapeCssToken(key);\n              const safeColor = color ? safeCssColor(String(color)) : '';\n              return safeKey && safeColor ? `--color-${safeKey}: ${safeColor};` : '';\n            })\n            .filter(Boolean)\n            .join('\\n')}\n        }\n      `,\n      }}\n    />\n  );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\ntype TooltipPayloadItem = {\n  dataKey?: string | number;\n  name?: string;\n  value?: number | string;\n  color?: string;\n  payload?: { fill?: string } & Record<string, unknown>;\n};\n\ntype ChartTooltipContentProps = React.ComponentProps<'div'> & {\n  active?: boolean;\n  payload?: TooltipPayloadItem[];\n  hideLabel?: boolean;\n  hideIndicator?: boolean;\n  indicator?: 'line' | 'dot' | 'dashed';\n  nameKey?: string;\n  labelKey?: string;\n  label?: React.ReactNode;\n  labelClassName?: string;\n  labelFormatter?: (value: React.ReactNode, payload: TooltipPayloadItem[]) => React.ReactNode;\n  formatter?: (\n    value: number | string,\n    name: string,\n    item: TooltipPayloadItem,\n    index: number,\n    payload?: TooltipPayloadItem['payload'],\n  ) => React.ReactNode;\n  color?: string;\n};\n\nfunction ChartTooltipContent({\n  ref,\n  active,\n  payload,\n  className,\n  indicator = 'dot',\n  hideLabel = false,\n  hideIndicator = false,\n  label,\n  labelFormatter,\n  labelClassName,\n  formatter,\n  color,\n  nameKey,\n  labelKey,\n}: React.PropsWithoutRef<ChartTooltipContentProps> & React.RefAttributes<HTMLDivElement>) {\n  const { config } = useChart();\n\n  const tooltipLabel = React.useMemo(() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n    const key = `${labelKey || item.dataKey || item.name || 'value'}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value =\n      !labelKey && typeof label === 'string'\n        ? config[label as keyof typeof config]?.label || label\n        : itemConfig?.label;\n\n    if (labelFormatter) {\n      return (\n        <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>\n      );\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n  }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\n\n  if (!active || !payload?.length) {\n    return null;\n  }\n\n  const nestLabel = payload.length === 1 && indicator !== 'dot';\n  const tooltipPayload = payload ?? [];\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl',\n        className,\n      )}\n    >\n      {!nestLabel ? tooltipLabel : null}\n      <div className='grid gap-1.5'>\n        {tooltipPayload.map((item, index: number) => {\n          const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n          const indicatorColor = color || item.payload?.fill || item.color;\n\n          return (\n            <div\n              key={item.dataKey}\n              className={cn(\n                'flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground',\n                indicator === 'dot' && 'items-center',\n              )}\n            >\n              {formatter && item?.value !== undefined && item.name ? (\n                formatter(item.value, item.name, item, index, item.payload)\n              ) : (\n                <>\n                  {itemConfig?.icon ? (\n                    <itemConfig.icon />\n                  ) : (\n                    !hideIndicator && (\n                      <div\n                        className={cn(\n                          'shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]',\n                          {\n                            'h-2.5 w-2.5': indicator === 'dot',\n                            'w-1': indicator === 'line',\n                            'w-0 border-[1.5px] border-dashed bg-transparent':\n                              indicator === 'dashed',\n                            'my-0.5': nestLabel && indicator === 'dashed',\n                          },\n                        )}\n                        style={\n                          {\n                            '--color-bg': indicatorColor,\n                            '--color-border': indicatorColor,\n                          } as React.CSSProperties\n                        }\n                      />\n                    )\n                  )}\n                  <div\n                    className={cn(\n                      'flex flex-1 justify-between leading-none',\n                      nestLabel ? 'items-end' : 'items-center',\n                    )}\n                  >\n                    <div className='grid gap-1.5'>\n                      {nestLabel ? tooltipLabel : null}\n                      <span className='text-muted-foreground'>\n                        {itemConfig?.label || item.name}\n                      </span>\n                    </div>\n                    {item.value && (\n                      <span className='font-mono font-medium tabular-nums text-foreground'>\n                        {item.value.toLocaleString()}\n                      </span>\n                    )}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\nChartTooltipContent.displayName = 'ChartTooltip';\n\nconst ChartLegend = RechartsPrimitive.Legend;\nfunction ChartLegendContent({\n  ref,\n  className,\n  hideIcon = false,\n  payload,\n  verticalAlign = 'bottom',\n  nameKey,\n}: React.PropsWithoutRef<\n  React.ComponentProps<'div'> &\n    Pick<RechartsPrimitive.LegendProps, 'verticalAlign'> & {\n      hideIcon?: boolean;\n      nameKey?: string;\n      payload?: unknown[];\n    }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n  const legendPayload = payload as Array<{\n    dataKey?: string | number;\n    value?: string | number;\n    color?: string;\n  }>;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'flex items-center justify-center gap-4',\n        verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n        className,\n      )}\n    >\n      {legendPayload.map((item) => {\n        const key = `${nameKey || item.dataKey || 'value'}`;\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={item.value}\n            className={cn(\n              'flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground',\n            )}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className='h-2 w-2 shrink-0 rounded-[2px]'\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\nChartLegendContent.displayName = 'ChartLegend';\n\n// Helper to extract config from payload\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\n  if (typeof payload !== 'object' || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (key in payload && typeof payload[key as keyof typeof payload] === 'string') {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n  ) {\n    configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];\n}\n\nexport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n};\n"],"mappings":"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"}

package/dist/tools/components/ui/chart.d.cts

@@ -14,10 +14,13 @@ export type ChartConfig = {
         theme?: never;
     });
 };
-declare const ChartContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare function ChartContainer({ ref, id, className, children, config, ...props }: React.PropsWithoutRef<React.HTMLAttributes<HTMLDivElement> & {
     config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-} & React.RefAttributes<HTMLDivElement>>;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ChartContainer {
+    var displayName: string;
+}
 /**
  * チャートの設定（テーマごとの配色等）に基づいて動的にCSS変数を適用するためのスタイルコンポーネント。
  */
@@ -49,11 +52,17 @@ type ChartTooltipContentProps = React.ComponentProps<'div'> & {
     formatter?: (value: number | string, name: string, item: TooltipPayloadItem, index: number, payload?: TooltipPayloadItem['payload']) => React.ReactNode;
     color?: string;
 };
-declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<ChartTooltipContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ChartTooltipContent({ ref, active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.PropsWithoutRef<ChartTooltipContentProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element | null;
+declare namespace ChartTooltipContent {
+    var displayName: string;
+}
 declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
-declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "verticalAlign"> & {
+declare function ChartLegendContent({ ref, className, hideIcon, payload, verticalAlign, nameKey, }: React.PropsWithoutRef<React.ComponentProps<'div'> & Pick<RechartsPrimitive.LegendProps, 'verticalAlign'> & {
     hideIcon?: boolean;
     nameKey?: string;
     payload?: unknown[];
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element | null;
+declare namespace ChartLegendContent {
+    var displayName: string;
+}
 export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

package/dist/tools/components/ui/chart.d.ts

@@ -14,10 +14,13 @@ export type ChartConfig = {
         theme?: never;
     });
 };
-declare const ChartContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare function ChartContainer({ ref, id, className, children, config, ...props }: React.PropsWithoutRef<React.HTMLAttributes<HTMLDivElement> & {
     config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-} & React.RefAttributes<HTMLDivElement>>;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ChartContainer {
+    var displayName: string;
+}
 /**
  * チャートの設定（テーマごとの配色等）に基づいて動的にCSS変数を適用するためのスタイルコンポーネント。
  */
@@ -49,11 +52,17 @@ type ChartTooltipContentProps = React.ComponentProps<'div'> & {
     formatter?: (value: number | string, name: string, item: TooltipPayloadItem, index: number, payload?: TooltipPayloadItem['payload']) => React.ReactNode;
     color?: string;
 };
-declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<ChartTooltipContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ChartTooltipContent({ ref, active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.PropsWithoutRef<ChartTooltipContentProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element | null;
+declare namespace ChartTooltipContent {
+    var displayName: string;
+}
 declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
-declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "verticalAlign"> & {
+declare function ChartLegendContent({ ref, className, hideIcon, payload, verticalAlign, nameKey, }: React.PropsWithoutRef<React.ComponentProps<'div'> & Pick<RechartsPrimitive.LegendProps, 'verticalAlign'> & {
     hideIcon?: boolean;
     nameKey?: string;
     payload?: unknown[];
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element | null;
+declare namespace ChartLegendContent {
+    var displayName: string;
+}
 export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };