@handled-ai/design-system 0.8.0 → 0.9.0

package/dist/components/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/data-table.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  Briefcase,\n  Calendar,\n  DollarSign,\n  History,\n  Link as LinkIcon,\n  SearchX,\n  TrendingUp,\n  User,\n  Users,\n} from \"lucide-react\"\nimport {\n  createColumnHelper,\n  flexRender,\n  getCoreRowModel,\n  getSortedRowModel,\n  useReactTable,\n  type SortingState,\n  type VisibilityState,\n} from \"@tanstack/react-table\"\n\nimport { cn } from \"../lib/utils\"\nimport { Badge } from \"./badge\"\nimport {\n  DataTableQuickViews,\n  type DataTableQuickViewValue,\n} from \"./data-table-quick-views\"\nimport { DataTableToolbar } from \"./data-table-toolbar\"\nimport { type DataTableFilterCategory } from \"./data-table-filter\"\nimport { ScoreAnalysisModal } from \"./score-analysis-modal\"\nimport type { ScoreFactor } from \"./score-breakdown\"\nimport { Citation, type SourceDef } from \"./detail-view\"\n\nexport type DataRow = {\n  id: string\n  name: string\n  industry: string[]\n  accountRisks: string[]\n  riskScore: number\n  expansionScore: number\n  growthIndicators: string[]\n  lastInteraction: string\n  lastInteractionDays: number\n  createdAt: string\n  revenue: string\n  headcount: string\n  lastFunding: string\n  owner: string\n  opportunityCount: number\n  productAdoptionScore: number\n}\n\nconst QUICK_VIEWS = [\n  \"Balance Flight Detected\",\n  \"Not Touched in 30+ Days\",\n  \"Open Opportunity, Stalled\",\n  \"Growth Signal Detected\",\n  \"Low Product Adoption\",\n]\n\nconst MORE_QUICK_VIEWS = [\n  \"Missed meeting this week\",\n  \"High churn risk score\",\n  \"Key contact departed\",\n  \"Recent large inflow\",\n  \"Dormant (no payments)\",\n  \"Support tickets elevated\",\n]\n\nconst FILTER_CATEGORIES: DataTableFilterCategory[] = [\n  {\n    id: \"industry\",\n    label: \"Industry\",\n    icon: Briefcase,\n    options: [\n      \"Software\",\n      \"E-commerce\",\n      \"Financial Technology\",\n      \"Workforce Management\",\n      \"Artificial Intelligence\",\n      \"Health Technology\",\n      \"Design\",\n    ],\n  },\n  {\n    id: \"lastInteraction\",\n    label: \"Last interaction\",\n    icon: History,\n    options: [\"1 day ago\", \"3 days ago\", \"1 week ago\", \"1 month ago\", \"2 months ago\"],\n  },\n  {\n    id: \"createdAt\",\n    label: \"Created at\",\n    icon: Calendar,\n    options: [\"Last 30 days\", \"Last 90 days\", \"This year\", \"Last year\"],\n  },\n  {\n    id: \"revenue\",\n    label: \"Revenue\",\n    icon: DollarSign,\n    options: [\"$0 - $1M\", \"$1M - $10M\", \"$10M - $50M\", \"$50M+\"],\n  },\n  {\n    id: \"headcount\",\n    label: \"Headcount\",\n    icon: Users,\n    options: [\"11-50\", \"51-200\", \"201-500\", \"500-1000\", \"1000+\"],\n  },\n  {\n    id: \"lastFunding\",\n    label: \"Last funding\",\n    icon: TrendingUp,\n    options: [\"Seed\", \"Series A\", \"Series B\", \"Series C+\", \"Undisclosed\"],\n  },\n  {\n    id: \"owner\",\n    label: \"Owner\",\n    icon: User,\n    options: [\"Sam Lee\", \"Alex Morgan\", \"Jordan Case\", \"Taylor Reed\"],\n  },\n  {\n    id: \"opportunityCount\",\n    label: \"Opportunity count\",\n    icon: LinkIcon,\n    options: [\"0\", \"1\", \"2\", \"3+\"],\n  },\n]\n\nconst ROWS: DataRow[] = [\n  {\n    id: \"rappi\",\n    name: \"Rappi\",\n    industry: [\"E-commerce\", \"Food Delivery\", \"Financial Technology\"],\n    accountRisks: [\"Flight Risk\", \"Low Engagement\"],\n    riskScore: 65,\n    expansionScore: 45,\n    growthIndicators: [\"Job Openings\", \"Recent Funding\"],\n    lastInteraction: \"1 week ago\",\n    lastInteractionDays: 7,\n    createdAt: \"This year\",\n    revenue: \"$10M - $50M\",\n    headcount: \"1000+\",\n    lastFunding: \"Series C+\",\n    owner: \"Sam Lee\",\n    opportunityCount: 2,\n    productAdoptionScore: 62,\n  },\n  {\n    id: \"codeshot\",\n    name: \"Codeshot\",\n    industry: [\"Software\"],\n    accountRisks: [\"Flight Risk\", \"Low Engagement\"],\n    riskScore: 85,\n    expansionScore: 20,\n    growthIndicators: [],\n    lastInteraction: \"2 months ago\",\n    lastInteractionDays: 64,\n    createdAt: \"Last year\",\n    revenue: \"$1M - $10M\",\n    headcount: \"201-500\",\n    lastFunding: \"Series A\",\n    owner: \"Alex Morgan\",\n    opportunityCount: 1,\n    productAdoptionScore: 31,\n  },\n  {\n    id: \"lovi\",\n    name: \"Lovi\",\n    industry: [\"Artificial Intelligence\", \"Health Technology\"],\n    accountRisks: [\"Low Engagement\", \"Key Contact Departure\"],\n    riskScore: 55,\n    expansionScore: 75,\n    growthIndicators: [\"Recent Funding\", \"Headcount Expansion\"],\n    lastInteraction: \"1 month ago\",\n    lastInteractionDays: 36,\n    createdAt: \"This year\",\n    revenue: \"$10M - $50M\",\n    headcount: \"500-1000\",\n    lastFunding: \"Series B\",\n    owner: \"Jordan Case\",\n    opportunityCount: 3,\n    productAdoptionScore: 38,\n  },\n  {\n    id: \"anthropic\",\n    name: \"Anthropic\",\n    industry: [\"Software\"],\n    accountRisks: [],\n    riskScore: 25,\n    expansionScore: 68,\n    growthIndicators: [\"Recent Funding\", \"Headcount Expansion\"],\n    lastInteraction: \"3 days ago\",\n    lastInteractionDays: 3,\n    createdAt: \"Last 90 days\",\n    revenue: \"$50M+\",\n    headcount: \"1000+\",\n    lastFunding: \"Series C+\",\n    owner: \"Sam Lee\",\n    opportunityCount: 2,\n    productAdoptionScore: 86,\n  },\n  {\n    id: \"buildbear\",\n    name: \"BuildBear\",\n    industry: [\"Software\"],\n    accountRisks: [],\n    riskScore: 35,\n    expansionScore: 92,\n    growthIndicators: [\"Recent Funding\", \"Revenue Growth\"],\n    lastInteraction: \"1 day ago\",\n    lastInteractionDays: 1,\n    createdAt: \"Last 30 days\",\n    revenue: \"$1M - $10M\",\n    headcount: \"51-200\",\n    lastFunding: \"Seed\",\n    owner: \"Taylor Reed\",\n    opportunityCount: 2,\n    productAdoptionScore: 91,\n  },\n  {\n    id: \"content-mobbin\",\n    name: \"Content-mobbin\",\n    industry: [\"Workforce Management\"],\n    accountRisks: [],\n    riskScore: 28,\n    expansionScore: 85,\n    growthIndicators: [\"Recent Funding\", \"Headcount Expansion\"],\n    lastInteraction: \"1 week ago\",\n    lastInteractionDays: 9,\n    createdAt: \"Last 30 days\",\n    revenue: \"$0 - $1M\",\n    headcount: \"11-50\",\n    lastFunding: \"Seed\",\n    owner: \"Taylor Reed\",\n    opportunityCount: 2,\n    productAdoptionScore: 77,\n  },\n  {\n    id: \"figma\",\n    name: \"Figma\",\n    industry: [\"Design\", \"Software\"],\n    accountRisks: [],\n    riskScore: 15,\n    expansionScore: 88,\n    growthIndicators: [\"Headcount Expansion\", \"Job Openings\"],\n    lastInteraction: \"3 days ago\",\n    lastInteractionDays: 3,\n    createdAt: \"This year\",\n    revenue: \"$50M+\",\n    headcount: \"1000+\",\n    lastFunding: \"Series C+\",\n    owner: \"Alex Morgan\",\n    opportunityCount: 1,\n    productAdoptionScore: 94,\n  },\n  {\n    id: \"loom\",\n    name: \"Loom\",\n    industry: [\"Software\"],\n    accountRisks: [\"Key Contact Departure\"],\n    riskScore: 35,\n    expansionScore: 68,\n    growthIndicators: [\"Headcount Expansion\", \"Job Openings\"],\n    lastInteraction: \"1 month ago\",\n    lastInteractionDays: 33,\n    createdAt: \"Last year\",\n    revenue: \"$10M - $50M\",\n    headcount: \"500-1000\",\n    lastFunding: \"Series B\",\n    owner: \"Jordan Case\",\n    opportunityCount: 1,\n    productAdoptionScore: 58,\n  },\n  {\n    id: \"miro\",\n    name: \"Miro\",\n    industry: [\"Software\"],\n    accountRisks: [],\n    riskScore: 32,\n    expansionScore: 55,\n    growthIndicators: [],\n    lastInteraction: \"1 week ago\",\n    lastInteractionDays: 8,\n    createdAt: \"This year\",\n    revenue: \"$50M+\",\n    headcount: \"1000+\",\n    lastFunding: \"Series C+\",\n    owner: \"Sam Lee\",\n    opportunityCount: 0,\n    productAdoptionScore: 64,\n  },\n  {\n    id: \"webflow\",\n    name: \"Webflow\",\n    industry: [\"Software\"],\n    accountRisks: [],\n    riskScore: 25,\n    expansionScore: 72,\n    growthIndicators: [\"Recent Funding\", \"Headcount Expansion\"],\n    lastInteraction: \"1 week ago\",\n    lastInteractionDays: 10,\n    createdAt: \"Last 90 days\",\n    revenue: \"$10M - $50M\",\n    headcount: \"500-1000\",\n    lastFunding: \"Series B\",\n    owner: \"Alex Morgan\",\n    opportunityCount: 2,\n    productAdoptionScore: 71,\n  },\n]\n\ntype ScoreAnalysisData = {\n  title: string\n  description: string\n  whyNow: string\n  evidence: React.ReactNode[]\n  factors: ScoreFactor[]\n}\n\nconst RISK_SOURCES: SourceDef[] = [\n  { id: 1, summary: \"Weekly active users declined 12% over the past 30 days with no recovery trend.\", meta: \"Product telemetry \\u00b7 2h ago\" },\n  { id: 2, summary: \"Critical support ticket #4821 has been unresolved for over 48 hours.\", meta: \"Zendesk \\u00b7 6h ago\" },\n  { id: 3, summary: \"Competitor mentions detected in recent Slack conversations from the finance team.\", meta: \"Slack signal \\u00b7 1d ago\" },\n]\n\nconst EXPANSION_SOURCES: SourceDef[] = [\n  { id: 1, summary: \"Treasury feature utilization is above the 85th percentile compared to peer accounts.\", meta: \"Product telemetry \\u00b7 3h ago\" },\n  { id: 2, summary: \"Multiple feature requests submitted for advanced reporting and API access.\", meta: \"Zendesk \\u00b7 1d ago\" },\n  { id: 3, summary: \"Finance department headcount grew from 8 to 14 in the last quarter.\", meta: \"LinkedIn signal \\u00b7 2d ago\" },\n]\n\nconst SCORE_ANALYSIS: Record<string, (row: DataRow) => ScoreAnalysisData> = {\n  Risk: (row) => ({\n    title: \"Risk Score Analysis\",\n    description:\n      \"Estimated probability of churn within the next 90 days based on activity and support signals\",\n    whyNow:\n      row.riskScore >= 60\n        ? \"Critical risk factors detected requiring immediate intervention to prevent churn.\"\n        : \"Account health is stable, but monitoring recent support interactions is recommended.\",\n    evidence: [\n      <>Recent decline in <span className=\"font-medium text-foreground\">weekly active users (-12%)</span> with no recovery trend<Citation number={1} source={RISK_SOURCES[0]} /></>,\n      <>Unresolved <span className=\"font-medium text-foreground\">critical support ticket</span> open for over 48 hours<Citation number={2} source={RISK_SOURCES[1]} /></>,\n      <>Competitor presence detected in recent conversations from finance team<Citation number={3} source={RISK_SOURCES[2]} /></>,\n    ],\n    factors: [\n      { key: \"engagement\", label: \"Engagement drop\", score: Math.min(row.riskScore + 10, 100), why: \"Weekly active users declined 12% over past 30 days\" },\n      { key: \"support\", label: \"Support load\", score: Math.min(row.riskScore + 5, 100), why: \"Unresolved critical ticket open for >48h\" },\n      { key: \"competitive\", label: \"Competitive risk\", score: null, risk: row.riskScore >= 60 ? \"High\" as const : \"Low\" as const, why: \"Competitor mentions detected in recent conversations\" },\n      { key: \"usage\", label: \"Product usage\", score: Math.max(100 - row.riskScore, 10), why: \"Core feature adoption remains consistent\" },\n    ],\n  }),\n  Expansion: (row) => ({\n    title: \"Expansion Score Analysis\",\n    description:\n      \"Likelihood of successful upsell and cross-sell opportunities based on usage and engagement\",\n    whyNow:\n      row.expansionScore >= 70\n        ? \"Usage patterns and growth signals indicate readiness for additional product adoption.\"\n        : \"Moderate expansion potential; consider targeted engagement to increase adoption.\",\n    evidence: [\n      <>Treasury utilization above <span className=\"font-medium text-foreground\">85th percentile</span> vs peer accounts<Citation number={1} source={EXPANSION_SOURCES[0]} /></>,\n      <>Frequent <span className=\"font-medium text-foreground\">feature requests</span> for advanced reporting and API access<Citation number={2} source={EXPANSION_SOURCES[1]} /></>,\n      <>Recent <span className=\"font-medium text-foreground\">team expansion</span> in finance department (8 &rarr; 14)<Citation number={3} source={EXPANSION_SOURCES[2]} /></>,\n    ],\n    factors: [\n      { key: \"usage-depth\", label: \"Usage depth\", score: Math.min(row.expansionScore + 8, 100), why: \"Active usage across 4+ core product features\" },\n      { key: \"growth\", label: \"Growth signals\", score: row.expansionScore, why: row.growthIndicators.length > 0 ? row.growthIndicators.join(\", \") + \" detected\" : \"No active growth signals\" },\n      { key: \"fit\", label: \"Product fit\", score: Math.min(row.expansionScore + 12, 100), why: \"Company profile matches high-expansion ICP\" },\n      { key: \"timing\", label: \"Timing\", score: null, risk: row.expansionScore >= 70 ? \"Low\" as const : \"Medium\" as const, why: \"Within typical evaluation window for upsell\" },\n    ],\n  }),\n}\n\nconst QUICK_VIEW_FILTERS: Record<string, (row: DataRow) => boolean> = {\n  \"Balance Flight Detected\": (row) => row.riskScore >= 60,\n  \"Not Touched in 30+ Days\": (row) => row.lastInteractionDays >= 30,\n  \"Open Opportunity, Stalled\": (row) =>\n    row.opportunityCount > 0 && row.lastInteractionDays >= 21,\n  \"Growth Signal Detected\": (row) => row.expansionScore >= 70,\n  \"Low Product Adoption\": (row) => row.productAdoptionScore <= 40,\n  \"Missed meeting this week\": (row) => row.lastInteractionDays >= 6,\n  \"High churn risk score\": (row) => row.riskScore >= 75,\n  \"Key contact departed\": (row) =>\n    row.accountRisks.some((risk) => risk.toLowerCase().includes(\"contact\")),\n  \"Recent large inflow\": (row) => row.expansionScore >= 85,\n  \"Dormant (no payments)\": (row) => row.opportunityCount === 0,\n  \"Support tickets elevated\": (row) =>\n    row.accountRisks.some((risk) => risk.toLowerCase().includes(\"engagement\")),\n}\n\nconst columnHelper = createColumnHelper<DataRow>()\n\nconst DEFAULT_COLUMN_VISIBILITY: VisibilityState = {\n  industry: false,\n  lastInteraction: false,\n  revenue: false,\n  headcount: false,\n  lastFunding: false,\n  owner: false,\n  opportunityCount: false,\n}\n\nfunction getEntityColor(name: string) {\n  const colors = [\n    \"bg-muted text-muted-foreground\",\n    \"bg-gray-100 text-gray-600\",\n    \"bg-zinc-100 text-zinc-600\",\n    \"bg-blue-50 text-blue-600\",\n    \"bg-indigo-50 text-indigo-600\",\n    \"bg-violet-50 text-violet-600\",\n  ]\n\n  let hash = 0\n  for (let i = 0; i < name.length; i += 1) {\n    hash = name.charCodeAt(i) + ((hash << 5) - hash)\n  }\n  return colors[Math.abs(hash) % colors.length]\n}\n\nfunction getIndustryColor(industry: string) {\n  const colors: Record<string, string> = {\n    \"E-commerce\": \"bg-emerald-50 text-emerald-700 border-emerald-100\",\n    \"Food Delivery\": \"bg-blue-50 text-blue-700 border-blue-100\",\n    \"Financial Technology\": \"bg-amber-50 text-amber-700 border-amber-100\",\n    \"Workforce Management\": \"bg-violet-50 text-violet-700 border-violet-100\",\n    \"Artificial Intelligence\": \"bg-rose-50 text-rose-700 border-rose-100\",\n    \"Health Technology\": \"bg-orange-50 text-orange-700 border-orange-100\",\n    Software: \"bg-muted text-muted-foreground border-border\",\n  }\n\n  return colors[industry] ?? \"bg-muted text-muted-foreground border-border\"\n}\n\nfunction toggleFilterValue(\n  current: Record<string, string[]>,\n  categoryId: string,\n  option: string\n) {\n  const currentValues = current[categoryId] ?? []\n  const isActive = currentValues.includes(option)\n  const nextValues = isActive\n    ? currentValues.filter((value) => value !== option)\n    : [...currentValues, option]\n\n  return {\n    ...current,\n    [categoryId]: nextValues,\n  }\n}\n\nfunction isRowMatchingCategoryFilter(\n  row: DataRow,\n  categoryId: string,\n  options: string[]\n) {\n  if (options.length === 0) {\n    return true\n  }\n\n  switch (categoryId) {\n    case \"industry\":\n      return options.some((option) => row.industry.includes(option))\n    case \"lastInteraction\":\n      return options.includes(row.lastInteraction)\n    case \"createdAt\":\n      return options.includes(row.createdAt)\n    case \"revenue\":\n      return options.includes(row.revenue)\n    case \"headcount\":\n      return options.includes(row.headcount)\n    case \"lastFunding\":\n      return options.includes(row.lastFunding)\n    case \"owner\":\n      return options.includes(row.owner)\n    case \"opportunityCount\":\n      return options.some((option) => {\n        if (option === \"3+\") {\n          return row.opportunityCount >= 3\n        }\n        return row.opportunityCount === Number(option)\n      })\n    default:\n      return true\n  }\n}\n\nexport interface DataTableProps {\n  onRowClick?: (row: DataRow) => void\n  rows?: DataRow[]\n  filterCategories?: DataTableFilterCategory[]\n  quickViews?: string[]\n  moreQuickViews?: string[]\n  quickViewFilters?: Record<string, (row: DataRow) => boolean>\n  iconMap?: { salesforce?: string }\n  entityUrlBuilder?: (row: DataRow) => string\n  onScoreFactorFeedback?: (account: string, scoreType: string, factorKey: string, type: \"up\" | \"down\" | null, detail?: string) => void\n  onScoreApproveFeedback?: (account: string, scoreType: string, reasons: string[], detail: string) => void\n  onScoreDismissFeedback?: (account: string, scoreType: string, reasons: string[], detail: string) => void\n}\n\nexport function DataTable({\n  onRowClick,\n  rows: rowsProp,\n  filterCategories: filterCategoriesProp,\n  quickViews: quickViewsProp,\n  moreQuickViews: moreQuickViewsProp,\n  quickViewFilters: quickViewFiltersProp,\n  iconMap,\n  entityUrlBuilder,\n  onScoreFactorFeedback,\n  onScoreApproveFeedback,\n  onScoreDismissFeedback,\n}: DataTableProps = {}) {\n  const resolvedRows = rowsProp ?? ROWS\n  const resolvedFilterCategories = filterCategoriesProp ?? FILTER_CATEGORIES\n  const resolvedQuickViews = quickViewsProp ?? QUICK_VIEWS\n  const resolvedMoreQuickViews = moreQuickViewsProp ?? MORE_QUICK_VIEWS\n  const resolvedQuickViewFilters = quickViewFiltersProp ?? QUICK_VIEW_FILTERS\n\n  const [sorting, setSorting] = React.useState<SortingState>([])\n  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>(\n    DEFAULT_COLUMN_VISIBILITY\n  )\n  const [selectedFilters, setSelectedFilters] = React.useState<Record<string, string[]>>(\n    {}\n  )\n  const [activeQuickView, setActiveQuickView] =\n    React.useState<DataTableQuickViewValue>(null)\n  const [scoreModal, setScoreModal] = React.useState<{\n    row: DataRow\n    type: \"Risk\" | \"Expansion\"\n  } | null>(null)\n\n  React.useEffect(() => {\n    if (!activeQuickView) {\n      return\n    }\n\n    setColumnVisibility((previous) => {\n      const next = { ...previous }\n      if (activeQuickView.includes(\"Touched\")) {\n        next.lastInteraction = true\n      }\n      if (activeQuickView.includes(\"Growth\")) {\n        next.expansionScore = true\n      }\n      if (activeQuickView.includes(\"risk\") || activeQuickView.includes(\"Risk\")) {\n        next.riskScore = true\n      }\n      return next\n    })\n  }, [activeQuickView])\n\n  const filteredRows = React.useMemo(() => {\n    return resolvedRows.filter((row) => {\n      const quickViewMatches = activeQuickView\n        ? (resolvedQuickViewFilters[activeQuickView]?.(row) ?? true)\n        : true\n\n      if (!quickViewMatches) {\n        return false\n      }\n\n      return Object.entries(selectedFilters).every(([categoryId, options]) =>\n        isRowMatchingCategoryFilter(row, categoryId, options)\n      )\n    })\n  }, [activeQuickView, selectedFilters, resolvedRows, resolvedQuickViewFilters])\n\n  const columns = React.useMemo(\n    () => [\n      columnHelper.accessor(\"name\", {\n        header: \"Entity\",\n        cell: (info) => {\n          const row = info.row.original\n          const sfUrl = entityUrlBuilder?.(row)\n          return (\n            <div className=\"flex min-w-max items-center gap-3\">\n              <div\n                className={cn(\n                  \"flex h-6 w-6 shrink-0 items-center justify-center rounded text-[10px] font-bold\",\n                  getEntityColor(row.name)\n                )}\n              >\n                {row.name.slice(0, 1)}\n              </div>\n              <span className=\"text-sm font-medium text-foreground\">\n                {row.name}\n              </span>\n              {iconMap?.salesforce && (\n                <a\n                  href={sfUrl ?? \"#\"}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  onClick={(e) => e.stopPropagation()}\n                  className=\"shrink-0 text-muted-foreground hover:text-foreground transition-colors\"\n                >\n                  <img src={iconMap.salesforce} alt=\"Salesforce\" className=\"w-4 h-4 object-contain\" />\n                </a>\n              )}\n            </div>\n          )\n        },\n      }),\n      columnHelper.accessor(\"accountRisks\", {\n        header: \"Risk Signals\",\n        cell: (info) => {\n          const risks = info.getValue()\n          if (!risks.length) {\n            return <span className=\"text-xs text-muted-foreground\">None</span>\n          }\n\n          return (\n            <div className=\"flex min-w-max items-center gap-1.5\">\n              {risks.slice(0, 2).map((risk) => (\n                <Badge\n                  key={risk}\n                  variant=\"outline\"\n                  className=\"rounded-md border-red-200 bg-red-50 px-2 py-0.5 text-xs font-normal text-red-700\"\n                >\n                  {risk}\n                </Badge>\n              ))}\n            </div>\n          )\n        },\n      }),\n      columnHelper.accessor(\"riskScore\", {\n        id: \"riskScore\",\n        header: \"Risk Score\",\n        cell: (info) => (\n          <div\n            className=\"inline-flex cursor-pointer\"\n            onClick={(e) => {\n              e.stopPropagation()\n              setScoreModal({ row: info.row.original, type: \"Risk\" })\n            }}\n          >\n            <Badge\n              variant=\"outline\"\n              className={cn(\n                \"px-2 py-0.5 text-xs font-medium hover:underline decoration-dotted underline-offset-2\",\n                info.getValue() >= 60\n                  ? \"border-red-200 bg-red-50 text-red-700\"\n                  : \"border-border bg-muted/50 text-foreground\"\n              )}\n            >\n              {info.getValue()}%\n            </Badge>\n          </div>\n        ),\n      }),\n      columnHelper.accessor(\"expansionScore\", {\n        id: \"expansionScore\",\n        header: \"Expansion Score\",\n        cell: (info) => (\n          <div\n            className=\"inline-flex cursor-pointer\"\n            onClick={(e) => {\n              e.stopPropagation()\n              setScoreModal({ row: info.row.original, type: \"Expansion\" })\n            }}\n          >\n            <Badge\n              variant=\"outline\"\n              className={cn(\n                \"px-2 py-0.5 text-xs font-medium hover:underline decoration-dotted underline-offset-2\",\n                info.getValue() >= 70\n                  ? \"border-blue-200 bg-blue-50 text-blue-700\"\n                  : \"border-border bg-muted/50 text-foreground\"\n              )}\n            >\n              {info.getValue()}%\n            </Badge>\n          </div>\n        ),\n      }),\n      columnHelper.accessor(\"growthIndicators\", {\n        header: \"Growth Signals\",\n        cell: (info) => {\n          const indicators = info.getValue()\n          if (!indicators.length) {\n            return <span className=\"text-xs text-muted-foreground\">None</span>\n          }\n          return (\n            <div className=\"flex min-w-max items-center gap-1.5\">\n              {indicators.slice(0, 2).map((indicator) => (\n                <Badge\n                  key={indicator}\n                  variant=\"outline\"\n                  className=\"rounded-md border-blue-200 bg-blue-50 px-2 py-0.5 text-xs font-normal text-blue-700\"\n                >\n                  {indicator}\n                </Badge>\n              ))}\n            </div>\n          )\n        },\n      }),\n      columnHelper.accessor(\"industry\", {\n        header: \"Industry\",\n        cell: (info) => (\n          <div className=\"flex min-w-max items-center gap-1.5\">\n            {info.getValue().slice(0, 2).map((industry) => (\n              <Badge\n                key={industry}\n                variant=\"outline\"\n                className={cn(\n                  \"rounded-md px-2 py-0.5 text-xs font-normal\",\n                  getIndustryColor(industry)\n                )}\n              >\n                {industry}\n              </Badge>\n            ))}\n          </div>\n        ),\n      }),\n      columnHelper.accessor(\"lastInteraction\", {\n        header: \"Last interaction\",\n        cell: (info) => <span className=\"text-sm\">{info.getValue()}</span>,\n      }),\n      columnHelper.accessor(\"revenue\", {\n        header: \"Revenue\",\n        cell: (info) => (\n          <span className=\"rounded-md bg-muted/50 px-2 py-0.5 text-xs font-medium\">\n            {info.getValue()}\n          </span>\n        ),\n      }),\n      columnHelper.accessor(\"headcount\", {\n        header: \"Headcount\",\n        cell: (info) => (\n          <span className=\"rounded-md bg-muted/50 px-2 py-0.5 text-xs font-medium\">\n            {info.getValue()}\n          </span>\n        ),\n      }),\n      columnHelper.accessor(\"lastFunding\", {\n        header: \"Last funding\",\n        cell: (info) => (\n          <span className=\"rounded-md bg-muted/50 px-2 py-0.5 text-xs font-medium\">\n            {info.getValue()}\n          </span>\n        ),\n      }),\n      columnHelper.accessor(\"owner\", {\n        header: \"Owner\",\n        cell: (info) => <span className=\"text-sm\">{info.getValue()}</span>,\n      }),\n      columnHelper.accessor(\"opportunityCount\", {\n        header: \"Opportunity count\",\n        cell: (info) => (\n          <span className=\"rounded-md bg-muted/50 px-2 py-0.5 text-xs font-medium\">\n            {info.getValue()}\n          </span>\n        ),\n      }),\n    ],\n    [iconMap, entityUrlBuilder]\n  )\n\n  const table = useReactTable({\n    data: filteredRows,\n    columns,\n    state: {\n      sorting,\n      columnVisibility,\n    },\n    onSortingChange: setSorting,\n    onColumnVisibilityChange: setColumnVisibility,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n  })\n\n  const displayColumns = table.getAllLeafColumns().map((column) => {\n    const header = column.columnDef.header\n    const label = typeof header === \"string\" ? header : column.id\n\n    return {\n      id: column.id,\n      label,\n      visible: column.getIsVisible(),\n      canHide: column.getCanHide(),\n    }\n  })\n\n  const toggleCategoryFilter = (categoryId: string, option: string) => {\n    setSelectedFilters((previous) => toggleFilterValue(previous, categoryId, option))\n  }\n\n  return (\n    <div className=\"relative flex h-full min-h-[560px] flex-col bg-background\">\n      <DataTableToolbar\n        categories={resolvedFilterCategories}\n        selectedFilters={selectedFilters}\n        onToggleFilter={toggleCategoryFilter}\n        sorting={sorting}\n        onSortingChange={setSorting}\n        displayColumns={displayColumns}\n        onToggleColumn={(columnId) => table.getColumn(columnId)?.toggleVisibility()}\n        onResetDisplay={() => setColumnVisibility(DEFAULT_COLUMN_VISIBILITY)}\n      />\n\n      <DataTableQuickViews\n        quickViews={resolvedQuickViews}\n        moreViews={resolvedMoreQuickViews}\n        activeView={activeQuickView}\n        onViewChange={setActiveQuickView}\n      />\n\n      <div className=\"relative min-h-0 flex-1 overflow-auto border-t border-border\">\n        <table className=\"w-max min-w-full border-collapse text-sm\">\n          <thead className=\"sticky top-0 z-10 bg-background\">\n            {table.getHeaderGroups().map((headerGroup) => (\n              <tr key={headerGroup.id} className=\"border-b border-border\">\n                {headerGroup.headers.map((header) => (\n                  <th\n                    key={header.id}\n                    className=\"h-10 border-r border-border px-4 text-left text-xs font-medium text-muted-foreground/80 last:border-r-0\"\n                  >\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext()\n                        )}\n                  </th>\n                ))}\n              </tr>\n            ))}\n          </thead>\n          <tbody>\n            {table.getRowModel().rows.length > 0 ? (\n              <>\n                {table.getRowModel().rows.map((row) => (\n                  <tr\n                    key={row.id}\n                    onClick={() => onRowClick?.(row.original)}\n                    className={cn(\n                      \"group border-b border-border/50 transition-colors hover:bg-muted/30\",\n                      onRowClick && \"cursor-pointer\",\n                    )}\n                  >\n                    {row.getVisibleCells().map((cell) => (\n                      <td\n                        key={cell.id}\n                        className=\"border-r border-border/40 px-4 py-2.5 align-middle last:border-r-0\"\n                      >\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                      </td>\n                    ))}\n                  </tr>\n                ))}\n                <tr>\n                  <td\n                    className=\"px-4 py-2 text-xs text-muted-foreground\"\n                    colSpan={columns.length}\n                  >\n                    {table.getRowModel().rows.length} rows\n                  </td>\n                </tr>\n              </>\n            ) : (\n              <tr>\n                <td colSpan={columns.length} className=\"h-52 px-4 text-center\">\n                  <div className=\"flex flex-col items-center gap-1 text-muted-foreground\">\n                    <SearchX className=\"h-7 w-7 opacity-40\" />\n                    <p className=\"text-sm font-medium\">No rows found</p>\n                    <p className=\"text-xs\">Try adjusting your filters or quick views</p>\n                  </div>\n                </td>\n              </tr>\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      {scoreModal && (() => {\n        const data = SCORE_ANALYSIS[scoreModal.type](scoreModal.row)\n        return (\n          <ScoreAnalysisModal\n            open\n            onOpenChange={(open) => { if (!open) setScoreModal(null) }}\n            title={data.title}\n            description={data.description}\n            score={scoreModal.type === \"Risk\" ? scoreModal.row.riskScore : scoreModal.row.expansionScore}\n            whyNow={data.whyNow}\n            evidence={data.evidence}\n            factors={data.factors}\n            onFactorFeedback={onScoreFactorFeedback\n              ? (key, type, detail) => onScoreFactorFeedback(scoreModal.row.name, scoreModal.type, key, type, detail)\n              : (key, type, detail) => console.log(\"Factor feedback:\", { account: scoreModal.row.name, factor: key, type, detail })\n            }\n            companyName={scoreModal.row.name}\n            opportunityUrl={`https://acme.lightning.force.com/lightning/r/Opportunity/006${scoreModal.row.id}/view`}\n            onApprove={() => console.log(\"Approved signal — creating opportunity:\", { account: scoreModal.row.name, type: scoreModal.type })}\n            onApproveFeedback={onScoreApproveFeedback\n              ? (reasons, detail) => onScoreApproveFeedback(scoreModal.row.name, scoreModal.type, reasons, detail)\n              : (reasons, detail) => console.log(\"Approval feedback:\", { account: scoreModal.row.name, reasons, detail })\n            }\n            onDismiss={onScoreDismissFeedback\n              ? (reasons, detail) => onScoreDismissFeedback(scoreModal.row.name, scoreModal.type, reasons, detail)\n              : (reasons, detail) => console.log(\"Dismissed signal:\", { account: scoreModal.row.name, reasons, detail })\n            }\n          />\n        )\n      })()}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwVM,mBAAoB,KAApB;AAtVN,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAEP,SAAS,UAAU;AACnB,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,wBAAwB;AAEjC,SAAS,0BAA0B;AAEnC,SAAS,gBAAgC;AAqBzC,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,oBAA+C;AAAA,EACnD;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS,CAAC,aAAa,cAAc,cAAc,eAAe,cAAc;AAAA,EAClF;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS,CAAC,gBAAgB,gBAAgB,aAAa,WAAW;AAAA,EACpE;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS,CAAC,YAAY,cAAc,eAAe,OAAO;AAAA,EAC5D;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS,CAAC,SAAS,UAAU,WAAW,YAAY,OAAO;AAAA,EAC7D;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS,CAAC,QAAQ,YAAY,YAAY,aAAa,aAAa;AAAA,EACtE;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS,CAAC,WAAW,eAAe,eAAe,aAAa;AAAA,EAClE;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS,CAAC,KAAK,KAAK,KAAK,IAAI;AAAA,EAC/B;AACF;AAEA,MAAM,OAAkB;AAAA,EACtB;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU,CAAC,cAAc,iBAAiB,sBAAsB;AAAA,IAChE,cAAc,CAAC,eAAe,gBAAgB;AAAA,IAC9C,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,kBAAkB,CAAC,gBAAgB,gBAAgB;AAAA,IACnD,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU,CAAC,UAAU;AAAA,IACrB,cAAc,CAAC,eAAe,gBAAgB;AAAA,IAC9C,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,kBAAkB,CAAC;AAAA,IACnB,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU,CAAC,2BAA2B,mBAAmB;AAAA,IACzD,cAAc,CAAC,kBAAkB,uBAAuB;AAAA,IACxD,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,kBAAkB,CAAC,kBAAkB,qBAAqB;AAAA,IAC1D,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU,CAAC,UAAU;AAAA,IACrB,cAAc,CAAC;AAAA,IACf,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,kBAAkB,CAAC,kBAAkB,qBAAqB;AAAA,IAC1D,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU,CAAC,UAAU;AAAA,IACrB,cAAc,CAAC;AAAA,IACf,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,kBAAkB,CAAC,kBAAkB,gBAAgB;AAAA,IACrD,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU,CAAC,sBAAsB;AAAA,IACjC,cAAc,CAAC;AAAA,IACf,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,kBAAkB,CAAC,kBAAkB,qBAAqB;AAAA,IAC1D,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU,CAAC,UAAU,UAAU;AAAA,IAC/B,cAAc,CAAC;AAAA,IACf,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,kBAAkB,CAAC,uBAAuB,cAAc;AAAA,IACxD,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU,CAAC,UAAU;AAAA,IACrB,cAAc,CAAC,uBAAuB;AAAA,IACtC,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,kBAAkB,CAAC,uBAAuB,cAAc;AAAA,IACxD,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU,CAAC,UAAU;AAAA,IACrB,cAAc,CAAC;AAAA,IACf,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,kBAAkB,CAAC;AAAA,IACnB,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU,CAAC,UAAU;AAAA,IACrB,cAAc,CAAC;AAAA,IACf,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,kBAAkB,CAAC,kBAAkB,qBAAqB;AAAA,IAC1D,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,IACb,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,EACxB;AACF;AAUA,MAAM,eAA4B;AAAA,EAChC,EAAE,IAAI,GAAG,SAAS,kFAAkF,MAAM,gCAAkC;AAAA,EAC5I,EAAE,IAAI,GAAG,SAAS,wEAAwE,MAAM,sBAAwB;AAAA,EACxH,EAAE,IAAI,GAAG,SAAS,qFAAqF,MAAM,2BAA6B;AAC5I;AAEA,MAAM,oBAAiC;AAAA,EACrC,EAAE,IAAI,GAAG,SAAS,wFAAwF,MAAM,gCAAkC;AAAA,EAClJ,EAAE,IAAI,GAAG,SAAS,8EAA8E,MAAM,sBAAwB;AAAA,EAC9H,EAAE,IAAI,GAAG,SAAS,uEAAuE,MAAM,8BAAgC;AACjI;AAEA,MAAM,iBAAsE;AAAA,EAC1E,MAAM,CAAC,SAAS;AAAA,IACd,OAAO;AAAA,IACP,aACE;AAAA,IACF,QACE,IAAI,aAAa,KACb,sFACA;AAAA,IACN,UAAU;AAAA,MACR,iCAAE;AAAA;AAAA,QAAkB,oBAAC,UAAK,WAAU,+BAA8B,wCAA0B;AAAA,QAAO;AAAA,QAAuB,oBAAC,YAAS,QAAQ,GAAG,QAAQ,aAAa,CAAC,GAAG;AAAA,SAAE;AAAA,MAC1K,iCAAE;AAAA;AAAA,QAAW,oBAAC,UAAK,WAAU,+BAA8B,qCAAuB;AAAA,QAAO;AAAA,QAAuB,oBAAC,YAAS,QAAQ,GAAG,QAAQ,aAAa,CAAC,GAAG;AAAA,SAAE;AAAA,MAChK,iCAAE;AAAA;AAAA,QAAsE,oBAAC,YAAS,QAAQ,GAAG,QAAQ,aAAa,CAAC,GAAG;AAAA,SAAE;AAAA,IAC1H;AAAA,IACA,SAAS;AAAA,MACP,EAAE,KAAK,cAAc,OAAO,mBAAmB,OAAO,KAAK,IAAI,IAAI,YAAY,IAAI,GAAG,GAAG,KAAK,qDAAqD;AAAA,MACnJ,EAAE,KAAK,WAAW,OAAO,gBAAgB,OAAO,KAAK,IAAI,IAAI,YAAY,GAAG,GAAG,GAAG,KAAK,2CAA2C;AAAA,MAClI,EAAE,KAAK,eAAe,OAAO,oBAAoB,OAAO,MAAM,MAAM,IAAI,aAAa,KAAK,SAAkB,OAAgB,KAAK,uDAAuD;AAAA,MACxL,EAAE,KAAK,SAAS,OAAO,iBAAiB,OAAO,KAAK,IAAI,MAAM,IAAI,WAAW,EAAE,GAAG,KAAK,2CAA2C;AAAA,IACpI;AAAA,EACF;AAAA,EACA,WAAW,CAAC,SAAS;AAAA,IACnB,OAAO;AAAA,IACP,aACE;AAAA,IACF,QACE,IAAI,kBAAkB,KAClB,0FACA;AAAA,IACN,UAAU;AAAA,MACR,iCAAE;AAAA;AAAA,QAA2B,oBAAC,UAAK,WAAU,+BAA8B,6BAAe;AAAA,QAAO;AAAA,QAAiB,oBAAC,YAAS,QAAQ,GAAG,QAAQ,kBAAkB,CAAC,GAAG;AAAA,SAAE;AAAA,MACvK,iCAAE;AAAA;AAAA,QAAS,oBAAC,UAAK,WAAU,+BAA8B,8BAAgB;AAAA,QAAO;AAAA,QAAsC,oBAAC,YAAS,QAAQ,GAAG,QAAQ,kBAAkB,CAAC,GAAG;AAAA,SAAE;AAAA,MAC3K,iCAAE;AAAA;AAAA,QAAO,oBAAC,UAAK,WAAU,+BAA8B,4BAAc;AAAA,QAAO;AAAA,QAAoC,oBAAC,YAAS,QAAQ,GAAG,QAAQ,kBAAkB,CAAC,GAAG;AAAA,SAAE;AAAA,IACvK;AAAA,IACA,SAAS;AAAA,MACP,EAAE,KAAK,eAAe,OAAO,eAAe,OAAO,KAAK,IAAI,IAAI,iBAAiB,GAAG,GAAG,GAAG,KAAK,+CAA+C;AAAA,MAC9I,EAAE,KAAK,UAAU,OAAO,kBAAkB,OAAO,IAAI,gBAAgB,KAAK,IAAI,iBAAiB,SAAS,IAAI,IAAI,iBAAiB,KAAK,IAAI,IAAI,cAAc,2BAA2B;AAAA,MACvL,EAAE,KAAK,OAAO,OAAO,eAAe,OAAO,KAAK,IAAI,IAAI,iBAAiB,IAAI,GAAG,GAAG,KAAK,6CAA6C;AAAA,MACrI,EAAE,KAAK,UAAU,OAAO,UAAU,OAAO,MAAM,MAAM,IAAI,kBAAkB,KAAK,QAAiB,UAAmB,KAAK,8CAA8C;AAAA,IACzK;AAAA,EACF;AACF;AAEA,MAAM,qBAAgE;AAAA,EACpE,2BAA2B,CAAC,QAAQ,IAAI,aAAa;AAAA,EACrD,2BAA2B,CAAC,QAAQ,IAAI,uBAAuB;AAAA,EAC/D,6BAA6B,CAAC,QAC5B,IAAI,mBAAmB,KAAK,IAAI,uBAAuB;AAAA,EACzD,0BAA0B,CAAC,QAAQ,IAAI,kBAAkB;AAAA,EACzD,wBAAwB,CAAC,QAAQ,IAAI,wBAAwB;AAAA,EAC7D,4BAA4B,CAAC,QAAQ,IAAI,uBAAuB;AAAA,EAChE,yBAAyB,CAAC,QAAQ,IAAI,aAAa;AAAA,EACnD,wBAAwB,CAAC,QACvB,IAAI,aAAa,KAAK,CAAC,SAAS,KAAK,YAAY,EAAE,SAAS,SAAS,CAAC;AAAA,EACxE,uBAAuB,CAAC,QAAQ,IAAI,kBAAkB;AAAA,EACtD,yBAAyB,CAAC,QAAQ,IAAI,qBAAqB;AAAA,EAC3D,4BAA4B,CAAC,QAC3B,IAAI,aAAa,KAAK,CAAC,SAAS,KAAK,YAAY,EAAE,SAAS,YAAY,CAAC;AAC7E;AAEA,MAAM,eAAe,mBAA4B;AAEjD,MAAM,4BAA6C;AAAA,EACjD,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO;AAAA,EACP,kBAAkB;AACpB;AAEA,SAAS,eAAe,MAAc;AACpC,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,OAAO;AACX,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK,GAAG;AACvC,WAAO,KAAK,WAAW,CAAC,MAAM,QAAQ,KAAK;AAAA,EAC7C;AACA,SAAO,OAAO,KAAK,IAAI,IAAI,IAAI,OAAO,MAAM;AAC9C;AAEA,SAAS,iBAAiB,UAAkB;AAva5C;AAwaE,QAAM,SAAiC;AAAA,IACrC,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,wBAAwB;AAAA,IACxB,wBAAwB;AAAA,IACxB,2BAA2B;AAAA,IAC3B,qBAAqB;AAAA,IACrB,UAAU;AAAA,EACZ;AAEA,UAAO,YAAO,QAAQ,MAAf,YAAoB;AAC7B;AAEA,SAAS,kBACP,SACA,YACA,QACA;AAzbF;AA0bE,QAAM,iBAAgB,aAAQ,UAAU,MAAlB,YAAuB,CAAC;AAC9C,QAAM,WAAW,cAAc,SAAS,MAAM;AAC9C,QAAM,aAAa,WACf,cAAc,OAAO,CAAC,UAAU,UAAU,MAAM,IAChD,CAAC,GAAG,eAAe,MAAM;AAE7B,SAAO,iCACF,UADE;AAAA,IAEL,CAAC,UAAU,GAAG;AAAA,EAChB;AACF;AAEA,SAAS,4BACP,KACA,YACA,SACA;AACA,MAAI,QAAQ,WAAW,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,UAAQ,YAAY;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,KAAK,CAAC,WAAW,IAAI,SAAS,SAAS,MAAM,CAAC;AAAA,IAC/D,KAAK;AACH,aAAO,QAAQ,SAAS,IAAI,eAAe;AAAA,IAC7C,KAAK;AACH,aAAO,QAAQ,SAAS,IAAI,SAAS;AAAA,IACvC,KAAK;AACH,aAAO,QAAQ,SAAS,IAAI,OAAO;AAAA,IACrC,KAAK;AACH,aAAO,QAAQ,SAAS,IAAI,SAAS;AAAA,IACvC,KAAK;AACH,aAAO,QAAQ,SAAS,IAAI,WAAW;AAAA,IACzC,KAAK;AACH,aAAO,QAAQ,SAAS,IAAI,KAAK;AAAA,IACnC,KAAK;AACH,aAAO,QAAQ,KAAK,CAAC,WAAW;AAC9B,YAAI,WAAW,MAAM;AACnB,iBAAO,IAAI,oBAAoB;AAAA,QACjC;AACA,eAAO,IAAI,qBAAqB,OAAO,MAAM;AAAA,MAC/C,CAAC;AAAA,IACH;AACE,aAAO;AAAA,EACX;AACF;AAgBO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,MAAM;AAAA,EACN,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,IAAoB,CAAC,GAAG;AACtB,QAAM,eAAe,8BAAY;AACjC,QAAM,2BAA2B,sDAAwB;AACzD,QAAM,qBAAqB,0CAAkB;AAC7C,QAAM,yBAAyB,kDAAsB;AACrD,QAAM,2BAA2B,sDAAwB;AAEzD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAuB,CAAC,CAAC;AAC7D,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM;AAAA,IACpD;AAAA,EACF;AACA,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM;AAAA,IAClD,CAAC;AAAA,EACH;AACA,QAAM,CAAC,iBAAiB,kBAAkB,IACxC,MAAM,SAAkC,IAAI;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAGhC,IAAI;AAEd,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,iBAAiB;AACpB;AAAA,IACF;AAEA,wBAAoB,CAAC,aAAa;AAChC,YAAM,OAAO,mBAAK;AAClB,UAAI,gBAAgB,SAAS,SAAS,GAAG;AACvC,aAAK,kBAAkB;AAAA,MACzB;AACA,UAAI,gBAAgB,SAAS,QAAQ,GAAG;AACtC,aAAK,iBAAiB;AAAA,MACxB;AACA,UAAI,gBAAgB,SAAS,MAAM,KAAK,gBAAgB,SAAS,MAAM,GAAG;AACxE,aAAK,YAAY;AAAA,MACnB;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,eAAe,MAAM,QAAQ,MAAM;AACvC,WAAO,aAAa,OAAO,CAAC,QAAQ;AA9iBxC;AA+iBM,YAAM,mBAAmB,mBACpB,oCAAyB,qBAAzB,kDAA4C,SAA5C,YAAoD,OACrD;AAEJ,UAAI,CAAC,kBAAkB;AACrB,eAAO;AAAA,MACT;AAEA,aAAO,OAAO,QAAQ,eAAe,EAAE;AAAA,QAAM,CAAC,CAAC,YAAY,OAAO,MAChE,4BAA4B,KAAK,YAAY,OAAO;AAAA,MACtD;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,iBAAiB,iBAAiB,cAAc,wBAAwB,CAAC;AAE7E,QAAM,UAAU,MAAM;AAAA,IACpB,MAAM;AAAA,MACJ,aAAa,SAAS,QAAQ;AAAA,QAC5B,QAAQ;AAAA,QACR,MAAM,CAAC,SAAS;AACd,gBAAM,MAAM,KAAK,IAAI;AACrB,gBAAM,QAAQ,qDAAmB;AACjC,iBACE,qBAAC,SAAI,WAAU,qCACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,eAAe,IAAI,IAAI;AAAA,gBACzB;AAAA,gBAEC,cAAI,KAAK,MAAM,GAAG,CAAC;AAAA;AAAA,YACtB;AAAA,YACA,oBAAC,UAAK,WAAU,uCACb,cAAI,MACP;AAAA,aACC,mCAAS,eACR;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,wBAAS;AAAA,gBACf,QAAO;AAAA,gBACP,KAAI;AAAA,gBACJ,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,gBAClC,WAAU;AAAA,gBAEV,8BAAC,SAAI,KAAK,QAAQ,YAAY,KAAI,cAAa,WAAU,0BAAyB;AAAA;AAAA,YACpF;AAAA,aAEJ;AAAA,QAEJ;AAAA,MACF,CAAC;AAAA,MACD,aAAa,SAAS,gBAAgB;AAAA,QACpC,QAAQ;AAAA,QACR,MAAM,CAAC,SAAS;AACd,gBAAM,QAAQ,KAAK,SAAS;AAC5B,cAAI,CAAC,MAAM,QAAQ;AACjB,mBAAO,oBAAC,UAAK,WAAU,iCAAgC,kBAAI;AAAA,UAC7D;AAEA,iBACE,oBAAC,SAAI,WAAU,uCACZ,gBAAM,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,SACtB;AAAA,YAAC;AAAA;AAAA,cAEC,SAAQ;AAAA,cACR,WAAU;AAAA,cAET;AAAA;AAAA,YAJI;AAAA,UAKP,CACD,GACH;AAAA,QAEJ;AAAA,MACF,CAAC;AAAA,MACD,aAAa,SAAS,aAAa;AAAA,QACjC,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,MAAM,CAAC,SACL;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,CAAC,MAAM;AACd,gBAAE,gBAAgB;AAClB,4BAAc,EAAE,KAAK,KAAK,IAAI,UAAU,MAAM,OAAO,CAAC;AAAA,YACxD;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAW;AAAA,kBACT;AAAA,kBACA,KAAK,SAAS,KAAK,KACf,0CACA;AAAA,gBACN;AAAA,gBAEC;AAAA,uBAAK,SAAS;AAAA,kBAAE;AAAA;AAAA;AAAA,YACnB;AAAA;AAAA,QACF;AAAA,MAEJ,CAAC;AAAA,MACD,aAAa,SAAS,kBAAkB;AAAA,QACtC,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,MAAM,CAAC,SACL;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,CAAC,MAAM;AACd,gBAAE,gBAAgB;AAClB,4BAAc,EAAE,KAAK,KAAK,IAAI,UAAU,MAAM,YAAY,CAAC;AAAA,YAC7D;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAW;AAAA,kBACT;AAAA,kBACA,KAAK,SAAS,KAAK,KACf,6CACA;AAAA,gBACN;AAAA,gBAEC;AAAA,uBAAK,SAAS;AAAA,kBAAE;AAAA;AAAA;AAAA,YACnB;AAAA;AAAA,QACF;AAAA,MAEJ,CAAC;AAAA,MACD,aAAa,SAAS,oBAAoB;AAAA,QACxC,QAAQ;AAAA,QACR,MAAM,CAAC,SAAS;AACd,gBAAM,aAAa,KAAK,SAAS;AACjC,cAAI,CAAC,WAAW,QAAQ;AACtB,mBAAO,oBAAC,UAAK,WAAU,iCAAgC,kBAAI;AAAA,UAC7D;AACA,iBACE,oBAAC,SAAI,WAAU,uCACZ,qBAAW,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,cAC3B;AAAA,YAAC;AAAA;AAAA,cAEC,SAAQ;AAAA,cACR,WAAU;AAAA,cAET;AAAA;AAAA,YAJI;AAAA,UAKP,CACD,GACH;AAAA,QAEJ;AAAA,MACF,CAAC;AAAA,MACD,aAAa,SAAS,YAAY;AAAA,QAChC,QAAQ;AAAA,QACR,MAAM,CAAC,SACL,oBAAC,SAAI,WAAU,uCACZ,eAAK,SAAS,EAAE,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,aAChC;AAAA,UAAC;AAAA;AAAA,YAEC,SAAQ;AAAA,YACR,WAAW;AAAA,cACT;AAAA,cACA,iBAAiB,QAAQ;AAAA,YAC3B;AAAA,YAEC;AAAA;AAAA,UAPI;AAAA,QAQP,CACD,GACH;AAAA,MAEJ,CAAC;AAAA,MACD,aAAa,SAAS,mBAAmB;AAAA,QACvC,QAAQ;AAAA,QACR,MAAM,CAAC,SAAS,oBAAC,UAAK,WAAU,WAAW,eAAK,SAAS,GAAE;AAAA,MAC7D,CAAC;AAAA,MACD,aAAa,SAAS,WAAW;AAAA,QAC/B,QAAQ;AAAA,QACR,MAAM,CAAC,SACL,oBAAC,UAAK,WAAU,0DACb,eAAK,SAAS,GACjB;AAAA,MAEJ,CAAC;AAAA,MACD,aAAa,SAAS,aAAa;AAAA,QACjC,QAAQ;AAAA,QACR,MAAM,CAAC,SACL,oBAAC,UAAK,WAAU,0DACb,eAAK,SAAS,GACjB;AAAA,MAEJ,CAAC;AAAA,MACD,aAAa,SAAS,eAAe;AAAA,QACnC,QAAQ;AAAA,QACR,MAAM,CAAC,SACL,oBAAC,UAAK,WAAU,0DACb,eAAK,SAAS,GACjB;AAAA,MAEJ,CAAC;AAAA,MACD,aAAa,SAAS,SAAS;AAAA,QAC7B,QAAQ;AAAA,QACR,MAAM,CAAC,SAAS,oBAAC,UAAK,WAAU,WAAW,eAAK,SAAS,GAAE;AAAA,MAC7D,CAAC;AAAA,MACD,aAAa,SAAS,oBAAoB;AAAA,QACxC,QAAQ;AAAA,QACR,MAAM,CAAC,SACL,oBAAC,UAAK,WAAU,0DACb,eAAK,SAAS,GACjB;AAAA,MAEJ,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,gBAAgB;AAAA,EAC5B;AAEA,QAAM,QAAQ,cAAc;AAAA,IAC1B,MAAM;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,IACjB,0BAA0B;AAAA,IAC1B,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,kBAAkB;AAAA,EACvC,CAAC;AAED,QAAM,iBAAiB,MAAM,kBAAkB,EAAE,IAAI,CAAC,WAAW;AAC/D,UAAM,SAAS,OAAO,UAAU;AAChC,UAAM,QAAQ,OAAO,WAAW,WAAW,SAAS,OAAO;AAE3D,WAAO;AAAA,MACL,IAAI,OAAO;AAAA,MACX;AAAA,MACA,SAAS,OAAO,aAAa;AAAA,MAC7B,SAAS,OAAO,WAAW;AAAA,IAC7B;AAAA,EACF,CAAC;AAED,QAAM,uBAAuB,CAAC,YAAoB,WAAmB;AACnE,uBAAmB,CAAC,aAAa,kBAAkB,UAAU,YAAY,MAAM,CAAC;AAAA,EAClF;AAEA,SACE,qBAAC,SAAI,WAAU,6DACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACA,gBAAgB;AAAA,QAChB;AAAA,QACA,iBAAiB;AAAA,QACjB;AAAA,QACA,gBAAgB,CAAC,aAAU;AApyBnC;AAoyBsC,6BAAM,UAAU,QAAQ,MAAxB,mBAA2B;AAAA;AAAA,QACzD,gBAAgB,MAAM,oBAAoB,yBAAyB;AAAA;AAAA,IACrE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,cAAc;AAAA;AAAA,IAChB;AAAA,IAEA,oBAAC,SAAI,WAAU,gEACb,+BAAC,WAAM,WAAU,4CACf;AAAA,0BAAC,WAAM,WAAU,mCACd,gBAAM,gBAAgB,EAAE,IAAI,CAAC,gBAC5B,oBAAC,QAAwB,WAAU,0BAChC,sBAAY,QAAQ,IAAI,CAAC,WACxB;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAET,iBAAO,gBACJ,OACA;AAAA,YACE,OAAO,OAAO,UAAU;AAAA,YACxB,OAAO,WAAW;AAAA,UACpB;AAAA;AAAA,QARC,OAAO;AAAA,MASd,CACD,KAbM,YAAY,EAcrB,CACD,GACH;AAAA,MACA,oBAAC,WACE,gBAAM,YAAY,EAAE,KAAK,SAAS,IACjC,iCACG;AAAA,cAAM,YAAY,EAAE,KAAK,IAAI,CAAC,QAC7B;AAAA,UAAC;AAAA;AAAA,YAEC,SAAS,MAAM,yCAAa,IAAI;AAAA,YAChC,WAAW;AAAA,cACT;AAAA,cACA,cAAc;AAAA,YAChB;AAAA,YAEC,cAAI,gBAAgB,EAAE,IAAI,CAAC,SAC1B;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAU;AAAA,gBAET,qBAAW,KAAK,OAAO,UAAU,MAAM,KAAK,WAAW,CAAC;AAAA;AAAA,cAHpD,KAAK;AAAA,YAIZ,CACD;AAAA;AAAA,UAdI,IAAI;AAAA,QAeX,CACD;AAAA,QACD,oBAAC,QACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,QAAQ;AAAA,YAEhB;AAAA,oBAAM,YAAY,EAAE,KAAK;AAAA,cAAO;AAAA;AAAA;AAAA,QACnC,GACF;AAAA,SACF,IAEA,oBAAC,QACC,8BAAC,QAAG,SAAS,QAAQ,QAAQ,WAAU,yBACrC,+BAAC,SAAI,WAAU,0DACb;AAAA,4BAAC,WAAQ,WAAU,sBAAqB;AAAA,QACxC,oBAAC,OAAE,WAAU,uBAAsB,2BAAa;AAAA,QAChD,oBAAC,OAAE,WAAU,WAAU,uDAAyC;AAAA,SAClE,GACF,GACF,GAEJ;AAAA,OACF,GACF;AAAA,IAEC,eAAe,MAAM;AACpB,YAAM,OAAO,eAAe,WAAW,IAAI,EAAE,WAAW,GAAG;AAC3D,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,cAAc,CAAC,SAAS;AAAE,gBAAI,CAAC,KAAM,eAAc,IAAI;AAAA,UAAE;AAAA,UACzD,OAAO,KAAK;AAAA,UACZ,aAAa,KAAK;AAAA,UAClB,OAAO,WAAW,SAAS,SAAS,WAAW,IAAI,YAAY,WAAW,IAAI;AAAA,UAC9E,QAAQ,KAAK;AAAA,UACb,UAAU,KAAK;AAAA,UACf,SAAS,KAAK;AAAA,UACd,kBAAkB,wBACd,CAAC,KAAK,MAAM,WAAW,sBAAsB,WAAW,IAAI,MAAM,WAAW,MAAM,KAAK,MAAM,MAAM,IACpG,CAAC,KAAK,MAAM,WAAW,QAAQ,IAAI,oBAAoB,EAAE,SAAS,WAAW,IAAI,MAAM,QAAQ,KAAK,MAAM,OAAO,CAAC;AAAA,UAEtH,aAAa,WAAW,IAAI;AAAA,UAC5B,gBAAgB,+DAA+D,WAAW,IAAI,EAAE;AAAA,UAChG,WAAW,MAAM,QAAQ,IAAI,gDAA2C,EAAE,SAAS,WAAW,IAAI,MAAM,MAAM,WAAW,KAAK,CAAC;AAAA,UAC/H,mBAAmB,yBACf,CAAC,SAAS,WAAW,uBAAuB,WAAW,IAAI,MAAM,WAAW,MAAM,SAAS,MAAM,IACjG,CAAC,SAAS,WAAW,QAAQ,IAAI,sBAAsB,EAAE,SAAS,WAAW,IAAI,MAAM,SAAS,OAAO,CAAC;AAAA,UAE5G,WAAW,yBACP,CAAC,SAAS,WAAW,uBAAuB,WAAW,IAAI,MAAM,WAAW,MAAM,SAAS,MAAM,IACjG,CAAC,SAAS,WAAW,QAAQ,IAAI,qBAAqB,EAAE,SAAS,WAAW,IAAI,MAAM,SAAS,OAAO,CAAC;AAAA;AAAA,MAE7G;AAAA,IAEJ,GAAG;AAAA,KACL;AAEJ;","names":[]}

