@siyahi/ui 0.1.9-next.3 → 0.1.9-next.30

package/agents/manifest.json

@@ -0,0 +1,1391 @@
+{
+  "generatedBy": "packages/ui/scripts/generate.ts",
+  "import": "@siyahi/ui",
+  "props": "dist/index.d.ts",
+  "setup": "README.md#install",
+  "layout": "README.md#surfaces",
+  "report": "report.css",
+  "reportRules": "agents/report-rules.json",
+  "recipes": {
+    "dashboard": "agents/examples/surfaces.tsx",
+    "table": "agents/examples/data-table.tsx",
+    "filters": "agents/examples/data-table-filters.tsx",
+    "rankedLabels": "agents/examples/bar-list-labels.tsx",
+    "detail": "agents/examples/page-section.tsx",
+    "shell": "agents/examples/app-sidebar.tsx"
+  },
+  "needs": [
+    {
+      "need": "Values over time or another ordered axis (months, hours, size buckets)",
+      "guidance": "`BarChartCard`, `AreaChartCard` or `LineChartCard`",
+      "components": [
+        "BarChartCard",
+        "AreaChartCard",
+        "LineChartCard"
+      ]
+    },
+    {
+      "need": "Counts or amounts per period, one series or several",
+      "guidance": "`BarChartCard`; `stacked` when the series add up to a total",
+      "components": [
+        "BarChartCard"
+      ]
+    },
+    {
+      "need": "A running level, such as revenue against its target",
+      "guidance": "`AreaChartCard`",
+      "components": [
+        "AreaChartCard"
+      ]
+    },
+    {
+      "need": "Series compared point by point, such as growth against a benchmark",
+      "guidance": "`LineChartCard`",
+      "components": [
+        "LineChartCard"
+      ]
+    },
+    {
+      "need": "Samples in time with limits and events marked",
+      "guidance": "`LineChartCard` with `xDomain`, `xTicks` and `referenceLines`",
+      "components": [
+        "LineChartCard"
+      ]
+    },
+    {
+      "need": "Long category names, such as teams or product categories",
+      "guidance": "`BarChartCard` with `horizontal`",
+      "components": [
+        "BarChartCard"
+      ]
+    },
+    {
+      "need": "A gain above zero and a loss below it",
+      "guidance": "a series with `color` and `negativeColor`",
+      "components": []
+    },
+    {
+      "need": "A total built up or bridged step by step, such as a year's profit month by month or revenue from last year to this by store",
+      "guidance": "`WaterfallChartCard`; `horizontal` for long names",
+      "components": [
+        "WaterfallChartCard"
+      ]
+    },
+    {
+      "need": "Signed changes by two categories, such as returns or profit by month and year, or by store and quarter",
+      "guidance": "`ChangeGrid` in a `Card`, with each row's `total` worked out by the page",
+      "components": [
+        "ChangeGrid",
+        "Card"
+      ]
+    },
+    {
+      "need": "Each item's value at two points or against a benchmark, such as share of sales last year and this, or our mix against the market's",
+      "guidance": "`SlopeChart` in a `Card`, with the few lines that matter `highlighted`",
+      "components": [
+        "SlopeChart",
+        "Card"
+      ]
+    },
+    {
+      "need": "Ranked counts or amounts by category (a name, a bar and a figure)",
+      "guidance": "`BarList`; give two lists one `max` to share a scale",
+      "components": [
+        "BarList"
+      ]
+    },
+    {
+      "need": "Where a budget sits, a split of a whole, or losses against gains",
+      "guidance": "`DistributionBar`",
+      "components": [
+        "DistributionBar"
+      ]
+    },
+    {
+      "need": "Headline figures with their change",
+      "guidance": "`SectionCards`, with a `Delta` in each badge",
+      "components": [
+        "SectionCards",
+        "Delta"
+      ]
+    },
+    {
+      "need": "Many figures of equal weight, each with its change and recent run",
+      "guidance": "`MetricStrip`",
+      "components": [
+        "MetricStrip"
+      ]
+    },
+    {
+      "need": "A run of values beside a figure, in a tile, a strip or a table cell",
+      "guidance": "`Sparkline`; in a tile, `SectionCards`' `trend`",
+      "components": [
+        "Sparkline",
+        "SectionCards"
+      ]
+    },
+    {
+      "need": "A table column that should read as a bar chart",
+      "guidance": "`DataBar` in the column's cell",
+      "components": [
+        "DataBar"
+      ]
+    },
+    {
+      "need": "A table column of changes that should rank by eye, and a note on how to read the table",
+      "guidance": "`ChangeBar` in the column's cell, `diverging` when it holds both signs; `DataTableFootnote` after `DataTableBody`",
+      "components": [
+        "ChangeBar",
+        "DataTableFootnote",
+        "DataTableBody"
+      ]
+    },
+    {
+      "need": "Figures against their targets, such as spend against budget",
+      "guidance": "`TargetRows`, with neutral `bands` and a `status` per row",
+      "components": [
+        "TargetRows"
+      ]
+    },
+    {
+      "need": "Where a value sits in its range, such as today's response time in its 30-day range",
+      "guidance": "`RangePosition`; `variant=\"compact\"` in a table cell",
+      "components": [
+        "RangePosition"
+      ]
+    },
+    {
+      "need": "How far a level fell below its highest so far, over time, such as a fund's or a cash balance's drawdown",
+      "guidance": "`DrawdownChartCard` with the levels in `levelKey`",
+      "components": [
+        "DrawdownChartCard"
+      ]
+    },
+    {
+      "need": "How many values fall in each range, such as response times or each trade's return, with the median or p95 marked",
+      "guidance": "`HistogramChartCard` with the raw `values` and `marks`",
+      "components": [
+        "HistogramChartCard"
+      ]
+    },
+    {
+      "need": "A long daily series, such as a price or an order value",
+      "guidance": "`PriceChart`",
+      "components": [
+        "PriceChart"
+      ]
+    },
+    {
+      "need": "Items sized by weight and coloured by change, such as sales by city",
+      "guidance": "`Treemap`",
+      "components": [
+        "Treemap"
+      ]
+    },
+    {
+      "need": "How two measures relate across many items, such as stores' size against growth",
+      "guidance": "`ScatterChartCard`",
+      "components": [
+        "ScatterChartCard"
+      ]
+    },
+    {
+      "need": "Items sorted into four groups by two signed changes, weighted by size, such as products by price change and sales change, sized by revenue",
+      "guidance": "`ScatterChartCard` with `quadrants` and each point's `size`",
+      "components": [
+        "ScatterChartCard"
+      ]
+    },
+    {
+      "need": "A gain or loss for every day, such as daily profit or a portfolio's daily change",
+      "guidance": "`CalendarHeatmap` with `signed`",
+      "components": [
+        "CalendarHeatmap"
+      ]
+    },
+    {
+      "need": "Activity by day, by weekday and hour, or a status over time",
+      "guidance": "`CalendarHeatmap`, `WeekdayHeatmap`, `StatusHeatmap`",
+      "components": [
+        "CalendarHeatmap",
+        "WeekdayHeatmap",
+        "StatusHeatmap"
+      ]
+    },
+    {
+      "need": "Rows to sort and filter",
+      "guidance": "`DataTable`, inside a `Card`",
+      "components": [
+        "DataTable",
+        "Card"
+      ]
+    },
+    {
+      "need": "A column that sorts on one click; a search and an \"n of m\" count",
+      "guidance": "`DataTableSortHeader`; `DataTableSearchFilter`, `DataTableRowCount`",
+      "components": [
+        "DataTableSortHeader",
+        "DataTableSearchFilter",
+        "DataTableRowCount"
+      ]
+    },
+    {
+      "need": "Stat tiles that pick a scope for the page",
+      "guidance": "`SectionCards` with `selected` and `onSelect`",
+      "components": [
+        "SectionCards"
+      ]
+    },
+    {
+      "need": "A share or a part of a whole, coloured as a gain or a loss",
+      "guidance": "`ToneProgress`",
+      "components": [
+        "ToneProgress"
+      ]
+    },
+    {
+      "need": "The colour scale under a `Treemap`",
+      "guidance": "`TreemapLegend`, with the map's `range`",
+      "components": [
+        "TreemapLegend"
+      ]
+    },
+    {
+      "need": "One part of a long page: rule, eyebrow, heading, lead, action",
+      "guidance": "`PageSection`, with `PageSubheading` inside",
+      "components": [
+        "PageSection",
+        "PageSubheading"
+      ]
+    },
+    {
+      "need": "Label and value pairs, such as a record's fields",
+      "guidance": "`DataList` and `DataListItem`",
+      "components": [
+        "DataList",
+        "DataListItem"
+      ]
+    },
+    {
+      "need": "A command or file to copy, wrapped or scrolling",
+      "guidance": "`CodeBlock` with `CodeBlockCopyButton` in `CodeBlockActions` inside a `CodeBlockHeader`, never floating over the code",
+      "components": [
+        "CodeBlock",
+        "CodeBlockCopyButton",
+        "CodeBlockActions",
+        "CodeBlockHeader"
+      ]
+    },
+    {
+      "need": "A labelled copy action, such as \"Copy all\" for a section",
+      "guidance": "`CopyButton`",
+      "components": [
+        "CopyButton"
+      ]
+    },
+    {
+      "need": "Data blocks side by side: charts, tables, a strip of figures",
+      "guidance": "`PanelGrid`",
+      "components": [
+        "PanelGrid"
+      ]
+    },
+    {
+      "need": "Separate square cards instead of the default ruled panels, or no lines at all, for a page or a part of one",
+      "guidance": "`SiyahiProvider` with `surface=\"card\"` or `surface=\"open\"`",
+      "components": [
+        "SiyahiProvider"
+      ]
+    },
+    {
+      "need": "A forecast stretch after the latest actual figure, or a marker for today",
+      "guidance": "`LineChartCard` or `AreaChartCard` with `forecastFrom` and `today` set to x values",
+      "components": [
+        "LineChartCard",
+        "AreaChartCard"
+      ]
+    },
+    {
+      "need": "More than five lines on one chart",
+      "guidance": "chart colours for the few the page is about, `var(--muted-foreground)` for the rest; every line keeps its own name",
+      "components": []
+    },
+    {
+      "need": "A chart or stat tile whose data is old",
+      "guidance": "`stale` on the chart card or the `SectionCards` item, with since when (\"3 Nov\"); `StaleNote` for another kind of block",
+      "components": [
+        "SectionCards",
+        "StaleNote"
+      ]
+    },
+    {
+      "need": "A form field with its label, a hint or an error",
+      "guidance": "`Field` with `FieldLabel`, the control, then `FieldDescription` or `FieldError`; `aria-invalid` on an invalid control",
+      "components": [
+        "Field",
+        "FieldLabel",
+        "FieldDescription",
+        "FieldError"
+      ]
+    },
+    {
+      "need": "A command, file or identifier inside prose",
+      "guidance": "`InlineCode`",
+      "components": [
+        "InlineCode"
+      ]
+    },
+    {
+      "need": "A signed figure (a gain, a loss, a change)",
+      "guidance": "`Delta`",
+      "components": [
+        "Delta"
+      ]
+    },
+    {
+      "need": "A time, with the viewer's own clock on hover",
+      "guidance": "`LocalTime`",
+      "components": [
+        "LocalTime"
+      ]
+    },
+    {
+      "need": "Tables inside narrow panels or on phones",
+      "guidance": "`DataTable` suspends horizontal freezing below 40rem of table space; retain every field through scrolling, or compose essential columns and accessible record details in the page",
+      "components": [
+        "DataTable"
+      ]
+    },
+    {
+      "need": "Table filters that crowd a phone toolbar",
+      "guidance": "Compose `Sheet` with `DataTableFacetedFilter`; useDataTable().isCompact follows the table container. Set DataTableRoot config.enableFilters explicitly when controls are conditional",
+      "components": [
+        "Sheet",
+        "DataTableFacetedFilter"
+      ]
+    },
+    {
+      "need": "Long ranked labels in a narrow panel",
+      "guidance": "`BarList` wraps full names above their bars in narrow space; multi-series comparisons remain on `BarChartCard`",
+      "components": [
+        "BarList",
+        "BarChartCard"
+      ]
+    },
+    {
+      "need": "Heatmap cells on touch screens or with a keyboard",
+      "guidance": "`CalendarHeatmap`, `WeekdayHeatmap` and `StatusHeatmap` use onCellClick with a visible readout; arrows navigate one tab entry. WeekdayHeatmap hours and weekdays choose the displayed domain",
+      "components": [
+        "CalendarHeatmap",
+        "WeekdayHeatmap",
+        "StatusHeatmap"
+      ]
+    }
+  ],
+  "examples": [
+    {
+      "file": "agents/examples/accordion.tsx",
+      "components": [
+        "Accordion",
+        "AccordionContent",
+        "AccordionItem",
+        "AccordionTrigger"
+      ]
+    },
+    {
+      "file": "agents/examples/alert.tsx",
+      "components": [
+        "AlertDescription",
+        "AlertTitle",
+        "StatusAlert"
+      ]
+    },
+    {
+      "file": "agents/examples/app-sidebar.tsx",
+      "components": [
+        "AppSidebar",
+        "SidebarProvider"
+      ]
+    },
+    {
+      "file": "agents/examples/avatar.tsx",
+      "components": [
+        "Avatar",
+        "AvatarBadge",
+        "AvatarFallback",
+        "AvatarGroup"
+      ]
+    },
+    {
+      "file": "agents/examples/badge.tsx",
+      "components": [
+        "Badge",
+        "Delta",
+        "StatusBadge"
+      ]
+    },
+    {
+      "file": "agents/examples/bar-list-labels.tsx",
+      "components": [
+        "BarList",
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/bar-list-sides.tsx",
+      "components": [
+        "BarList",
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/bar-list.tsx",
+      "components": [
+        "BarList",
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "Delta",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/breadcrumb.tsx",
+      "components": [
+        "Breadcrumb",
+        "BreadcrumbItem",
+        "BreadcrumbLink",
+        "BreadcrumbList",
+        "BreadcrumbPage",
+        "BreadcrumbSeparator"
+      ]
+    },
+    {
+      "file": "agents/examples/button-states.tsx",
+      "components": [
+        "Button",
+        "Toggle"
+      ]
+    },
+    {
+      "file": "agents/examples/button.tsx",
+      "components": [
+        "Button"
+      ]
+    },
+    {
+      "file": "agents/examples/calendar.tsx",
+      "components": [
+        "Calendar"
+      ]
+    },
+    {
+      "file": "agents/examples/callout.tsx",
+      "components": [
+        "AlertDescription",
+        "AlertTitle",
+        "Callout",
+        "Quote",
+        "StatusAlert"
+      ]
+    },
+    {
+      "file": "agents/examples/card.tsx",
+      "components": [
+        "Button",
+        "Card",
+        "CardAction",
+        "CardContent",
+        "CardDescription",
+        "CardFooter",
+        "CardHeader",
+        "CardTitle",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/change-bar.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "ChangeBar",
+        "DataTable",
+        "DataTableBody",
+        "DataTableCompactColumnsToggle",
+        "DataTableFootnote",
+        "DataTableHeader",
+        "DataTableRoot",
+        "DataTableSortHeader",
+        "DataTableToolbarSection",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/change-grid-money.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "ChangeGrid"
+      ]
+    },
+    {
+      "file": "agents/examples/change-grid.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "ChangeGrid"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-area-log.tsx",
+      "components": [
+        "AreaChartCard",
+        "ToggleGroup",
+        "ToggleGroupItem",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-area.tsx",
+      "components": [
+        "AreaChartCard",
+        "ToggleGroup",
+        "ToggleGroupItem",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-bar-flows.tsx",
+      "components": [
+        "BarChartCard",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-bar-hourly.tsx",
+      "components": [
+        "BarChartCard"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-bar-losses.tsx",
+      "components": [
+        "BarChartCard",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-bar-teams.tsx",
+      "components": [
+        "BarChartCard",
+        "ToggleGroup",
+        "ToggleGroupItem",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-bar-years.tsx",
+      "components": [
+        "BarChartCard",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-bar.tsx",
+      "components": [
+        "BarChartCard",
+        "ToggleGroup",
+        "ToggleGroupItem",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-category-ticks.tsx",
+      "components": [
+        "AreaChartCard",
+        "BarChartCard",
+        "LineChartCard"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-line-events.tsx",
+      "components": [
+        "LineChartCard"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-line-forecast.tsx",
+      "components": [
+        "LineChartCard",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-line-log.tsx",
+      "components": [
+        "Badge",
+        "LineChartCard",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-line-quiet.tsx",
+      "components": [
+        "LineChartCard",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-line-timeline.tsx",
+      "components": [
+        "LineChartCard"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-line.tsx",
+      "components": [
+        "LineChartCard",
+        "ToggleGroup",
+        "ToggleGroupItem",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/chart-panels.tsx",
+      "components": [
+        "AreaChartCard",
+        "BarChartCard",
+        "LineChartCard",
+        "PanelGrid",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/code-block.tsx",
+      "components": [
+        "CodeBlock",
+        "CodeBlockActions",
+        "CodeBlockContent",
+        "CodeBlockCopyButton",
+        "CodeBlockHeader",
+        "CodeBlockTitle"
+      ]
+    },
+    {
+      "file": "agents/examples/collapsible.tsx",
+      "components": [
+        "Button",
+        "Collapsible",
+        "CollapsibleContent",
+        "CollapsibleTrigger"
+      ]
+    },
+    {
+      "file": "agents/examples/command.tsx",
+      "components": [
+        "Command",
+        "CommandEmpty",
+        "CommandGroup",
+        "CommandInput",
+        "CommandItem",
+        "CommandList"
+      ]
+    },
+    {
+      "file": "agents/examples/context-menu.tsx",
+      "components": [
+        "ContextMenu",
+        "ContextMenuContent",
+        "ContextMenuItem",
+        "ContextMenuTrigger"
+      ]
+    },
+    {
+      "file": "agents/examples/copy-button.tsx",
+      "components": [
+        "CopyButton"
+      ]
+    },
+    {
+      "file": "agents/examples/data-bar.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "DataBar",
+        "DataTable",
+        "DataTableBody",
+        "DataTableHeader",
+        "DataTableRoot",
+        "DataTableSortHeader",
+        "Sparkline",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/data-table-compact.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "DataTable",
+        "DataTableBody",
+        "DataTableCompactColumnsToggle",
+        "DataTableHeader",
+        "DataTableRoot",
+        "DataTableRowCount",
+        "DataTableSortHeader",
+        "DataTableToolbarSection",
+        "Delta",
+        "useDataTable",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/data-table-filters.tsx",
+      "components": [
+        "Button",
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "DataTable",
+        "DataTableBody",
+        "DataTableFacetedFilter",
+        "DataTableHeader",
+        "DataTableRoot",
+        "DataTableRowCount",
+        "DataTableSearchFilter",
+        "DataTableSortHeader",
+        "DataTableToolbarSection",
+        "Sheet",
+        "SheetClose",
+        "SheetContent",
+        "SheetDescription",
+        "SheetFooter",
+        "SheetHeader",
+        "SheetTitle",
+        "SheetTrigger",
+        "useDataTable"
+      ]
+    },
+    {
+      "file": "agents/examples/data-table.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "DataTable",
+        "DataTableBody",
+        "DataTableFacetedFilter",
+        "DataTableHeader",
+        "DataTableRoot",
+        "DataTableRowCount",
+        "DataTableSearchFilter",
+        "DataTableSortHeader",
+        "DataTableToolbarSection",
+        "Delta",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/delta.tsx",
+      "components": [
+        "Delta"
+      ]
+    },
+    {
+      "file": "agents/examples/dialog.tsx",
+      "components": [
+        "Button",
+        "Dialog",
+        "DialogClose",
+        "DialogContent",
+        "DialogDescription",
+        "DialogFooter",
+        "DialogHeader",
+        "DialogTitle",
+        "DialogTrigger"
+      ]
+    },
+    {
+      "file": "agents/examples/distribution-bar-budget.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "DistributionBar"
+      ]
+    },
+    {
+      "file": "agents/examples/distribution-bar-tug.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardFooter",
+        "CardHeader",
+        "CardTitle",
+        "Delta",
+        "DistributionBar"
+      ]
+    },
+    {
+      "file": "agents/examples/drawdown-chart.tsx",
+      "components": [
+        "DrawdownChartCard",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/dropdown-menu.tsx",
+      "components": [
+        "Button",
+        "DropdownMenu",
+        "DropdownMenuContent",
+        "DropdownMenuGroup",
+        "DropdownMenuItem",
+        "DropdownMenuLabel",
+        "DropdownMenuSeparator",
+        "DropdownMenuTrigger"
+      ]
+    },
+    {
+      "file": "agents/examples/field.tsx",
+      "components": [
+        "Button",
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "Field",
+        "FieldDescription",
+        "FieldError",
+        "FieldLabel",
+        "Input",
+        "InputGroup",
+        "InputGroupAddon",
+        "InputGroupInput",
+        "Select",
+        "SelectContent",
+        "SelectGroup",
+        "SelectItem",
+        "SelectTrigger",
+        "SelectValue",
+        "Textarea",
+        "ToggleGroup",
+        "ToggleGroupItem"
+      ]
+    },
+    {
+      "file": "agents/examples/formatters.tsx",
+      "components": [
+        "SiyahiProvider",
+        "Table",
+        "TableBody",
+        "TableCell",
+        "TableHead",
+        "TableHeader",
+        "TableRow",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/heatmap-calendar-signed.tsx",
+      "components": [
+        "CalendarHeatmap",
+        "CalendarHeatmapBlock",
+        "CalendarHeatmapBody",
+        "CalendarHeatmapFooter",
+        "CalendarHeatmapLegend",
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/heatmap-calendar.tsx",
+      "components": [
+        "CalendarHeatmap",
+        "CalendarHeatmapBlock",
+        "CalendarHeatmapBody",
+        "CalendarHeatmapFooter",
+        "CalendarHeatmapLegend",
+        "useFormat",
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle"
+      ]
+    },
+    {
+      "file": "agents/examples/heatmap-status.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "StatusHeatmap",
+        "StatusHeatmapBlock",
+        "StatusHeatmapBody",
+        "StatusHeatmapFooter",
+        "StatusHeatmapLegend"
+      ]
+    },
+    {
+      "file": "agents/examples/heatmap-weekday.tsx",
+      "components": [
+        "useFormat",
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "WeekdayHeatmap",
+        "WeekdayHeatmapBlock",
+        "WeekdayHeatmapBody",
+        "WeekdayHeatmapLegend"
+      ]
+    },
+    {
+      "file": "agents/examples/histogram-chart.tsx",
+      "components": [
+        "HistogramChartCard",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/input-states.tsx",
+      "components": [
+        "Field",
+        "FieldDescription",
+        "FieldError",
+        "FieldLabel",
+        "Input"
+      ]
+    },
+    {
+      "file": "agents/examples/input.tsx",
+      "components": [
+        "Input",
+        "InputGroup",
+        "InputGroupAddon",
+        "InputGroupInput",
+        "Textarea"
+      ]
+    },
+    {
+      "file": "agents/examples/local-time.tsx",
+      "components": [
+        "LocalTime"
+      ]
+    },
+    {
+      "file": "agents/examples/metric-strip.tsx",
+      "components": [
+        "MetricStrip",
+        "ToggleGroup",
+        "ToggleGroupItem",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/overview-dashboard.tsx",
+      "components": [
+        "Badge",
+        "Button",
+        "Callout",
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "Delta",
+        "Input",
+        "PageHero",
+        "PanelGrid",
+        "StatusBadge",
+        "Table",
+        "TableBody",
+        "TableCell",
+        "TableFooter",
+        "TableHead",
+        "TableHeader",
+        "TableRow",
+        "ToggleGroup",
+        "ToggleGroupItem",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/page-hero.tsx",
+      "components": [
+        "Button",
+        "PageHero"
+      ]
+    },
+    {
+      "file": "agents/examples/page-section.tsx",
+      "components": [
+        "Button",
+        "Card",
+        "CardContent",
+        "CardHeader",
+        "CardTitle",
+        "DataList",
+        "DataListItem",
+        "InlineCode",
+        "PageSection",
+        "PageSubheading"
+      ]
+    },
+    {
+      "file": "agents/examples/popover.tsx",
+      "components": [
+        "Button",
+        "Popover",
+        "PopoverContent",
+        "PopoverDescription",
+        "PopoverHeader",
+        "PopoverTitle",
+        "PopoverTrigger"
+      ]
+    },
+    {
+      "file": "agents/examples/price-chart.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardFooter",
+        "CardHeader",
+        "CardTitle",
+        "PriceChart"
+      ]
+    },
+    {
+      "file": "agents/examples/progress-tone.tsx",
+      "components": [
+        "ToneProgress",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/progress.tsx",
+      "components": [
+        "Progress",
+        "ProgressLabel",
+        "ProgressValue"
+      ]
+    },
+    {
+      "file": "agents/examples/range-position-table.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "DataTable",
+        "DataTableBody",
+        "DataTableCompactColumnsToggle",
+        "DataTableHeader",
+        "DataTableRoot",
+        "DataTableSortHeader",
+        "DataTableToolbarSection",
+        "RangePosition",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/range-position.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "DataList",
+        "DataListItem",
+        "RangePosition",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/scatter-chart-quadrants.tsx",
+      "components": [
+        "ScatterChartCard",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/scatter-chart-scales.tsx",
+      "components": [
+        "ScatterChartCard",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/scatter-chart.tsx",
+      "components": [
+        "Badge",
+        "ScatterChartCard",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/scroll-area.tsx",
+      "components": [
+        "ScrollArea",
+        "Separator"
+      ]
+    },
+    {
+      "file": "agents/examples/section-cards-select.tsx",
+      "components": [
+        "Delta",
+        "SectionCards",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/section-cards-trend.tsx",
+      "components": [
+        "Delta",
+        "SectionCards",
+        "Sparkline",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/section-cards.tsx",
+      "components": [
+        "Delta",
+        "SectionCards",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/select.tsx",
+      "components": [
+        "Select",
+        "SelectContent",
+        "SelectGroup",
+        "SelectItem",
+        "SelectTrigger",
+        "SelectValue"
+      ]
+    },
+    {
+      "file": "agents/examples/separator.tsx",
+      "components": [
+        "Separator"
+      ]
+    },
+    {
+      "file": "agents/examples/sheet.tsx",
+      "components": [
+        "Button",
+        "Sheet",
+        "SheetContent",
+        "SheetDescription",
+        "SheetHeader",
+        "SheetTitle",
+        "SheetTrigger"
+      ]
+    },
+    {
+      "file": "agents/examples/skeleton.tsx",
+      "components": [
+        "Skeleton"
+      ]
+    },
+    {
+      "file": "agents/examples/slider.tsx",
+      "components": [
+        "Slider"
+      ]
+    },
+    {
+      "file": "agents/examples/slope-chart-market.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "SlopeChart"
+      ]
+    },
+    {
+      "file": "agents/examples/slope-chart.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "SlopeChart"
+      ]
+    },
+    {
+      "file": "agents/examples/stale-blocks.tsx",
+      "components": [
+        "AreaChartCard",
+        "Delta",
+        "SectionCards",
+        "Sparkline",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/surfaces.tsx",
+      "components": [
+        "BarChartCard",
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "MetricStrip",
+        "PanelGrid",
+        "SiyahiProvider",
+        "Table",
+        "TableBody",
+        "TableCell",
+        "TableHead",
+        "TableHeader",
+        "TableRow",
+        "ToggleGroup",
+        "ToggleGroupItem",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/table.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardHeader",
+        "CardTitle",
+        "Table",
+        "TableBody",
+        "TableCell",
+        "TableFooter",
+        "TableHead",
+        "TableHeader",
+        "TableRow",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/tabs.tsx",
+      "components": [
+        "Tabs",
+        "TabsContent",
+        "TabsList",
+        "TabsTrigger"
+      ]
+    },
+    {
+      "file": "agents/examples/target-rows.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "TargetRows",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/toggle-group.tsx",
+      "components": [
+        "ToggleGroup",
+        "ToggleGroupItem"
+      ]
+    },
+    {
+      "file": "agents/examples/toggle.tsx",
+      "components": [
+        "Toggle"
+      ]
+    },
+    {
+      "file": "agents/examples/tooltip.tsx",
+      "components": [
+        "Button",
+        "Tooltip",
+        "TooltipContent",
+        "TooltipTrigger"
+      ]
+    },
+    {
+      "file": "agents/examples/treemap.tsx",
+      "components": [
+        "Card",
+        "CardContent",
+        "CardDescription",
+        "CardHeader",
+        "CardTitle",
+        "Tooltip",
+        "TooltipContent",
+        "TooltipTrigger",
+        "Treemap",
+        "TreemapLegend",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/waterfall-chart-stores.tsx",
+      "components": [
+        "WaterfallChartCard",
+        "useFormat"
+      ]
+    },
+    {
+      "file": "agents/examples/waterfall-chart.tsx",
+      "components": [
+        "WaterfallChartCard",
+        "useFormat"
+      ]
+    }
+  ]
+}