@fusion.dev/helix-docs 0.116.0 → 0.117.0
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.
- package/content/building-on-the-headless-tier.mdx +1 -1
- package/content/metrics.mdx +223 -221
- package/dist/sources.generated.js +224 -222
- package/package.json +9 -9
|
@@ -349,7 +349,7 @@ open.
|
|
|
349
349
|
|
|
350
350
|
[//]: # (renders)
|
|
351
351
|
|
|
352
|
-
**27 of the
|
|
352
|
+
**27 of the 98 headless families interpolate another family's tag**, across 20 distinct children.
|
|
353
353
|
|
|
354
354
|
| Family | Renders |
|
|
355
355
|
|---|---|
|
|
@@ -2946,7 +2946,7 @@ on its own.
|
|
|
2946
2946
|
|
|
2947
2947
|
| | Raw | Gzip | Brotli |
|
|
2948
2948
|
|---|---|---|---|
|
|
2949
|
-
| Lit and \`@fusion.dev/helix-core\` |
|
|
2949
|
+
| Lit and \`@fusion.dev/helix-core\` | 178,279 | 57,215 | 48,481 |
|
|
2950
2950
|
|
|
2951
2951
|
## Whole packages
|
|
2952
2952
|
|
|
@@ -2957,11 +2957,11 @@ either barrel. The per-component tables show what your page pays.
|
|
|
2957
2957
|
|
|
2958
2958
|
| Package | Raw | Gzip | Brotli | |
|
|
2959
2959
|
|---|---|---|---|---|
|
|
2960
|
-
| \`@fusion.dev/helix-core\` | 177,
|
|
2961
|
-
| \`@fusion.dev/helix-headless\` |
|
|
2960
|
+
| \`@fusion.dev/helix-core\` | 177,833 | 56,761 | 48,232 | The element base class, mixins, decorators, and floating positioning. |
|
|
2961
|
+
| \`@fusion.dev/helix-headless\` | 739,313 | 191,326 | 148,679 | Every headless family. The barrel entry includes all of them. |
|
|
2962
2962
|
| \`@fusion.dev/helix-icons\` | 55,565 | 17,727 | 14,864 | The whole glyph set. |
|
|
2963
2963
|
| \`@fusion.dev/helix-theme\` | 3,626 | 1,597 | 1,384 | The derivation engine. Most sites run it at build time, and a theme switcher runs it in the browser. |
|
|
2964
|
-
| \`@fusion.dev/helix\` | 1,
|
|
2964
|
+
| \`@fusion.dev/helix\` | 1,278,147 | 299,063 | 218,908 | Every styled family. |
|
|
2965
2965
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Lit itself, listed so you can subtract it from every row above. |
|
|
2966
2966
|
|
|
2967
2967
|
## Stylesheets
|
|
@@ -2975,20 +2975,20 @@ shows the whole cost of using the base layer on its own.
|
|
|
2975
2975
|
| File | Raw | Gzip | Brotli | |
|
|
2976
2976
|
|---|---|---|---|---|
|
|
2977
2977
|
| \`base.css\` | 30,672 | 4,430 | 3,844 | The base layer. It styles markup Helix does not render, and it works with no JavaScript. |
|
|
2978
|
-
| \`elements.css\` | 8,
|
|
2978
|
+
| \`elements.css\` | 8,807 | 1,488 | 1,318 | Hides each element until its definition loads. It is generated from the tags in \`@fusion.dev/helix\`. |
|
|
2979
2979
|
| \`helix.css\` | 207 | 148 | 118 | The other four stylesheets in one import, in the order they must load. |
|
|
2980
2980
|
| \`primitives.css\` | 6,390 | 1,260 | 1,084 | The primitive layer. It is private, and it ships because \`tokens.css\` refers to it. |
|
|
2981
2981
|
| \`tokens.css\` | 20,987 | 2,567 | 2,138 | The 191 semantic tokens. Every styled component needs them. |
|
|
2982
2982
|
|
|
2983
2983
|
## What the numbers say
|
|
2984
2984
|
|
|
2985
|
-
**Most of your first component is the shared runtime.** The median styled family is
|
|
2985
|
+
**Most of your first component is the shared runtime.** The median styled family is 21,291 bytes gzipped alone, and it adds 2,248 to a page that already has Helix. The shared runtime is 89 percent of the first component, and the component itself is 11 percent. Ten typical components cost the first number once, plus nine of the added number. The two columns in the tables below let you work that out for your own components.
|
|
2986
2986
|
|
|
2987
|
-
Across the
|
|
2987
|
+
Across the 104 styled components, the smallest is \`code\` at 9,853 bytes gzipped alone, and the largest is \`data-table\` at 63,698. Every family together is 299,063.
|
|
2988
2988
|
|
|
2989
|
-
No family imports a barrel. The \`barrels\` rule in \`fusion workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs
|
|
2989
|
+
No family imports a barrel. The \`barrels\` rule in \`fusion workspace\` enforces that. \`@fusion.dev/helix-headless\` marks every module in \`dist\` as having side effects, which is true of a file that calls \`customElements.define\`. A bundler can remove none of it. One \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 191,326 bytes gzipped, whatever else the page imports. That is 9 times the median family above. All 104 styled families import the headless family they extend directly. The rule checks the shape of the import, so it applies to any package that sets \`sideEffects\`, whatever its name.
|
|
2990
2990
|
|
|
2991
|
-
The headless tier never had the problem, so it serves as the control. \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and the median headless family is 21,
|
|
2991
|
+
The headless tier never had the problem, so it serves as the control. \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and the median headless family is 21,836 bytes gzipped alone.
|
|
2992
2992
|
|
|
2993
2993
|
## Compared with other systems
|
|
2994
2994
|
|
|
@@ -3000,43 +3000,43 @@ The table has no whole-library row. That row would compare how many components e
|
|
|
3000
3000
|
|
|
3001
3001
|
| Component | System | Raw | Gzip | Brotli |
|
|
3002
3002
|
|---|---|---|---|---|
|
|
3003
|
-
| \`button\` | **Helix** |
|
|
3003
|
+
| \`button\` | **Helix** | 43,073 | 12,462 | 10,925 |
|
|
3004
3004
|
| | Carbon | 133,058 | 20,959 | 17,685 |
|
|
3005
3005
|
| | Material Web | 47,060 | 14,173 | 12,591 |
|
|
3006
3006
|
| | Shoelace | 62,628 | 18,287 | 15,805 |
|
|
3007
3007
|
| | Spectrum | 98,792 | 22,045 | 18,674 |
|
|
3008
|
-
| \`checkbox\` | **Helix** |
|
|
3008
|
+
| \`checkbox\` | **Helix** | 48,317 | 13,840 | 12,125 |
|
|
3009
3009
|
| | Carbon | 60,255 | 15,609 | 13,550 |
|
|
3010
3010
|
| | Material Web | 43,785 | 13,556 | 12,015 |
|
|
3011
3011
|
| | Shoelace | 47,614 | 15,177 | 13,301 |
|
|
3012
3012
|
| | Spectrum | 62,492 | 15,437 | 13,481 |
|
|
3013
|
-
| \`dialog\` | **Helix** |
|
|
3013
|
+
| \`dialog\` | **Helix** | 40,205 | 12,048 | 10,610 |
|
|
3014
3014
|
| | Carbon | 510,866 | 67,390 | 39,189 |
|
|
3015
3015
|
| | Material Web | 34,238 | 11,510 | 10,229 |
|
|
3016
3016
|
| | Shoelace | 52,754 | 17,698 | 15,554 |
|
|
3017
3017
|
| | Spectrum | 155,708 | 31,899 | 26,262 |
|
|
3018
|
-
| \`radio\` | **Helix** | 51,
|
|
3018
|
+
| \`radio\` | **Helix** | 51,834 | 14,305 | 12,574 |
|
|
3019
3019
|
| | Carbon | 63,055 | 16,887 | 14,605 |
|
|
3020
3020
|
| | Material Web | 41,044 | 13,234 | 11,757 |
|
|
3021
3021
|
| | Shoelace | 34,865 | 12,027 | 10,559 |
|
|
3022
3022
|
| | Spectrum | 38,685 | 10,660 | 9,370 |
|
|
3023
|
-
| \`switch\` | **Helix** |
|
|
3023
|
+
| \`switch\` | **Helix** | 45,406 | 13,371 | 11,761 |
|
|
3024
3024
|
| | Carbon | 69,423 | 17,127 | 14,764 |
|
|
3025
3025
|
| | Material Web | 50,155 | 14,577 | 12,935 |
|
|
3026
3026
|
| | Shoelace | 37,833 | 11,814 | 10,568 |
|
|
3027
3027
|
| | Spectrum | 62,322 | 15,059 | 13,321 |
|
|
3028
|
-
| \`tabs\` | **Helix** | 46,
|
|
3028
|
+
| \`tabs\` | **Helix** | 46,516 | 13,410 | 11,814 |
|
|
3029
3029
|
| | Carbon | 578,766 | 73,537 | 43,235 |
|
|
3030
3030
|
| | Material Web | 38,883 | 12,820 | 11,368 |
|
|
3031
3031
|
| | Shoelace | 54,573 | 17,140 | 15,068 |
|
|
3032
3032
|
| | Spectrum | 64,875 | 18,298 | 16,283 |
|
|
3033
|
-
| \`tooltip\` | **Helix** |
|
|
3033
|
+
| \`tooltip\` | **Helix** | 67,096 | 21,891 | 19,420 |
|
|
3034
3034
|
| | Carbon | 189,382 | 30,354 | 22,273 |
|
|
3035
3035
|
| | Material Web | | not shipped | |
|
|
3036
3036
|
| | Shoelace | 57,412 | 20,220 | 17,933 |
|
|
3037
3037
|
| | Spectrum | 136,599 | 40,552 | 35,286 |
|
|
3038
3038
|
|
|
3039
|
-
At least one system is smaller than Helix on \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, at 3,
|
|
3039
|
+
At least one system is smaller than Helix on \`checkbox\`, \`dialog\`, \`radio\`, \`switch\`, \`tabs\`, \`tooltip\`. The largest gap is radio against Spectrum, at 3,645 bytes gzipped. 8 of 28 peer measurements are smaller than the Helix row.
|
|
3040
3040
|
|
|
3041
3041
|
- **Carbon** \`@carbon/web-components@2.61.0\`. Its dialog is Modal, its radio is Radio Button, and its switch is Toggle.
|
|
3042
3042
|
- **Material Web** \`@material/web@2.5.0\`. Ships no tooltip. Its button is measured as the filled one, there being no single button element.
|
|
@@ -3080,103 +3080,104 @@ Structure, accessibility, state, and form participation. It has no presentation
|
|
|
3080
3080
|
|
|
3081
3081
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
3082
3082
|
|---|---|---|---|---|---|---|
|
|
3083
|
-
| \`accordion\` | 91,
|
|
3084
|
-
| \`announcement\` |
|
|
3085
|
-
| \`app-header\` | 32,
|
|
3086
|
-
| \`area-chart\` | 78,
|
|
3087
|
-
| \`avatar\` | 34,
|
|
3088
|
-
| \`badge\` |
|
|
3089
|
-
| \`bar-chart\` |
|
|
3090
|
-
| \`blockquote\` |
|
|
3091
|
-
| \`breadcrumbs\` |
|
|
3092
|
-
| \`button\` | 36,
|
|
3093
|
-
| \`button-group\` |
|
|
3094
|
-
| \`callout\` |
|
|
3095
|
-
| \`canvas\` |
|
|
3096
|
-
| \`card\` |
|
|
3097
|
-
| \`carousel\` | 97,
|
|
3098
|
-
| \`chat\` | 110,
|
|
3099
|
-
| \`checkbox\` | 41,
|
|
3100
|
-
| \`checkbox-group\` | 44,
|
|
3101
|
-
| \`code\` | 30,
|
|
3102
|
-
| \`code-block\` |
|
|
3103
|
-
| \`color-input\` |
|
|
3104
|
-
| \`color-picker\` |
|
|
3105
|
-
| \`combobox\` | 145,
|
|
3106
|
-
| \`command\` | 115,
|
|
3107
|
-
| \`copy-button\` | 127,
|
|
3108
|
-
| \`data-table\` |
|
|
3109
|
-
| \`date-input\` |
|
|
3110
|
-
| \`date-picker\` |
|
|
3111
|
-
| \`description-list\` |
|
|
3112
|
-
| \`dialog\` | 35,
|
|
3113
|
-
| \`divider\` | 32,
|
|
3114
|
-
| \`donut-chart\` |
|
|
3115
|
-
| \`drawer\` | 34,
|
|
3116
|
-
| \`drilldown\` |
|
|
3117
|
-
| \`empty\` | 32,
|
|
3118
|
-
| \`file-input\` | 99,
|
|
3119
|
-
| \`filter-input\` |
|
|
3120
|
-
| \`format-date\` | 35,
|
|
3121
|
-
| \`
|
|
3122
|
-
| \`
|
|
3123
|
-
| \`icon
|
|
3124
|
-
| \`
|
|
3125
|
-
| \`
|
|
3126
|
-
| \`
|
|
3127
|
-
| \`
|
|
3128
|
-
| \`
|
|
3129
|
-
| \`
|
|
3130
|
-
| \`
|
|
3131
|
-
| \`
|
|
3132
|
-
| \`
|
|
3133
|
-
| \`
|
|
3134
|
-
| \`
|
|
3135
|
-
| \`
|
|
3136
|
-
| \`
|
|
3137
|
-
| \`
|
|
3138
|
-
| \`
|
|
3139
|
-
| \`
|
|
3140
|
-
| \`
|
|
3141
|
-
| \`
|
|
3142
|
-
| \`
|
|
3143
|
-
| \`
|
|
3144
|
-
| \`
|
|
3145
|
-
| \`
|
|
3146
|
-
| \`
|
|
3147
|
-
| \`
|
|
3148
|
-
| \`
|
|
3149
|
-
| \`
|
|
3150
|
-
| \`
|
|
3151
|
-
| \`
|
|
3152
|
-
| \`
|
|
3153
|
-
| \`
|
|
3154
|
-
| \`
|
|
3155
|
-
| \`
|
|
3156
|
-
| \`
|
|
3157
|
-
| \`
|
|
3158
|
-
| \`
|
|
3159
|
-
| \`
|
|
3160
|
-
| \`
|
|
3161
|
-
| \`
|
|
3162
|
-
| \`
|
|
3163
|
-
| \`
|
|
3164
|
-
| \`
|
|
3165
|
-
| \`
|
|
3166
|
-
| \`
|
|
3167
|
-
| \`
|
|
3168
|
-
| \`time-
|
|
3169
|
-
| \`
|
|
3170
|
-
| \`
|
|
3171
|
-
| \`
|
|
3172
|
-
| \`
|
|
3173
|
-
| \`
|
|
3174
|
-
| \`
|
|
3175
|
-
| \`
|
|
3176
|
-
| \`
|
|
3177
|
-
| \`
|
|
3178
|
-
| \`video
|
|
3179
|
-
| \`
|
|
3083
|
+
| \`accordion\` | 91,768 | 30,039 | 24,501 | 2,875 | 725 | 580 |
|
|
3084
|
+
| \`announcement\` | 89,184 | 29,214 | 23,793 | 1,386 | 331 | 395 |
|
|
3085
|
+
| \`app-header\` | 32,770 | 10,142 | 8,907 | 1,248 | 289 | 245 |
|
|
3086
|
+
| \`area-chart\` | 78,692 | 26,108 | 22,998 | 11,004 | 3,360 | 2,779 |
|
|
3087
|
+
| \`avatar\` | 34,819 | 10,735 | 9,459 | 3,257 | 871 | 709 |
|
|
3088
|
+
| \`badge\` | 32,306 | 10,073 | 8,846 | 1,163 | 291 | 249 |
|
|
3089
|
+
| \`bar-chart\` | 80,343 | 26,465 | 23,383 | 12,644 | 3,709 | 3,108 |
|
|
3090
|
+
| \`blockquote\` | 32,320 | 10,094 | 8,872 | 774 | 170 | 158 |
|
|
3091
|
+
| \`breadcrumbs\` | 88,224 | 28,555 | 23,433 | 1,965 | 432 | 410 |
|
|
3092
|
+
| \`button\` | 36,980 | 11,349 | 9,950 | 3,182 | 802 | 664 |
|
|
3093
|
+
| \`button-group\` | 32,176 | 9,983 | 8,792 | 661 | 137 | 75 |
|
|
3094
|
+
| \`callout\` | 87,344 | 28,414 | 23,282 | 914 | 222 | 220 |
|
|
3095
|
+
| \`canvas\` | 88,330 | 26,506 | 23,234 | 49,382 | 14,694 | 12,513 |
|
|
3096
|
+
| \`card\` | 32,210 | 9,993 | 8,809 | 694 | 128 | 144 |
|
|
3097
|
+
| \`carousel\` | 97,627 | 31,536 | 25,884 | 10,942 | 2,780 | 2,352 |
|
|
3098
|
+
| \`chat\` | 110,965 | 36,361 | 29,831 | 17,447 | 5,130 | 4,239 |
|
|
3099
|
+
| \`checkbox\` | 41,691 | 12,384 | 10,889 | 2,703 | 757 | 535 |
|
|
3100
|
+
| \`checkbox-group\` | 44,815 | 13,074 | 11,487 | 5,307 | 1,361 | 1,013 |
|
|
3101
|
+
| \`code\` | 30,795 | 9,563 | 8,412 | 451 | 70 | 152 |
|
|
3102
|
+
| \`code-block\` | 133,070 | 43,591 | 36,723 | 17,288 | 4,519 | 3,802 |
|
|
3103
|
+
| \`color-input\` | 151,046 | 47,635 | 40,154 | 25,691 | 5,998 | 4,963 |
|
|
3104
|
+
| \`color-picker\` | 117,491 | 37,029 | 30,431 | 19,588 | 4,687 | 3,912 |
|
|
3105
|
+
| \`combobox\` | 145,958 | 46,328 | 38,928 | 21,146 | 5,269 | 4,357 |
|
|
3106
|
+
| \`command\` | 115,908 | 36,316 | 29,749 | 18,065 | 4,646 | 3,797 |
|
|
3107
|
+
| \`copy-button\` | 127,668 | 41,952 | 35,293 | 11,883 | 2,935 | 2,499 |
|
|
3108
|
+
| \`data-table\` | 186,110 | 56,758 | 47,910 | 57,296 | 14,506 | 12,103 |
|
|
3109
|
+
| \`date-input\` | 144,216 | 45,825 | 38,467 | 19,177 | 4,874 | 4,076 |
|
|
3110
|
+
| \`date-picker\` | 99,403 | 32,267 | 26,429 | 9,900 | 2,730 | 2,280 |
|
|
3111
|
+
| \`description-list\` | 32,279 | 9,935 | 8,752 | 1,132 | 182 | 194 |
|
|
3112
|
+
| \`dialog\` | 35,828 | 11,032 | 9,709 | 2,717 | 772 | 702 |
|
|
3113
|
+
| \`divider\` | 32,526 | 10,174 | 8,926 | 981 | 233 | 159 |
|
|
3114
|
+
| \`donut-chart\` | 76,475 | 25,068 | 22,110 | 10,214 | 2,972 | 2,524 |
|
|
3115
|
+
| \`drawer\` | 34,581 | 10,672 | 9,373 | 1,761 | 448 | 356 |
|
|
3116
|
+
| \`drilldown\` | 96,269 | 31,416 | 25,576 | 5,704 | 1,502 | 1,186 |
|
|
3117
|
+
| \`empty\` | 32,773 | 10,231 | 8,967 | 956 | 224 | 167 |
|
|
3118
|
+
| \`file-input\` | 99,716 | 32,245 | 26,326 | 6,215 | 1,776 | 1,490 |
|
|
3119
|
+
| \`filter-input\` | 156,510 | 49,039 | 41,282 | 28,023 | 6,804 | 5,716 |
|
|
3120
|
+
| \`format-date\` | 35,789 | 11,147 | 9,830 | 2,867 | 702 | 607 |
|
|
3121
|
+
| \`graph\` | 106,192 | 34,400 | 28,223 | 8,149 | 2,415 | 2,016 |
|
|
3122
|
+
| \`heatmap\` | 77,697 | 25,296 | 22,324 | 10,872 | 3,006 | 2,440 |
|
|
3123
|
+
| \`icon\` | 86,911 | 28,229 | 23,117 | 1,018 | 218 | 199 |
|
|
3124
|
+
| \`icon-button\` | 37,379 | 11,381 | 9,963 | 3,581 | 844 | 723 |
|
|
3125
|
+
| \`image\` | 34,349 | 10,534 | 9,277 | 3,156 | 818 | 688 |
|
|
3126
|
+
| \`input\` | 98,804 | 31,729 | 25,916 | 4,745 | 1,285 | 1,007 |
|
|
3127
|
+
| \`kbd\` | 34,130 | 10,768 | 9,475 | 2,976 | 957 | 788 |
|
|
3128
|
+
| \`legend\` | 36,182 | 11,270 | 9,924 | 1,080 | 273 | 194 |
|
|
3129
|
+
| \`lightbox\` | 40,564 | 12,309 | 10,787 | 4,807 | 1,245 | 1,048 |
|
|
3130
|
+
| \`line-chart\` | 78,273 | 25,796 | 22,826 | 10,667 | 3,076 | 2,606 |
|
|
3131
|
+
| \`list\` | 33,232 | 10,170 | 8,946 | 1,726 | 336 | 281 |
|
|
3132
|
+
| \`listbox\` | 107,620 | 34,429 | 28,051 | 11,262 | 3,063 | 2,483 |
|
|
3133
|
+
| \`loader\` | 32,416 | 10,099 | 8,873 | 900 | 219 | 165 |
|
|
3134
|
+
| \`map\` | 131,512 | 39,435 | 32,585 | 36,365 | 8,478 | 6,931 |
|
|
3135
|
+
| \`megamenu\` | 62,674 | 20,804 | 18,375 | 4,941 | 1,336 | 1,091 |
|
|
3136
|
+
| \`menu\` | 126,396 | 41,871 | 35,068 | 8,855 | 2,222 | 1,769 |
|
|
3137
|
+
| \`meter\` | 35,606 | 10,950 | 9,650 | 4,099 | 1,051 | 1,007 |
|
|
3138
|
+
| \`navigation\` | 34,110 | 10,633 | 9,351 | 1,361 | 334 | 222 |
|
|
3139
|
+
| \`notifications\` | 103,448 | 32,996 | 26,948 | 11,383 | 2,645 | 2,236 |
|
|
3140
|
+
| \`number-input\` | 101,732 | 32,548 | 26,558 | 7,670 | 2,007 | 1,547 |
|
|
3141
|
+
| \`object-inspector\` | 140,718 | 46,175 | 38,781 | 19,550 | 5,193 | 4,412 |
|
|
3142
|
+
| \`option\` | 34,471 | 10,538 | 9,290 | 2,958 | 651 | 500 |
|
|
3143
|
+
| \`outline\` | 37,534 | 11,819 | 10,426 | 4,628 | 1,370 | 1,067 |
|
|
3144
|
+
| \`pagination\` | 150,085 | 47,047 | 39,513 | 27,821 | 6,539 | 5,402 |
|
|
3145
|
+
| \`pin-input\` | 43,989 | 13,168 | 11,584 | 5,241 | 1,532 | 1,242 |
|
|
3146
|
+
| \`popover\` | 59,880 | 20,046 | 17,668 | 1,899 | 478 | 433 |
|
|
3147
|
+
| \`progress\` | 33,457 | 10,375 | 9,138 | 1,951 | 476 | 391 |
|
|
3148
|
+
| \`qr-code\` | 44,106 | 14,416 | 12,721 | 12,983 | 4,690 | 4,074 |
|
|
3149
|
+
| \`quote\` | 31,699 | 9,854 | 8,659 | 552 | 112 | 49 |
|
|
3150
|
+
| \`radio\` | 43,538 | 12,796 | 11,238 | 2,874 | 730 | 597 |
|
|
3151
|
+
| \`rating\` | 45,703 | 13,755 | 12,116 | 6,646 | 1,883 | 1,559 |
|
|
3152
|
+
| \`scatter-chart\` | 78,177 | 25,732 | 22,720 | 11,346 | 3,384 | 2,791 |
|
|
3153
|
+
| \`scroll-area\` | 33,942 | 10,541 | 9,247 | 2,743 | 759 | 596 |
|
|
3154
|
+
| \`select\` | 138,195 | 44,463 | 37,247 | 16,144 | 4,108 | 3,319 |
|
|
3155
|
+
| \`skeleton\` | 30,888 | 9,596 | 8,448 | 544 | 103 | 115 |
|
|
3156
|
+
| \`skip-link\` | 32,478 | 10,161 | 8,945 | 1,178 | 341 | 285 |
|
|
3157
|
+
| \`slider\` | 44,528 | 13,187 | 11,640 | 5,627 | 1,503 | 1,229 |
|
|
3158
|
+
| \`sparkline\` | 38,601 | 12,291 | 10,832 | 2,387 | 771 | 603 |
|
|
3159
|
+
| \`speed-dial\` | 117,905 | 39,462 | 33,126 | 3,743 | 939 | 768 |
|
|
3160
|
+
| \`splitter\` | 41,981 | 12,612 | 11,150 | 10,282 | 2,602 | 2,285 |
|
|
3161
|
+
| \`stat\` | 32,664 | 10,036 | 8,831 | 1,148 | 193 | 143 |
|
|
3162
|
+
| \`steps\` | 96,454 | 31,022 | 25,303 | 6,264 | 1,506 | 1,207 |
|
|
3163
|
+
| \`switch\` | 41,040 | 12,296 | 10,813 | 1,650 | 475 | 373 |
|
|
3164
|
+
| \`table\` | 98,594 | 32,207 | 26,260 | 10,158 | 2,819 | 2,368 |
|
|
3165
|
+
| \`tabs\` | 40,280 | 12,138 | 10,644 | 3,925 | 875 | 691 |
|
|
3166
|
+
| \`tag\` | 87,624 | 28,491 | 23,275 | 895 | 168 | 162 |
|
|
3167
|
+
| \`textarea\` | 43,227 | 12,804 | 11,231 | 3,996 | 1,073 | 745 |
|
|
3168
|
+
| \`time-input\` | 157,346 | 49,046 | 41,241 | 29,016 | 7,107 | 5,814 |
|
|
3169
|
+
| \`time-picker\` | 116,463 | 37,022 | 30,380 | 19,136 | 5,135 | 4,246 |
|
|
3170
|
+
| \`timeline\` | 88,073 | 28,482 | 23,360 | 1,809 | 371 | 363 |
|
|
3171
|
+
| \`toast\` | 91,430 | 29,634 | 24,177 | 4,078 | 969 | 811 |
|
|
3172
|
+
| \`toggle\` | 45,224 | 13,319 | 11,731 | 3,342 | 824 | 638 |
|
|
3173
|
+
| \`toolbar\` | 34,270 | 10,729 | 9,437 | 2,624 | 767 | 586 |
|
|
3174
|
+
| \`tooltip\` | 64,018 | 21,140 | 18,729 | 6,369 | 1,747 | 1,443 |
|
|
3175
|
+
| \`tour\` | 69,837 | 22,531 | 19,871 | 11,032 | 2,761 | 2,293 |
|
|
3176
|
+
| \`tree\` | 98,288 | 31,849 | 25,962 | 7,223 | 1,945 | 1,564 |
|
|
3177
|
+
| \`trend\` | 86,951 | 28,269 | 23,190 | 1,056 | 262 | 254 |
|
|
3178
|
+
| \`video\` | 154,613 | 48,713 | 41,145 | 32,520 | 7,677 | 6,587 |
|
|
3179
|
+
| \`video-playlist\` | 133,886 | 43,490 | 36,514 | 14,940 | 3,492 | 2,857 |
|
|
3180
|
+
| \`virtual-list\` | 38,077 | 11,969 | 10,546 | 2,413 | 703 | 529 |
|
|
3180
3181
|
|
|
3181
3182
|
### Styled tier
|
|
3182
3183
|
|
|
@@ -3184,109 +3185,110 @@ The headless tier plus presentation. \`bun add @fusion.dev/helix\` installs this
|
|
|
3184
3185
|
|
|
3185
3186
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
3186
3187
|
|---|---|---|---|---|---|---|
|
|
3187
|
-
| \`accordion\` |
|
|
3188
|
-
| \`announcement\` | 93,
|
|
3189
|
-
| \`app-header\` | 36,
|
|
3190
|
-
| \`area-chart\` |
|
|
3191
|
-
| \`aura\` | 99,
|
|
3192
|
-
| \`avatar\` |
|
|
3193
|
-
| \`badge\` |
|
|
3194
|
-
| \`bar-chart\` |
|
|
3195
|
-
| \`blockquote\` |
|
|
3196
|
-
| \`breadcrumbs\` | 91,
|
|
3197
|
-
| \`button\` |
|
|
3198
|
-
| \`button-group\` | 33,
|
|
3199
|
-
| \`callout\` |
|
|
3200
|
-
| \`canvas\` | 107,
|
|
3201
|
-
| \`card\` |
|
|
3202
|
-
| \`carousel\` |
|
|
3203
|
-
| \`chat\` |
|
|
3204
|
-
| \`checkbox\` |
|
|
3205
|
-
| \`checkbox-group\` |
|
|
3206
|
-
| \`code\` | 31,
|
|
3207
|
-
| \`code-block\` | 149,
|
|
3208
|
-
| \`color-input\` | 184,
|
|
3209
|
-
| \`color-picker\` |
|
|
3210
|
-
| \`combobox\` |
|
|
3211
|
-
| \`command\` | 126,
|
|
3212
|
-
| \`copy-button\` | 137,
|
|
3213
|
-
| \`data-table\` |
|
|
3214
|
-
| \`date-input\` |
|
|
3215
|
-
| \`date-picker\` |
|
|
3216
|
-
| \`description-list\` | 34,
|
|
3217
|
-
| \`dialog\` |
|
|
3218
|
-
| \`divider\` | 34,
|
|
3219
|
-
| \`donut-chart\` | 85,
|
|
3220
|
-
| \`drawer\` | 38,
|
|
3221
|
-
| \`drilldown\` | 100,
|
|
3222
|
-
| \`empty\` |
|
|
3223
|
-
| \`file-input\` |
|
|
3224
|
-
| \`filter-input\` | 184,
|
|
3225
|
-
| \`flex\` |
|
|
3226
|
-
| \`format-date\` |
|
|
3227
|
-
| \`
|
|
3228
|
-
| \`
|
|
3229
|
-
| \`
|
|
3230
|
-
| \`icon
|
|
3231
|
-
| \`
|
|
3232
|
-
| \`
|
|
3233
|
-
| \`
|
|
3234
|
-
| \`
|
|
3235
|
-
| \`
|
|
3236
|
-
| \`
|
|
3237
|
-
| \`
|
|
3238
|
-
| \`
|
|
3239
|
-
| \`
|
|
3240
|
-
| \`
|
|
3241
|
-
| \`
|
|
3242
|
-
| \`
|
|
3243
|
-
| \`
|
|
3244
|
-
| \`
|
|
3245
|
-
| \`
|
|
3246
|
-
| \`
|
|
3247
|
-
| \`
|
|
3248
|
-
| \`
|
|
3249
|
-
| \`
|
|
3250
|
-
| \`
|
|
3251
|
-
| \`
|
|
3252
|
-
| \`
|
|
3253
|
-
| \`
|
|
3254
|
-
| \`
|
|
3255
|
-
| \`
|
|
3256
|
-
| \`
|
|
3257
|
-
| \`
|
|
3258
|
-
| \`
|
|
3259
|
-
| \`
|
|
3260
|
-
| \`
|
|
3261
|
-
| \`
|
|
3262
|
-
| \`
|
|
3263
|
-
| \`
|
|
3264
|
-
| \`
|
|
3265
|
-
| \`
|
|
3266
|
-
| \`
|
|
3267
|
-
| \`
|
|
3268
|
-
| \`
|
|
3269
|
-
| \`
|
|
3270
|
-
| \`
|
|
3271
|
-
| \`
|
|
3272
|
-
| \`
|
|
3273
|
-
| \`
|
|
3274
|
-
| \`
|
|
3275
|
-
| \`
|
|
3276
|
-
| \`
|
|
3277
|
-
| \`
|
|
3278
|
-
| \`time-
|
|
3279
|
-
| \`
|
|
3280
|
-
| \`
|
|
3281
|
-
| \`
|
|
3282
|
-
| \`
|
|
3283
|
-
| \`
|
|
3284
|
-
| \`
|
|
3285
|
-
| \`
|
|
3286
|
-
| \`
|
|
3287
|
-
| \`
|
|
3288
|
-
| \`video
|
|
3289
|
-
| \`
|
|
3188
|
+
| \`accordion\` | 95,110 | 30,892 | 25,144 | 6,204 | 1,521 | 1,337 |
|
|
3189
|
+
| \`announcement\` | 93,746 | 30,322 | 24,687 | 5,932 | 1,408 | 1,262 |
|
|
3190
|
+
| \`app-header\` | 36,660 | 11,039 | 9,719 | 5,121 | 1,196 | 1,009 |
|
|
3191
|
+
| \`area-chart\` | 86,078 | 27,714 | 24,467 | 18,366 | 4,988 | 4,135 |
|
|
3192
|
+
| \`aura\` | 99,797 | 33,537 | 29,049 | 65,483 | 23,022 | 19,716 |
|
|
3193
|
+
| \`avatar\` | 38,405 | 11,499 | 10,136 | 6,833 | 1,637 | 1,360 |
|
|
3194
|
+
| \`badge\` | 35,410 | 10,779 | 9,452 | 4,250 | 979 | 868 |
|
|
3195
|
+
| \`bar-chart\` | 93,147 | 29,019 | 25,577 | 25,425 | 6,329 | 5,296 |
|
|
3196
|
+
| \`blockquote\` | 33,476 | 10,391 | 9,128 | 1,914 | 454 | 414 |
|
|
3197
|
+
| \`breadcrumbs\` | 91,790 | 29,375 | 24,151 | 5,518 | 1,233 | 1,017 |
|
|
3198
|
+
| \`button\` | 43,073 | 12,462 | 10,925 | 9,257 | 1,930 | 1,676 |
|
|
3199
|
+
| \`button-group\` | 33,852 | 10,360 | 9,126 | 2,320 | 510 | 485 |
|
|
3200
|
+
| \`callout\` | 89,345 | 28,973 | 23,797 | 2,899 | 739 | 669 |
|
|
3201
|
+
| \`canvas\` | 107,679 | 30,041 | 26,246 | 68,720 | 18,300 | 15,514 |
|
|
3202
|
+
| \`card\` | 35,491 | 10,832 | 9,526 | 3,963 | 966 | 918 |
|
|
3203
|
+
| \`carousel\` | 108,415 | 33,271 | 27,518 | 21,719 | 4,550 | 3,879 |
|
|
3204
|
+
| \`chat\` | 125,122 | 38,873 | 31,999 | 31,590 | 7,651 | 6,481 |
|
|
3205
|
+
| \`checkbox\` | 48,317 | 13,840 | 12,125 | 9,313 | 2,211 | 1,906 |
|
|
3206
|
+
| \`checkbox-group\` | 47,096 | 13,669 | 11,985 | 7,574 | 1,956 | 1,583 |
|
|
3207
|
+
| \`code\` | 31,872 | 9,853 | 8,674 | 1,511 | 371 | 334 |
|
|
3208
|
+
| \`code-block\` | 149,520 | 46,476 | 39,169 | 33,717 | 7,268 | 6,250 |
|
|
3209
|
+
| \`color-input\` | 184,727 | 52,783 | 44,669 | 59,352 | 11,268 | 9,584 |
|
|
3210
|
+
| \`color-picker\` | 145,469 | 41,566 | 34,407 | 47,560 | 9,272 | 7,882 |
|
|
3211
|
+
| \`combobox\` | 161,066 | 48,956 | 41,158 | 36,231 | 7,971 | 6,651 |
|
|
3212
|
+
| \`command\` | 126,660 | 38,409 | 31,550 | 28,803 | 6,771 | 5,643 |
|
|
3213
|
+
| \`copy-button\` | 137,672 | 43,760 | 36,792 | 21,871 | 4,674 | 3,876 |
|
|
3214
|
+
| \`data-table\` | 224,396 | 63,698 | 53,629 | 95,315 | 21,418 | 17,612 |
|
|
3215
|
+
| \`date-input\` | 160,227 | 48,800 | 41,225 | 35,177 | 7,881 | 6,577 |
|
|
3216
|
+
| \`date-picker\` | 105,020 | 33,440 | 27,374 | 15,499 | 3,893 | 3,299 |
|
|
3217
|
+
| \`description-list\` | 34,657 | 10,508 | 9,220 | 3,502 | 767 | 709 |
|
|
3218
|
+
| \`dialog\` | 40,205 | 12,048 | 10,610 | 7,079 | 1,787 | 1,487 |
|
|
3219
|
+
| \`divider\` | 34,682 | 10,694 | 9,377 | 3,120 | 742 | 627 |
|
|
3220
|
+
| \`donut-chart\` | 85,582 | 26,957 | 23,838 | 19,297 | 4,932 | 4,150 |
|
|
3221
|
+
| \`drawer\` | 38,844 | 11,684 | 10,248 | 6,007 | 1,475 | 1,284 |
|
|
3222
|
+
| \`drilldown\` | 100,966 | 32,509 | 26,493 | 10,393 | 2,545 | 2,113 |
|
|
3223
|
+
| \`empty\` | 34,213 | 10,670 | 9,396 | 2,380 | 671 | 610 |
|
|
3224
|
+
| \`file-input\` | 111,094 | 34,532 | 28,342 | 17,594 | 4,011 | 3,446 |
|
|
3225
|
+
| \`filter-input\` | 184,846 | 53,575 | 45,155 | 56,353 | 11,430 | 9,644 |
|
|
3226
|
+
| \`flex\` | 33,233 | 10,210 | 8,966 | 2,078 | 443 | 390 |
|
|
3227
|
+
| \`format-date\` | 36,437 | 11,291 | 9,980 | 3,497 | 867 | 654 |
|
|
3228
|
+
| \`graph\` | 114,001 | 36,132 | 29,694 | 15,941 | 4,120 | 3,576 |
|
|
3229
|
+
| \`grid\` | 33,826 | 10,397 | 9,153 | 2,667 | 613 | 517 |
|
|
3230
|
+
| \`heatmap\` | 84,495 | 26,693 | 23,670 | 17,648 | 4,453 | 3,728 |
|
|
3231
|
+
| \`icon\` | 87,617 | 28,416 | 23,232 | 1,707 | 399 | 298 |
|
|
3232
|
+
| \`icon-button\` | 43,394 | 12,400 | 10,877 | 9,582 | 1,844 | 1,581 |
|
|
3233
|
+
| \`image\` | 36,051 | 11,009 | 9,685 | 4,840 | 1,292 | 1,072 |
|
|
3234
|
+
| \`input\` | 105,169 | 33,185 | 27,102 | 11,104 | 2,685 | 2,152 |
|
|
3235
|
+
| \`kbd\` | 35,542 | 11,223 | 9,859 | 4,373 | 1,407 | 1,165 |
|
|
3236
|
+
| \`legend\` | 40,998 | 12,384 | 10,865 | 5,790 | 1,391 | 1,117 |
|
|
3237
|
+
| \`lightbox\` | 43,577 | 13,063 | 11,428 | 7,805 | 1,992 | 1,677 |
|
|
3238
|
+
| \`line-chart\` | 88,044 | 27,815 | 24,582 | 20,419 | 5,157 | 4,333 |
|
|
3239
|
+
| \`list\` | 37,298 | 11,126 | 9,780 | 5,782 | 1,290 | 1,156 |
|
|
3240
|
+
| \`listbox\` | 112,137 | 35,484 | 28,905 | 15,768 | 4,102 | 3,381 |
|
|
3241
|
+
| \`loader\` | 35,582 | 10,861 | 9,553 | 4,051 | 972 | 875 |
|
|
3242
|
+
| \`map\` | 167,750 | 44,938 | 37,423 | 72,588 | 14,016 | 11,667 |
|
|
3243
|
+
| \`megamenu\` | 67,555 | 21,882 | 19,414 | 9,805 | 2,404 | 1,935 |
|
|
3244
|
+
| \`menu\` | 133,923 | 43,520 | 36,495 | 16,362 | 3,832 | 3,147 |
|
|
3245
|
+
| \`meter\` | 41,004 | 12,093 | 10,639 | 9,479 | 2,205 | 1,941 |
|
|
3246
|
+
| \`navigation\` | 35,491 | 11,025 | 9,694 | 2,726 | 734 | 610 |
|
|
3247
|
+
| \`notifications\` | 116,559 | 35,430 | 29,058 | 24,486 | 5,089 | 4,395 |
|
|
3248
|
+
| \`number-input\` | 106,612 | 33,734 | 27,575 | 12,539 | 3,160 | 2,624 |
|
|
3249
|
+
| \`object-inspector\` | 154,355 | 48,418 | 40,920 | 33,167 | 7,531 | 6,295 |
|
|
3250
|
+
| \`option\` | 37,725 | 11,455 | 10,063 | 6,201 | 1,553 | 1,330 |
|
|
3251
|
+
| \`orb\` | 42,429 | 13,848 | 12,237 | 8,623 | 3,232 | 2,851 |
|
|
3252
|
+
| \`outline\` | 41,274 | 12,607 | 11,125 | 8,351 | 2,165 | 1,804 |
|
|
3253
|
+
| \`pagination\` | 168,068 | 50,075 | 42,203 | 45,786 | 9,648 | 7,991 |
|
|
3254
|
+
| \`pin-input\` | 47,154 | 13,987 | 12,327 | 8,389 | 2,375 | 1,945 |
|
|
3255
|
+
| \`popover\` | 62,516 | 20,699 | 18,306 | 4,517 | 1,152 | 936 |
|
|
3256
|
+
| \`progress\` | 38,486 | 11,547 | 10,200 | 6,962 | 1,649 | 1,523 |
|
|
3257
|
+
| \`qr-code\` | 45,769 | 14,849 | 13,086 | 14,629 | 5,134 | 4,385 |
|
|
3258
|
+
| \`quote\` | 32,354 | 10,022 | 8,776 | 1,191 | 272 | 239 |
|
|
3259
|
+
| \`radio\` | 51,834 | 14,305 | 12,574 | 11,160 | 2,285 | 1,950 |
|
|
3260
|
+
| \`rating\` | 50,015 | 14,988 | 13,200 | 10,941 | 3,116 | 2,649 |
|
|
3261
|
+
| \`sandbox\` | 67,716 | 17,900 | 15,833 | 35,718 | 7,916 | 6,680 |
|
|
3262
|
+
| \`scatter-chart\` | 86,569 | 27,530 | 24,256 | 19,718 | 5,236 | 4,353 |
|
|
3263
|
+
| \`scroll-area\` | 37,090 | 11,192 | 9,830 | 5,874 | 1,415 | 1,146 |
|
|
3264
|
+
| \`select\` | 151,048 | 46,868 | 39,316 | 28,986 | 6,538 | 5,447 |
|
|
3265
|
+
| \`skeleton\` | 33,406 | 10,354 | 9,109 | 2,242 | 584 | 620 |
|
|
3266
|
+
| \`skip-link\` | 33,941 | 10,563 | 9,268 | 2,624 | 727 | 650 |
|
|
3267
|
+
| \`slider\` | 55,608 | 15,184 | 13,398 | 16,690 | 3,539 | 3,062 |
|
|
3268
|
+
| \`sparkline\` | 42,519 | 13,250 | 11,695 | 6,293 | 1,732 | 1,649 |
|
|
3269
|
+
| \`speed-dial\` | 125,537 | 40,994 | 34,389 | 11,356 | 2,397 | 1,952 |
|
|
3270
|
+
| \`splitter\` | 48,053 | 13,612 | 12,092 | 16,336 | 3,639 | 3,159 |
|
|
3271
|
+
| \`stat\` | 36,089 | 10,748 | 9,454 | 4,565 | 916 | 761 |
|
|
3272
|
+
| \`steps\` | 110,095 | 33,504 | 27,498 | 19,894 | 3,945 | 3,340 |
|
|
3273
|
+
| \`switch\` | 45,406 | 13,371 | 11,761 | 6,001 | 1,570 | 1,332 |
|
|
3274
|
+
| \`table\` | 104,188 | 33,391 | 27,274 | 15,746 | 4,017 | 3,384 |
|
|
3275
|
+
| \`tabs\` | 46,516 | 13,410 | 11,814 | 10,154 | 2,185 | 1,807 |
|
|
3276
|
+
| \`tag\` | 90,827 | 29,376 | 24,017 | 4,083 | 987 | 885 |
|
|
3277
|
+
| \`text\` | 35,353 | 10,561 | 9,263 | 4,200 | 866 | 722 |
|
|
3278
|
+
| \`textarea\` | 46,662 | 13,652 | 11,960 | 7,418 | 1,937 | 1,523 |
|
|
3279
|
+
| \`time-input\` | 178,836 | 52,618 | 44,386 | 50,488 | 10,742 | 8,973 |
|
|
3280
|
+
| \`time-picker\` | 128,191 | 39,210 | 32,227 | 30,852 | 7,367 | 6,136 |
|
|
3281
|
+
| \`timeline\` | 91,386 | 29,260 | 24,032 | 5,110 | 1,123 | 1,013 |
|
|
3282
|
+
| \`toast\` | 98,963 | 31,341 | 25,611 | 11,599 | 2,611 | 2,207 |
|
|
3283
|
+
| \`toggle\` | 50,419 | 14,522 | 12,779 | 8,525 | 2,064 | 1,684 |
|
|
3284
|
+
| \`toolbar\` | 35,562 | 11,033 | 9,682 | 3,899 | 1,067 | 883 |
|
|
3285
|
+
| \`tooltip\` | 67,096 | 21,891 | 19,420 | 9,429 | 2,487 | 2,007 |
|
|
3286
|
+
| \`tour\` | 79,388 | 24,150 | 21,353 | 20,565 | 4,429 | 3,706 |
|
|
3287
|
+
| \`tree\` | 104,138 | 33,255 | 27,123 | 13,069 | 3,365 | 2,840 |
|
|
3288
|
+
| \`trend\` | 90,170 | 29,039 | 23,844 | 4,271 | 966 | 859 |
|
|
3289
|
+
| \`video\` | 174,031 | 52,186 | 44,227 | 51,918 | 11,210 | 9,669 |
|
|
3290
|
+
| \`video-playlist\` | 148,003 | 46,070 | 38,674 | 29,038 | 6,050 | 5,066 |
|
|
3291
|
+
| \`virtual-list\` | 38,869 | 12,185 | 10,747 | 3,187 | 928 | 782 |
|
|
3290
3292
|
|
|
3291
3293
|
## What an install adds to \`node_modules\`
|
|
3292
3294
|
|
|
@@ -3298,12 +3300,12 @@ stripped column shows the bytes we removed.
|
|
|
3298
3300
|
|
|
3299
3301
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
3300
3302
|
|---|---|---|---|---|
|
|
3301
|
-
| \`@fusion.dev/helix-core\` | 1,
|
|
3302
|
-
| \`@fusion.dev/helix-headless\` | 13,
|
|
3303
|
+
| \`@fusion.dev/helix-core\` | 1,151,404 | 169 | 255,869 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
|
|
3304
|
+
| \`@fusion.dev/helix-headless\` | 13,397,247 | 510 | 1,075,160 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
|
|
3303
3305
|
| \`@fusion.dev/helix-icons\` | 150,162 | 21 | 50,346 | \`svgo\` |
|
|
3304
|
-
| \`@fusion.dev/helix-styles\` | 102,
|
|
3306
|
+
| \`@fusion.dev/helix-styles\` | 102,155 | 6 | 0 | none |
|
|
3305
3307
|
| \`@fusion.dev/helix-theme\` | 500,416 | 8 | 5,191 | none |
|
|
3306
|
-
| \`@fusion.dev/helix\` | 14,
|
|
3308
|
+
| \`@fusion.dev/helix\` | 14,510,840 | 876 | 373,492 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
|
|
3307
3309
|
|
|
3308
3310
|
## Not measured yet
|
|
3309
3311
|
|