@c2n/framework-types 0.0.8 → 0.0.10

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.10. Do not edit by hand.",
   "tags": [
     {
       "name": "c2-accordion",
@@ -251,6 +251,46 @@
         {
           "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`"
+        }
+      ]
+    },
+    {
+      "name": "c2-avatar-group",
+      "description": "Responsive stack of `c2-avatar` elements. It observes its rendered width and each avatar's actual size, then hides\nthe avatars that no longer fit and replaces them with a count. The host fills the available inline space up to\n`--c2-avatar-group--max-width`, so it also reacts when its parent becomes narrower.\n\n`@c2n/avatar`",
+      "references": [
+        {
+          "name": "@c2n/avatar on npm",
+          "url": "https://www.npmjs.com/package/@c2n/avatar"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "max-visible",
+          "description": "Optional hard cap in addition to the automatically calculated responsive limit. Zero means no hard cap.\n\nDefault: `0`"
+        },
+        {
+          "name": "count-mode",
+          "description": "Whether the overflow indicator shows `+hidden` or the total number of avatars.\n\nDefault: `'hidden'`"
+        },
+        {
+          "name": "aria-label",
+          "description": "Accessible name for the group.\n\nDefault: `'Avatar group'`"
         }
       ]
     },
@@ -298,6 +338,34 @@
         }
       ]
     },
