@fusion.dev/helix-docs 0.201.0 → 0.201.1

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 (3) hide show
  1. package/content/metrics.mdx +271 -243
  2. package/dist/sources.generated.js +271 -243
  3. package/package.json +11 -11
package/content/metrics.mdx CHANGED
@@ -46,7 +46,7 @@ on its own.
46
46
 
47
47
  | | Raw | Gzip | Brotli |
48
48
  |---|---|---|---|
49
- | Lit and `@fusion.dev/helix-core` | 254,802 | 82,008 | 70,125 |
49
+ | Lit and `@fusion.dev/helix-core` | 254,802 | 82,008 | 70,100 |
50
50
 
51
51
  ## Whole packages
52
52
 
@@ -57,12 +57,12 @@ either barrel. The per-component tables show what your page pays.
57
57
 
58
58
  | Package | Raw | Gzip | Brotli | |
59
59
  |---|---|---|---|---|
60
- | `@fusion.dev/helix-core` | 254,011 | 81,843 | 69,745 | The element base class, mixins, decorators, and floating positioning. |
61
- | `@fusion.dev/helix-headless` | 1,423,134 | 396,839 | 297,806 | Every headless family. The barrel entry includes all of them. |
60
+ | `@fusion.dev/helix-core` | 254,011 | 81,843 | 69,739 | The element base class, mixins, decorators, and floating positioning. |
61
+ | `@fusion.dev/helix-headless` | 1,423,134 | 396,839 | 297,628 | Every headless family. The barrel entry includes all of them. |
62
62
  | `@fusion.dev/helix-icons` | 56,111 | 17,847 | 15,166 | The whole glyph set. |
63
63
  | `@fusion.dev/helix-theme` | 3,626 | 1,597 | 1,384 | The JavaScript that runs the derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
64
64
  | `fusion_helix_theme_bg.wasm` | 490,971 | 155,905 | 125,923 | The derivation engine itself, in WebAssembly. The entry above loads it when the engine runs. |
65
- | `@fusion.dev/helix` | 2,137,014 | 550,680 | 392,657 | Every styled family. |
65
+ | `@fusion.dev/helix` | 2,137,014 | 550,680 | 392,366 | Every styled family. |
66
66
  | `lit` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
67
67
 
68
68
  ## Stylesheets
