@codesweep-ai/ui 0.3.1-dev.20261002022926.897c2b6 → 0.3.1-dev.20261018200310.6630a1d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +16 -16
  2. package/catalog.json +50 -50
  3. package/dist/BUILD.json +1 -1
  4. package/dist/components/CodeBlock.d.ts.map +1 -1
  5. package/dist/components/CodeBlock.js +2 -1
  6. package/dist/styles/components/code-block.css +5 -1
  7. package/dist/styles/syntax.css +12 -2
  8. package/package.json +2 -2
package/README.md CHANGED
@@ -1,7 +1,7 @@
1
1
  # @codesweep-ai/ui
2
2
 
3
3
  [![ci](https://github.com/codesweep-ai/ui/actions/workflows/ci.yml/badge.svg)](https://github.com/codesweep-ai/ui/actions/workflows/ci.yml)
4
- [![license: Apache-2.0](https://img.shields.io/badge/license-Apache_2.0-blue.svg)](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/LICENSE)
4
+ [![license: Apache-2.0](https://img.shields.io/badge/license-Apache_2.0-blue.svg)](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/LICENSE)
5
5
  ![React](https://img.shields.io/badge/react-18%20%C2%B7%2019-informational)
6
6
  ![Themes](https://img.shields.io/badge/themes-light%20%C2%B7%20dark-lightgrey)
7
7
 
@@ -46,7 +46,7 @@ export function RunStatus() {
46
46
  }
47
47
  ```
48
48
 
49
- [INSTALL.md](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/INSTALL.md) has the rest: the prerequisites, which stylesheets a
49
+ [INSTALL.md](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/INSTALL.md) has the rest: the prerequisites, which stylesheets a
50
50
  project needs, and the boot script that applies a theme before React paints. To
51
51
  look at the components before installing anything, start with the catalogue
52
52
  app below.
@@ -80,9 +80,9 @@ filesystem.
80
80
  ## Finding a component
81
81
 
82
82
  The package ships dozens of components and patterns.
83
- [CATALOG.md](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/CATALOG.md) indexes them by intent, so search it for what you are
83
+ [CATALOG.md](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/CATALOG.md) indexes them by intent, so search it for what you are
84
84
  building rather than scanning a list. Each entry links to that component's
85
- specification under [`components/`](https://github.com/codesweep-ai/ui/tree/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components), which holds its props, its
85
+ specification under [`components/`](https://github.com/codesweep-ai/ui/tree/6630a1d29ac5da0a5a2153b624a5efb07deee101/components), which holds its props, its
86
86
  visual spec, and the DOM hooks it guarantees.
87
87
 
88
88
  The catalogue also gives the order to decide in. Match an entry and compose it,
@@ -93,11 +93,11 @@ fits.
93
93
 
94
94
  Light and dark both ship. `ThemeToggle` renders the control, `useTheme` reads
95
95
  and sets the value, and `themeBootScript` applies the stored choice before the
96
- page paints. [MANUAL.md](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/MANUAL.md) covers all three.
96
+ page paints. [MANUAL.md](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/MANUAL.md) covers all three.
97
97
 
98
98
  The tokens beneath both themes cover colour, space, radius, type and elevation.
99
99
  Every one is a CSS custom property, and section 4 of
100
- [DESIGN_SYSTEM_SPEC.md](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/DESIGN_SYSTEM_SPEC.md) lists them. A component
100
+ [DESIGN_SYSTEM_SPEC.md](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/DESIGN_SYSTEM_SPEC.md) lists them. A component
101
101
  stylesheet reads tokens and never literal values, which `npm run check`
102
102
  enforces.
103
103
 
@@ -105,27 +105,27 @@ enforces.
105
105
 
106
106
  The documentation lives in the [codesweep-ai/ui](https://github.com/codesweep-ai/ui)
107
107
  GitHub repository rather than in this package. Every link below is pinned
108
- to `897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6`, the commit this build came from, so it describes what you
108
+ to `6630a1d29ac5da0a5a2153b624a5efb07deee101`, the commit this build came from, so it describes what you
109
109
  installed and not whatever `main` holds when you follow it.
110
110
 
111
111
  `catalog.json` is the exception: it ships beside the code. It is the same
112
112
  index as `CATALOG.md`, as data, and it cannot disagree with the build it
113
113
  came in.
114
114
 
115
- - [INSTALL.md](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/INSTALL.md) · getting the package, and the setup it needs once
116
- - [MANUAL.md](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/MANUAL.md) · what the package exports, the entry points, theming and the DOM contract
117
- - [CATALOG.md](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/CATALOG.md) · every component and pattern, indexed by intent
118
- - [DESIGN_SYSTEM_SPEC.md](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/DESIGN_SYSTEM_SPEC.md) · the tokens, the architecture and the conventions
119
- - [CHANGELOG.md](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/CHANGELOG.md) · what an upgrade between versions asks of you
120
- - [CONTRIBUTING.md](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/CONTRIBUTING.md) · working on the package
121
- - [AGENTS.md](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/AGENTS.md) · where an agent looks first
115
+ - [INSTALL.md](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/INSTALL.md) · getting the package, and the setup it needs once
116
+ - [MANUAL.md](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/MANUAL.md) · what the package exports, the entry points, theming and the DOM contract
117
+ - [CATALOG.md](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/CATALOG.md) · every component and pattern, indexed by intent
118
+ - [DESIGN_SYSTEM_SPEC.md](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/DESIGN_SYSTEM_SPEC.md) · the tokens, the architecture and the conventions
119
+ - [CHANGELOG.md](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/CHANGELOG.md) · what an upgrade between versions asks of you
120
+ - [CONTRIBUTING.md](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/CONTRIBUTING.md) · working on the package
121
+ - [AGENTS.md](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/AGENTS.md) · where an agent looks first
122
122
 
123
123
  ## Contributing
124
124
 
125
125
  Bug reports and pull requests are welcome.
126
- [CONTRIBUTING.md](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/CONTRIBUTING.md) says how to work on the package, and applies
126
+ [CONTRIBUTING.md](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/CONTRIBUTING.md) says how to work on the package, and applies
127
127
  to coding agents as well as to people.
128
128
 
129
129
  ## License
130
130
 
131
- [Apache-2.0](https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/LICENSE).
131
+ [Apache-2.0](https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/LICENSE).
package/catalog.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
- "$generated": "Do not edit. Run `npm run catalog`. Source: spec frontmatter. Published copy: each spec is an absolute URL pinned to 897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6.",
2
+ "$generated": "Do not edit. Run `npm run catalog`. Source: spec frontmatter. Published copy: each spec is an absolute URL pinned to 6630a1d29ac5da0a5a2153b624a5efb07deee101.",
3
3
  "counts": {
4
4
  "components": 38,
5
5
  "patterns": 11
6
6
  },
7
7
  "components": [
8
8
  {
9
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/AgentStatus.md",
9
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/AgentStatus.md",
10
10
  "name": "AgentStatus",
11
11
  "import": [
12
12
  "@codesweep-ai/ui"
@@ -50,7 +50,7 @@
50
50
  "note": null
51
51
  },
52
52
  {
53
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/AgentTrace.md",
53
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/AgentTrace.md",
54
54
  "name": "AgentTrace",
55
55
  "import": [
56
56
  "@codesweep-ai/ui"
@@ -92,7 +92,7 @@
92
92
  "note": null
93
93
  },
94
94
  {
95
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/AppShell.md",
95
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/AppShell.md",
96
96
  "name": "AppShell",
97
97
  "import": [
98
98
  "@codesweep-ai/ui"
@@ -135,7 +135,7 @@
135
135
  "note": "The Header is reserved for global chrome only. Feature-specific controls (dropdowns, search bars, breadcrumbs) belong in a feature toolbar inside the <main> content area, not in the Header."
136
136
  },
137
137
  {
138
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Button.md",
138
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Button.md",
139
139
  "name": "Button",
140
140
  "import": [
141
141
  "@codesweep-ai/ui"
@@ -178,7 +178,7 @@
178
178
  "note": null
179
179
  },
180
180
  {
181
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Card.md",
181
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Card.md",
182
182
  "name": "Card",
183
183
  "import": [
184
184
  "@codesweep-ai/ui"
@@ -223,7 +223,7 @@
223
223
  "note": null
224
224
  },
225
225
  {
226
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/CardGroup.md",
226
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/CardGroup.md",
227
227
  "name": "CardGroup",
228
228
  "import": [
229
229
  "@codesweep-ai/ui"
@@ -265,7 +265,7 @@
265
265
  "note": null
266
266
  },
267
267
  {
268
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/ChartFrame.md",
268
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/ChartFrame.md",
269
269
  "name": "ChartFrame",
270
270
  "import": [
271
271
  "@codesweep-ai/ui/chart"
@@ -309,7 +309,7 @@
309
309
  "note": "The DS provides the frame + theme bridge (useChartTheme), NOT chart primitives. For a force-directed graph: render d3-force inside a ChartFrame and colour from theme.graph rather than theme.categorical, because any pair of nodes can end up side by side. Don't reinvent the card/state shell."
310
310
  },
311
311
  {
312
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/ChartTooltip.md",
312
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/ChartTooltip.md",
313
313
  "name": "ChartTooltip",
314
314
  "import": [
315
315
  "@codesweep-ai/ui/chart"
@@ -349,7 +349,7 @@
349
349
  "note": null
350
350
  },
351
351
  {
352
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/CheckboxGroup.md",
352
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/CheckboxGroup.md",
353
353
  "name": "CheckboxGroup",
354
354
  "import": [
355
355
  "@codesweep-ai/ui"
@@ -395,7 +395,7 @@
395
395
  "note": null
396
396
  },
397
397
  {
398
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Chip.md",
398
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Chip.md",
399
399
  "name": "Chip",
400
400
  "import": [
401
401
  "@codesweep-ai/ui"
@@ -432,7 +432,7 @@
432
432
  "note": null
433
433
  },
434
434
  {
435
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/CodeBlock.md",
435
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/CodeBlock.md",
436
436
  "name": "CodeBlock",
437
437
  "import": [
438
438
  "@codesweep-ai/ui/code"
@@ -476,7 +476,7 @@
476
476
  "note": null
477
477
  },
478
478
  {
479
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Dropdown.md",
479
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Dropdown.md",
480
480
  "name": "Dropdown",
481
481
  "import": [
482
482
  "@codesweep-ai/ui"
@@ -521,7 +521,7 @@
521
521
  "note": null
522
522
  },
523
523
  {
524
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/EventLanes.md",
524
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/EventLanes.md",
525
525
  "name": "EventLanes",
526
526
  "import": [
527
527
  "@codesweep-ai/ui"
@@ -565,7 +565,7 @@
565
565
  "note": "The palette accepts CSS custom-property names such as --color-cat-1, never resolved colors or hex values. EventLanes is canvas-rendered but exposes every visible event and span through a stable DOM census."
566
566
  },
567
567
  {
568
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/FormGroup.md",
568
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/FormGroup.md",
569
569
  "name": "FormGroup",
570
570
  "import": [
571
571
  "@codesweep-ai/ui"
@@ -607,7 +607,7 @@
607
607
  "note": null
608
608
  },
609
609
  {
610
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/HighlightText.md",
610
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/HighlightText.md",
611
611
  "name": "HighlightText",
612
612
  "import": [
613
613
  "@codesweep-ai/ui"
@@ -648,7 +648,7 @@
648
648
  "note": null
649
649
  },
650
650
  {
651
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Input.md",
651
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Input.md",
652
652
  "name": "Input",
653
653
  "import": [
654
654
  "@codesweep-ai/ui"
@@ -693,7 +693,7 @@
693
693
  "note": null
694
694
  },
695
695
  {
696
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Legend.md",
696
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Legend.md",
697
697
  "name": "Legend",
698
698
  "import": [
699
699
  "@codesweep-ai/ui"
@@ -730,7 +730,7 @@
730
730
  "note": "Swatch colors are CSS custom-property names, never resolved colors or hex values."
731
731
  },
732
732
  {
733
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/MarkdownMinimap.md",
733
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/MarkdownMinimap.md",
734
734
  "name": "MarkdownMinimap",
735
735
  "import": [
736
736
  "@codesweep-ai/ui/minimap"
@@ -770,7 +770,7 @@
770
770
  "note": "Requires a React ref to the scrollable markdown container it controls; it reads scroll position and heading layout from that element."
771
771
  },
772
772
  {
773
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/MarkdownViewer.md",
773
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/MarkdownViewer.md",
774
774
  "name": "MarkdownViewer",
775
775
  "import": [
776
776
  "@codesweep-ai/ui/markdown",
@@ -816,7 +816,7 @@
816
816
  "note": "Requires markdown-content.css imported at the feature level: @import \"@codesweep-ai/ui/styles/markdown-content.css\" Without this, headings, tables, code blocks, and alerts render unstyled."
817
817
  },
818
818
  {
819
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/MermaidDiagram.md",
819
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/MermaidDiagram.md",
820
820
  "name": "MermaidDiagram",
821
821
  "import": [
822
822
  "@codesweep-ai/ui/mermaid"
@@ -861,7 +861,7 @@
861
861
  "note": "Mermaid runs at securityLevel \"strict\" with HTML labels off, so click directives in a chart do not fire."
862
862
  },
863
863
  {
864
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Modal.md",
864
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Modal.md",
865
865
  "name": "Modal",
866
866
  "import": [
867
867
  "@codesweep-ai/ui"
@@ -902,7 +902,7 @@
902
902
  "note": null
903
903
  },
904
904
  {
905
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Page.md",
905
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Page.md",
906
906
  "name": "Page",
907
907
  "import": [
908
908
  "@codesweep-ai/ui"
@@ -949,7 +949,7 @@
949
949
  "note": null
950
950
  },
951
951
  {
952
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Panel.md",
952
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Panel.md",
953
953
  "name": "Panel",
954
954
  "import": [
955
955
  "@codesweep-ai/ui"
@@ -996,7 +996,7 @@
996
996
  "note": null
997
997
  },
998
998
  {
999
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/PulseBadge.md",
999
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/PulseBadge.md",
1000
1000
  "name": "PulseBadge",
1001
1001
  "import": [
1002
1002
  "@codesweep-ai/ui"
@@ -1038,7 +1038,7 @@
1038
1038
  "note": null
1039
1039
  },
1040
1040
  {
1041
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/RadioGroup.md",
1041
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/RadioGroup.md",
1042
1042
  "name": "RadioGroup",
1043
1043
  "import": [
1044
1044
  "@codesweep-ai/ui"
@@ -1077,7 +1077,7 @@
1077
1077
  "note": null
1078
1078
  },
1079
1079
  {
1080
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/SearchInput.md",
1080
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/SearchInput.md",
1081
1081
  "name": "SearchInput",
1082
1082
  "import": [
1083
1083
  "@codesweep-ai/ui"
@@ -1119,7 +1119,7 @@
1119
1119
  "note": null
1120
1120
  },
1121
1121
  {
1122
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/SectionedTree.md",
1122
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/SectionedTree.md",
1123
1123
  "name": "SectionedTree",
1124
1124
  "import": [
1125
1125
  "@codesweep-ai/ui"
@@ -1163,7 +1163,7 @@
1163
1163
  "note": null
1164
1164
  },
1165
1165
  {
1166
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/SegmentedControl.md",
1166
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/SegmentedControl.md",
1167
1167
  "name": "SegmentedControl",
1168
1168
  "import": [
1169
1169
  "@codesweep-ai/ui"
@@ -1200,7 +1200,7 @@
1200
1200
  "note": null
1201
1201
  },
1202
1202
  {
1203
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Skeleton.md",
1203
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Skeleton.md",
1204
1204
  "name": "Skeleton",
1205
1205
  "import": [
1206
1206
  "@codesweep-ai/ui"
@@ -1238,7 +1238,7 @@
1238
1238
  "note": null
1239
1239
  },
1240
1240
  {
1241
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/SplitPane.md",
1241
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/SplitPane.md",
1242
1242
  "name": "SplitPane",
1243
1243
  "import": [
1244
1244
  "@codesweep-ai/ui"
@@ -1278,7 +1278,7 @@
1278
1278
  "note": "SplitPane uses height: 100%, so its parent must have a defined height. In full-viewport layouts this happens naturally; in page layouts wrap SplitPane in a container with an explicit height, such as h-96."
1279
1279
  },
1280
1280
  {
1281
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/StatusBadge.md",
1281
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/StatusBadge.md",
1282
1282
  "name": "StatusBadge",
1283
1283
  "import": [
1284
1284
  "@codesweep-ai/ui"
@@ -1319,7 +1319,7 @@
1319
1319
  "note": null
1320
1320
  },
1321
1321
  {
1322
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/StreamingText.md",
1322
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/StreamingText.md",
1323
1323
  "name": "StreamingText",
1324
1324
  "import": [
1325
1325
  "@codesweep-ai/ui"
@@ -1361,7 +1361,7 @@
1361
1361
  "note": null
1362
1362
  },
1363
1363
  {
1364
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Table.md",
1364
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Table.md",
1365
1365
  "name": "Table",
1366
1366
  "import": [
1367
1367
  "@codesweep-ai/ui"
@@ -1410,7 +1410,7 @@
1410
1410
  "note": null
1411
1411
  },
1412
1412
  {
1413
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/ThemeToggle.md",
1413
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/ThemeToggle.md",
1414
1414
  "name": "ThemeToggle",
1415
1415
  "import": [
1416
1416
  "@codesweep-ai/ui"
@@ -1443,7 +1443,7 @@
1443
1443
  "note": null
1444
1444
  },
1445
1445
  {
1446
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Toast.md",
1446
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Toast.md",
1447
1447
  "name": "Toast",
1448
1448
  "import": [
1449
1449
  "@codesweep-ai/ui"
@@ -1485,7 +1485,7 @@
1485
1485
  "note": null
1486
1486
  },
1487
1487
  {
1488
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/ToastContainer.md",
1488
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/ToastContainer.md",
1489
1489
  "name": "ToastContainer",
1490
1490
  "import": [
1491
1491
  "@codesweep-ai/ui"
@@ -1522,7 +1522,7 @@
1522
1522
  "note": null
1523
1523
  },
1524
1524
  {
1525
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Tooltip.md",
1525
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Tooltip.md",
1526
1526
  "name": "Tooltip",
1527
1527
  "import": [
1528
1528
  "@codesweep-ai/ui"
@@ -1568,7 +1568,7 @@
1568
1568
  "note": "Pass describedBy={false} whenever the bubble only repeats text already in the DOM, such as a truncated label. The element itself is what a screen reader reads; announcing the bubble too says the same thing twice."
1569
1569
  },
1570
1570
  {
1571
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/components/Tree.md",
1571
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/components/Tree.md",
1572
1572
  "name": "Tree",
1573
1573
  "import": [
1574
1574
  "@codesweep-ai/ui"
@@ -1615,7 +1615,7 @@
1615
1615
  ],
1616
1616
  "patterns": [
1617
1617
  {
1618
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/patterns/AgentActivity.md",
1618
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/patterns/AgentActivity.md",
1619
1619
  "name": "AgentActivity",
1620
1620
  "summary": "Visual language for surfacing real-time AI agent work — in-flight, paused, and settled states.",
1621
1621
  "keywords": [
@@ -1655,7 +1655,7 @@
1655
1655
  "note": null
1656
1656
  },
1657
1657
  {
1658
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/patterns/Chart.md",
1658
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/patterns/Chart.md",
1659
1659
  "name": "Chart",
1660
1660
  "summary": "Theme-aware chart bridge for d3, recharts, and any other library — routes all colors through design-system tokens.",
1661
1661
  "keywords": [
@@ -1689,7 +1689,7 @@
1689
1689
  "note": "useChartTheme() and assignSeriesColors() are lib utilities, not components — they are not in the `related` list. Always depend your draw effect on the returned theme object (useEffect(draw, [theme])) so charts re-render on light/dark toggle."
1690
1690
  },
1691
1691
  {
1692
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/patterns/ComponentStates.md",
1692
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/patterns/ComponentStates.md",
1693
1693
  "name": "ComponentStates",
1694
1694
  "summary": "Canonical empty, loading, and error state contract for every component that renders async data.",
1695
1695
  "keywords": [
@@ -1729,7 +1729,7 @@
1729
1729
  "note": null
1730
1730
  },
1731
1731
  {
1732
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/patterns/Dashboard.md",
1732
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/patterns/Dashboard.md",
1733
1733
  "name": "Dashboard",
1734
1734
  "summary": "Stats bar, filterable chart, and optional sidebar for summarizing and exploring aggregate data.",
1735
1735
  "keywords": [
@@ -1766,7 +1766,7 @@
1766
1766
  "note": null
1767
1767
  },
1768
1768
  {
1769
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/patterns/DataTable.md",
1769
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/patterns/DataTable.md",
1770
1770
  "name": "DataTable",
1771
1771
  "summary": "Full-featured table with filtering, sorting, pagination, and search highlighting for large flat datasets.",
1772
1772
  "keywords": [
@@ -1805,7 +1805,7 @@
1805
1805
  "note": null
1806
1806
  },
1807
1807
  {
1808
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/patterns/Explorer.md",
1808
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/patterns/Explorer.md",
1809
1809
  "name": "Explorer",
1810
1810
  "summary": "Tree sidebar with resizable content pane for browsing and navigating hierarchical data structures.",
1811
1811
  "keywords": [
@@ -1844,7 +1844,7 @@
1844
1844
  "note": null
1845
1845
  },
1846
1846
  {
1847
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/patterns/Form.md",
1847
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/patterns/Form.md",
1848
1848
  "name": "Form",
1849
1849
  "summary": "Composition rules for form fields — layout, validation, submit placement, and error-summary patterns.",
1850
1850
  "keywords": [
@@ -1880,7 +1880,7 @@
1880
1880
  "note": null
1881
1881
  },
1882
1882
  {
1883
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/patterns/FormResults.md",
1883
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/patterns/FormResults.md",
1884
1884
  "name": "FormResults",
1885
1885
  "summary": "Pinned search/filter form at top with scrollable result cards below for query-driven workflows.",
1886
1886
  "keywords": [
@@ -1917,7 +1917,7 @@
1917
1917
  "note": null
1918
1918
  },
1919
1919
  {
1920
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/patterns/MarkdownViewer.md",
1920
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/patterns/MarkdownViewer.md",
1921
1921
  "name": "MarkdownViewer",
1922
1922
  "summary": "Document browser with outline navigation, minimap, and rich markdown rendering for in-app documentation.",
1923
1923
  "keywords": [
@@ -1957,7 +1957,7 @@
1957
1957
  "note": null
1958
1958
  },
1959
1959
  {
1960
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/patterns/MasterDetail.md",
1960
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/patterns/MasterDetail.md",
1961
1961
  "name": "MasterDetail",
1962
1962
  "summary": "Sortable list or table on one side with a detail pane on the other for inspecting individual records.",
1963
1963
  "keywords": [
@@ -1995,7 +1995,7 @@
1995
1995
  "note": null
1996
1996
  },
1997
1997
  {
1998
- "spec": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/patterns/NavSidebar.md",
1998
+ "spec": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/patterns/NavSidebar.md",
1999
1999
  "name": "NavSidebar",
2000
2000
  "summary": "Grouped navigation sidebar built from Tree and Panel, sized to its sections with one scrollbar on the column.",
2001
2001
  "keywords": [
package/dist/BUILD.json CHANGED
@@ -1 +1 @@
1
- {"sha":"897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6"}
1
+ {"sha":"6630a1d29ac5da0a5a2153b624a5efb07deee101"}
package/dist/components/CodeBlock.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/components/CodeBlock.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAe/C,oFAAoF;AACpF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,WAMxE;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;wDAIoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;yDAIqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8MD,eAAO,MAAM,SAAS,2GAAkE,CAAC"}
1
+ {"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/components/CodeBlock.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAe/C,oFAAoF;AACpF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,WAMxE;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;wDAIoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;yDAIqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqND,eAAO,MAAM,SAAS,2GAAkE,CAAC"}
package/dist/components/CodeBlock.js CHANGED
@@ -55,7 +55,7 @@ function b({ code: e, language: d, source: f, highlightedLines: b, highlightQuer
55
55
  d,
56
56
  x,
57
57
  k
58
- ]);
58
+ ]), j = { "--code-block-gutter-digits": String(A.length).length };
59
59
  return /* @__PURE__ */ l("div", {
60
60
  "data-component": "CodeBlock",
61
61
  className: t("cs-component-code-block-49 ", C && "cs-component-code-block-50 ", E),
@@ -88,6 +88,7 @@ function b({ code: e, language: d, source: f, highlightedLines: b, highlightQuer
88
88
  children: /* @__PURE__ */ c("code", {
89
89
  "data-language": d,
90
90
  className: t("cs-component-code-block-66 hljs", d && `language-${d}`),
91
+ style: j,
91
92
  children: A.map((e, n) => {
92
93
  let r = n + 1, i = b?.includes(r);
93
94
  return /* @__PURE__ */ l("div", {
package/dist/styles/components/code-block.css CHANGED
@@ -34,8 +34,12 @@
34
34
  min-width: 0
35
35
  }
36
36
 
37
+ /* One width for every line number in a block, as many digits as the last line
38
+ has. CodeBlock sets the count on its <code>, and the padding and the border
39
+ sit outside the content box, so each row's code starts at one edge. */
37
40
  .cs-component-code-block-69 {
38
- min-width: 3ch
41
+ box-sizing: content-box;
42
+ width: calc(var(--code-block-gutter-digits) * 1ch)
39
43
  }
40
44
 
41
45
  .cs-component-code-block-62,
package/dist/styles/syntax.css CHANGED
@@ -10,11 +10,21 @@
10
10
  }
11
11
 
12
12
  .hljs-keyword,
13
- .hljs-selector-tag,
14
- .hljs-addition {
13
+ .hljs-selector-tag {
15
14
  color: var(--syntax-keyword);
16
15
  }
17
16
 
17
+ /* A diff reads by the pair, so each side takes a status colour of its own.
18
+ A deletion takes the text variant of the error colour, because the plain
19
+ one falls short of WCAG AA on the light page background. */
20
+ .hljs-addition {
21
+ color: var(--color-success);
22
+ }
23
+
24
+ .hljs-deletion {
25
+ color: var(--color-error-text);
26
+ }
27
+
18
28
  .hljs-string,
19
29
  .hljs-doctag,
20
30
  .hljs-regexp {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codesweep-ai/ui",
3
- "version": "0.3.1-dev.20261002022926.897c2b6",
3
+ "version": "0.3.1-dev.20261018200310.6630a1d",
4
4
  "description": "Open React components and design tokens for agent and LLM interfaces.",
5
5
  "keywords": [
6
6
  "ai-agents",
@@ -20,7 +20,7 @@
20
20
  "type": "git",
21
21
  "url": "git+https://github.com/codesweep-ai/ui.git"
22
22
  },
23
- "homepage": "https://github.com/codesweep-ai/ui/blob/897c2b615ddc8f4c57fb613d93fbc3ae4d7b21f6/README.md",
23
+ "homepage": "https://github.com/codesweep-ai/ui/blob/6630a1d29ac5da0a5a2153b624a5efb07deee101/README.md",
24
24
  "bugs": {
25
25
  "url": "https://github.com/codesweep-ai/ui/issues"
26
26
  },