package/dist/components/detail-view.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+
+declare function DetailViewHeader({ title, breadcrumbs, badges, onBack, }: {
+    title: string;
+    breadcrumbs: React.ReactNode;
+    badges: React.ReactNode;
+    onBack?: () => void;
+}): React.JSX.Element;
+declare function DetailViewSummary({ title, children, sources, actions, }: {
+    title?: string;
+    children: React.ReactNode;
+    sources?: React.ReactNode;
+    actions?: React.ReactNode;
+}): React.JSX.Element;
+type SourceDef = {
+    id: number | string;
+    summary: string;
+    meta: string;
+};
+declare function Citation({ number, source, }: {
+    number: number | string;
+    source?: SourceDef;
+}): React.JSX.Element;
+declare function SourceList({ sources }: {
+    sources: SourceDef[];
+}): React.JSX.Element;
+declare function DetailViewThread({ title, actionCount, children, }: {
+    title: string;
+    actionCount?: number;
+    children: React.ReactNode;
+}): React.JSX.Element;
+declare function ThreadMessage({ icon, subject, time, messageCount, threadLink, sender, senderTime, children, isExpanded, }: {
+    icon?: React.ReactNode;
+    subject: string;
+    time: string;
+    messageCount?: number;
+    threadLink?: string;
+    sender?: string;
+    senderTime?: string;
+    children: React.ReactNode;
+    isExpanded?: boolean;
+}): React.JSX.Element;
+
+export { Citation, DetailViewHeader, DetailViewSummary, DetailViewThread, type SourceDef, SourceList, ThreadMessage };