@@ -93,7 +93,7 @@ The headless tier never had the problem, so it serves as the control. `@fusion.d
93
93
 
94
94
  ## Compared with other systems
95
95
 
96
- We compare Helix with the libraries of custom elements listed under the table. `turbo run peers` measured them on 2026-08-24. It installs pinned versions into `.local` and bundles them with the same harness as the tables above. The Helix rows are measured on every run of `bun run gen:metrics`, so they always match this repository.
96
+ We compare Helix with the libraries of custom elements listed under the table. `turbo run peers` measured them on October 9, 2026. It installs pinned versions into `.local` and bundles them with the same harness as the tables above. The Helix rows are measured on every run of `bun run gen:metrics`, so they always match this repository.
97
97
 
98
98
  Every system in the table is built on Lit. The runtime is the same library in every column, so the differences come from the components. React component libraries are left out, because comparing a custom element with a React component would measure the framework.
99
99
 
@@ -101,53 +101,81 @@ The table has no whole-library row. That row would compare how many components e
101
101
 
102
102
  | Component | System | Raw | Gzip | Brotli |
103
103
  |---|---|---|---|---|
104
- | `button` | **Helix** | 41,612 | 14,008 | 12,423 |
104
+ | `button` | **Helix** | 41,612 | 14,008 | 12,452 |
105
105
  | | Carbon | 133,058 | 20,959 | 17,685 |
106
106
  | | Material Web | 47,060 | 14,173 | 12,591 |
107
- | | Shoelace | 62,628 | 18,287 | 15,805 |
108
107
  | | Spectrum | 98,792 | 22,045 | 18,674 |
109
- | `checkbox` | **Helix** | 46,865 | 15,189 | 13,540 |
108
+ | | Web Awesome | 136,044 | 33,730 | 28,760 |
109
+ | `checkbox` | **Helix** | 46,865 | 15,189 | 13,519 |
110
110
  | | Carbon | 60,255 | 15,609 | 13,550 |
111
111
  | | Material Web | 43,785 | 13,556 | 12,015 |
112
- | | Shoelace | 47,614 | 15,177 | 13,301 |
113
112
  | | Spectrum | 62,492 | 15,437 | 13,481 |
114
- | `dialog` | **Helix** | 43,407 | 14,899 | 13,325 |
113
+ | | Web Awesome | 115,251 | 28,728 | 24,420 |
114
+ | `dialog` | **Helix** | 43,407 | 14,899 | 13,275 |
115
115
  | | Carbon | 510,866 | 67,390 | 39,189 |
116
116
  | | Material Web | 34,238 | 11,510 | 10,229 |
117
- | | Shoelace | 52,754 | 17,698 | 15,554 |
118
117
  | | Spectrum | 155,708 | 31,899 | 26,262 |
119
- | `radio` | **Helix** | 50,349 | 15,975 | 14,216 |
118
+ | | Web Awesome | 148,657 | 36,692 | 31,388 |
119
+ | `radio` | **Helix** | 50,349 | 15,975 | 14,202 |
120
120
  | | Carbon | 63,055 | 16,887 | 14,605 |
121
121
  | | Material Web | 41,044 | 13,234 | 11,757 |
122
- | | Shoelace | 34,865 | 12,027 | 10,559 |
123
122
  | | Spectrum | 38,685 | 10,660 | 9,370 |
124
- | `switch` | **Helix** | 43,562 | 14,636 | 13,011 |
123
+ | | Web Awesome | 112,026 | 27,416 | 23,128 |
124
+ | `switch` | **Helix** | 43,562 | 14,636 | 13,014 |
125
125
  | | Carbon | 69,423 | 17,127 | 14,764 |
126
126
  | | Material Web | 50,155 | 14,577 | 12,935 |
127
- | | Shoelace | 37,833 | 11,814 | 10,568 |
128
127
  | | Spectrum | 62,322 | 15,059 | 13,321 |
129
- | `tabs` | **Helix** | 55,263 | 17,752 | 15,825 |
128
+ | | Web Awesome | 45,876 | 15,003 | 13,475 |
129
+ | `tabs` | **Helix** | 55,263 | 17,752 | 15,845 |
130
130
  | | Carbon | 578,766 | 73,537 | 43,235 |
131
131
  | | Material Web | 38,883 | 12,820 | 11,368 |
132
- | | Shoelace | 54,573 | 17,140 | 15,068 |
133
132
  | | Spectrum | 64,875 | 18,298 | 16,283 |
134
- | `tooltip` | **Helix** | 61,420 | 21,833 | 19,375 |
133
+ | | Web Awesome | 153,439 | 37,030 | 31,737 |
134
+ | `tooltip` | **Helix** | 61,420 | 21,833 | 19,392 |
135
135
  | | Carbon | 189,382 | 30,354 | 22,273 |
136
136
  | | Material Web | | not shipped | |
137
- | | Shoelace | 57,412 | 20,220 | 17,933 |
138
137
  | | Spectrum | 136,599 | 40,552 | 35,286 |
138
+ | | Web Awesome | 70,568 | 24,005 | 21,107 |
139
139
 
140
- At least one system is smaller than Helix on `checkbox`, `dialog`, `radio`, `switch`, `tabs`, `tooltip`. The largest gap is radio against Spectrum, at 5,315 bytes gzipped. 11 of 27 peer measurements are smaller than the Helix row.
140
+ At least one system is smaller than Helix on `checkbox`, `dialog`, `radio`, `switch`, `tabs`. The largest gap is radio against Spectrum, at 5,315 bytes gzipped. 6 of 27 peer measurements are smaller than the Helix row.
141
141
 
142
142
  Helix's `radio` family includes Radio Group, so its row carries an element that some peer rows measure without.
143
143
 
144
- - **Carbon** `@carbon/web-components@2.61.0`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle.
145
- - **Material Web** `@material/web@2.5.0`. Ships no tooltip. Its button is measured as the filled one, there being no single button element.
146
- - **Shoelace** `@shoelace-style/shoelace@2.20.1`. Its tabs element is Tab Group.
147
- - **Spectrum** `@spectrum-web-components/button@1.12.2`. One package per component, so there is no barrel to import by accident.
144
+ - **Carbon** `@carbon/web-components@2.61.0`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle. Its charts are a separate library, `@carbon/charts`, which does not ship custom elements.
145
+ - **Material Web** `@material/web@2.5.0`. Ships no tooltip. Its button is measured as the filled one, there being no single button element. Its `labs` elements count as experimental.
146
+ - **Spectrum** `@spectrum-web-components/button@1.12.2`. One package per component, so there is no barrel to import by accident. Its 1,000 or so icons are each an element, and the list of what it ships leaves them out.
147
+ - **Web Awesome** `@awesome.me/webawesome@3.14.0`. The successor to Shoelace, measured from the free package on npm. Web Awesome Pro is sold separately and is not measured. Its tabs element is Tab Group.
148
148
 
149
149
  Every specifier we measured is in [`peers.json`](https://github.com/project-fusion/fusion/blob/main/helix/docs/peers.json), so you can run the same measurement yourself.
150
150
 
151
+ ## What each system ships
152
+
153
+ Every system in the size comparison ships buttons, form controls, menus, and dialogs. This table lists jobs beyond those, and the element each system ships for each job. Each name comes from the manifest the system publishes, read by `turbo run peers` on October 9, 2026. The Helix column reads `@fusion.dev/helix` on every run.
154
+
155
+ A system covers a job when its manifest defines an element with one of a fixed list of names, after its prefix. The list is the same for every system, and it is in `build-metrics.mjs`. An empty cell means no element has one of those names. A system can still do the job with a pattern, a separate library, or an element under another name.
156
+
157
+ | Job | **Helix** | Carbon | Material Web | Spectrum | Web Awesome |
158
+ |---|---|---|---|---|---|
159
+ | Charts | `helix-area-chart` | | | | |
160
+ | 3D charts | `helix-spatial-bar-chart` (experimental) | | | | |
161
+ | Data table | `helix-data-table` | `cds-table` | | `sp-table` | |
162
+ | Tree | `helix-tree` | `cds-tree-view` | | | `wa-tree` |
163
+ | Combobox | `helix-combobox` | `cds-combo-box` | | `sp-combobox` | |
164
+ | Date picker | `helix-date-picker` | `cds-date-picker` | | | |
165
+ | Time picker | `helix-time-picker` | `cds-time-picker` | | | |
166
+ | Color picker | `helix-color-picker` | | | `sp-color-area` | `wa-color-picker` |
167
+ | File upload | `helix-file-input` | `cds-file-uploader` | | `sp-dropzone` | |
168
+ | Chat | `helix-chat` | | | | |
169
+ | Command palette | `helix-command` | | | | |
170
+ | Product tour | `helix-tour` | | | `sp-coachmark` | |
171
+ | Node diagrams | `helix-canvas` (experimental) | | | | |
172
+ | Maps | `helix-map` (experimental) | | | | |
173
+ | Video player | `helix-video` | | | | |
174
+ | Carousel | `helix-carousel` | | | | `wa-carousel` (experimental) |
175
+ | **Jobs covered** | 16 of 16 | 6 of 16 | 0 of 16 | 5 of 16 | 3 of 16 |
176
+
177
+ An element marked experimental is one its system has not committed to. Helix and Web Awesome mark these with a status in their manifests, and Material Web publishes them under `labs`.
178
+
151
179
  ## What a component costs in time
152
180
 
153
181
  `turbo run timings` measured these on 2026-08-26 by loading the built packages in a real browser. Each figure is the median of 9 runs on one machine.
@@ -183,112 +211,112 @@ Structure, accessibility, state, and form participation. It has no presentation
183
211
 
184
212
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
185
213
  |---|---|---|---|---|---|---|
186
- | `accordion` | 31,879 | 11,803 | 10,498 | 5,328 | 1,580 | 1,163 |
187
- | `announcement` | 36,692 | 13,312 | 11,852 | 4,681 | 1,368 | 969 |
188
- | `app-header` | 32,289 | 11,898 | 10,553 | 5,870 | 1,747 | 1,278 |
189
- | `area-chart` | 90,301 | 31,726 | 28,055 | 14,057 | 4,342 | 3,333 |
190
- | `avatar` | 30,463 | 11,595 | 10,363 | 3,957 | 1,213 | 943 |
191
- | `badge` | 27,088 | 10,567 | 9,399 | 2,942 | 889 | 758 |
192
- | `bar-chart` | 94,416 | 32,820 | 29,060 | 18,022 | 5,410 | 4,381 |
193
- | `blockquote` | 24,107 | 9,420 | 8,334 | 2,401 | 877 | 734 |
194
- | `breadcrumbs` | 36,279 | 13,906 | 12,446 | 7,357 | 2,410 | 1,936 |
195
- | `button` | 35,194 | 12,591 | 11,196 | 4,922 | 1,424 | 1,105 |
196
- | `button-group` | 27,640 | 10,382 | 9,200 | 4,926 | 1,515 | 1,140 |
197
- | `callout` | 35,256 | 13,593 | 12,062 | 2,884 | 964 | 725 |
198
- | `canvas` | 108,483 | 34,750 | 30,404 | 68,924 | 20,931 | 17,471 |
199
- | `card` | 23,824 | 9,092 | 8,052 | 2,090 | 626 | 497 |
200
- | `carousel` | 43,576 | 15,461 | 13,833 | 15,235 | 4,220 | 3,141 |
201
- | `chat` | 79,390 | 26,445 | 23,373 | 27,455 | 8,021 | 6,313 |
202
- | `checkbox` | 40,374 | 13,680 | 12,196 | 3,107 | 960 | 652 |
203
- | `checkbox-group` | 47,602 | 15,599 | 13,894 | 8,324 | 2,348 | 1,743 |
204
- | `code` | 20,301 | 8,015 | 7,094 | 138 | 66 | 33 |
205
- | `code-block` | 102,738 | 34,888 | 30,828 | 36,843 | 10,711 | 8,640 |
206
- | `color-input` | 141,792 | 45,089 | 39,359 | 55,133 | 14,292 | 11,460 |
207
- | `color-picker` | 103,415 | 32,966 | 28,909 | 47,251 | 12,669 | 10,140 |
208
- | `combobox` | 132,023 | 41,951 | 36,946 | 35,789 | 9,084 | 7,124 |
209
- | `command` | 99,560 | 31,521 | 27,698 | 30,059 | 8,103 | 6,384 |
210
- | `copy-button` | 80,548 | 27,648 | 24,473 | 18,340 | 4,938 | 3,865 |
211
- | `data-table` | 199,900 | 61,426 | 52,498 | 89,488 | 23,798 | 19,002 |
212
- | `date-input` | 141,223 | 44,511 | 39,145 | 38,227 | 9,423 | 7,468 |
213
- | `date-picker` | 61,360 | 20,935 | 18,753 | 20,345 | 5,600 | 4,300 |
214
- | `description-list` | 22,900 | 8,765 | 7,775 | 1,565 | 491 | 301 |
215
- | `dialog` | 38,294 | 13,634 | 12,132 | 5,837 | 1,715 | 1,239 |
216
- | `divider` | 22,991 | 8,923 | 7,886 | 1,415 | 503 | 389 |
217
- | `donut-chart` | 89,212 | 31,128 | 27,512 | 14,639 | 4,495 | 3,515 |
218
- | `drawer` | 42,939 | 15,157 | 13,500 | 7,697 | 2,296 | 1,689 |
219
- | `drilldown` | 42,756 | 14,940 | 13,340 | 9,708 | 2,702 | 2,070 |
220
- | `empty` | 24,241 | 9,287 | 8,230 | 1,951 | 639 | 371 |
221
- | `file-input` | 57,757 | 20,018 | 17,798 | 13,093 | 4,121 | 3,287 |
222
- | `filter-input` | 97,846 | 32,818 | 29,121 | 21,628 | 6,186 | 4,927 |
223
- | `format-date` | 30,158 | 11,289 | 10,065 | 4,431 | 1,265 | 959 |
224
- | `graph` | 75,588 | 24,761 | 21,915 | 23,095 | 6,734 | 5,458 |
225
- | `heatmap` | 98,128 | 33,501 | 29,601 | 18,941 | 5,574 | 4,386 |
226
- | `icon` | 82,157 | 28,049 | 23,966 | 58,303 | 19,610 | 16,074 |
227
- | `icon-button` | 35,305 | 12,620 | 11,226 | 5,031 | 1,446 | 1,147 |
228
- | `image` | 25,504 | 9,478 | 8,405 | 3,822 | 1,132 | 779 |
229
- | `input` | 46,361 | 15,974 | 14,086 | 7,351 | 2,387 | 1,729 |
230
- | `kbd` | 27,511 | 10,569 | 9,363 | 3,516 | 1,111 | 685 |
231
- | `legend` | 35,184 | 12,933 | 11,488 | 2,956 | 978 | 672 |
232
- | `lightbox` | 55,724 | 18,815 | 16,741 | 16,728 | 4,631 | 3,433 |
233
- | `line-chart` | 91,335 | 31,879 | 28,261 | 14,760 | 4,398 | 3,427 |
234
- | `list` | 61,803 | 21,293 | 19,006 | 15,241 | 4,414 | 3,411 |
235
- | `listbox` | 76,711 | 25,427 | 22,469 | 15,562 | 4,563 | 3,303 |
236
- | `loader` | 26,379 | 10,040 | 8,905 | 2,774 | 913 | 695 |
237
- | `log` | 70,386 | 24,521 | 21,784 | 28,353 | 8,956 | 7,570 |
238
- | `map` | 79,178 | 24,571 | 21,485 | 37,042 | 10,074 | 7,884 |
239
- | `megamenu` | 60,027 | 21,697 | 19,228 | 8,595 | 2,368 | 1,705 |
240
- | `menu` | 97,473 | 32,552 | 28,765 | 30,180 | 7,919 | 6,355 |
241
- | `meter` | 31,721 | 12,024 | 10,743 | 4,893 | 1,409 | 1,104 |
242
- | `motion-toggle` | 25,678 | 9,985 | 8,870 | 1,426 | 508 | 368 |
243
- | `navigation` | 33,088 | 12,435 | 11,040 | 3,365 | 1,157 | 819 |
244
- | `notifications` | 58,346 | 19,880 | 17,740 | 18,207 | 5,058 | 3,841 |
245
- | `number-input` | 56,271 | 18,841 | 16,772 | 13,522 | 3,583 | 2,660 |
246
- | `object-inspector` | 113,929 | 38,373 | 33,741 | 35,491 | 10,254 | 8,106 |
247
- | `option` | 26,477 | 9,763 | 8,663 | 4,523 | 1,184 | 853 |
248
- | `outline` | 33,612 | 12,597 | 11,178 | 7,856 | 2,558 | 1,979 |
249
- | `pagination` | 136,258 | 43,650 | 37,956 | 45,379 | 11,838 | 9,346 |
250
- | `pin-input` | 47,068 | 16,414 | 14,642 | 6,735 | 2,224 | 1,532 |
251
- | `popover` | 63,853 | 22,980 | 20,313 | 6,373 | 1,853 | 1,231 |
252
- | `progress` | 28,084 | 10,727 | 9,549 | 2,969 | 909 | 699 |
253
- | `qr-code` | 42,719 | 16,647 | 14,810 | 17,001 | 6,288 | 5,221 |
254
- | `quote` | 22,516 | 8,884 | 7,827 | 1,210 | 510 | 388 |
255
- | `radio` | 42,561 | 14,463 | 12,879 | 3,817 | 1,200 | 786 |
256
- | `rating` | 50,257 | 17,292 | 15,444 | 8,027 | 2,433 | 1,858 |
257
- | `scatter-chart` | 91,226 | 31,674 | 27,945 | 16,123 | 4,842 | 3,841 |
258
- | `scroll-area` | 30,430 | 11,079 | 9,807 | 8,499 | 2,573 | 1,988 |
259
- | `select` | 115,289 | 38,174 | 33,474 | 26,031 | 7,119 | 5,339 |
260
- | `skeleton` | 22,328 | 8,643 | 7,668 | 991 | 396 | 261 |
261
- | `skip-link` | 23,871 | 9,337 | 8,259 | 1,224 | 474 | 255 |
262
- | `slider` | 52,873 | 17,826 | 15,974 | 13,158 | 3,777 | 2,934 |
263
- | `sparkline` | 47,984 | 17,498 | 15,600 | 5,979 | 2,127 | 1,642 |
264
- | `spatial-bar-chart` | 101,564 | 35,945 | 31,610 | 19,726 | 6,511 | 5,257 |
265
- | `spatial-heatmap` | 113,473 | 38,794 | 34,131 | 31,592 | 9,582 | 7,690 |
266
- | `spatial-ribbon-chart` | 100,738 | 35,553 | 31,324 | 20,718 | 6,905 | 5,556 |
267
- | `spatial-scatter-chart` | 98,971 | 34,840 | 30,772 | 19,012 | 6,269 | 4,955 |
268
- | `spatial-surface-chart` | 101,895 | 36,125 | 31,795 | 21,876 | 7,441 | 5,980 |
269
- | `spatial-treemap` | 102,958 | 36,743 | 32,313 | 21,244 | 7,365 | 5,898 |
270
- | `speed-dial` | 68,751 | 24,717 | 21,977 | 10,914 | 2,968 | 2,180 |
271
- | `splitter` | 43,751 | 15,170 | 13,528 | 14,396 | 3,840 | 2,948 |
272
- | `stat` | 25,255 | 9,674 | 8,602 | 2,302 | 753 | 423 |
273
- | `steps` | 53,623 | 18,635 | 16,599 | 13,601 | 3,845 | 2,973 |
274
- | `switch` | 39,233 | 13,495 | 12,030 | 1,679 | 600 | 334 |
275
- | `table` | 118,358 | 37,061 | 32,270 | 45,146 | 12,424 | 10,018 |
276
- | `tabs` | 46,310 | 15,908 | 14,137 | 10,491 | 2,875 | 2,190 |
277
- | `tag` | 42,676 | 15,620 | 13,969 | 8,453 | 2,544 | 1,955 |
278
- | `textarea` | 43,852 | 14,940 | 13,345 | 5,401 | 1,602 | 1,115 |
279
- | `time-input` | 169,269 | 52,675 | 45,841 | 48,509 | 12,418 | 9,846 |
280
- | `time-picker` | 99,603 | 31,517 | 27,772 | 33,932 | 9,177 | 7,166 |
281
- | `timeline` | 31,286 | 11,862 | 10,579 | 4,060 | 1,183 | 914 |
282
- | `toast` | 50,871 | 17,939 | 15,979 | 12,122 | 3,516 | 2,634 |
283
- | `toggle` | 45,577 | 15,269 | 13,607 | 6,007 | 1,805 | 1,398 |
284
- | `toolbar` | 31,047 | 11,572 | 10,295 | 5,157 | 1,639 | 1,184 |
285
- | `tooltip` | 58,616 | 21,089 | 18,691 | 8,432 | 2,348 | 1,717 |
286
- | `tour` | 83,717 | 28,762 | 25,389 | 19,811 | 5,426 | 4,232 |
287
- | `tree` | 67,586 | 22,716 | 20,230 | 17,197 | 4,927 | 3,777 |
288
- | `trend` | 29,717 | 11,568 | 10,334 | 3,485 | 1,070 | 803 |
289
- | `video` | 142,270 | 44,462 | 38,759 | 66,678 | 16,800 | 13,828 |
290
- | `video-playlist` | 127,686 | 41,300 | 36,404 | 42,775 | 11,169 | 9,060 |
291
- | `virtual-list` | 63,451 | 21,630 | 19,286 | 23,304 | 7,148 | 5,714 |
214
+ | `accordion` | 31,879 | 11,803 | 10,465 | 5,328 | 1,580 | 1,190 |
215
+ | `announcement` | 36,692 | 13,312 | 11,879 | 4,681 | 1,368 | 1,049 |
216
+ | `app-header` | 32,289 | 11,898 | 10,587 | 5,870 | 1,747 | 1,319 |
217
+ | `area-chart` | 90,301 | 31,726 | 28,089 | 14,057 | 4,342 | 3,378 |
218
+ | `avatar` | 30,463 | 11,595 | 10,380 | 3,957 | 1,213 | 890 |
219
+ | `badge` | 27,088 | 10,568 | 9,406 | 2,942 | 889 | 618 |
220
+ | `bar-chart` | 94,416 | 32,820 | 29,063 | 18,022 | 5,410 | 4,380 |
221
+ | `blockquote` | 24,107 | 9,420 | 8,330 | 2,401 | 877 | 739 |
222
+ | `breadcrumbs` | 36,279 | 13,907 | 12,384 | 7,357 | 2,410 | 1,969 |
223
+ | `button` | 35,194 | 12,591 | 11,199 | 4,922 | 1,424 | 1,018 |
224
+ | `button-group` | 27,640 | 10,382 | 9,204 | 4,926 | 1,515 | 1,073 |
225
+ | `callout` | 35,256 | 13,593 | 12,063 | 2,884 | 964 | 712 |
226
+ | `canvas` | 108,483 | 34,750 | 30,332 | 68,924 | 20,931 | 17,559 |
227
+ | `card` | 23,824 | 9,092 | 8,077 | 2,090 | 626 | 355 |
228
+ | `carousel` | 43,576 | 15,461 | 13,833 | 15,235 | 4,220 | 3,305 |
229
+ | `chat` | 79,390 | 26,446 | 23,373 | 27,455 | 8,021 | 6,403 |
230
+ | `checkbox` | 40,374 | 13,680 | 12,197 | 3,107 | 960 | 700 |
231
+ | `checkbox-group` | 47,602 | 15,599 | 13,903 | 8,324 | 2,348 | 1,611 |
232
+ | `code` | 20,301 | 8,015 | 7,122 | 138 | 66 | 108 |
233
+ | `code-block` | 102,738 | 34,889 | 30,813 | 36,843 | 10,711 | 8,679 |
234
+ | `color-input` | 141,792 | 45,090 | 39,343 | 55,133 | 14,292 | 11,632 |
235
+ | `color-picker` | 103,415 | 32,966 | 28,862 | 47,251 | 12,669 | 10,252 |
236
+ | `combobox` | 132,023 | 41,951 | 36,900 | 35,789 | 9,084 | 7,162 |
237
+ | `command` | 99,560 | 31,521 | 27,731 | 30,059 | 8,103 | 6,430 |
238
+ | `copy-button` | 80,548 | 27,648 | 24,494 | 18,340 | 4,938 | 3,867 |
239
+ | `data-table` | 199,900 | 61,426 | 52,604 | 89,488 | 23,798 | 19,053 |
240
+ | `date-input` | 141,223 | 44,511 | 39,167 | 38,227 | 9,423 | 7,445 |
241
+ | `date-picker` | 61,360 | 20,935 | 18,728 | 20,345 | 5,600 | 4,401 |
242
+ | `description-list` | 22,900 | 8,765 | 7,766 | 1,565 | 491 | 296 |
243
+ | `dialog` | 38,294 | 13,634 | 12,133 | 5,837 | 1,715 | 1,255 |
244
+ | `divider` | 22,991 | 8,923 | 7,884 | 1,415 | 503 | 291 |
245
+ | `donut-chart` | 89,212 | 31,128 | 27,504 | 14,639 | 4,495 | 3,518 |
246
+ | `drawer` | 42,939 | 15,158 | 13,507 | 7,697 | 2,296 | 1,730 |
247
+ | `drilldown` | 42,756 | 14,940 | 13,294 | 9,708 | 2,702 | 2,102 |
248
+ | `empty` | 24,241 | 9,287 | 8,240 | 1,951 | 639 | 503 |
249
+ | `file-input` | 57,757 | 20,018 | 17,813 | 13,093 | 4,121 | 3,255 |
250
+ | `filter-input` | 97,846 | 32,818 | 29,113 | 21,628 | 6,186 | 4,892 |
251
+ | `format-date` | 30,158 | 11,290 | 10,085 | 4,431 | 1,265 | 1,031 |
252
+ | `graph` | 75,588 | 24,761 | 21,882 | 23,095 | 6,734 | 5,371 |
253
+ | `heatmap` | 98,128 | 33,501 | 29,577 | 18,941 | 5,574 | 4,380 |
254
+ | `icon` | 82,157 | 28,048 | 24,035 | 58,303 | 19,610 | 16,111 |
255
+ | `icon-button` | 35,305 | 12,620 | 11,226 | 5,031 | 1,446 | 1,144 |
256
+ | `image` | 25,504 | 9,478 | 8,406 | 3,822 | 1,132 | 941 |
257
+ | `input` | 46,361 | 15,974 | 14,082 | 7,351 | 2,387 | 1,651 |
258
+ | `kbd` | 27,511 | 10,569 | 9,335 | 3,516 | 1,111 | 849 |
259
+ | `legend` | 35,184 | 12,934 | 11,489 | 2,956 | 978 | 812 |
260
+ | `lightbox` | 55,724 | 18,815 | 16,718 | 16,728 | 4,631 | 3,564 |
261
+ | `line-chart` | 91,335 | 31,879 | 28,250 | 14,760 | 4,398 | 3,556 |
262
+ | `list` | 61,803 | 21,293 | 18,988 | 15,241 | 4,414 | 3,359 |
263
+ | `listbox` | 76,711 | 25,427 | 22,458 | 15,562 | 4,563 | 3,327 |
264
+ | `loader` | 26,379 | 10,040 | 8,907 | 2,774 | 913 | 736 |
265
+ | `log` | 70,386 | 24,521 | 21,773 | 28,353 | 8,956 | 7,503 |
266
+ | `map` | 79,178 | 24,571 | 21,539 | 37,042 | 10,074 | 8,013 |
267
+ | `megamenu` | 60,027 | 21,697 | 19,183 | 8,595 | 2,368 | 1,717 |
268
+ | `menu` | 97,473 | 32,552 | 28,721 | 30,180 | 7,919 | 6,267 |
269
+ | `meter` | 31,721 | 12,025 | 10,720 | 4,893 | 1,409 | 1,208 |
270
+ | `motion-toggle` | 25,678 | 9,986 | 8,880 | 1,426 | 508 | 328 |
271
+ | `navigation` | 33,088 | 12,436 | 11,038 | 3,365 | 1,157 | 903 |
272
+ | `notifications` | 58,346 | 19,880 | 17,738 | 18,207 | 5,058 | 3,885 |
273
+ | `number-input` | 56,271 | 18,841 | 16,818 | 13,522 | 3,583 | 2,725 |
274
+ | `object-inspector` | 113,929 | 38,373 | 33,769 | 35,491 | 10,254 | 8,161 |
275
+ | `option` | 26,477 | 9,763 | 8,665 | 4,523 | 1,184 | 880 |
276
+ | `outline` | 33,612 | 12,597 | 11,180 | 7,856 | 2,558 | 1,964 |
277
+ | `pagination` | 136,258 | 43,650 | 37,934 | 45,379 | 11,838 | 9,381 |
278
+ | `pin-input` | 47,068 | 16,414 | 14,641 | 6,735 | 2,224 | 1,647 |
279
+ | `popover` | 63,853 | 22,981 | 20,299 | 6,373 | 1,853 | 1,398 |
280
+ | `progress` | 28,084 | 10,727 | 9,549 | 2,969 | 909 | 691 |
281
+ | `qr-code` | 42,719 | 16,647 | 14,833 | 17,001 | 6,288 | 5,287 |
282
+ | `quote` | 22,516 | 8,884 | 7,827 | 1,210 | 510 | 404 |
283
+ | `radio` | 42,561 | 14,463 | 12,866 | 3,817 | 1,200 | 849 |
284
+ | `rating` | 50,257 | 17,292 | 15,434 | 8,027 | 2,433 | 1,821 |
285
+ | `scatter-chart` | 91,226 | 31,675 | 28,007 | 16,123 | 4,842 | 3,879 |
286
+ | `scroll-area` | 30,430 | 11,079 | 9,812 | 8,499 | 2,573 | 2,005 |
287
+ | `select` | 115,289 | 38,174 | 33,474 | 26,031 | 7,119 | 5,393 |
288
+ | `skeleton` | 22,328 | 8,643 | 7,667 | 991 | 396 | 276 |
289
+ | `skip-link` | 23,871 | 9,337 | 8,263 | 1,224 | 474 | 302 |
290
+ | `slider` | 52,873 | 17,826 | 15,912 | 13,158 | 3,777 | 2,956 |
291
+ | `sparkline` | 47,984 | 17,498 | 15,600 | 5,979 | 2,127 | 1,571 |
292
+ | `spatial-bar-chart` | 101,564 | 35,945 | 31,702 | 19,726 | 6,511 | 5,200 |
293
+ | `spatial-heatmap` | 113,473 | 38,794 | 34,127 | 31,592 | 9,582 | 7,733 |
294
+ | `spatial-ribbon-chart` | 100,738 | 35,553 | 31,380 | 20,718 | 6,905 | 5,490 |
295
+ | `spatial-scatter-chart` | 98,971 | 34,840 | 30,700 | 19,012 | 6,269 | 5,211 |
296
+ | `spatial-surface-chart` | 101,895 | 36,124 | 31,874 | 21,876 | 7,441 | 6,011 |
297
+ | `spatial-treemap` | 102,958 | 36,743 | 32,340 | 21,244 | 7,365 | 5,892 |
298
+ | `speed-dial` | 68,751 | 24,717 | 21,934 | 10,914 | 2,968 | 2,273 |
299
+ | `splitter` | 43,751 | 15,170 | 13,545 | 14,396 | 3,840 | 3,152 |
300
+ | `stat` | 25,255 | 9,674 | 8,601 | 2,302 | 753 | 503 |
301
+ | `steps` | 53,623 | 18,635 | 16,596 | 13,601 | 3,845 | 3,139 |
302
+ | `switch` | 39,233 | 13,496 | 12,036 | 1,679 | 600 | 400 |
303
+ | `table` | 118,358 | 37,061 | 32,238 | 45,146 | 12,424 | 10,061 |
304
+ | `tabs` | 46,310 | 15,908 | 14,173 | 10,491 | 2,875 | 2,208 |
305
+ | `tag` | 42,676 | 15,621 | 13,969 | 8,453 | 2,544 | 1,900 |
306
+ | `textarea` | 43,852 | 14,940 | 13,324 | 5,401 | 1,602 | 1,236 |
307
+ | `time-input` | 169,269 | 52,675 | 45,770 | 48,509 | 12,418 | 9,793 |
308
+ | `time-picker` | 99,603 | 31,517 | 27,757 | 33,932 | 9,177 | 7,289 |
309
+ | `timeline` | 31,286 | 11,862 | 10,611 | 4,060 | 1,183 | 898 |
310
+ | `toast` | 50,871 | 17,939 | 15,990 | 12,122 | 3,516 | 2,710 |
311
+ | `toggle` | 45,577 | 15,269 | 13,577 | 6,007 | 1,805 | 1,317 |
312
+ | `toolbar` | 31,047 | 11,572 | 10,296 | 5,157 | 1,639 | 1,257 |
313
+ | `tooltip` | 58,616 | 21,089 | 18,708 | 8,432 | 2,348 | 1,802 |
314
+ | `tour` | 83,717 | 28,762 | 25,406 | 19,811 | 5,426 | 4,251 |
315
+ | `tree` | 67,586 | 22,716 | 20,235 | 17,197 | 4,927 | 3,971 |
316
+ | `trend` | 29,717 | 11,568 | 10,331 | 3,485 | 1,070 | 859 |
317
+ | `video` | 142,270 | 44,462 | 38,727 | 66,678 | 16,800 | 13,922 |
318
+ | `video-playlist` | 127,686 | 41,300 | 36,345 | 42,775 | 11,169 | 9,068 |
319
+ | `virtual-list` | 63,451 | 21,631 | 19,225 | 23,304 | 7,148 | 5,743 |
292
320
 
293
321
  ### Styled tier
294
322
 
@@ -296,119 +324,119 @@ The headless tier plus presentation. `bun add @fusion.dev/helix` installs this t
296
324
 
297
325
  | Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
298
326
  |---|---|---|---|---|---|---|
299
- | `accordion` | 35,311 | 12,652 | 11,233 | 8,743 | 2,443 | 1,899 |
300
- | `announcement` | 41,307 | 14,364 | 12,854 | 9,277 | 2,477 | 1,853 |
301
- | `app-header` | 37,449 | 13,102 | 11,648 | 11,015 | 2,964 | 2,404 |
302
- | `area-chart` | 98,393 | 33,575 | 29,642 | 22,128 | 6,245 | 4,938 |
303
- | `aura` | 56,731 | 19,524 | 17,295 | 29,771 | 9,255 | 7,813 |
304
- | `avatar` | 33,464 | 12,350 | 11,059 | 6,945 | 1,964 | 1,567 |
305
- | `badge` | 32,595 | 11,820 | 10,507 | 8,436 | 2,149 | 1,725 |
306
- | `bar-chart` | 108,944 | 35,725 | 31,609 | 32,531 | 8,342 | 6,727 |
307
- | `blockquote` | 26,332 | 9,967 | 8,814 | 4,611 | 1,416 | 1,132 |
308
- | `breadcrumbs` | 43,220 | 15,114 | 13,499 | 14,282 | 3,647 | 2,952 |
309
- | `button` | 41,612 | 14,008 | 12,423 | 11,321 | 2,870 | 2,235 |
310
- | `button-group` | 31,138 | 11,065 | 9,804 | 8,407 | 2,205 | 1,732 |
311
- | `callout` | 39,049 | 14,536 | 12,898 | 6,659 | 1,915 | 1,508 |
312
- | `canvas` | 129,523 | 38,715 | 33,813 | 89,608 | 24,825 | 20,709 |
313
- | `card` | 27,725 | 10,099 | 8,961 | 5,976 | 1,632 | 1,281 |
314
- | `carousel` | 54,063 | 17,260 | 15,451 | 25,704 | 6,036 | 4,820 |
315
- | `chat` | 94,674 | 29,166 | 25,862 | 42,730 | 10,802 | 8,758 |
316
- | `checkbox` | 46,865 | 15,189 | 13,540 | 9,580 | 2,483 | 1,900 |
317
- | `checkbox-group` | 54,826 | 17,243 | 15,361 | 15,537 | 3,997 | 3,057 |
318
- | `code` | 21,154 | 8,332 | 7,417 | 976 | 381 | 341 |
319
- | `code-block` | 127,213 | 38,714 | 34,152 | 61,298 | 14,674 | 11,998 |
320
- | `color-input` | 184,176 | 51,348 | 44,914 | 97,504 | 20,448 | 17,113 |
321
- | `color-picker` | 140,348 | 38,508 | 33,786 | 84,175 | 18,133 | 15,178 |
322
- | `combobox` | 147,503 | 44,927 | 39,555 | 51,252 | 12,065 | 9,713 |
323
- | `command` | 110,838 | 33,878 | 29,853 | 41,331 | 10,480 | 8,461 |
324
- | `copy-button` | 92,577 | 29,825 | 26,360 | 30,351 | 7,146 | 5,760 |
325
- | `data-table` | 230,715 | 66,817 | 57,210 | 120,287 | 29,324 | 23,673 |
326
- | `date-input` | 162,349 | 48,215 | 42,425 | 59,338 | 13,170 | 10,752 |
327
- | `date-picker` | 69,281 | 22,362 | 19,995 | 28,248 | 7,038 | 5,595 |
328
- | `description-list` | 25,855 | 9,516 | 8,441 | 4,508 | 1,253 | 874 |
329
- | `dialog` | 43,407 | 14,899 | 13,325 | 10,933 | 3,020 | 2,424 |
330
- | `divider` | 25,291 | 9,545 | 8,427 | 3,698 | 1,124 | 862 |
331
- | `donut-chart` | 99,170 | 33,262 | 29,381 | 24,574 | 6,693 | 5,354 |
332
- | `drawer` | 48,772 | 16,542 | 14,761 | 13,511 | 3,736 | 2,935 |
333
- | `drilldown` | 48,438 | 16,238 | 14,456 | 15,376 | 4,007 | 3,188 |
334
- | `empty` | 25,550 | 9,761 | 8,643 | 3,242 | 1,092 | 809 |
335
- | `file-input` | 69,285 | 22,419 | 19,892 | 24,610 | 6,500 | 5,228 |
336
- | `filter-input` | 108,688 | 34,990 | 31,057 | 32,463 | 8,378 | 6,672 |
337
- | `flex` | 25,740 | 9,193 | 8,179 | 4,762 | 1,032 | 805 |
338
- | `format-date` | 30,414 | 11,402 | 10,152 | 4,669 | 1,383 | 933 |
339
- | `graph` | 91,503 | 27,440 | 24,232 | 38,992 | 9,539 | 7,725 |
340
- | `grid` | 27,002 | 9,845 | 8,730 | 5,637 | 1,435 | 1,107 |
341
- | `heatmap` | 106,453 | 35,370 | 31,254 | 27,245 | 7,425 | 5,952 |
342
- | `icon` | 83,995 | 28,566 | 24,439 | 60,128 | 20,162 | 16,380 |
343
- | `icon-button` | 43,040 | 13,980 | 12,448 | 12,750 | 2,858 | 2,173 |
344
- | `image` | 26,892 | 9,946 | 8,795 | 5,192 | 1,598 | 1,315 |
345
- | `input` | 50,619 | 17,064 | 15,039 | 11,592 | 3,501 | 2,670 |
346
- | `kbd` | 29,504 | 11,108 | 9,824 | 5,494 | 1,668 | 1,231 |
347
- | `legend` | 40,423 | 14,212 | 12,588 | 8,066 | 2,255 | 1,766 |
348
- | `lightbox` | 62,016 | 20,154 | 17,907 | 23,004 | 5,960 | 4,566 |
349
- | `line-chart` | 102,454 | 34,256 | 30,361 | 25,861 | 6,814 | 5,584 |
350
- | `list` | 68,150 | 22,813 | 20,347 | 21,568 | 5,926 | 4,698 |
351
- | `listbox` | 81,154 | 26,541 | 23,476 | 19,991 | 5,668 | 4,205 |
352
- | `loader` | 29,263 | 10,815 | 9,620 | 5,641 | 1,684 | 1,252 |
353
- | `log` | 80,816 | 26,666 | 23,624 | 38,769 | 11,124 | 9,284 |
354
- | `map` | 112,126 | 29,780 | 26,120 | 69,978 | 15,409 | 12,593 |
355
- | `megamenu` | 64,996 | 22,864 | 20,210 | 13,545 | 3,529 | 2,627 |
356
- | `menu` | 108,403 | 34,709 | 30,624 | 41,092 | 10,113 | 8,296 |
357
- | `meter` | 37,896 | 13,376 | 11,965 | 11,049 | 2,795 | 2,324 |
358
- | `motion-toggle` | 27,312 | 10,458 | 9,307 | 3,044 | 972 | 713 |
359
- | `navigation` | 36,814 | 13,267 | 11,771 | 7,076 | 2,006 | 1,520 |
360
- | `notifications` | 71,839 | 22,456 | 20,075 | 31,690 | 7,637 | 6,224 |
361
- | `number-input` | 61,253 | 20,025 | 17,844 | 18,489 | 4,793 | 3,680 |
362
- | `object-inspector` | 130,338 | 41,204 | 36,228 | 51,885 | 13,165 | 10,668 |
363
- | `option` | 29,672 | 10,761 | 9,538 | 7,711 | 2,181 | 1,633 |
364
- | `orb` | 36,209 | 13,750 | 12,258 | 10,015 | 3,713 | 3,049 |
365
- | `outline` | 37,846 | 13,457 | 11,940 | 12,073 | 3,433 | 2,677 |
366
- | `pagination` | 153,264 | 46,929 | 40,877 | 62,367 | 15,172 | 12,307 |
367
- | `pin-input` | 50,409 | 17,315 | 15,447 | 10,057 | 3,146 | 2,393 |
368
- | `popover` | 67,005 | 23,748 | 21,003 | 9,507 | 2,642 | 2,031 |
369
- | `progress` | 35,232 | 12,379 | 11,031 | 10,100 | 2,587 | 2,177 |
370
- | `qr-code` | 44,321 | 17,120 | 15,236 | 18,585 | 6,757 | 5,614 |
371
- | `quote` | 23,074 | 9,077 | 7,995 | 1,751 | 685 | 557 |
372
- | `radio` | 50,349 | 15,975 | 14,216 | 11,592 | 2,738 | 2,006 |
373
- | `rating` | 54,190 | 18,518 | 16,485 | 11,944 | 3,635 | 2,817 |
374
- | `sandbox` | 106,479 | 32,357 | 28,424 | 74,198 | 20,105 | 16,900 |
375
- | `scatter-chart` | 100,317 | 33,784 | 29,836 | 25,193 | 6,964 | 5,555 |
376
- | `scroll-area` | 35,437 | 12,026 | 10,665 | 13,489 | 3,564 | 2,847 |
377
- | `select` | 124,418 | 40,070 | 35,143 | 35,145 | 9,048 | 7,014 |
378
- | `skeleton` | 26,090 | 9,663 | 8,583 | 4,738 | 1,387 | 1,108 |
379
- | `skip-link` | 25,441 | 9,850 | 8,719 | 2,779 | 953 | 748 |
380
- | `slider` | 67,842 | 20,139 | 17,999 | 28,107 | 6,147 | 4,878 |
381
- | `sparkline` | 53,442 | 18,850 | 16,821 | 11,419 | 3,468 | 2,811 |
382
- | `spatial-bar-chart` | 110,308 | 37,931 | 33,463 | 28,452 | 8,505 | 6,901 |
383
- | `spatial-heatmap` | 123,212 | 40,986 | 36,048 | 41,313 | 11,815 | 9,551 |
384
- | `spatial-ribbon-chart` | 109,556 | 37,550 | 33,141 | 29,518 | 8,942 | 7,310 |
385
- | `spatial-scatter-chart` | 107,852 | 36,785 | 32,355 | 27,865 | 8,210 | 6,582 |
386
- | `spatial-surface-chart` | 110,231 | 38,001 | 33,499 | 30,194 | 9,342 | 7,725 |
387
- | `spatial-treemap` | 111,658 | 38,741 | 34,135 | 29,924 | 9,353 | 7,593 |
388
- | `speed-dial` | 75,797 | 26,104 | 23,140 | 17,945 | 4,385 | 3,319 |
389
- | `splitter` | 49,804 | 16,207 | 14,473 | 20,430 | 4,897 | 3,917 |
390
- | `stat` | 28,117 | 10,371 | 9,254 | 5,156 | 1,446 | 1,062 |
391
- | `steps` | 67,449 | 21,377 | 19,023 | 27,416 | 6,615 | 5,365 |
392
- | `strands` | 62,788 | 23,354 | 20,583 | 38,012 | 13,681 | 11,842 |
393
- | `switch` | 43,562 | 14,636 | 13,011 | 5,998 | 1,756 | 1,226 |
394
- | `table` | 135,900 | 40,155 | 34,922 | 62,691 | 15,518 | 12,684 |
395
- | `tabs` | 55,263 | 17,752 | 15,825 | 19,435 | 4,713 | 3,774 |
396
- | `tag` | 47,247 | 16,757 | 14,974 | 13,012 | 3,667 | 2,799 |
397
- | `text` | 28,756 | 9,942 | 8,765 | 7,394 | 1,497 | 1,145 |
398
- | `textarea` | 47,785 | 15,948 | 14,234 | 9,317 | 2,646 | 1,954 |
399
- | `time-input` | 193,597 | 56,836 | 49,489 | 72,822 | 16,542 | 13,542 |
400
- | `time-picker` | 111,928 | 33,945 | 29,896 | 46,251 | 11,610 | 9,359 |
401
- | `timeline` | 38,179 | 13,325 | 11,918 | 10,945 | 2,702 | 2,197 |
402
- | `toast` | 58,767 | 19,783 | 17,672 | 20,004 | 5,404 | 4,302 |
403
- | `toggle` | 50,439 | 16,509 | 14,663 | 10,854 | 3,074 | 2,462 |
404
- | `toolbar` | 33,726 | 12,065 | 10,720 | 7,821 | 2,144 | 1,631 |
405
- | `tooltip` | 61,420 | 21,833 | 19,375 | 11,218 | 3,096 | 2,352 |
406
- | `tour` | 93,708 | 30,740 | 27,182 | 29,780 | 7,465 | 6,025 |
407
- | `tree` | 76,275 | 24,651 | 21,940 | 25,873 | 6,877 | 5,487 |
408
- | `trend` | 31,231 | 12,049 | 10,721 | 4,980 | 1,532 | 1,341 |
409
- | `video` | 162,777 | 48,191 | 42,021 | 87,167 | 20,547 | 17,143 |
410
- | `video-playlist` | 143,639 | 44,278 | 38,899 | 58,705 | 14,168 | 11,669 |
411
- | `virtual-list` | 65,445 | 22,137 | 19,641 | 25,281 | 7,638 | 6,298 |
327
+ | `accordion` | 35,311 | 12,652 | 11,233 | 8,743 | 2,443 | 1,893 |
328
+ | `announcement` | 41,307 | 14,364 | 12,795 | 9,277 | 2,477 | 1,935 |
329
+ | `app-header` | 37,449 | 13,102 | 11,648 | 11,015 | 2,964 | 2,353 |
330
+ | `area-chart` | 98,393 | 33,575 | 29,662 | 22,128 | 6,245 | 4,978 |
331
+ | `aura` | 56,731 | 19,524 | 17,310 | 29,771 | 9,255 | 7,798 |
332
+ | `avatar` | 33,464 | 12,351 | 11,023 | 6,945 | 1,964 | 1,578 |
333
+ | `badge` | 32,595 | 11,820 | 10,524 | 8,436 | 2,149 | 1,731 |
334
+ | `bar-chart` | 108,944 | 35,725 | 31,635 | 32,531 | 8,342 | 6,870 |
335
+ | `blockquote` | 26,332 | 9,967 | 8,808 | 4,611 | 1,416 | 1,263 |
336
+ | `breadcrumbs` | 43,220 | 15,114 | 13,507 | 14,282 | 3,647 | 2,945 |
337
+ | `button` | 41,612 | 14,008 | 12,452 | 11,321 | 2,870 | 2,201 |
338
+ | `button-group` | 31,138 | 11,066 | 9,809 | 8,407 | 2,205 | 1,671 |
339
+ | `callout` | 39,049 | 14,536 | 12,928 | 6,659 | 1,915 | 1,478 |
340
+ | `canvas` | 129,523 | 38,715 | 33,829 | 89,608 | 24,825 | 20,794 |
341
+ | `card` | 27,725 | 10,099 | 8,962 | 5,976 | 1,632 | 1,280 |
342
+ | `carousel` | 54,063 | 17,260 | 15,452 | 25,704 | 6,036 | 4,877 |
343
+ | `chat` | 94,674 | 29,166 | 25,802 | 42,730 | 10,802 | 8,803 |
344
+ | `checkbox` | 46,865 | 15,189 | 13,519 | 9,580 | 2,483 | 2,006 |
345
+ | `checkbox-group` | 54,826 | 17,243 | 15,357 | 15,537 | 3,997 | 2,994 |
346
+ | `code` | 21,154 | 8,332 | 7,404 | 976 | 381 | 307 |
347
+ | `code-block` | 127,213 | 38,714 | 34,184 | 61,298 | 14,674 | 12,088 |
348
+ | `color-input` | 184,176 | 51,348 | 44,968 | 97,504 | 20,448 | 16,998 |
349
+ | `color-picker` | 140,348 | 38,508 | 33,762 | 84,175 | 18,133 | 15,080 |
350
+ | `combobox` | 147,503 | 44,927 | 39,608 | 51,252 | 12,065 | 9,642 |
351
+ | `command` | 110,838 | 33,878 | 29,825 | 41,331 | 10,480 | 8,572 |
352
+ | `copy-button` | 92,577 | 29,825 | 26,376 | 30,351 | 7,146 | 5,746 |
353
+ | `data-table` | 230,715 | 66,817 | 57,267 | 120,287 | 29,324 | 23,766 |
354
+ | `date-input` | 162,349 | 48,215 | 42,400 | 59,338 | 13,170 | 10,763 |
355
+ | `date-picker` | 69,281 | 22,362 | 20,011 | 28,248 | 7,038 | 5,670 |
356
+ | `description-list` | 25,855 | 9,517 | 8,458 | 4,508 | 1,253 | 998 |
357
+ | `dialog` | 43,407 | 14,899 | 13,275 | 10,933 | 3,020 | 2,369 |
358
+ | `divider` | 25,291 | 9,545 | 8,433 | 3,698 | 1,124 | 888 |
359
+ | `donut-chart` | 99,170 | 33,262 | 29,461 | 24,574 | 6,693 | 5,399 |
360
+ | `drawer` | 48,772 | 16,542 | 14,788 | 13,511 | 3,736 | 2,955 |
361
+ | `drilldown` | 48,438 | 16,238 | 14,453 | 15,376 | 4,007 | 3,287 |
362
+ | `empty` | 25,550 | 9,761 | 8,642 | 3,242 | 1,092 | 901 |
363
+ | `file-input` | 69,285 | 22,419 | 19,916 | 24,610 | 6,500 | 5,343 |
364
+ | `filter-input` | 108,688 | 34,990 | 31,038 | 32,463 | 8,378 | 6,797 |
365
+ | `flex` | 25,740 | 9,193 | 8,136 | 4,762 | 1,032 | 860 |
366
+ | `format-date` | 30,414 | 11,403 | 10,200 | 4,669 | 1,383 | 1,087 |
367
+ | `graph` | 91,503 | 27,441 | 24,229 | 38,992 | 9,539 | 7,803 |
368
+ | `grid` | 27,002 | 9,845 | 8,739 | 5,637 | 1,435 | 1,122 |
369
+ | `heatmap` | 106,453 | 35,370 | 31,210 | 27,245 | 7,425 | 5,884 |
370
+ | `icon` | 83,995 | 28,565 | 24,452 | 60,128 | 20,162 | 16,476 |
371
+ | `icon-button` | 43,040 | 13,980 | 12,440 | 12,750 | 2,858 | 2,241 |
372
+ | `image` | 26,892 | 9,946 | 8,814 | 5,192 | 1,598 | 1,243 |
373
+ | `input` | 50,619 | 17,064 | 15,038 | 11,592 | 3,501 | 2,672 |
374
+ | `kbd` | 29,504 | 11,109 | 9,847 | 5,494 | 1,668 | 1,313 |
375
+ | `legend` | 40,423 | 14,212 | 12,614 | 8,066 | 2,255 | 1,832 |
376
+ | `lightbox` | 62,016 | 20,154 | 17,933 | 23,004 | 5,960 | 4,575 |
377
+ | `line-chart` | 102,454 | 34,256 | 30,352 | 25,861 | 6,814 | 5,624 |
378
+ | `list` | 68,150 | 22,813 | 20,362 | 21,568 | 5,926 | 4,669 |
379
+ | `listbox` | 81,154 | 26,541 | 23,432 | 19,991 | 5,668 | 4,304 |
380
+ | `loader` | 29,263 | 10,815 | 9,654 | 5,641 | 1,684 | 1,369 |
381
+ | `log` | 80,816 | 26,666 | 23,624 | 38,769 | 11,124 | 9,354 |
382
+ | `map` | 112,126 | 29,780 | 26,123 | 69,978 | 15,409 | 12,708 |
383
+ | `megamenu` | 64,996 | 22,864 | 20,304 | 13,545 | 3,529 | 2,647 |
384
+ | `menu` | 108,403 | 34,710 | 30,616 | 41,092 | 10,113 | 8,256 |
385
+ | `meter` | 37,896 | 13,376 | 11,955 | 11,049 | 2,795 | 2,379 |
386
+ | `motion-toggle` | 27,312 | 10,459 | 9,277 | 3,044 | 972 | 759 |
387
+ | `navigation` | 36,814 | 13,267 | 11,771 | 7,076 | 2,006 | 1,540 |
388
+ | `notifications` | 71,839 | 22,456 | 20,071 | 31,690 | 7,637 | 6,309 |
389
+ | `number-input` | 61,253 | 20,025 | 17,843 | 18,489 | 4,793 | 3,629 |
390
+ | `object-inspector` | 130,338 | 41,204 | 36,250 | 51,885 | 13,165 | 10,675 |
391
+ | `option` | 29,672 | 10,761 | 9,549 | 7,711 | 2,181 | 1,752 |
392
+ | `orb` | 36,209 | 13,750 | 12,258 | 10,015 | 3,713 | 3,132 |
393
+ | `outline` | 37,846 | 13,457 | 11,943 | 12,073 | 3,433 | 2,766 |
394
+ | `pagination` | 153,264 | 46,929 | 40,864 | 62,367 | 15,172 | 12,315 |
395
+ | `pin-input` | 50,409 | 17,315 | 15,440 | 10,057 | 3,146 | 2,424 |
396
+ | `popover` | 67,005 | 23,748 | 21,007 | 9,507 | 2,642 | 2,013 |
397
+ | `progress` | 35,232 | 12,380 | 11,024 | 10,100 | 2,587 | 2,246 |
398
+ | `qr-code` | 44,321 | 17,120 | 15,275 | 18,585 | 6,757 | 5,684 |
399
+ | `quote` | 23,074 | 9,077 | 8,033 | 1,751 | 685 | 551 |
400
+ | `radio` | 50,349 | 15,975 | 14,202 | 11,592 | 2,738 | 2,210 |
401
+ | `rating` | 54,190 | 18,518 | 16,486 | 11,944 | 3,635 | 2,818 |
402
+ | `sandbox` | 106,479 | 32,358 | 28,346 | 74,198 | 20,105 | 16,917 |
403
+ | `scatter-chart` | 100,317 | 33,784 | 29,806 | 25,193 | 6,964 | 5,538 |
404
+ | `scroll-area` | 35,437 | 12,026 | 10,679 | 13,489 | 3,564 | 2,818 |
405
+ | `select` | 124,418 | 40,070 | 35,217 | 35,145 | 9,048 | 7,087 |
406
+ | `skeleton` | 26,090 | 9,663 | 8,583 | 4,738 | 1,387 | 1,092 |
407
+ | `skip-link` | 25,441 | 9,850 | 8,690 | 2,779 | 953 | 782 |
408
+ | `slider` | 67,842 | 20,139 | 18,052 | 28,107 | 6,147 | 4,918 |
409
+ | `sparkline` | 53,442 | 18,850 | 16,867 | 11,419 | 3,468 | 2,803 |
410
+ | `spatial-bar-chart` | 110,308 | 37,930 | 33,463 | 28,452 | 8,505 | 6,935 |
411
+ | `spatial-heatmap` | 123,212 | 40,986 | 36,027 | 41,313 | 11,815 | 9,647 |
412
+ | `spatial-ribbon-chart` | 109,556 | 37,550 | 33,122 | 29,518 | 8,942 | 7,313 |
413
+ | `spatial-scatter-chart` | 107,852 | 36,784 | 32,465 | 27,865 | 8,210 | 6,767 |
414
+ | `spatial-surface-chart` | 110,231 | 38,000 | 33,522 | 30,194 | 9,343 | 7,700 |
415
+ | `spatial-treemap` | 111,658 | 38,741 | 34,049 | 29,924 | 9,353 | 7,591 |
416
+ | `speed-dial` | 75,797 | 26,104 | 23,180 | 17,945 | 4,385 | 3,444 |
417
+ | `splitter` | 49,804 | 16,207 | 14,472 | 20,430 | 4,897 | 3,898 |
418
+ | `stat` | 28,117 | 10,371 | 9,279 | 5,156 | 1,446 | 1,243 |
419
+ | `steps` | 67,449 | 21,377 | 19,064 | 27,416 | 6,615 | 5,346 |
420
+ | `strands` | 62,788 | 23,354 | 20,586 | 38,012 | 13,682 | 11,929 |
421
+ | `switch` | 43,562 | 14,636 | 13,014 | 5,998 | 1,756 | 1,441 |
422
+ | `table` | 135,900 | 40,155 | 34,971 | 62,691 | 15,518 | 12,665 |
423
+ | `tabs` | 55,263 | 17,752 | 15,845 | 19,435 | 4,713 | 3,781 |
424
+ | `tag` | 47,247 | 16,757 | 14,988 | 13,012 | 3,667 | 2,852 |
425
+ | `text` | 28,756 | 9,942 | 8,752 | 7,394 | 1,497 | 1,092 |
426
+ | `textarea` | 47,785 | 15,948 | 14,225 | 9,317 | 2,646 | 2,023 |
427
+ | `time-input` | 193,597 | 56,836 | 49,520 | 72,822 | 16,542 | 13,618 |
428
+ | `time-picker` | 111,928 | 33,945 | 29,913 | 46,251 | 11,610 | 9,387 |
429
+ | `timeline` | 38,179 | 13,325 | 11,920 | 10,945 | 2,702 | 2,094 |
430
+ | `toast` | 58,767 | 19,783 | 17,684 | 20,004 | 5,404 | 4,260 |
431
+ | `toggle` | 50,439 | 16,509 | 14,668 | 10,854 | 3,074 | 2,455 |
432
+ | `toolbar` | 33,726 | 12,065 | 10,717 | 7,821 | 2,144 | 1,605 |
433
+ | `tooltip` | 61,420 | 21,833 | 19,392 | 11,218 | 3,096 | 2,379 |
434
+ | `tour` | 93,708 | 30,740 | 27,195 | 29,780 | 7,465 | 5,994 |
435
+ | `tree` | 76,275 | 24,651 | 21,982 | 25,873 | 6,877 | 5,579 |
436
+ | `trend` | 31,231 | 12,049 | 10,746 | 4,980 | 1,532 | 1,290 |
437
+ | `video` | 162,777 | 48,191 | 42,080 | 87,167 | 20,547 | 17,101 |
438
+ | `video-playlist` | 143,639 | 44,278 | 38,942 | 58,705 | 14,168 | 11,764 |
439
+ | `virtual-list` | 65,445 | 22,138 | 19,638 | 25,281 | 7,638 | 6,212 |
412
440
 
413
441
  ## What an install adds to `node_modules`
414
442