@c2n/framework-types 0.0.8 → 0.0.9

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@c2n/framework-types",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "GENERATED by @c2n/framework-types. Do not edit by hand.",
   "description-markup": "markdown",
   "contributions": {
@@ -549,6 +549,42 @@
                 "type": "AvatarStatus | undefined",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "editable",
+              "description": "Allows the avatar to open an image picker and exposes a remove action for the current image.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables editable avatar actions.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "accept",
+              "description": "Accepted image MIME types or file extensions, using native file-input syntax.",
+              "default": "'image/*'",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "max-size",
+              "description": "Maximum accepted image size in bytes. Zero means unlimited.",
+              "default": "0",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
             }
           ],
           "js": {
@@ -568,9 +604,25 @@
                   "type": "boolean",
                   "kind": "expression"
                 }
+              },
+              {
+                "name": "maxSize",
+                "description": "Maximum accepted image size in bytes. Zero means unlimited.",
+                "value": {
+                  "type": "number",
+                  "kind": "expression"
+                }
               }
             ],
             "events": [
+              {
+                "name": "avatar-remove",
+                "description": "Fired after the current local preview or `src` image is removed.",
+                "value": {
+                  "type": "CustomEvent<AvatarRemoveDetail>",
+                  "kind": "expression"
+                }
+              },
               {
                 "name": "error",
                 "description": "Fired when the `src` image fails to load; the initials are shown instead.",
@@ -578,6 +630,22 @@
                   "type": "Event",
                   "kind": "expression"
                 }
+              },
+              {
+                "name": "file-reject",
+                "description": "Fired when an editable avatar rejects a file by type or size.",
+                "value": {
+                  "type": "CustomEvent<AvatarFileRejection>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "avatar-change",
+                "description": "Fired after an editable avatar accepts a local image. Upload `detail.file` and use `detail.previewUrl` for the immediate preview.",
+                "value": {
+                  "type": "CustomEvent<AvatarChangeDetail>",
+                  "kind": "expression"
+                }
               }
             ]
           }
@@ -765,7 +833,7 @@
         },
         {
           "name": "c2-button-group",
-          "description": "Attaches related buttons into one control: shared borders, outside corners only, a divider between items. Children\nare `c2-button` or `c2-icon-button` elements (any element works for layout). With `selection=\"single\"` the group is\na segmented control that keeps one item pressed; with `selection=\"multiple\"` each item toggles independently. The\npressed items carry `selected` (and `aria-pressed`), the group reports them in `value` and fires `change`.\n\n`@c2n/button-group`",
+          "description": "Attaches related buttons into one control: shared borders, outside corners only, a divider between items. Children\nare `c2-button` or `c2-icon-button` elements (any element works for layout). With `selection=\"single\"` the group is\na segmented control that keeps one item pressed; with `selection=\"multiple\"` each item toggles independently. Set\n`orientation=\"vertical\"` to stack either appearance and use Up/Down keyboard navigation. The\npressed items carry `selected` (and `aria-pressed`), the group reports them in `value` and fires `change`.\n\n`@c2n/button-group`",
           "attributes": [
             {
               "name": "selection",
@@ -803,6 +871,33 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "appearance",
+              "description": "`segmented` adds an inset track and sliding selected surface and always uses single selection.",
+              "default": "'joined'",
+              "value": {
+                "type": "ButtonGroupAppearance",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "size",
+              "description": "Segmented control size.",
+              "default": "'m'",
+              "value": {
+                "type": "ButtonGroupSize",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "stretched",
+              "description": "Makes the group and every item share the available width.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "aria-label",
               "description": "Accessible name of the group.",
@@ -890,6 +985,182 @@
             "events": []
           }
         },
+        {
+          "name": "c2-cascader",
+          "description": "Hierarchical single-value picker that opens every active level in one floating panel. Supply nested `options`, then\nread the selected value path from `value`. Branches open another column; choosing a leaf commits the path.\n\n`@c2n/cascader`",
+          "attributes": [
+            {
+              "name": "options",
+              "description": "Nested hierarchy shown in the floating panel. In markup this is a JSON array.",
+              "default": "[]",
+              "value": {
+                "type": "CascaderOption[]",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "value",
+              "description": "Selected value path. In markup, separate levels with semicolons.",
+              "default": "[]",
+              "value": {
+                "type": "string[]",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "name",
+              "description": "Name used when the cascader participates in a form.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "placeholder",
+              "description": "Text shown before a path is selected.",
+              "default": "'Please select'",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "separator",
+              "description": "String placed between selected labels in the trigger.",
+              "default": "' / '",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "aria-label",
+              "description": "Accessible name forwarded to the trigger and option tree.",
+              "default": "null",
+              "value": {
+                "type": "string | null",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "open",
+              "description": "Whether the floating panel is open.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables opening, selection and form submission.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "readonly",
+              "description": "Displays the selected path without allowing changes.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "required",
+              "description": "Requires a committed path for native form validation.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "change-on-select",
+              "description": "Commit branch values as they are chosen instead of waiting for a leaf.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "expand-trigger",
+              "description": "Open child columns on pointer hover instead of click.",
+              "default": "'click'",
+              "value": {
+                "type": "'click' | 'hover'",
+                "kind": "expression"
+              }
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "ariaLabel",
+                "description": "Accessible name forwarded to the trigger and option tree.",
+                "value": {
+                  "type": "string | null",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "changeOnSelect",
+                "description": "Commit branch values as they are chosen instead of waiting for a leaf.",
+                "value": {
+                  "type": "boolean",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "expandTrigger",
+                "description": "Open child columns on pointer hover instead of click.",
+                "value": {
+                  "type": "'click' | 'hover'",
+                  "kind": "expression"
+                }
+              }
+            ],
+            "events": [
+              {
+                "name": "open-change",
+                "description": "Fired when the floating panel opens or closes.",
+                "value": {
+                  "type": "CustomEvent<{ open: boolean }>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "cascader-change",
+                "description": "Fired when a leaf, or a branch with `change-on-select`, is committed. Detail contains value, label and option paths plus whether the last option is a leaf.",
+                "value": {
+                  "type": "CustomEvent<CascaderChangeEventDetail>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "input",
+                "description": "Fired after `value` changes through user interaction.",
+                "value": {
+                  "type": "Event",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "change",
+                "description": "Fired after `value` changes through user interaction.",
+                "value": {
+                  "type": "Event",
+                  "kind": "expression"
+                }
+              }
+            ]
+          }
+        },
         {
           "name": "c2-area-chart",
           "description": "A line chart with the region under each line filled — an area chart *is* a line chart plus a fill, so it\nextends `c2-line-chart` and every one of its attributes (`curve`, `points`, `zoom`, the axis bounds)\nmeans the same thing here.\n\n`@c2n/chart`",
@@ -1044,8 +1315,8 @@
             },
             {
               "name": "animation",
-              "description": "Whether the engine animates entry and updates. `none` by default: a chart fed by a live source should\nnot animate every tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a\nmethod every element already has, and shadowing it breaks the Web Animations API on the host.",
-              "default": "'none'",
+              "description": "Whether the chart animates its initial draw. ECharts uses its native shape animation and uPlot uses a\nlightweight plot reveal; subsequent data updates stay immediate so a live source does not animate\nevery tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a method every\nelement already has, and shadowing it breaks the Web Animations API on the host.",
+              "default": "'auto'",
               "value": {
                 "type": "'none' | 'auto'",
                 "kind": "expression"
@@ -1394,8 +1665,8 @@
             },
             {
               "name": "animation",
-              "description": "Whether the engine animates entry and updates. `none` by default: a chart fed by a live source should\nnot animate every tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a\nmethod every element already has, and shadowing it breaks the Web Animations API on the host.",
-              "default": "'none'",
+              "description": "Whether the chart animates its initial draw. ECharts uses its native shape animation and uPlot uses a\nlightweight plot reveal; subsequent data updates stay immediate so a live source does not animate\nevery tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a method every\nelement already has, and shadowing it breaks the Web Animations API on the host.",
+              "default": "'auto'",
               "value": {
                 "type": "'none' | 'auto'",
                 "kind": "expression"
@@ -1736,8 +2007,8 @@
             },
             {
               "name": "animation",
-              "description": "Whether the engine animates entry and updates. `none` by default: a chart fed by a live source should\nnot animate every tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a\nmethod every element already has, and shadowing it breaks the Web Animations API on the host.",
-              "default": "'none'",
+              "description": "Whether the chart animates its initial draw. ECharts uses its native shape animation and uPlot uses a\nlightweight plot reveal; subsequent data updates stay immediate so a live source does not animate\nevery tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a method every\nelement already has, and shadowing it breaks the Web Animations API on the host.",
+              "default": "'auto'",
               "value": {
                 "type": "'none' | 'auto'",
                 "kind": "expression"
@@ -2184,6 +2455,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "marks",
+              "description": "Whether to draw the small axis ticks and division lines around the arc.",
+              "default": "'show'",
+              "value": {
+                "type": "'show' | 'none'",
+                "kind": "expression"
+              }
+            },
             {
               "name": "renderer",
               "description": "Which ECharts renderer to use. SVG prints and scales crisply; canvas is faster with many marks.",
@@ -2265,8 +2545,8 @@
             },
             {
               "name": "animation",
-              "description": "Whether the engine animates entry and updates. `none` by default: a chart fed by a live source should\nnot animate every tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a\nmethod every element already has, and shadowing it breaks the Web Animations API on the host.",
-              "default": "'none'",
+              "description": "Whether the chart animates its initial draw. ECharts uses its native shape animation and uPlot uses a\nlightweight plot reveal; subsequent data updates stay immediate so a live source does not animate\nevery tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a method every\nelement already has, and shadowing it breaks the Web Animations API on the host.",
+              "default": "'auto'",
               "value": {
                 "type": "'none' | 'auto'",
                 "kind": "expression"
@@ -2623,8 +2903,8 @@
             },
             {
               "name": "animation",
-              "description": "Whether the engine animates entry and updates. `none` by default: a chart fed by a live source should\nnot animate every tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a\nmethod every element already has, and shadowing it breaks the Web Animations API on the host.",
-              "default": "'none'",
+              "description": "Whether the chart animates its initial draw. ECharts uses its native shape animation and uPlot uses a\nlightweight plot reveal; subsequent data updates stay immediate so a live source does not animate\nevery tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a method every\nelement already has, and shadowing it breaks the Web Animations API on the host.",
+              "default": "'auto'",
               "value": {
                 "type": "'none' | 'auto'",
                 "kind": "expression"
@@ -2859,6 +3139,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "label-content",
+              "description": "Content shown by visible slice labels.",
+              "default": "'name'",
+              "value": {
+                "type": "'name' | 'value' | 'percent' | 'name-percent'",
+                "kind": "expression"
+              }
+            },
             {
               "name": "sort",
               "description": "Orders the slices by value rather than keeping the data order.",
@@ -2949,8 +3238,8 @@
             },
             {
               "name": "animation",
-              "description": "Whether the engine animates entry and updates. `none` by default: a chart fed by a live source should\nnot animate every tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a\nmethod every element already has, and shadowing it breaks the Web Animations API on the host.",
-              "default": "'none'",
+              "description": "Whether the chart animates its initial draw. ECharts uses its native shape animation and uPlot uses a\nlightweight plot reveal; subsequent data updates stay immediate so a live source does not animate\nevery tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a method every\nelement already has, and shadowing it breaks the Web Animations API on the host.",
+              "default": "'auto'",
               "value": {
                 "type": "'none' | 'auto'",
                 "kind": "expression"
@@ -3036,6 +3325,14 @@
                   "kind": "expression"
                 }
               },
+              {
+                "name": "labelContent",
+                "description": "Content shown by visible slice labels.",
+                "value": {
+                  "type": "'name' | 'value' | 'percent' | 'name-percent'",
+                  "kind": "expression"
+                }
+              },
               {
                 "name": "xField",
                 "description": "Row field holding the x value; may be a dotted path. Defaults to the row index.",
@@ -3154,45 +3451,70 @@
           }
         },
         {
-          "name": "c2-scatter-chart",
-          "description": "A scatter plot drawn by ECharts. `x-field` supplies the shared horizontal value and every series supplies\none vertical measure, so several populations can be compared on the same axes.\n\n`@c2n/chart`",
+          "name": "c2-radar-chart",
+          "description": "A radar chart drawn by ECharts. Each data row is an indicator named by `label-field`; each\n`c2-chart-series` is one comparable profile drawn across those indicators.\n\n`@c2n/chart`",
           "attributes": [
             {
-              "name": "symbol-size",
-              "description": "Diameter of each point in CSS pixels.",
-              "default": "10",
+              "name": "min",
+              "description": "Lowest value shared by every indicator.",
+              "default": "0",
               "value": {
                 "type": "number",
                 "kind": "expression"
               }
             },
             {
-              "name": "symbol",
-              "description": "Shape used for points.",
-              "default": "'circle'",
+              "name": "max",
+              "description": "Highest value shared by every indicator. Auto-ranged per indicator when unset.",
               "value": {
-                "type": "'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow'",
+                "type": "number | undefined",
                 "kind": "expression"
               }
             },
             {
-              "name": "large",
-              "description": "Enables ECharts' large-point rendering path.",
-              "default": "false",
+              "name": "shape",
+              "description": "Shape of the indicator grid.",
+              "default": "'polygon'",
               "value": {
-                "type": "boolean",
+                "type": "'polygon' | 'circle'",
                 "kind": "expression"
               }
             },
             {
-              "name": "large-threshold",
-              "description": "Point count at which the large rendering path takes effect.",
-              "default": "2000",
+              "name": "start-angle",
+              "description": "Angle of the first indicator, in degrees counter-clockwise from three o'clock.",
+              "default": "90",
               "value": {
                 "type": "number",
                 "kind": "expression"
               }
             },
+            {
+              "name": "split-number",
+              "description": "Number of concentric divisions in the indicator grid.",
+              "default": "5",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "points",
+              "description": "Whether to draw point markers at the indicator values.",
+              "default": "'show'",
+              "value": {
+                "type": "'show' | 'none'",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "fill-opacity",
+              "description": "Opacity of each profile's fill. Falls back to `--c2-chart__area--opacity`.",
+              "value": {
+                "type": "number | undefined",
+                "kind": "expression"
+              }
+            },
             {
               "name": "renderer",
               "description": "Which ECharts renderer to use. SVG prints and scales crisply; canvas is faster with many marks.",
@@ -3274,8 +3596,333 @@
             },
             {
               "name": "animation",
-              "description": "Whether the engine animates entry and updates. `none` by default: a chart fed by a live source should\nnot animate every tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a\nmethod every element already has, and shadowing it breaks the Web Animations API on the host.",
-              "default": "'none'",
+              "description": "Whether the chart animates its initial draw. ECharts uses its native shape animation and uPlot uses a\nlightweight plot reveal; subsequent data updates stay immediate so a live source does not animate\nevery tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a method every\nelement already has, and shadowing it breaks the Web Animations API on the host.",
+              "default": "'auto'",
+              "value": {
+                "type": "'none' | 'auto'",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "locale",
+              "description": "BCP 47 locale for the axis and tooltip formatting. Defaults to the browser locale.",
+              "value": {
+                "type": "string | undefined",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "loading",
+              "description": "Shows the loading state instead of the plot.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "error",
+              "description": "Shows an error message instead of the plot.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "empty-message",
+              "description": "Replaces the built-in \"no data\" text.",
+              "default": "'No data'",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "max-points",
+              "description": "Caps how many points a streaming chart keeps; older points fall off the front. `0` keeps everything.",
+              "default": "0",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "lazy-render",
+              "description": "Defers loading the engine until the host first scrolls into view.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "startAngle",
+                "description": "Angle of the first indicator, in degrees counter-clockwise from three o'clock.",
+                "value": {
+                  "type": "number",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "splitNumber",
+                "description": "Number of concentric divisions in the indicator grid.",
+                "value": {
+                  "type": "number",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "fillOpacity",
+                "description": "Opacity of each profile's fill. Falls back to `--c2-chart__area--opacity`.",
+                "value": {
+                  "type": "number | undefined",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "xField",
+                "description": "Row field holding the x value; may be a dotted path. Defaults to the row index.",
+                "value": {
+                  "type": "string",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "labelField",
+                "description": "Row field holding the category label, for charts that name their slices.",
+                "value": {
+                  "type": "string",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "xType",
+                "description": "How x values are interpreted, which decides the axis and the tooltip format.",
+                "value": {
+                  "type": "'time' | 'linear' | 'category'",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "emptyMessage",
+                "description": "Replaces the built-in \"no data\" text.",
+                "value": {
+                  "type": "string",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "maxPoints",
+                "description": "Caps how many points a streaming chart keeps; older points fall off the front. `0` keeps everything.",
+                "value": {
+                  "type": "number",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "lazyRender",
+                "description": "Defers loading the engine until the host first scrolls into view.",
+                "value": {
+                  "type": "boolean",
+                  "kind": "expression"
+                }
+              }
+            ],
+            "events": [
+              {
+                "name": "tooltip-change",
+                "description": "Fired with the complete tooltip model as the pointer moves, and with `null` when it leaves. Used by `c2-chart-tooltip`.",
+                "value": {
+                  "type": "CustomEvent<ChartTooltipContext | null>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "series-toggle",
+                "description": "Fired when a legend entry is toggled. Does not bubble.",
+                "value": {
+                  "type": "CustomEvent<ChartSeriesToggleEventDetail>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "legend-change",
+                "description": "Fired when legend entries or visibility change. Used by `c2-chart-legend`.",
+                "value": {
+                  "type": "CustomEvent<ChartLegendChangeEventDetail>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "range-change",
+                "description": "Fired after the user zooms or brushes. `detail.min` and `detail.max` are the new x bounds. Does not bubble.",
+                "value": {
+                  "type": "CustomEvent<ChartRangeEventDetail>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "chart-ready",
+                "description": "Fired after the engine has loaded and drawn for the first time. The host also gains `data-chart-ready`, which is what a test should wait on.",
+                "value": {
+                  "type": "CustomEvent<{ engine: string }>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "chart-error",
+                "description": "Fired when the engine fails to load or to draw. `detail.error` is the underlying failure.",
+                "value": {
+                  "type": "CustomEvent<{ error: unknown }>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "point-hover",
+                "description": "Fired as the pointer moves between data points, and with a `null` detail when it leaves the plot. Does not bubble.",
+                "value": {
+                  "type": "CustomEvent<ChartPointEventDetail | null>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "point-click",
+                "description": "Fired when a datum is clicked. Does not bubble: several components fire point events, so a listener belongs on the element itself.",
+                "value": {
+                  "type": "CustomEvent<ChartPointEventDetail>",
+                  "kind": "expression"
+                }
+              }
+            ]
+          }
+        },
+        {
+          "name": "c2-scatter-chart",
+          "description": "A scatter plot drawn by ECharts. `x-field` supplies the shared horizontal value and every series supplies\none vertical measure, so several populations can be compared on the same axes.\n\n`@c2n/chart`",
+          "attributes": [
+            {
+              "name": "symbol-size",
+              "description": "Diameter of each point in CSS pixels.",
+              "default": "10",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "symbol",
+              "description": "Shape used for points.",
+              "default": "'circle'",
+              "value": {
+                "type": "'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow'",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "large",
+              "description": "Enables ECharts' large-point rendering path.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "large-threshold",
+              "description": "Point count at which the large rendering path takes effect.",
+              "default": "2000",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "renderer",
+              "description": "Which ECharts renderer to use. SVG prints and scales crisply; canvas is faster with many marks.",
+              "default": "'canvas'",
+              "value": {
+                "type": "'canvas' | 'svg'",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "data",
+              "description": "The data to plot. Row objects, a bare `number[]`, columnar `[xs, ys…]`, or an already-normalised\nframe. Compared by identity: replace the array, or bump `revision` after mutating it in place.",
+              "value": {
+                "type": "ChartInput | undefined",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "revision",
+              "description": "Bump after mutating `data` in place. The cheap escape hatch for a large buffer you own.",
+              "default": "0",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "series",
+              "description": "Series definitions, as an alternative to `c2-chart-series` children. Children win when both are set.",
+              "value": {
+                "type": "ChartSeriesConfig[] | undefined",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "x-field",
+              "description": "Row field holding the x value; may be a dotted path. Defaults to the row index.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "label-field",
+              "description": "Row field holding the category label, for charts that name their slices.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "x-type",
+              "description": "How x values are interpreted, which decides the axis and the tooltip format.",
+              "default": "'linear'",
+              "value": {
+                "type": "'time' | 'linear' | 'category'",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "legend",
+              "description": "Where the legend sits, or `none` to hide it. Shown by default: a chart with more than one series is\nunreadable without one, and a single-series chart simply renders a one-entry legend.",
+              "default": "'bottom'",
+              "value": {
+                "type": "'none' | 'top' | 'bottom' | 'start' | 'end'",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "tooltip",
+              "description": "Whether the tooltip follows the whole x position or only the hovered datum.",
+              "default": "'axis'",
+              "value": {
+                "type": "'none' | 'item' | 'axis'",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "animation",
+              "description": "Whether the chart animates its initial draw. ECharts uses its native shape animation and uPlot uses a\nlightweight plot reveal; subsequent data updates stay immediate so a live source does not animate\nevery tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a method every\nelement already has, and shadowing it breaks the Web Animations API on the host.",
+              "default": "'auto'",
               "value": {
                 "type": "'none' | 'auto'",
                 "kind": "expression"
@@ -3616,8 +4263,8 @@
             },
             {
               "name": "animation",
-              "description": "Whether the engine animates entry and updates. `none` by default: a chart fed by a live source should\nnot animate every tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a\nmethod every element already has, and shadowing it breaks the Web Animations API on the host.",
-              "default": "'none'",
+              "description": "Whether the chart animates its initial draw. ECharts uses its native shape animation and uPlot uses a\nlightweight plot reveal; subsequent data updates stay immediate so a live source does not animate\nevery tick. Named `animation` rather than `animate` because `HTMLElement.animate()` is a method every\nelement already has, and shadowing it breaks the Web Animations API on the host.",
+              "default": "'auto'",
               "value": {
                 "type": "'none' | 'auto'",
                 "kind": "expression"
@@ -38277,6 +38924,261 @@
             "events": []
           }
         },
+        {
+          "name": "c2-qr-code",
+          "description": "Generates an accessible, themeable SVG QR code without sending its value to a remote service.\n\n`@c2n/qr-code`",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "Text or URL encoded by the QR code.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "size",
+              "description": "Rendered width and height in CSS pixels. Set to `0` to use `--c2-qr-code--size`.",
+              "default": "200",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "error-correction",
+              "description": "Error correction level: L (7%), M (15%), Q (25%), or H (30%).",
+              "default": "'M'",
+              "value": {
+                "type": "QrCodeErrorCorrection",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "margin",
+              "description": "Quiet-zone width measured in QR modules. Four is recommended for reliable scanning.",
+              "default": "4",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "boost-error-correction",
+              "description": "Raises error correction when the encoded version has spare capacity.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "aria-label",
+              "description": "Accessible name announced for the generated image. Defaults to `QR code`.",
+              "default": "null",
+              "value": {
+                "type": "string | null",
+                "kind": "expression"
+              }
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "errorCorrection",
+                "description": "Error correction level: L (7%), M (15%), Q (25%), or H (30%).",
+                "value": {
+                  "type": "QrCodeErrorCorrection",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "boostErrorCorrection",
+                "description": "Raises error correction when the encoded version has spare capacity.",
+                "value": {
+                  "type": "boolean",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "ariaLabel",
+                "description": "Accessible name announced for the generated image. Defaults to `QR code`.",
+                "value": {
+                  "type": "string | null",
+                  "kind": "expression"
+                }
+              }
+            ],
+            "events": [
+              {
+                "name": "qr-code-error",
+                "description": "Fired when the value cannot be encoded. `detail` contains the error and rejected value.",
+                "value": {
+                  "type": "CustomEvent<QrCodeErrorEventDetail>",
+                  "kind": "expression"
+                }
+              }
+            ]
+          }
+        },
+        {
+          "name": "c2-questionnaire",
+          "description": "A complete multi-step questionnaire with single- and multiple-choice questions, optional free-text answers,\nvalidation, keyboard shortcuts and previous / skip / next navigation. Questions are supplied as an array through\nthe `questions` property or as JSON in the `questions` attribute. The component preserves answers between steps,\nemits progress events and submits the complete answer object as JSON when given a form `name`.\n\n`@c2n/questionnaire`",
+          "attributes": [
+            {
+              "name": "questions",
+              "description": "Questionnaire definition. Use `select` for one answer and `choice` for multiple answers (`single` / `multiple` remain aliases). May also be supplied as JSON.",
+              "default": "[]",
+              "value": {
+                "type": "QuestionnaireQuestion[]",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "current",
+              "description": "Zero-based visible question index.",
+              "default": "0",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "completed",
+              "description": "Shows the answer summary after successful completion.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "name",
+              "description": "Form field name. Its submitted value is the answer object serialized as JSON.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables options and navigation.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "next-label",
+              "description": "Label of the forward action before the final question.",
+              "default": "'Next'",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "complete-label",
+              "description": "Label of the forward action on the final question.",
+              "default": "'Save'",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "previous-label",
+              "description": "Label of the backward action.",
+              "default": "'Previous'",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "skip-label",
+              "description": "Label of the skip action.",
+              "default": "'Skip'",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "nextLabel",
+                "description": "Label of the forward action before the final question.",
+                "value": {
+                  "type": "string",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "completeLabel",
+                "description": "Label of the forward action on the final question.",
+                "value": {
+                  "type": "string",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "previousLabel",
+                "description": "Label of the backward action.",
+                "value": {
+                  "type": "string",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "skipLabel",
+                "description": "Label of the skip action.",
+                "value": {
+                  "type": "string",
+                  "kind": "expression"
+                }
+              }
+            ],
+            "events": [
+              {
+                "name": "complete",
+                "description": "Fired from Next / Save on the last valid question.",
+                "value": {
+                  "type": "CustomEvent<{ answers: QuestionnaireAnswers }>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "skip",
+                "description": "Fired when a skippable question is skipped.",
+                "value": {
+                  "type": "CustomEvent<{ index: number, questionId: string }>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "step-change",
+                "description": "Fired after navigation changes the visible question.",
+                "value": {
+                  "type": "CustomEvent<{ index: number, question: QuestionnaireQuestion }>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "answer-change",
+                "description": "Fired whenever an answer changes.",
+                "value": {
+                  "type": "CustomEvent<{ questionId: string, value: QuestionnaireAnswer, answers: QuestionnaireAnswers }>",
+                  "kind": "expression"
+                }
+              }
+            ]
+          }
+        },
         {
           "name": "c2-radio",
           "description": "A single radio option built on a native `<input type=\"radio\">`, with its label and an optional description beside\nthe control. Put several in a `c2-radio-group` to get a single `value`, arrow-key navigation and a roving tab stop;\nstandalone radios that share a `name` in the same document or shadow root still uncheck each other. Theme the\ncontrol, the label and the whole row (`container`), which turns a radio into a selectable card. The indicator is\nnot tied to the ring: the `dot` slot swaps the inner mark, and `icon` / `checked-icon` replace the control with\nany icon per state.\n\n`@c2n/radio`",
@@ -38464,6 +39366,139 @@
             ]
           }
         },
+        {
+          "name": "c2-rate",
+          "description": "Accessible star rating control with pointer preview, keyboard adjustment and optional half-star values.\n\n`@c2n/rate`",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "Current rating and submitted form value.",
+              "default": "0",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "max",
+              "description": "Number of rating icons.",
+              "default": "5",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "allow-half",
+              "description": "Allow values in half-star steps.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "clearable",
+              "description": "Clicking the committed rating again clears it to zero.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "readonly",
+              "description": "Prevents changes while keeping the rating visually available.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables interaction and form submission.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "required",
+              "description": "Requires a rating greater than zero for native form validation.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "name",
+              "description": "Name used when the rating participates in a form.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "aria-label",
+              "description": "Accessible name of the rating control.",
+              "default": "null",
+              "value": {
+                "type": "string | null",
+                "kind": "expression"
+              }
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "allowHalf",
+                "description": "Allow values in half-star steps.",
+                "value": {
+                  "type": "boolean",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "ariaLabel",
+                "description": "Accessible name of the rating control.",
+                "value": {
+                  "type": "string | null",
+                  "kind": "expression"
+                }
+              }
+            ],
+            "events": [
+              {
+                "name": "rate-change",
+                "description": "Fired after the user commits a rating. `detail.value` is the new value.",
+                "value": {
+                  "type": "CustomEvent<RateChangeEventDetail>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "input",
+                "description": "Fired with `rate-change` for form and framework bindings.",
+                "value": {
+                  "type": "Event",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "change",
+                "description": "Fired with `rate-change` after the value is committed.",
+                "value": {
+                  "type": "Event",
+                  "kind": "expression"
+                }
+              }
+            ]
+          }
+        },
         {
           "name": "c2-reorder-list",
           "description": "`@c2n/reorder-list`",
@@ -39191,6 +40226,70 @@
             "events": []
           }
         },
+        {
+          "name": "c2-status-panel",
+          "description": "Presents a meaningful application state with optional media, supporting copy, actions and additional content. Use it\nfor empty collections, completed operations, errors, unavailable pages and other places where the user needs a clear\nexplanation and next step.\n\n`@c2n/status-panel`",
+          "attributes": [
+            {
+              "name": "status",
+              "description": "Visual tone and default media icon.",
+              "default": "'neutral'",
+              "value": {
+                "type": "StatusPanelStatus",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "align",
+              "description": "Centers the composition or aligns it to the inline start.",
+              "default": "'center'",
+              "value": {
+                "type": "StatusPanelAlign",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "heading",
+              "description": "Plain-text title fallback. Use the `title` slot for rich content.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "description",
+              "description": "Plain-text description fallback. Use the `description` slot for rich content.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "heading-level",
+              "description": "Accessible heading level used by the title region.",
+              "default": "2",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "headingLevel",
+                "description": "Accessible heading level used by the title region.",
+                "value": {
+                  "type": "number",
+                  "kind": "expression"
+                }
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "c2-switch",
           "description": "On/off toggle built on a native `<input type=\"checkbox\" role=\"switch\">`, so keyboard activation (Space), form value\nand the `switch` role come from the browser. The thumb can also be dragged: it follows the pointer and the side it is\nreleased on decides the state. The whole row is the label: text in the default slot and an optional `description`\nsit beside the track, and clicking them toggles it. Icons for either state can ride inside the thumb.\n\n`@c2n/switch`",
@@ -40991,6 +42090,532 @@
             ]
           }
         },
+        {
+          "name": "c2-tree",
+          "description": "Hierarchical tree view with expansion, selection and lazy loading.\n\n`@c2n/tree`",
+          "attributes": [
+            {
+              "name": "items",
+              "description": "Nodes to render. Leave empty and nest `c2-tree-item` elements instead to author the tree in markup.",
+              "default": "[]",
+              "value": {
+                "type": "TreeNode[]",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "value",
+              "description": "Values of the selected rows. Reflected as a `;`-separated attribute.",
+              "default": "[]",
+              "value": {
+                "type": "string[]",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "expanded-items",
+              "description": "Values of the expanded rows. Reflected as a `;`-separated attribute.",
+              "default": "[]",
+              "value": {
+                "type": "string[]",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "selection",
+              "description": "How many rows may be selected at once.",
+              "default": "'single'",
+              "value": {
+                "type": "TreeSelectionMode",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "checkbox-selection",
+              "description": "Shows a checkbox on every row. Implies `selection=\"multiple\"`.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "selection-propagation",
+              "description": "How a checkbox tick travels between a row and its relatives.",
+              "default": "'both'",
+              "value": {
+                "type": "TreeSelectionPropagation",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "children-outline",
+              "description": "Draws a vertical rule per level of depth, marking which branch each row belongs to.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Freezes the whole tree.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "expand-on-click",
+              "description": "Expands a branch when its row is clicked — or activated with Enter or Space — not only when its toggle is.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "expandedItems",
+                "description": "Values of the expanded rows. Reflected as a `;`-separated attribute.",
+                "value": {
+                  "type": "string[]",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "checkboxSelection",
+                "description": "Shows a checkbox on every row. Implies `selection=\"multiple\"`.",
+                "value": {
+                  "type": "boolean",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "selectionPropagation",
+                "description": "How a checkbox tick travels between a row and its relatives.",
+                "value": {
+                  "type": "TreeSelectionPropagation",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "childrenOutline",
+                "description": "Draws a vertical rule per level of depth, marking which branch each row belongs to.",
+                "value": {
+                  "type": "boolean",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "expandOnClick",
+                "description": "Expands a branch when its row is clicked — or activated with Enter or Space — not only when its toggle is.",
+                "value": {
+                  "type": "boolean",
+                  "kind": "expression"
+                }
+              }
+            ],
+            "events": [
+              {
+                "name": "expansion-change",
+                "description": "Fired after a row is expanded or collapsed. Does not bubble.",
+                "value": {
+                  "type": "CustomEvent<TreeExpansionChangeEventDetail>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "item-load-error",
+                "description": "Fired when `loadChildren` rejects.",
+                "value": {
+                  "type": "CustomEvent<TreeItemLoadErrorEventDetail>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "selection-change",
+                "description": "Fired after the user changes the selection. Does not bubble: several components fire `selection-change`, so a listener belongs on the element itself.",
+                "value": {
+                  "type": "CustomEvent<TreeSelectionChangeEventDetail>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "item-click",
+                "description": "Fired when a row is clicked, selected or not.",
+                "value": {
+                  "type": "CustomEvent<TreeItemClickEventDetail>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "item-expand",
+                "description": "Fired when a row expands. Call `preventDefault()` to keep it closed. This is where a consumer authoring in markup appends children for a lazily loaded branch.",
+                "value": {
+                  "type": "CustomEvent<TreeItemExpandEventDetail>",
+                  "kind": "expression"
+                }
+              }
+            ]
+          }
+        },
+        {
+          "name": "c2-tree-item",
+          "description": "One row of a https://github.com/code2nguyen/web-components | `c2-tree`.\n\n`@c2n/tree`",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "Identity of the row. Selection and expansion are tracked by this value, so it must be unique in the tree.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "label",
+              "description": "Text of the row. Ignored when the `label` slot is filled; falls back to `value` when empty.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Blocks selection and expansion, and takes the row out of checkbox propagation.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "has-children",
+              "description": "Marks a branch whose children load on demand: the toggle shows before any child exists.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "href",
+              "description": "Turns the row into a link. The whole row becomes the click target; the toggle still only expands.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "target",
+              "description": "Browsing context for `href`, e.g. `_blank`. A `_blank` row gets `rel=\"noopener noreferrer\"`.",
+              "value": {
+                "type": "string | undefined",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "expanded",
+              "description": "Whether the children are shown. Written by the parent `c2-tree`.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "selected",
+              "description": "Whether the row is selected. Written by the parent `c2-tree`.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "indeterminate",
+              "description": "Whether only part of the subtree is selected. Derived and written by the parent `c2-tree`.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "loading",
+              "description": "Whether the children are being fetched. Written by the parent `c2-tree`.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "children-outline",
+              "description": "Whether to draw the indent guides. Written by the parent `c2-tree`, and reflected because the rules are\ndrawn in CSS and the stylesheet has to see it.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "hasChildren",
+                "description": "Marks a branch whose children load on demand: the toggle shows before any child exists.",
+                "value": {
+                  "type": "boolean",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "childrenOutline",
+                "description": "Whether to draw the indent guides. Written by the parent `c2-tree`, and reflected because the rules are\ndrawn in CSS and the stylesheet has to see it.",
+                "value": {
+                  "type": "boolean",
+                  "kind": "expression"
+                }
+              }
+            ],
+            "events": [
+              {
+                "name": "TREE_ITEM_CHANGE_EVENT",
+                "value": {
+                  "type": "CustomEvent",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "TREE_ITEM_TOGGLE_EVENT",
+                "value": {
+                  "type": "CustomEvent",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "TREE_ITEM_CHECK_EVENT",
+                "value": {
+                  "type": "CustomEvent",
+                  "kind": "expression"
+                }
+              }
+            ]
+          }
+        },
+        {
+          "name": "c2-upload",
+          "description": "Drag-and-drop file uploader with multiple selection, validation and an attachment-based upload queue. Set an async\n`uploadHandler(file, { signal, onProgress })` property to connect transport; the component owns progress, success,\nerror, retry, cancel and removal UI while leaving network policy to the application.\n\n`@c2n/upload`",
+          "attributes": [
+            {
+              "name": "multiple",
+              "description": "Accept several files in one browse or drop operation.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "variant",
+              "description": "Dropzone provides drag-and-drop; compact renders only an upload button.",
+              "default": "'dropzone'",
+              "value": {
+                "type": "UploadVariant",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "accept",
+              "description": "Comma-separated MIME types or file extensions, using the native file-input syntax.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "max-files",
+              "description": "Maximum number of queued files. Zero means unlimited.",
+              "default": "0",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "max-size",
+              "description": "Maximum size of each file in bytes. Zero means unlimited.",
+              "default": "0",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "auto-upload",
+              "description": "Run `uploadHandler` immediately after files are accepted.",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables browsing, dropping and attachment actions.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "required",
+              "description": "Requires at least one selected file for native form validation.",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "name",
+              "description": "Form field name. Each queued file is appended with this name.",
+              "default": "''",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "aria-label",
+              "description": "Accessible name for the drop zone.",
+              "default": "null",
+              "value": {
+                "type": "string | null",
+                "kind": "expression"
+              }
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "maxFiles",
+                "description": "Maximum number of queued files. Zero means unlimited.",
+                "value": {
+                  "type": "number",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "maxSize",
+                "description": "Maximum size of each file in bytes. Zero means unlimited.",
+                "value": {
+                  "type": "number",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "autoUpload",
+                "description": "Run `uploadHandler` immediately after files are accepted.",
+                "value": {
+                  "type": "boolean",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "ariaLabel",
+                "description": "Accessible name for the drop zone.",
+                "value": {
+                  "type": "string | null",
+                  "kind": "expression"
+                }
+              }
+            ],
+            "events": [
+              {
+                "name": "input",
+                "description": "Fired whenever the file value changes, for form and framework bindings.",
+                "value": {
+                  "type": "Event",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "change",
+                "description": "Fired whenever files are added or removed, for form and framework bindings.",
+                "value": {
+                  "type": "Event",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "files-selected",
+                "description": "Fired after valid files enter the queue through browse, drop or `addFiles()`.",
+                "value": {
+                  "type": "CustomEvent<UploadFilesEventDetail>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "file-reject",
+                "description": "Fired when type, size, count or single-file rules reject files.",
+                "value": {
+                  "type": "CustomEvent<{ rejections: UploadRejection[] }>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "upload-start",
+                "description": "Fired when an item begins uploading.",
+                "value": {
+                  "type": "CustomEvent<{ item: UploadItem }>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "upload-progress",
+                "description": "Fired when the upload handler reports progress.",
+                "value": {
+                  "type": "CustomEvent<UploadProgressEventDetail>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "upload-success",
+                "description": "Fired after an upload handler resolves; `item.result` contains its result.",
+                "value": {
+                  "type": "CustomEvent<UploadResultEventDetail>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "upload-error",
+                "description": "Fired after an upload handler rejects; `item.error` contains the error.",
+                "value": {
+                  "type": "CustomEvent<UploadResultEventDetail>",
+                  "kind": "expression"
+                }
+              },
+              {
+                "name": "upload-remove",
+                "description": "Fired after an item is removed or an active upload is cancelled.",
+                "value": {
+                  "type": "CustomEvent<{ item: UploadItem }>",
+                  "kind": "expression"
+                }
+              }
+            ]
+          }
+        },
         {
           "name": "c2-virtual-list",
           "description": "A long list that only renders what you can see. It windows `items` to the visible range plus an overscan margin with\nthe same `VirtualScrollController` the data grid uses, so 50 000 rows cost the same DOM as 20, and it renders every\nvisible row as a real `c2-list-item` — the same markup, slots, selection styling and theme as `c2-list`.\n\n`@c2n/virtual-list`",