package/dist/components/detail-view.js

@@ -0,0 +1,165 @@
+"use client"
+
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ArrowLeft, ChevronDown, ChevronUp, MessageSquare } from "lucide-react";
+import { HoverCard as HoverCardPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+import { Button } from "./button.js";
+function DetailViewHeader({
+  title,
+  breadcrumbs,
+  badges,
+  onBack
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 mb-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      onBack && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "h-6 px-2 text-muted-foreground hover:text-foreground -ml-2",
+          onClick: onBack,
+          children: [
+            /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4 mr-1" }),
+            "Back"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50", children: "\xB7" }),
+      breadcrumbs
+    ] }),
+    /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight text-foreground", children: title }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: badges })
+  ] });
+}
+function DetailViewSummary({
+  title = "Here's what I found",
+  children,
+  sources,
+  actions
+}) {
+  const [showSources, setShowSources] = React.useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: "relative pl-4 mb-8", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-1 bottom-1 w-1 bg-brand-purple rounded-full" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-4 gap-3 flex-wrap", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-foreground", children: title }),
+      actions
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-3 text-sm text-foreground/90", children }),
+    sources && /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setShowSources(!showSources),
+          className: "flex items-center gap-1.5 text-[11px] font-bold text-muted-foreground/70 hover:text-foreground transition-colors uppercase tracking-wider",
+          children: [
+            "Sources",
+            /* @__PURE__ */ jsx(ChevronDown, { className: cn("w-3.5 h-3.5 transition-transform duration-200", showSources && "rotate-180") })
+          ]
+        }
+      ),
+      showSources && /* @__PURE__ */ jsx("div", { className: "mt-3", children: sources })
+    ] })
+  ] });
+}
+function Citation({
+  number,
+  source
+}) {
+  const badge = /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-muted border border-border text-[9px] font-medium text-muted-foreground ml-1 align-middle cursor-pointer select-none hover:bg-foreground hover:text-background hover:border-foreground transition-all duration-150", children: number });
+  if (!source) return badge;
+  return /* @__PURE__ */ jsxs(HoverCardPrimitive.Root, { openDelay: 200, closeDelay: 100, children: [
+    /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, { asChild: true, children: badge }),
+    /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+      HoverCardPrimitive.Content,
+      {
+        side: "top",
+        align: "start",
+        sideOffset: 6,
+        className: "z-50 w-72 rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
+        children: /* @__PURE__ */ jsxs("div", { className: "p-3 cursor-pointer hover:bg-muted/40 rounded-md transition-colors", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-foreground leading-relaxed", children: source.summary }),
+          /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground/60 mt-1.5", children: source.meta })
+        ] })
+      }
+    ) })
+  ] });
+}
+function SourceList({ sources }) {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: sources.map((source) => /* @__PURE__ */ jsx(SourceItem, { source }, source.id)) });
+}
+function SourceItem({ source }) {
+  return /* @__PURE__ */ jsxs("div", { className: "group flex items-start gap-3 cursor-pointer py-2.5 px-2 -mx-2 rounded-lg text-sm transition-colors hover:bg-muted/40", children: [
+    /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 mt-0.5 w-5 text-right text-xs font-medium text-muted-foreground/50 group-hover:text-foreground/70 transition-colors", children: source.id }),
+    /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground leading-relaxed min-w-0", children: [
+      /* @__PURE__ */ jsx("span", { children: source.summary }),
+      /* @__PURE__ */ jsx("span", { className: "mx-1.5 text-muted-foreground/30", children: "|" }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground/50", children: source.meta })
+    ] })
+  ] });
+}
+function DetailViewThread({
+  title,
+  actionCount,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "mt-8 border-t border-border pt-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-xs font-bold text-muted-foreground uppercase tracking-wider", children: title }),
+      actionCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+        actionCount,
+        " actions"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border bg-card overflow-hidden shadow-sm", children })
+  ] });
+}
+function ThreadMessage({
+  icon,
+  subject,
+  time,
+  messageCount,
+  threadLink,
+  sender,
+  senderTime,
+  children,
+  isExpanded = true
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b border-border bg-card hover:bg-muted/30 cursor-pointer", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        icon || /* @__PURE__ */ jsx(MessageSquare, { className: "w-4 h-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm", children: subject })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+        time,
+        /* @__PURE__ */ jsx(ChevronUp, { className: "w-4 h-4" })
+      ] })
+    ] }),
+    messageCount !== void 0 && /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 bg-muted/20 border-b border-border text-xs text-muted-foreground flex items-center gap-2", children: [
+      messageCount,
+      " messages in this thread \xB7",
+      threadLink && /* @__PURE__ */ jsx("a", { href: threadLink, className: "underline hover:text-foreground", children: "View thread" })
+    ] }),
+    isExpanded && /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+      sender && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm", children: sender }),
+        senderTime && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: senderTime })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "text-sm text-foreground/90 space-y-4 leading-relaxed", children })
+    ] })
+  ] });
+}
+export {
+  Citation,
+  DetailViewHeader,
+  DetailViewSummary,
+  DetailViewThread,
+  SourceList,
+  ThreadMessage
+};
+//# sourceMappingURL=detail-view.js.map