+    {
+      "name": "c2-border-beam",
+      "description": "Decorative overlay that sends one or more soft highlights around the border of its containing block. Place it as\na direct child of a positioned container. The component inherits the container radius and uses a border mask, so\nthe highlight sits on the real border instead of drawing a second, offset outline.\n\n`@c2n/border-beam`",
+      "references": [
+        {
+          "name": "@c2n/border-beam on npm",
+          "url": "https://www.npmjs.com/package/@c2n/border-beam"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "count",
+          "description": "Number of beams distributed evenly around the perimeter.\n\nDefault: `1`"
+        },
+        {
+          "name": "side",
+          "description": "Border followed by the beam. `all` loops around the perimeter; one edge moves forward then backward.\n\nDefault: `'all'`"
+        },
+        {
+          "name": "reverse",
+          "description": "Sends the beams around the perimeter in the opposite direction.\n\nDefault: `false`"
+        },
+        {
+          "name": "paused",
+          "description": "Freezes the beams at their current positions.\n\nDefault: `false`"
+        }
+      ]
+    },
     {
       "name": "c2-breadcrumb",
       "description": "Navigation trail. Every light-DOM child is one item, typically a `c2-link-button` with an `href`, and the last one\nis the current page: it is marked `aria-current=\"page\"` (through `selected` on a link button) and styled as text.\nA separator is drawn between items, a chevron by default or whatever is placed in the `separator` slot. The trail\nstays on one row: when the items do not fit the available width, some collapse behind an ellipsis, in priority\norder: the current page is always shown, then the first item, then the items closest to the current page while room\nremains. `max-items` caps how many are shown even when there is room. Clicking the ellipsis reveals every item\n(wrapping if needed).\n\n`@c2n/breadcrumb`",
@@ -348,7 +416,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 +440,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 +490,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 +735,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 +922,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 +1073,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 +1281,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 +1378,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 +1587,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 +1660,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 +1778,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"
@@ -1637,8 +1815,8 @@
       ]
     },
     {
-      "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`",
       "references": [
         {
           "name": "@c2n/chart on npm",
@@ -1647,43 +1825,48 @@
       ],
       "attributes": [
         {
-          "name": "symbol-size",
-          "description": "Diameter of each point in CSS pixels.\n\nDefault: `10`"
+          "name": "min",
+          "description": "Lowest value shared by every indicator.\n\nDefault: `0`"
         },
         {
-          "name": "symbol",
-          "description": "Shape used for points.\n\nDefault: `'circle'`",
+          "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": "circle"
-            },
-            {
-              "name": "rect"
-            },
-            {
-              "name": "roundRect"
+              "name": "polygon"
             },
             {
-              "name": "triangle"
-            },
-            {
-              "name": "diamond"
-            },
+              "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": "pin"
+              "name": "show"
             },
             {
-              "name": "arrow"
+              "name": "none"
             }
           ]
         },
         {
-          "name": "large",
-          "description": "Enables ECharts' large-point rendering path.\n\nDefault: `false`"
-        },
-        {
-          "name": "large-threshold",
-          "description": "Point count at which the large rendering path takes effect.\n\nDefault: `2000`"
+          "name": "fill-opacity",
+          "description": "Opacity of each profile's fill. Falls back to `--c2-chart__area--opacity`."
         },
         {
           "name": "renderer",
@@ -1770,7 +1953,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"
@@ -1807,8 +1990,8 @@
       ]
     },
     {
-      "name": "c2-sparkline",
-      "description": "A chromeless trend line sized for a table cell, a list row or the `trend` slot of a `c2-stat`: no axes,\nno grid, no legend and no tooltip, so the whole box is the data.\n\n`@c2n/chart`",
+      "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`",
       "references": [
         {
           "name": "@c2n/chart on npm",
@@ -1817,92 +2000,53 @@
       ],
       "attributes": [
         {
-          "name": "type",
-          "description": "How the line is drawn.\n\nDefault: `'line'`",
-          "values": [
-            {
-              "name": "line"
-            },
-            {
-              "name": "area"
-            }
-          ]
-        },
-        {
-          "name": "tone",
-          "description": "Colours the line by direction. `auto` compares the last value with the first and uses the positive or\nnegative tone; `neutral` keeps the palette colour.\n\nDefault: `'neutral'`",
-          "values": [
-            {
-              "name": "auto"
-            },
-            {
-              "name": "positive"
-            },
-            {
-              "name": "negative"
-            },
-            {
-              "name": "neutral"
-            }
-          ]
+          "name": "symbol-size",
+          "description": "Diameter of each point in CSS pixels.\n\nDefault: `10`"
         },
         {
-          "name": "grid",
-          "description": "Which grid lines are drawn. A string rather than a boolean because a boolean attribute reads as `true`\nwhenever it is present — `grid=\"false\"` in markup would turn the grid *on*, and there would be no way to\nturn it off from HTML at all. `y` (the default) draws the horizontal lines, matching `axes`' shape.\n\nDefault: `'y'`",
+          "name": "symbol",
+          "description": "Shape used for points.\n\nDefault: `'circle'`",
           "values": [
             {
-              "name": "both"
+              "name": "circle"
             },
             {
-              "name": "x"
+              "name": "rect"
             },
             {
-              "name": "y"
+              "name": "roundRect"
             },
             {
-              "name": "none"
-            }
-          ]
-        },
-        {
-          "name": "axes",
-          "description": "Which axes are drawn.\n\nDefault: `'both'`",
-          "values": [
-            {
-              "name": "both"
+              "name": "triangle"
             },
             {
-              "name": "x"
+              "name": "diamond"
             },
             {
-              "name": "y"
+              "name": "pin"
             },
             {
-              "name": "none"
+              "name": "arrow"
             }
           ]
         },
         {
-          "name": "y-min",
-          "description": "Lower bound of the y scale. Auto-ranged when unset."
-        },
-        {
-          "name": "y-max",
-          "description": "Upper bound of the y scale. Auto-ranged when unset."
+          "name": "large",
+          "description": "Enables ECharts' large-point rendering path.\n\nDefault: `false`"
         },
         {
-          "name": "zoom",
-          "description": "Lets the user drag horizontally to zoom the x scale.\n\nDefault: `false`"
+          "name": "large-threshold",
+          "description": "Point count at which the large rendering path takes effect.\n\nDefault: `2000`"
         },
         {
-          "name": "cursor",
-          "description": "The cursor crosshair.\n\nDefault: `'x'`",
+          "name": "renderer",
+          "description": "Which ECharts renderer to use. SVG prints and scales crisply; canvas is faster with many marks.\n\nDefault: `'canvas'`",
           "values": [
             {
-              "name": "x"
+              "name": "canvas"
             },
             {
-              "name": "none"
+              "name": "svg"
             }
           ]
         },
@@ -1979,7 +2123,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"
@@ -2016,12 +2160,221 @@
       ]
     },
     {
-      "name": "c2-chat-input",
-      "description": "Auto-growing message composer with slotted actions and an accessible send button.\n\n`@c2n/chat-input`",
+      "name": "c2-sparkline",
+      "description": "A chromeless trend line sized for a table cell, a list row or the `trend` slot of a `c2-stat`: no axes,\nno grid, no legend and no tooltip, so the whole box is the data.\n\n`@c2n/chart`",
       "references": [
         {
-          "name": "@c2n/chat-input on npm",
-          "url": "https://www.npmjs.com/package/@c2n/chat-input"
+          "name": "@c2n/chart on npm",
+          "url": "https://www.npmjs.com/package/@c2n/chart"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "type",
+          "description": "How the line is drawn.\n\nDefault: `'line'`",
+          "values": [
+            {
+              "name": "line"
+            },
+            {
+              "name": "area"
+            }
+          ]
+        },
+        {
+          "name": "tone",
+          "description": "Colours the line by direction. `auto` compares the last value with the first and uses the positive or\nnegative tone; `neutral` keeps the palette colour.\n\nDefault: `'neutral'`",
+          "values": [
+            {
+              "name": "auto"
+            },
+            {
+              "name": "positive"
+            },
+            {
+              "name": "negative"
+            },
+            {
+              "name": "neutral"
+            }
+          ]
+        },
+        {
+          "name": "grid",
+          "description": "Which grid lines are drawn. A string rather than a boolean because a boolean attribute reads as `true`\nwhenever it is present — `grid=\"false\"` in markup would turn the grid *on*, and there would be no way to\nturn it off from HTML at all. `y` (the default) draws the horizontal lines, matching `axes`' shape.\n\nDefault: `'y'`",
+          "values": [
+            {
+              "name": "both"
+            },
+            {
+              "name": "x"
+            },
+            {
+              "name": "y"
+            },
+            {
+              "name": "none"
+            }
+          ]
+        },
+        {
+          "name": "axes",
+          "description": "Which axes are drawn.\n\nDefault: `'both'`",
+          "values": [
+            {
+              "name": "both"
+            },
+            {
+              "name": "x"
+            },
+            {
+              "name": "y"
+            },
+            {
+              "name": "none"
+            }
+          ]
+        },
+        {
+          "name": "y-min",
+          "description": "Lower bound of the y scale. Auto-ranged when unset."
+        },
+        {
+          "name": "y-max",
+          "description": "Upper bound of the y scale. Auto-ranged when unset."
+        },
+        {
+          "name": "zoom",
+          "description": "Lets the user drag horizontally to zoom the x scale.\n\nDefault: `false`"
+        },
+        {
+          "name": "cursor",
+          "description": "The cursor crosshair.\n\nDefault: `'x'`",
+          "values": [
+            {
+              "name": "x"
+            },
+            {
+              "name": "none"
+            }
+          ]
+        },
+        {
+          "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"
+            },
+            {
+              "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-chat-input",
+      "description": "Auto-growing message composer with slotted actions and an accessible send button.\n\n`@c2n/chat-input`",
+      "references": [
+        {
+          "name": "@c2n/chat-input on npm",
+          "url": "https://www.npmjs.com/package/@c2n/chat-input"
         }
       ],
       "attributes": [
@@ -2159,6 +2512,82 @@
         }
       ]
     },
+    {
+      "name": "c2-code-editor",
+      "description": "Source-code field built on CodeMirror 6, which is an **optional peer dependency**: nothing is imported until an\neditor mounts, and when the peer is absent the element degrades to a plain `<textarea>` carrying the same value,\nthe same events and the same form behaviour — only without highlighting. Install what you need alongside it:\n\n`@c2n/code-editor`",
+      "references": [
+        {
+          "name": "@c2n/code-editor on npm",
+          "url": "https://www.npmjs.com/package/@c2n/code-editor"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The source code. Assigning it replaces the document without losing scroll position or undo history.\n\nDefault: `''`"
+        },
+        {
+          "name": "language",
+          "description": "Language id: one of `BUILT_IN_LANGUAGES`, anything `languageLoader` resolves, or empty for no highlighting.\n\nDefault: `''`"
+        },
+        {
+          "name": "name",
+          "description": "Form field name.\n\nDefault: `''`"
+        },
+        {
+          "name": "label",
+          "description": "Label above the editor, when the `label` slot is empty.\n\nDefault: `''`"
+        },
+        {
+          "name": "aria-label",
+          "description": "Accessible name when nothing visible labels the editor.\n\nDefault: `null`"
+        },
+        {
+          "name": "placeholder",
+          "description": "Text shown while the document is empty.\n\nDefault: `''`"
+        },
+        {
+          "name": "readonly",
+          "description": "The document cannot be edited, but is still selectable and focusable.\n\nDefault: `false`"
+        },
+        {
+          "name": "disabled",
+          "description": "Blocks interaction entirely and dims the editor.\n\nDefault: `false`"
+        },
+        {
+          "name": "required",
+          "description": "The form is invalid while the value is empty.\n\nDefault: `false`"
+        },
+        {
+          "name": "line-numbers",
+          "description": "Show the line-number gutter.\n\nDefault: `false`"
+        },
+        {
+          "name": "wrap",
+          "description": "Wrap long lines instead of scrolling horizontally.\n\nDefault: `false`"
+        },
+        {
+          "name": "autocomplete",
+          "description": "Offer completions while typing (identifiers, and whatever the grammar contributes).\n\nDefault: `false`"
+        },
+        {
+          "name": "tab-size",
+          "description": "Width of a tab stop, in characters.\n\nDefault: `2`"
+        },
+        {
+          "name": "error",
+          "description": "Renders the error styling; `error-text` replaces the supporting text.\n\nDefault: `false`"
+        },
+        {
+          "name": "error-text",
+          "description": "Message shown in place of the supporting text while `error` is set.\n\nDefault: `''`"
+        },
+        {
+          "name": "help",
+          "description": "Help text under the editor, when the `supporting-text` slot is empty.\n\nDefault: `''`"
+        }
+      ]
+    },
     {
       "name": "c2-code-viewer",
       "description": "Syntax-highlighted source code powered by shiki. Grammars and themes are loaded on demand into one shared\nhighlighter, so many viewers on a page cost one engine. The raw code renders immediately as plain text (also on the\nserver) and is upgraded in place once highlighted.\n\n`@c2n/code-viewer`",
@@ -30720,16 +31149,100 @@
           "description": "Progress between `0` and `max`. Leave unset for an indeterminate bar.\n\nDefault: `undefined`"
         },
         {
-          "name": "max",
-          "description": "Value that fills the whole track.\n\nDefault: `100`"
+          "name": "max",
+          "description": "Value that fills the whole track.\n\nDefault: `100`"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name when nothing is slotted. Defaults to \"Loading\".\n\nDefault: `''`"
+        },
+        {
+          "name": "show-value",
+          "description": "Show the completed percentage beside the label. Always on when the `value` slot has content.\n\nDefault: `false`"
+        }
+      ]
+    },
+    {
+      "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": "label",
-          "description": "Accessible name when nothing is slotted. Defaults to \"Loading\".\n\nDefault: `''`"
+          "name": "previous-label",
+          "description": "Label of the backward action.\n\nDefault: `'Previous'`"
         },
         {
-          "name": "show-value",
-          "description": "Show the completed percentage beside the label. Always on when the `value` slot has content.\n\nDefault: `false`"
+          "name": "skip-label",
+          "description": "Label of the skip action.\n\nDefault: `'Skip'`"
         }
       ]
     },
