@c2n/framework-types 0.0.8 → 0.0.9

package/dist/html-custom-data.json

@@ -1,6 +1,6 @@
 {
   "version": 1.1,
-  "$comment": "GENERATED by @c2n/framework-types@0.0.8. Do not edit by hand.",
+  "$comment": "GENERATED by @c2n/framework-types@0.0.9. Do not edit by hand.",
   "tags": [
     {
       "name": "c2-accordion",
@@ -251,6 +251,22 @@
         {
           "name": "status",
           "description": "Presence dot in the bottom-right corner.\n\nDefault: `undefined`"
+        },
+        {
+          "name": "editable",
+          "description": "Allows the avatar to open an image picker and exposes a remove action for the current image.\n\nDefault: `false`"
+        },
+        {
+          "name": "disabled",
+          "description": "Disables editable avatar actions.\n\nDefault: `false`"
+        },
+        {
+          "name": "accept",
+          "description": "Accepted image MIME types or file extensions, using native file-input syntax.\n\nDefault: `'image/*'`"
+        },
+        {
+          "name": "max-size",
+          "description": "Maximum accepted image size in bytes. Zero means unlimited.\n\nDefault: `0`"
         }
       ]
     },
@@ -348,7 +364,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`",
       "references": [
         {
           "name": "@c2n/button-group on npm",
@@ -372,6 +388,18 @@
           "name": "orientation",
           "description": "Stacks the items vertically.\n\nDefault: `'horizontal'`"
         },
+        {
+          "name": "appearance",
+          "description": "`segmented` adds an inset track and sliding selected surface and always uses single selection.\n\nDefault: `'joined'`"
+        },
+        {
+          "name": "size",
+          "description": "Segmented control size.\n\nDefault: `'m'`"
+        },
+        {
+          "name": "stretched",
+          "description": "Makes the group and every item share the available width.\n\nDefault: `false`"
+        },
         {
           "name": "aria-label",
           "description": "Accessible name of the group."
@@ -410,6 +438,74 @@
         }
       ]
     },
+    {
+      "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`",
+      "references": [
+        {
+          "name": "@c2n/cascader on npm",
+          "url": "https://www.npmjs.com/package/@c2n/cascader"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "options",
+          "description": "Nested hierarchy shown in the floating panel. In markup this is a JSON array.\n\nDefault: `[]`"
+        },
+        {
+          "name": "value",
+          "description": "Selected value path. In markup, separate levels with semicolons.\n\nDefault: `[]`"
+        },
+        {
+          "name": "name",
+          "description": "Name used when the cascader participates in a form.\n\nDefault: `''`"
+        },
+        {
+          "name": "placeholder",
+          "description": "Text shown before a path is selected.\n\nDefault: `'Please select'`"
+        },
+        {
+          "name": "separator",
+          "description": "String placed between selected labels in the trigger.\n\nDefault: `' / '`"
+        },
+        {
+          "name": "aria-label",
+          "description": "Accessible name forwarded to the trigger and option tree.\n\nDefault: `null`"
+        },
+        {
+          "name": "open",
+          "description": "Whether the floating panel is open.\n\nDefault: `false`"
+        },
+        {
+          "name": "disabled",
+          "description": "Disables opening, selection and form submission.\n\nDefault: `false`"
+        },
+        {
+          "name": "readonly",
+          "description": "Displays the selected path without allowing changes.\n\nDefault: `false`"
+        },
+        {
+          "name": "required",
+          "description": "Requires a committed path for native form validation.\n\nDefault: `false`"
+        },
+        {
+          "name": "change-on-select",
+          "description": "Commit branch values as they are chosen instead of waiting for a leaf.\n\nDefault: `false`"
+        },
+        {
+          "name": "expand-trigger",
+          "description": "Open child columns on pointer hover instead of click.\n\nDefault: `'click'`",
+          "values": [
+            {
+              "name": "click"
+            },
+            {
+              "name": "hover"
+            }
+          ]
+        }
+      ]
+    },
     {
       "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`",
@@ -587,7 +683,7 @@
         },
         {
           "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.\n\nDefault: `'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.\n\nDefault: `'auto'`",
           "values": [
             {
               "name": "none"
@@ -774,7 +870,7 @@
         },
         {
           "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.\n\nDefault: `'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.\n\nDefault: `'auto'`",
           "values": [
             {
               "name": "none"
@@ -925,7 +1021,7 @@
         },
         {
           "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.\n\nDefault: `'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.\n\nDefault: `'auto'`",
           "values": [
             {
               "name": "none"
@@ -1133,6 +1229,18 @@
             }
           ]
         },
+        {
+          "name": "marks",
+          "description": "Whether to draw the small axis ticks and division lines around the arc.\n\nDefault: `'show'`",
+          "values": [
+            {
+              "name": "show"
+            },
+            {
+              "name": "none"
+            }
+          ]
+        },
         {
           "name": "renderer",
           "description": "Which ECharts renderer to use. SVG prints and scales crisply; canvas is faster with many marks.\n\nDefault: `'canvas'`",
@@ -1218,7 +1326,7 @@
         },
         {
           "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.\n\nDefault: `'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.\n\nDefault: `'auto'`",
           "values": [
             {
               "name": "none"
@@ -1427,7 +1535,7 @@
         },
         {
           "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.\n\nDefault: `'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.\n\nDefault: `'auto'`",
           "values": [
             {
               "name": "none"
@@ -1500,6 +1608,24 @@
             }
           ]
         },
+        {
+          "name": "label-content",
+          "description": "Content shown by visible slice labels.\n\nDefault: `'name'`",
+          "values": [
+            {
+              "name": "name"
+            },
+            {
+              "name": "value"
+            },
+            {
+              "name": "percent"
+            },
+            {
+              "name": "name-percent"
+            }
+          ]
+        },
         {
           "name": "sort",
           "description": "Orders the slices by value rather than keeping the data order.\n\nDefault: `'none'`",
@@ -1600,7 +1726,182 @@
         },
         {
           "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.\n\nDefault: `'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.\n\nDefault: `'auto'`",
+          "values": [
+            {
+              "name": "none"
+            },
+            {
+              "name": "auto"
+            }
+          ]
+        },
+        {
+          "name": "locale",
+          "description": "BCP 47 locale for the axis and tooltip formatting. Defaults to the browser locale."
+        },
+        {
+          "name": "loading",
+          "description": "Shows the loading state instead of the plot.\n\nDefault: `false`"
+        },
+        {
+          "name": "error",
+          "description": "Shows an error message instead of the plot.\n\nDefault: `''`"
+        },
+        {
+          "name": "empty-message",
+          "description": "Replaces the built-in \"no data\" text.\n\nDefault: `'No data'`"
+        },
+        {
+          "name": "max-points",
+          "description": "Caps how many points a streaming chart keeps; older points fall off the front. `0` keeps everything.\n\nDefault: `0`"
+        },
+        {
+          "name": "lazy-render",
+          "description": "Defers loading the engine until the host first scrolls into view.\n\nDefault: `false`"
+        }
+      ]
+    },
+    {
+      "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`",
+      "references": [
+        {
+          "name": "@c2n/chart on npm",
+          "url": "https://www.npmjs.com/package/@c2n/chart"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "min",
+          "description": "Lowest value shared by every indicator.\n\nDefault: `0`"
+        },
+        {
+          "name": "max",
+          "description": "Highest value shared by every indicator. Auto-ranged per indicator when unset."
+        },
+        {
+          "name": "shape",
+          "description": "Shape of the indicator grid.\n\nDefault: `'polygon'`",
+          "values": [
+            {
+              "name": "polygon"
+            },
+            {
+              "name": "circle"
+            }
+          ]
+        },
+        {
+          "name": "start-angle",
+          "description": "Angle of the first indicator, in degrees counter-clockwise from three o'clock.\n\nDefault: `90`"
+        },
+        {
+          "name": "split-number",
+          "description": "Number of concentric divisions in the indicator grid.\n\nDefault: `5`"
+        },
+        {
+          "name": "points",
+          "description": "Whether to draw point markers at the indicator values.\n\nDefault: `'show'`",
+          "values": [
+            {
+              "name": "show"
+            },
+            {
+              "name": "none"
+            }
+          ]
+        },
+        {
+          "name": "fill-opacity",
+          "description": "Opacity of each profile's fill. Falls back to `--c2-chart__area--opacity`."
+        },
+        {
+          "name": "renderer",
+          "description": "Which ECharts renderer to use. SVG prints and scales crisply; canvas is faster with many marks.\n\nDefault: `'canvas'`",
+          "values": [
+            {
+              "name": "canvas"
+            },
+            {
+              "name": "svg"
+            }
+          ]
+        },
+        {
+          "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."
+        },
+        {
+          "name": "revision",
+          "description": "Bump after mutating `data` in place. The cheap escape hatch for a large buffer you own.\n\nDefault: `0`"
+        },
+        {
+          "name": "series",
+          "description": "Series definitions, as an alternative to `c2-chart-series` children. Children win when both are set."
+        },
+        {
+          "name": "x-field",
+          "description": "Row field holding the x value; may be a dotted path. Defaults to the row index.\n\nDefault: `''`"
+        },
+        {
+          "name": "label-field",
+          "description": "Row field holding the category label, for charts that name their slices.\n\nDefault: `''`"
+        },
+        {
+          "name": "x-type",
+          "description": "How x values are interpreted, which decides the axis and the tooltip format.\n\nDefault: `'linear'`",
+          "values": [
+            {
+              "name": "time"
+            },
+            {
+              "name": "linear"
+            },
+            {
+              "name": "category"
+            }
+          ]
+        },
+        {
+          "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.\n\nDefault: `'bottom'`",
+          "values": [
+            {
+              "name": "none"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "start"
+            },
+            {
+              "name": "end"
+            }
+          ]
+        },
+        {
+          "name": "tooltip",
+          "description": "Whether the tooltip follows the whole x position or only the hovered datum.\n\nDefault: `'axis'`",
+          "values": [
+            {
+              "name": "none"
+            },
+            {
+              "name": "item"
+            },
+            {
+              "name": "axis"
+            }
+          ]
+        },
+        {
+          "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.\n\nDefault: `'auto'`",
           "values": [
             {
               "name": "none"
@@ -1770,7 +2071,7 @@
         },
         {
           "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.\n\nDefault: `'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.\n\nDefault: `'auto'`",
           "values": [
             {
               "name": "none"
@@ -1979,7 +2280,7 @@
         },
         {
           "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.\n\nDefault: `'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.\n\nDefault: `'auto'`",
           "values": [
             {
               "name": "none"
@@ -30733,6 +31034,90 @@
         }
       ]
     },
+    {
+      "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`",
+      "references": [
+        {
+          "name": "@c2n/qr-code on npm",
+          "url": "https://www.npmjs.com/package/@c2n/qr-code"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Text or URL encoded by the QR code.\n\nDefault: `''`"
+        },
+        {
+          "name": "size",
+          "description": "Rendered width and height in CSS pixels. Set to `0` to use `--c2-qr-code--size`.\n\nDefault: `200`"
+        },
+        {
+          "name": "error-correction",
+          "description": "Error correction level: L (7%), M (15%), Q (25%), or H (30%).\n\nDefault: `'M'`"
+        },
+        {
+          "name": "margin",
+          "description": "Quiet-zone width measured in QR modules. Four is recommended for reliable scanning.\n\nDefault: `4`"
+        },
+        {
+          "name": "boost-error-correction",
+          "description": "Raises error correction when the encoded version has spare capacity.\n\nDefault: `false`"
+        },
+        {
+          "name": "aria-label",
+          "description": "Accessible name announced for the generated image. Defaults to `QR code`.\n\nDefault: `null`"
+        }
+      ]
+    },
+    {
+      "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`",
+      "references": [
+        {
+          "name": "@c2n/questionnaire on npm",
+          "url": "https://www.npmjs.com/package/@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.\n\nDefault: `[]`"
+        },
+        {
+          "name": "current",
+          "description": "Zero-based visible question index.\n\nDefault: `0`"
+        },
+        {
+          "name": "completed",
+          "description": "Shows the answer summary after successful completion.\n\nDefault: `false`"
+        },
+        {
+          "name": "name",
+          "description": "Form field name. Its submitted value is the answer object serialized as JSON.\n\nDefault: `''`"
+        },
+        {
+          "name": "disabled",
+          "description": "Disables options and navigation.\n\nDefault: `false`"
+        },
+        {
+          "name": "next-label",
+          "description": "Label of the forward action before the final question.\n\nDefault: `'Next'`"
+        },
+        {
+          "name": "complete-label",
+          "description": "Label of the forward action on the final question.\n\nDefault: `'Save'`"
+        },
+        {
+          "name": "previous-label",
+          "description": "Label of the backward action.\n\nDefault: `'Previous'`"
+        },
+        {
+          "name": "skip-label",
+          "description": "Label of the skip action.\n\nDefault: `'Skip'`"
+        }
+      ]
+    },
     {
       "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`",
@@ -30813,6 +31198,54 @@
         }
       ]
     },
+    {
+      "name": "c2-rate",
+      "description": "Accessible star rating control with pointer preview, keyboard adjustment and optional half-star values.\n\n`@c2n/rate`",
+      "references": [
+        {
+          "name": "@c2n/rate on npm",
+          "url": "https://www.npmjs.com/package/@c2n/rate"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Current rating and submitted form value.\n\nDefault: `0`"
+        },
+        {
+          "name": "max",
+          "description": "Number of rating icons.\n\nDefault: `5`"
+        },
+        {
+          "name": "allow-half",
+          "description": "Allow values in half-star steps.\n\nDefault: `false`"
+        },
+        {
+          "name": "clearable",
+          "description": "Clicking the committed rating again clears it to zero.\n\nDefault: `false`"
+        },
+        {
+          "name": "readonly",
+          "description": "Prevents changes while keeping the rating visually available.\n\nDefault: `false`"
+        },
+        {
+          "name": "disabled",
+          "description": "Disables interaction and form submission.\n\nDefault: `false`"
+        },
+        {
+          "name": "required",
+          "description": "Requires a rating greater than zero for native form validation.\n\nDefault: `false`"
+        },
+        {
+          "name": "name",
+          "description": "Name used when the rating participates in a form.\n\nDefault: `''`"
+        },
+        {
+          "name": "aria-label",
+          "description": "Accessible name of the rating control.\n\nDefault: `null`"
+        }
+      ]
+    },
     {
       "name": "c2-reorder-list",
       "description": "`@c2n/reorder-list`",
@@ -31121,6 +31554,38 @@
         }
       ]
     },
+    {
+      "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`",
+      "references": [
+        {
+          "name": "@c2n/status-panel on npm",
+          "url": "https://www.npmjs.com/package/@c2n/status-panel"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "status",
+          "description": "Visual tone and default media icon.\n\nDefault: `'neutral'`"
+        },
+        {
+          "name": "align",
+          "description": "Centers the composition or aligns it to the inline start.\n\nDefault: `'center'`"
+        },
+        {
+          "name": "heading",
+          "description": "Plain-text title fallback. Use the `title` slot for rich content.\n\nDefault: `''`"
+        },
+        {
+          "name": "description",
+          "description": "Plain-text description fallback. Use the `description` slot for rich content.\n\nDefault: `''`"
+        },
+        {
+          "name": "heading-level",
+          "description": "Accessible heading level used by the title region.\n\nDefault: `2`"
+        }
+      ]
+    },
     {
       "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`",
@@ -31843,6 +32308,162 @@
         }
       ]
     },
+    {
+      "name": "c2-tree",
+      "description": "Hierarchical tree view with expansion, selection and lazy loading.\n\n`@c2n/tree`",
+      "references": [
+        {
+          "name": "@c2n/tree on npm",
+          "url": "https://www.npmjs.com/package/@c2n/tree"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "items",
+          "description": "Nodes to render. Leave empty and nest `c2-tree-item` elements instead to author the tree in markup.\n\nDefault: `[]`"
+        },
+        {
+          "name": "value",
+          "description": "Values of the selected rows. Reflected as a `;`-separated attribute.\n\nDefault: `[]`"
+        },
+        {
+          "name": "expanded-items",
+          "description": "Values of the expanded rows. Reflected as a `;`-separated attribute.\n\nDefault: `[]`"
+        },
+        {
+          "name": "selection",
+          "description": "How many rows may be selected at once.\n\nDefault: `'single'`"
+        },
+        {
+          "name": "checkbox-selection",
+          "description": "Shows a checkbox on every row. Implies `selection=\"multiple\"`.\n\nDefault: `false`"
+        },
+        {
+          "name": "selection-propagation",
+          "description": "How a checkbox tick travels between a row and its relatives.\n\nDefault: `'both'`"
+        },
+        {
+          "name": "children-outline",
+          "description": "Draws a vertical rule per level of depth, marking which branch each row belongs to.\n\nDefault: `false`"
+        },
+        {
+          "name": "disabled",
+          "description": "Freezes the whole tree.\n\nDefault: `false`"
+        },
+        {
+          "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.\n\nDefault: `false`"
+        }
+      ]
+    },
+    {
+      "name": "c2-tree-item",
+      "description": "One row of a https://github.com/code2nguyen/web-components | `c2-tree`.\n\n`@c2n/tree`",
+      "references": [
+        {
+          "name": "@c2n/tree on npm",
+          "url": "https://www.npmjs.com/package/@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.\n\nDefault: `''`"
+        },
+        {
+          "name": "label",
+          "description": "Text of the row. Ignored when the `label` slot is filled; falls back to `value` when empty.\n\nDefault: `''`"
+        },
+        {
+          "name": "disabled",
+          "description": "Blocks selection and expansion, and takes the row out of checkbox propagation.\n\nDefault: `false`"
+        },
+        {
+          "name": "has-children",
+          "description": "Marks a branch whose children load on demand: the toggle shows before any child exists.\n\nDefault: `false`"
+        },
+        {
+          "name": "href",
+          "description": "Turns the row into a link. The whole row becomes the click target; the toggle still only expands.\n\nDefault: `''`"
+        },
+        {
+          "name": "target",
+          "description": "Browsing context for `href`, e.g. `_blank`. A `_blank` row gets `rel=\"noopener noreferrer\"`."
+        },
+        {
+          "name": "expanded",
+          "description": "Whether the children are shown. Written by the parent `c2-tree`.\n\nDefault: `false`"
+        },
+        {
+          "name": "selected",
+          "description": "Whether the row is selected. Written by the parent `c2-tree`.\n\nDefault: `false`"
+        },
+        {
+          "name": "indeterminate",
+          "description": "Whether only part of the subtree is selected. Derived and written by the parent `c2-tree`.\n\nDefault: `false`"
+        },
+        {
+          "name": "loading",
+          "description": "Whether the children are being fetched. Written by the parent `c2-tree`.\n\nDefault: `false`"
+        },
+        {
+          "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.\n\nDefault: `false`"
+        }
+      ]
+    },
+    {
+      "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`",
+      "references": [
+        {
+          "name": "@c2n/upload on npm",
+          "url": "https://www.npmjs.com/package/@c2n/upload"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "multiple",
+          "description": "Accept several files in one browse or drop operation.\n\nDefault: `false`"
+        },
+        {
+          "name": "variant",
+          "description": "Dropzone provides drag-and-drop; compact renders only an upload button.\n\nDefault: `'dropzone'`"
+        },
+        {
+          "name": "accept",
+          "description": "Comma-separated MIME types or file extensions, using the native file-input syntax.\n\nDefault: `''`"
+        },
+        {
+          "name": "max-files",
+          "description": "Maximum number of queued files. Zero means unlimited.\n\nDefault: `0`"
+        },
+        {
+          "name": "max-size",
+          "description": "Maximum size of each file in bytes. Zero means unlimited.\n\nDefault: `0`"
+        },
+        {
+          "name": "auto-upload",
+          "description": "Run `uploadHandler` immediately after files are accepted.\n\nDefault: `true`"
+        },
+        {
+          "name": "disabled",
+          "description": "Disables browsing, dropping and attachment actions.\n\nDefault: `false`"
+        },
+        {
+          "name": "required",
+          "description": "Requires at least one selected file for native form validation.\n\nDefault: `false`"
+        },
+        {
+          "name": "name",
+          "description": "Form field name. Each queued file is appended with this name.\n\nDefault: `''`"
+        },
+        {
+          "name": "aria-label",
+          "description": "Accessible name for the drop zone.\n\nDefault: `null`"
+        }
+      ]
+    },
     {
       "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`",