package/dist/components/detail-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/detail-view.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ArrowLeft, ChevronDown, ChevronUp, MessageSquare } from \"lucide-react\"\nimport { HoverCard as HoverCardPrimitive } from \"radix-ui\"\nimport { cn } from \"../lib/utils\"\nimport { Button } from \"./button\"\n\n\nexport function DetailViewHeader({\n  title,\n  breadcrumbs,\n  badges,\n  onBack,\n}: {\n  title: string\n  breadcrumbs: React.ReactNode\n  badges: React.ReactNode\n  onBack?: () => void\n}) {\n  return (\n    <div className=\"flex flex-col gap-4 mb-6\">\n      <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n        {onBack && (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-6 px-2 text-muted-foreground hover:text-foreground -ml-2\"\n            onClick={onBack}\n          >\n            <ArrowLeft className=\"w-4 h-4 mr-1\" />\n            Back\n          </Button>\n        )}\n        <span className=\"text-muted-foreground/50\">&middot;</span>\n        {breadcrumbs}\n      </div>\n      <h1 className=\"text-2xl font-bold tracking-tight text-foreground\">{title}</h1>\n      <div className=\"flex flex-wrap items-center gap-2\">{badges}</div>\n    </div>\n  )\n}\n\nexport function DetailViewSummary({\n  title = \"Here's what I found\",\n  children,\n  sources,\n  actions,\n}: {\n  title?: string\n  children: React.ReactNode\n  sources?: React.ReactNode\n  actions?: React.ReactNode\n}) {\n  const [showSources, setShowSources] = React.useState(false)\n\n  return (\n    <div className=\"relative pl-4 mb-8\">\n      {/* Blue left border */}\n      <div className=\"absolute left-0 top-1 bottom-1 w-1 bg-brand-purple rounded-full\" />\n      \n      <div className=\"flex items-start justify-between mb-4 gap-3 flex-wrap\">\n        <h2 className=\"text-base font-semibold text-foreground\">{title}</h2>\n        {actions}\n      </div>\n\n      <div className=\"space-y-3 text-sm text-foreground/90\">\n        {children}\n      </div>\n\n      {sources && (\n        <div className=\"mt-4\">\n          <button\n            type=\"button\"\n            onClick={() => setShowSources(!showSources)}\n            className=\"flex items-center gap-1.5 text-[11px] font-bold text-muted-foreground/70 hover:text-foreground transition-colors uppercase tracking-wider\"\n          >\n            Sources\n            <ChevronDown className={cn(\"w-3.5 h-3.5 transition-transform duration-200\", showSources && \"rotate-180\")} />\n          </button>\n          {showSources && <div className=\"mt-3\">{sources}</div>}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport type SourceDef = {\n  id: number | string\n  summary: string\n  meta: string\n}\n\nexport function Citation({\n  number,\n  source,\n}: {\n  number: number | string\n  source?: SourceDef\n}) {\n  const badge = (\n    <span className=\"inline-flex items-center justify-center w-4 h-4 rounded-full bg-muted border border-border text-[9px] font-medium text-muted-foreground ml-1 align-middle cursor-pointer select-none hover:bg-foreground hover:text-background hover:border-foreground transition-all duration-150\">\n      {number}\n    </span>\n  )\n\n  if (!source) return badge\n\n  return (\n    <HoverCardPrimitive.Root openDelay={200} closeDelay={100}>\n      <HoverCardPrimitive.Trigger asChild>{badge}</HoverCardPrimitive.Trigger>\n      <HoverCardPrimitive.Portal>\n        <HoverCardPrimitive.Content\n          side=\"top\"\n          align=\"start\"\n          sideOffset={6}\n          className=\"z-50 w-72 rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2\"\n        >\n          <div className=\"p-3 cursor-pointer hover:bg-muted/40 rounded-md transition-colors\">\n            <div className=\"text-xs text-foreground leading-relaxed\">{source.summary}</div>\n            <div className=\"text-[11px] text-muted-foreground/60 mt-1.5\">{source.meta}</div>\n          </div>\n        </HoverCardPrimitive.Content>\n      </HoverCardPrimitive.Portal>\n    </HoverCardPrimitive.Root>\n  )\n}\n\nexport function SourceList({ sources }: { sources: SourceDef[] }) {\n  return (\n    <div className=\"space-y-0.5\">\n      {sources.map((source) => (\n        <SourceItem key={source.id} source={source} />\n      ))}\n    </div>\n  )\n}\n\nfunction SourceItem({ source }: { source: SourceDef }) {\n  return (\n    <div className=\"group flex items-start gap-3 cursor-pointer py-2.5 px-2 -mx-2 rounded-lg text-sm transition-colors hover:bg-muted/40\">\n      <span className=\"flex-shrink-0 mt-0.5 w-5 text-right text-xs font-medium text-muted-foreground/50 group-hover:text-foreground/70 transition-colors\">\n        {source.id}\n      </span>\n      <div className=\"text-muted-foreground leading-relaxed min-w-0\">\n        <span>{source.summary}</span>\n        <span className=\"mx-1.5 text-muted-foreground/30\">|</span>\n        <span className=\"text-xs text-muted-foreground/50\">{source.meta}</span>\n      </div>\n    </div>\n  )\n}\n\nexport function DetailViewThread({\n  title,\n  actionCount,\n  children,\n}: {\n  title: string\n  actionCount?: number\n  children: React.ReactNode\n}) {\n  return (\n    <div className=\"mt-8 border-t border-border pt-8\">\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"text-xs font-bold text-muted-foreground uppercase tracking-wider\">{title}</h3>\n        {actionCount !== undefined && (\n          <span className=\"text-sm text-muted-foreground\">{actionCount} actions</span>\n        )}\n      </div>\n      <div className=\"rounded-xl border border-border bg-card overflow-hidden shadow-sm\">\n        {children}\n      </div>\n    </div>\n  )\n}\n\nexport function ThreadMessage({\n  icon,\n  subject,\n  time,\n  messageCount,\n  threadLink,\n  sender,\n  senderTime,\n  children,\n  isExpanded = true,\n}: {\n  icon?: React.ReactNode\n  subject: string\n  time: string\n  messageCount?: number\n  threadLink?: string\n  sender?: string\n  senderTime?: string\n  children: React.ReactNode\n  isExpanded?: boolean\n}) {\n  return (\n    <div className=\"flex flex-col\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between p-4 border-b border-border bg-card hover:bg-muted/30 cursor-pointer\">\n        <div className=\"flex items-center gap-3\">\n          {icon || <MessageSquare className=\"w-4 h-4 text-muted-foreground\" />}\n          <span className=\"font-semibold text-sm\">{subject}</span>\n        </div>\n        <div className=\"flex items-center gap-3 text-xs text-muted-foreground\">\n          {time}\n          <ChevronUp className=\"w-4 h-4\" />\n        </div>\n      </div>\n      \n      {/* Context info */}\n      {messageCount !== undefined && (\n        <div className=\"px-4 py-2 bg-muted/20 border-b border-border text-xs text-muted-foreground flex items-center gap-2\">\n          {messageCount} messages in this thread &middot;\n          {threadLink && <a href={threadLink} className=\"underline hover:text-foreground\">View thread</a>}\n        </div>\n      )}\n\n      {/* Message Body */}\n      {isExpanded && (\n        <div className=\"p-4\">\n          {sender && (\n            <div className=\"flex items-center justify-between mb-2\">\n              <span className=\"font-semibold text-sm\">{sender}</span>\n              {senderTime && <span className=\"text-xs text-muted-foreground\">{senderTime}</span>}\n            </div>\n          )}\n          <div className=\"text-sm text-foreground/90 space-y-4 leading-relaxed\">\n            {children}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/components/dialog.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { Dialog as Dialog$1 } from 'radix-ui';
+
+declare function Dialog({ ...props }: React.ComponentProps<typeof Dialog$1.Root>): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof Dialog$1.Trigger>): React.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof Dialog$1.Portal>): React.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof Dialog$1.Close>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof Dialog$1.Overlay>): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof Dialog$1.Content> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof Dialog$1.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof Dialog$1.Description>): React.JSX.Element;
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/components/dialog.js