@@ -30813,6 +31326,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 +31682,98 @@
         }
       ]
     },
+    {
+      "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-step",
+      "description": "One row of a Steps list: a marker, a label with optional dimmed `detail`, and `trailing` text at the end\nof the row — a duration, a count, a timestamp.\n\n`@c2n/steps`",
+      "references": [
+        {
+          "name": "@c2n/steps on npm",
+          "url": "https://www.npmjs.com/package/@c2n/steps"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "status",
+          "description": "State of the step. Drives the marker glyph and the accent colour, and reopens a folded group.\n\nDefault: `'pending'`"
+        },
+        {
+          "name": "label",
+          "description": "Primary text, when the `label` slot is empty.\n\nDefault: `''`"
+        },
+        {
+          "name": "detail",
+          "description": "Dimmed secondary text beside the label, when the `detail` slot is empty.\n\nDefault: `''`"
+        },
+        {
+          "name": "trailing",
+          "description": "Text at the end of the row, when the `trailing` slot is empty.\n\nDefault: `''`"
+        },
+        {
+          "name": "collapsed",
+          "description": "Whether this group is folded away. A group is expanded by default — every step in the list is a row you can\nsee — and only the reader, the markup or a reopening status ever changes that.\n\nDefault: `false`"
+        }
+      ]
+    },
+    {
+      "name": "c2-steps",
+      "description": "A vertical list of steps: the trace of a task as it runs, or a wizard's progress. Each row is a marker, a label,\nan optional dimmed `detail` beside it and `trailing` text at the end — a duration, a count, a timestamp.\n\n`@c2n/steps`",
+      "references": [
+        {
+          "name": "@c2n/steps on npm",
+          "url": "https://www.npmjs.com/package/@c2n/steps"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "marker",
+          "description": "How each marker is drawn: a status glyph, the step's number, or nothing.\n\nDefault: `'icon'`"
+        },
+        {
+          "name": "current",
+          "description": "Index of the active step, for a wizard. `-1` (the default) leaves every status alone; otherwise a top-level\nstep with neither an explicit `status` nor sub-steps becomes `success` before this index, `current` at it and\n`pending` after it.\n\nDefault: `-1`"
+        },
+        {
+          "name": "steps",
+          "description": "The steps as data, instead of `c2-step` children. Takes precedence over the slot.\n\nDefault: `undefined`"
+        },
+        {
+          "name": "aria-label",
+          "description": "Accessible name for the list.\n\nDefault: `null`"
+        }
+      ]
+    },
     {
       "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`",
@@ -31658,6 +32311,81 @@
         }
       ]
     },
+    {
+      "name": "c2-theme-select",
+      "description": "Colour-theme switcher. The trigger shows the icon of the mode currently in effect and clicking it steps to the next\none, wrapping around — a two-state control is therefore a plain light/dark toggle. With three or more modes the\ntrigger also opens a menu on hover (or focus, or ArrowDown) so any mode can be picked directly, while the click-to-\nadvance behaviour keeps working.\n\n`@c2n/theme-select`",
+      "references": [
+        {
+          "name": "@c2n/theme-select on npm",
+          "url": "https://www.npmjs.com/package/@c2n/theme-select"
+        }
+      ],
+      "attributes": [
+        {
+          "name": "modes",
+          "description": "The states to cycle through: `\"system,light,dark\"`, a JSON array, or objects from script.\n\nDefault: `['system', 'light', 'dark']`"
+        },
+        {
+          "name": "value",
+          "description": "The mode in effect. Assigning it selects that mode silently; `select()` and `next()` report the change.\n\nDefault: `''`"
+        },
+        {
+          "name": "menu",
+          "description": "When to offer the dropdown: `auto` (three or more modes), `always`, or `never`.\n\nDefault: `'auto'`",
+          "values": [
+            {
+              "name": "auto"
+            },
+            {
+              "name": "always"
+            },
+            {
+              "name": "never"
+            }
+          ]
+        },
+        {
+          "name": "placement",
+          "description": "Preferred placement of the menu (floating-ui names).\n\nDefault: `'bottom'`"
+        },
+        {
+          "name": "show-label",
+          "description": "Show the current mode's label beside its icon.\n\nDefault: `false`"
+        },
+        {
+          "name": "disabled",
+          "description": "Blocks interaction and dims the control.\n\nDefault: `false`"
+        },
+        {
+          "name": "manual",
+          "description": "Do not touch the document or storage; the host applies the theme itself from `theme-change`.\n\nDefault: `false`"
+        },
+        {
+          "name": "target",
+          "description": "Element the scheme is written to, or the id of one. Defaults to `<html>`.\n\nDefault: `undefined`"
+        },
+        {
+          "name": "theme-attribute",
+          "description": "Attribute written on the target, `data-theme` by default.\n\nDefault: `'data-theme'`"
+        },
+        {
+          "name": "storage-key",
+          "description": "`localStorage` key the chosen mode is remembered under. Empty disables persistence.\n\nDefault: `'c2n-theme'`"
+        },
+        {
+          "name": "open-delay",
+          "description": "Milliseconds the pointer must rest on the trigger before the menu opens.\n\nDefault: `150`"
+        },
+        {
+          "name": "close-delay",
+          "description": "Milliseconds the menu stays open after the pointer leaves, so it can be crossed into.\n\nDefault: `200`"
+        },
+        {
+          "name": "aria-label",
+          "description": "Accessible name of the trigger. Defaults to `Theme: <current label>`."
+        }
+      ]
+    },
     {
       "name": "c2-toast",
       "description": "A notification card. Use c2-toast-region to manage stacking, queueing and timed dismissal.\n\n`@c2n/toast`",
@@ -31843,6 +32571,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`",