@@ -0,0 +1,188 @@
+"use client"
+
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+import { Button } from "./button.js";
+function Dialog(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
+}
+function DialogTrigger(_b) {
+  var props = __objRest(_b, []);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
+}
+function DialogPortal(_c) {
+  var props = __objRest(_c, []);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+}
+function DialogClose(_d) {
+  var props = __objRest(_d, []);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+}
+function DialogOverlay(_e) {
+  var _f = _e, {
+    className
+  } = _f, props = __objRest(_f, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    __spreadValues({
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )
+    }, props)
+  );
+}
+function DialogContent(_g) {
+  var _h = _g, {
+    className,
+    children,
+    showCloseButton = true
+  } = _h, props = __objRest(_h, [
+    "className",
+    "children",
+    "showCloseButton"
+  ]);
+  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      __spreadProps(__spreadValues({
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
+          className
+        )
+      }, props), {
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      })
+    )
+  ] });
+}
+function DialogHeader(_i) {
+  var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className)
+    }, props)
+  );
+}
+function DialogFooter(_k) {
+  var _l = _k, {
+    className,
+    showCloseButton = false,
+    children
+  } = _l, props = __objRest(_l, [
+    "className",
+    "showCloseButton",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        showCloseButton && /* @__PURE__ */ jsx(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Close" }) })
+      ]
+    })
+  );
+}
+function DialogTitle(_m) {
+  var _n = _m, {
+    className
+  } = _n, props = __objRest(_n, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    __spreadValues({
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className)
+    }, props)
+  );
+}
+function DialogDescription(_o) {
+  var _p = _o, {
+    className
+  } = _p, props = __objRest(_p, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    __spreadValues({
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm", className)
+    }, props)
+  );
+}
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
+};
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { XIcon } from \"lucide-react\"\nimport { Dialog as DialogPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../lib/utils\"\nimport { Button } from \"./button\"\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  showCloseButton?: boolean\n}) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"outline\">Close</Button>\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  )\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n"],"mappings":"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","names":[]}

package/dist/components/dropdown-menu.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { DropdownMenu as DropdownMenu$1 } from 'radix-ui';
+
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenu$1.Content>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Group>): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenu$1.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem>): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenu$1.RadioItem>): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenu$1.Label> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Sub>): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.SubContent>): React.JSX.Element;
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };