@adia-ai/a2ui-corpus 0.0.6 → 0.0.9

package/chunks/timeline-compact.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"compact\" data-chunk=\"timeline-compact\">\n  <h2 variant=\"section\">Compact (size=\"sm\")</h2>\n  <p data-note>Tighter spacing and smaller dots, tuned for agent pipeline traces and chat-adjacent surfaces. Labels align inline with duration on the right.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"compact + spinner + duration\">\n      <timeline-ui size=\"sm\">\n        <timeline-item-ui text=\"interpret: Classifying request\" duration=\"420ms\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"search: Finding patterns\" duration=\"850ms\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"generate: Adapting pattern\" duration=\"2.1s\" status=\"active\" spinner></timeline-item-ui>\n        <timeline-item-ui text=\"validate: Scoring output\"></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/timeline-error.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"error\" data-chunk=\"timeline-error\">\n  <h2 variant=\"section\">Error state</h2>\n  <p data-note>Use <code>error</code> for items that failed. Can coexist with <code>completed</code> for a run that errored-after-finish.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"error state\">\n      <timeline-ui>\n        <timeline-item-ui text=\"Build\" duration=\"2m 10s\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"Test\" duration=\"1m 04s\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"Deploy\" duration=\"45s\" status=\"error\"></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/timeline-horizontal.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"horizontal\" data-chunk=\"timeline-horizontal\">\n  <h2 variant=\"section\">Horizontal</h2>\n  <p data-note>Horizontal orientation for process flows.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"horizontal\">\n      <timeline-ui orientation=\"horizontal\">\n        <timeline-item-ui text=\"Draft\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"Review\" status=\"active\"></timeline-item-ui>\n        <timeline-item-ui text=\"Approved\"></timeline-item-ui>\n        <timeline-item-ui text=\"Published\"></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/timeline-icons.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"icons\" data-chunk=\"timeline-icons\">\n  <h2 variant=\"section\">With Icons</h2>\n  <p data-note>Custom icon per item via Phosphor name.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"with icons\">\n      <timeline-ui>\n        <timeline-item-ui text=\"Created\" description=\"Issue opened\" icon=\"plus\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"In Review\" description=\"PR submitted\" icon=\"eye\" status=\"active\"></timeline-item-ui>\n        <timeline-item-ui text=\"Merged\" icon=\"git-merge\"></timeline-item-ui>\n        <timeline-item-ui text=\"Deployed\" icon=\"rocket\"></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/timeline-outcomes.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"outcomes\" data-chunk=\"timeline-outcomes\">\n  <h2 variant=\"section\">Outcomes (expandable)</h2>\n  <p data-note>Set <code>.outcomes = [\"line 1\", \"line 2\"]</code> to show a toggle chevron and expandable sub-list. Fires <code>timeline-toggle</code> on expand/collapse.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"click the chevron to expand\">\n      <timeline-ui size=\"sm\" id=\"demo-outcomes\">\n        <timeline-item-ui id=\"t-out-1\" text=\"search: Ranking corpus\" duration=\"900ms\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"generate\" duration=\"2.3s\" status=\"active\" spinner></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/timeline-variant.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"variant\" data-chunk=\"timeline-variant\">\n  <h2 variant=\"section\">Variant Colors</h2>\n  <p data-note>Per-item variant for color-coded timelines.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"variant colors\">\n      <timeline-ui>\n        <timeline-item-ui text=\"Success\" variant=\"success\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"Info\" variant=\"accent\" status=\"active\"></timeline-item-ui>\n        <timeline-item-ui text=\"Warning\" variant=\"warning\"></timeline-item-ui>\n        <timeline-item-ui text=\"Error\" variant=\"danger\"></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/timeline-vertical.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"vertical\" data-chunk=\"timeline-vertical\">\n  <h2 variant=\"section\">Vertical Timeline</h2>\n  <p data-note>Default orientation. Each item can be completed, active, or pending.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"completed / active / pending\">\n      <timeline-ui>\n        <timeline-item-ui text=\"Order placed\" time=\"2h ago\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"Payment confirmed\" time=\"1h ago\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"Processing\" status=\"active\"></timeline-item-ui>\n        <timeline-item-ui text=\"Shipped\"></timeline-item-ui>\n        <timeline-item-ui text=\"Delivered\"></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toast-closable.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"closable\" data-chunk=\"toast-closable\">\n  <h2 variant=\"section\">closable</h2>\n  <p data-note>All toasts include a close button by default. Click it to dismiss immediately.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"closable (10s duration)\">\n      <button-ui text=\"Show Closable\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Click the X to dismiss early.',variant:'success',duration:10000}))\"></button-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toast-combo.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-combo data-chunk=\"toast-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Multiple toasts can stack. Click several buttons quickly to see stacking behavior.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"stacked toasts\">\n      <button-ui text=\"Stack 3 Toasts\" variant=\"primary\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>{const T=customElements.get('toast-ui');T.show({text:'First: File uploaded.',variant:'success',duration:5000});setTimeout(()=>T.show({text:'Second: Processing...',variant:'info',duration:5000}),300);setTimeout(()=>T.show({text:'Third: Complete!',variant:'success',duration:5000}),600);})\"></button-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toast-duration.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"duration\" data-chunk=\"toast-duration\">\n  <h2 variant=\"section\">auto-dismiss</h2>\n  <p data-note>Toasts automatically dismiss after the duration (default 4000ms). Set a custom duration.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"2 seconds\">\n      <button-ui text=\"Short (2s)\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'This disappears quickly.',variant:'info',duration:2000}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"4 seconds\">\n      <button-ui text=\"Default (4s)\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Default 4 second toast.',variant:'info'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"8 seconds\">\n      <button-ui text=\"Long (8s)\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'This stays visible for 8 seconds.',variant:'info',duration:8000}))\"></button-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toast-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"toast-edge\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"long text\">\n      <button-ui text=\"Long Text\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'This is a very long toast message that tests how the component handles overflow when the text content exceeds the typical expected width of a notification popup.',variant:'info',duration:6000}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"empty text\">\n      <button-ui text=\"Empty Text\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'',variant:'info'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"single word\">\n      <button-ui text=\"Short Text\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'OK',variant:'success'}))\"></button-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toast-position.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"position\" data-chunk=\"toast-position\">\n  <h2 variant=\"section\">position</h2>\n  <p data-note>Screen position where the toast appears. One of six corner/edge anchors.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"top-left\">\n      <button-ui text=\"Top Left\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Top left',variant:'info',position:'top-left'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"top-center\">\n      <button-ui text=\"Top Center\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Top center',variant:'info',position:'top-center'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"top-right\">\n      <button-ui text=\"Top Right\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Top right',variant:'info',position:'top-right'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bottom-left\">\n      <button-ui text=\"Bottom Left\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Bottom left',variant:'info',position:'bottom-left'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bottom-center\">\n      <button-ui text=\"Bottom Center\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Bottom center',variant:'info',position:'bottom-center'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bottom-right\">\n      <button-ui text=\"Bottom Right\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Bottom right',variant:'info',position:'bottom-right'}))\"></button-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toast-text.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"text\" data-chunk=\"toast-text\">\n  <h2 variant=\"section\">text</h2>\n  <p data-note>The message shown in the toast body. Declarative inline toasts render at their specified position.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='text=\"Changes saved successfully.\"'>\n      <toast-ui text=\"Changes saved successfully.\" variant=\"success\" duration=\"0\" position=\"top-right\"></toast-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='text=\"New message received.\"'>\n      <toast-ui text=\"New message received.\" variant=\"info\" duration=\"0\" position=\"top-left\"></toast-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toast-variant.json

@@ -9,7 +9,7 @@
     "data-section": "",
     "data-property": "variant"
   },
-  "html": "<section data-section data-property=\"variant\" data-chunk=\"toast-variant\">\n  <h2 variant=\"section\">variant</h2>\n  <p data-note>Controls the color scheme and icon. Click each button to show the toast.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default\">\n      <button-ui text=\"Default\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Default notification',variant:'default'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"info\">\n      <button-ui text=\"Info\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Here is some information.',variant:'info'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"success\">\n      <button-ui text=\"Success\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Changes saved successfully!',variant:'success'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"warning\">\n      <button-ui text=\"Warning\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'API rate limit approaching.',variant:'warning'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"danger\">\n      <button-ui text=\"Danger\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Failed to delete resource.',variant:'danger'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"error\">\n      <button-ui text=\"Error\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'An error occurred while saving.',variant:'error'}))\"></button-ui>\n      </div>\n  </div>\n</section>",
+  "html": "<section data-section data-property=\"variant\" data-chunk=\"toast-variant\">\n  <h2 variant=\"section\">variant</h2>\n  <p data-note>Controls the color scheme and icon. Click each button to show the toast.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default\">\n      <button-ui text=\"Default\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Default notification',variant:'default'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"info\">\n      <button-ui text=\"Info\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Here is some information.',variant:'info'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"success\">\n      <button-ui text=\"Success\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Changes saved successfully!',variant:'success'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"warning\">\n      <button-ui text=\"Warning\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'API rate limit approaching.',variant:'warning'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"danger\">\n      <button-ui text=\"Danger\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Failed to delete resource.',variant:'danger'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"error (alias of danger)\">\n      <button-ui text=\"Error\" variant=\"outline\" size=\"sm\"\n        onclick=\"window.dispatchEvent(new CustomEvent('toast',{detail:{text:'An error occurred while saving.',variant:'error'}}))\"></button-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toggle-group-combo.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-combo data-chunk=\"toggle-group-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Multi-property pairings.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"icon + text + single + disabled\">\n      <toggle-group-ui value=\"grid\" single>\n        <toggle-option-ui value=\"list\" icon=\"list\" text=\"List\"></toggle-option-ui>\n        <toggle-option-ui value=\"grid\" icon=\"squares-four\" text=\"Grid\"></toggle-option-ui>\n        <toggle-option-ui value=\"kanban\" icon=\"kanban\" text=\"Board\" disabled></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"multi-select with icons + text\">\n      <toggle-group-ui value=\"email,push\">\n        <toggle-option-ui value=\"email\" icon=\"envelope\" text=\"Email\"></toggle-option-ui>\n        <toggle-option-ui value=\"push\" icon=\"bell\" text=\"Push\"></toggle-option-ui>\n        <toggle-option-ui value=\"sms\" icon=\"chat-circle\" text=\"SMS\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toggle-group-disabled.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"disabled\" data-chunk=\"toggle-group-disabled\">\n  <h2 variant=\"section\">disabled option</h2>\n  <p data-note>Individual options can be disabled. They remain visible but cannot be toggled.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"underline + strike disabled\">\n      <toggle-group-ui value=\"bold\">\n        <toggle-option-ui value=\"bold\" icon=\"text-b\"></toggle-option-ui>\n        <toggle-option-ui value=\"italic\" icon=\"text-italic\"></toggle-option-ui>\n        <toggle-option-ui value=\"underline\" icon=\"text-underline\" disabled></toggle-option-ui>\n        <toggle-option-ui value=\"strikethrough\" icon=\"text-strikethrough\" disabled></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toggle-group-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"toggle-group-edge\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"single option\">\n      <toggle-group-ui>\n        <toggle-option-ui value=\"only\" icon=\"star\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"many options\">\n      <toggle-group-ui>\n        <toggle-option-ui value=\"a\" text=\"A\"></toggle-option-ui>\n        <toggle-option-ui value=\"b\" text=\"B\"></toggle-option-ui>\n        <toggle-option-ui value=\"c\" text=\"C\"></toggle-option-ui>\n        <toggle-option-ui value=\"d\" text=\"D\"></toggle-option-ui>\n        <toggle-option-ui value=\"e\" text=\"E\"></toggle-option-ui>\n        <toggle-option-ui value=\"f\" text=\"F\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"all selected\">\n      <toggle-group-ui value=\"bold,italic,underline,strike\">\n        <toggle-option-ui value=\"bold\" icon=\"text-b\"></toggle-option-ui>\n        <toggle-option-ui value=\"italic\" icon=\"text-italic\"></toggle-option-ui>\n        <toggle-option-ui value=\"underline\" icon=\"text-underline\"></toggle-option-ui>\n        <toggle-option-ui value=\"strike\" icon=\"text-strikethrough\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toggle-group-icon-group.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"icon-group\" data-chunk=\"toggle-group-icon-group\">\n  <h2 variant=\"section\">icon group</h2>\n  <p data-note>Icon-only toggle options for formatting controls. Multiple can be active simultaneously.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"bold/italic/underline\">\n      <toggle-group-ui value=\"bold\">\n        <toggle-option-ui value=\"bold\" icon=\"text-b\"></toggle-option-ui>\n        <toggle-option-ui value=\"italic\" icon=\"text-italic\"></toggle-option-ui>\n        <toggle-option-ui value=\"underline\" icon=\"text-underline\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toggle-group-pre-selected.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"pre-selected\" data-chunk=\"toggle-group-pre-selected\">\n  <h2 variant=\"section\">pre-selected</h2>\n  <p data-note>Comma-separated values in the value attribute select multiple options on load.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"bold + italic pre-selected\">\n      <toggle-group-ui value=\"bold,italic\">\n        <toggle-option-ui value=\"bold\" icon=\"text-b\"></toggle-option-ui>\n        <toggle-option-ui value=\"italic\" icon=\"text-italic\"></toggle-option-ui>\n        <toggle-option-ui value=\"underline\" icon=\"text-underline\"></toggle-option-ui>\n        <toggle-option-ui value=\"strikethrough\" icon=\"text-strikethrough\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toggle-group-single-vs-multi.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"single-vs-multi\" data-chunk=\"toggle-group-single-vs-multi\">\n  <h2 variant=\"section\">single vs multi</h2>\n  <p data-note>Multi-select is the default. Add <code>single</code> for radio-like single-select behavior.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"multi (default)\">\n      <toggle-group-ui value=\"bold,italic\">\n        <toggle-option-ui value=\"bold\" icon=\"text-b\"></toggle-option-ui>\n        <toggle-option-ui value=\"italic\" icon=\"text-italic\"></toggle-option-ui>\n        <toggle-option-ui value=\"underline\" icon=\"text-underline\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"single\">\n      <toggle-group-ui single>\n        <toggle-option-ui value=\"list\" text=\"List\"></toggle-option-ui>\n        <toggle-option-ui value=\"grid\" text=\"Grid\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toggle-group-single.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"single\" data-chunk=\"toggle-group-single\">\n  <h2 variant=\"section\">single select</h2>\n  <p data-note>Add the <code>single</code> attribute to allow only one option at a time.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"single select alignment\">\n      <toggle-group-ui value=\"left\" single>\n        <toggle-option-ui value=\"left\" icon=\"text-align-left\"></toggle-option-ui>\n        <toggle-option-ui value=\"center\" icon=\"text-align-center\"></toggle-option-ui>\n        <toggle-option-ui value=\"right\" icon=\"text-align-right\"></toggle-option-ui>\n        <toggle-option-ui value=\"justify\" icon=\"text-align-justify\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toggle-group-text-group.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"text-group\" data-chunk=\"toggle-group-text-group\">\n  <h2 variant=\"section\">text group</h2>\n  <p data-note>Text-only toggle options for label-based selections.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"text options\">\n      <toggle-group-ui value=\"week\">\n        <toggle-option-ui value=\"day\" text=\"Day\"></toggle-option-ui>\n        <toggle-option-ui value=\"week\" text=\"Week\"></toggle-option-ui>\n        <toggle-option-ui value=\"month\" text=\"Month\"></toggle-option-ui>\n        <toggle-option-ui value=\"year\" text=\"Year\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toggle-group-value.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"value\" data-chunk=\"toggle-group-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Selected option key. Set via the <code>value</code> attribute; matches a child's <code>value</code>.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"value=list\">\n      <toggle-group-ui value=\"list\">\n        <toggle-option-ui value=\"list\" text=\"List\"></toggle-option-ui>\n        <toggle-option-ui value=\"grid\" text=\"Grid\"></toggle-option-ui>\n        <toggle-option-ui value=\"board\" text=\"Board\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"value=grid\">\n      <toggle-group-ui value=\"grid\">\n        <toggle-option-ui value=\"list\" text=\"List\"></toggle-option-ui>\n        <toggle-option-ui value=\"grid\" text=\"Grid\"></toggle-option-ui>\n        <toggle-option-ui value=\"board\" text=\"Board\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-align.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"align\" data-chunk=\"toolbar-align\">\n  <h2 variant=\"section\">align</h2>\n  <p data-note>Controls horizontal alignment of items within the toolbar.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"start\">\n      <toolbar-ui align=\"start\" style=\"width:100%;\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"center\">\n      <toolbar-ui align=\"center\" style=\"width:100%;\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"end\">\n      <toolbar-ui align=\"end\" style=\"width:100%;\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"space-between\">\n      <toolbar-ui align=\"space-between\" style=\"width:100%;\">\n        <button-ui icon=\"arrow-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui text=\"Title\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"arrow-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-basic.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"basic\" data-chunk=\"toolbar-basic\">\n  <h2 variant=\"section\">basic</h2>\n  <p data-note>Icon buttons arranged in a horizontal toolbar.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"basic icon buttons\">\n      <toolbar-ui bordered>\n        <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"text-strikethrough\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-bordered.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"bordered\" data-chunk=\"toolbar-bordered\">\n  <h2 variant=\"section\">bordered</h2>\n  <p data-note>Add the bordered attribute for a visible frame around the toolbar.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default (no border)\">\n      <toolbar-ui>\n        <button-ui icon=\"arrow-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"arrow-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <divider-ui vertical></divider-ui>\n        <button-ui icon=\"arrow-clockwise\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bordered\">\n      <toolbar-ui bordered>\n        <button-ui icon=\"arrow-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"arrow-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <divider-ui vertical></divider-ui>\n        <button-ui icon=\"arrow-clockwise\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-combo.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-combo data-chunk=\"toolbar-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Rich editor toolbar with groups, dividers, and mixed controls. Segmented and select controls stay together as atomic groups when the bar overflows.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"editor toolbar\">\n      <toolbar-ui bordered gap=\"sm\">\n        <toolbar-group-ui>\n          <button-ui icon=\"arrow-counter-clockwise\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"arrow-clockwise\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </toolbar-group-ui>\n        <divider-ui vertical></divider-ui>\n        <toolbar-group-ui>\n          <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"code\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </toolbar-group-ui>\n        <divider-ui vertical></divider-ui>\n        <toolbar-group-ui>\n          <button-ui icon=\"link\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"image\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </toolbar-group-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"mixed controls + resizable\">\n      <div style=\"resize:horizontal;overflow:auto;min-width:6rem;max-width:100%;width:760px;border:1px dashed var(--a-border-subtle);border-radius:var(--a-radius-md);padding:0.5rem;\">\n        <toolbar-ui bordered gap=\"md\" style=\"width:100%;\">\n          <toolbar-group-ui>\n            <segmented-ui>\n              <button-ui text=\"Edit\" size=\"sm\"></button-ui>\n              <button-ui text=\"Preview\" size=\"sm\"></button-ui>\n            </segmented-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <select-ui size=\"sm\" style=\"min-width: 8rem;\">\n              <option value=\"p\">Paragraph</option>\n              <option value=\"h1\">Heading 1</option>\n              <option value=\"h2\">Heading 2</option>\n              <option value=\"h3\">Heading 3</option>\n            </select-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"link\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"image\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"code\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"quotes\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"arrow-counter-clockwise\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"arrow-clockwise\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n        </toolbar-ui>\n      </div>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-dividers.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"dividers\" data-chunk=\"toolbar-dividers\">\n  <h2 variant=\"section\">with dividers</h2>\n  <p data-note>Use divider-ui with vertical attribute to separate button groups visually.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"grouped with dividers\">\n      <toolbar-ui>\n        <toolbar-group-ui>\n          <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </toolbar-group-ui>\n        <divider-ui vertical></divider-ui>\n        <toolbar-group-ui>\n          <button-ui icon=\"text-align-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"text-align-center\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"text-align-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </toolbar-group-ui>\n        <divider-ui vertical></divider-ui>\n        <toolbar-group-ui>\n          <button-ui icon=\"list-bullets\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"list-numbers\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </toolbar-group-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"toolbar-edge\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"single item\">\n      <toolbar-ui>\n        <button-ui icon=\"star\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"many items (overflow)\">\n      <toolbar-ui>\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"minus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"trash\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"copy\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"download\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"upload\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"share\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"eye\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-gap.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"gap\" data-chunk=\"toolbar-gap\">\n  <h2 variant=\"section\">gap</h2>\n  <p data-note>Controls spacing between items. Defaults to \"sm\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"sm\">\n      <toolbar-ui gap=\"sm\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"minus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"md\">\n      <toolbar-ui gap=\"md\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"minus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"lg\">\n      <toolbar-ui gap=\"lg\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"minus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-overflow-none.json

@@ -26,5 +26,5 @@
       "html": "<section data-section data-property=\"overflow-none\" data-chunk=\"toolbar-overflow-none\">\n  <h2 variant=\"section\">overflow: none</h2>\n  <p data-note>Disables overflow handling — items simply wrap or clip per layout.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"overflow=none\">\n      <toolbar-ui overflow=\"none\">\n        <button-ui text=\"Bold\" icon=\"text-b\"></button-ui>\n        <button-ui text=\"Italic\" icon=\"text-italic\"></button-ui>\n        <button-ui text=\"Underline\" icon=\"text-underline\"></button-ui>\n        <button-ui text=\"Strike\" icon=\"text-strikethrough\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>"
     }
   ],
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-overflow.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"overflow\" data-chunk=\"toolbar-overflow\">\n  <h2 variant=\"section\">overflow spillover</h2>\n  <p data-note>When items don't fit, they move into a spillover popover. Groups stay atomic — they move as a unit. Drag the bottom-right corner of the resizable frame to see items collapse into the <kbd-ui>⋯</kbd-ui> menu.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"resize me → spillover menu\">\n      <div style=\"resize:horizontal;overflow:auto;min-width:6rem;max-width:100%;width:520px;border:1px dashed var(--a-border-subtle);border-radius:var(--a-radius-md);padding:0.5rem;\">\n        <toolbar-ui bordered style=\"width:100%;\">\n          <toolbar-group-ui>\n            <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-strikethrough\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"text-align-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-align-center\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-align-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-align-justify\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"list-bullets\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"list-numbers\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"link\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"image\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"code\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n        </toolbar-ui>\n      </div>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tooltip-combinations.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"combinations\" data-chunk=\"tooltip-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Tooltips on various trigger elements and contexts.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"toolbar tooltips\">\n      <div style=\"display:flex; gap:var(--a-space-2);\">\n        <tooltip-ui text=\"Bold\" placement=\"bottom\">\n          <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Italic\" placement=\"bottom\">\n          <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Underline\" placement=\"bottom\">\n          <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n      </div>\n      </div>\n    <div data-artifact-item data-artifact-label=\"navigation icons\">\n      <div style=\"display:flex; gap:var(--a-space-2);\">\n        <tooltip-ui text=\"Home\" placement=\"bottom\">\n          <button-ui icon=\"house\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Search\" placement=\"bottom\">\n          <button-ui icon=\"magnifying-glass\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Notifications\" placement=\"bottom\">\n          <button-ui icon=\"bell\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Profile\" placement=\"bottom\">\n          <button-ui icon=\"user\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n      </div>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tooltip-delay.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"delay\" data-chunk=\"tooltip-delay\">\n  <h2 variant=\"section\">delay</h2>\n  <p data-note>Milliseconds before the tooltip appears. Defaults to 400ms.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"0ms\">\n      <tooltip-ui text=\"Instant tooltip\" delay=\"0\">\n        <button-ui text=\"No Delay\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"400ms (default)\">\n      <tooltip-ui text=\"Default delay tooltip\">\n        <button-ui text=\"Default\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"1000ms\">\n      <tooltip-ui text=\"Slow tooltip\" delay=\"1000\">\n        <button-ui text=\"Slow\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tooltip-edge-cases.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"edge-cases\" data-chunk=\"tooltip-edge-cases\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"empty text (no popup)\">\n      <tooltip-ui text=\"\">\n        <button-ui text=\"Empty Tooltip\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"non-button trigger\">\n      <tooltip-ui text=\"Tooltip on plain text\">\n        <span style=\"text-decoration:underline; cursor:help;\">Hover this text</span>\n      </tooltip-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tooltip-placement.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"placement\" data-chunk=\"tooltip-placement\">\n  <h2 variant=\"section\">placement</h2>\n  <p data-note>Controls which side the tooltip appears on. Defaults to \"top\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"top\">\n      <tooltip-ui text=\"Appears on top\" placement=\"top\">\n        <button-ui text=\"Top\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bottom\">\n      <tooltip-ui text=\"Appears on bottom\" placement=\"bottom\">\n        <button-ui text=\"Bottom\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"left\">\n      <tooltip-ui text=\"Appears on left\" placement=\"left\">\n        <button-ui text=\"Left\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"right\">\n      <tooltip-ui text=\"Appears on right\" placement=\"right\">\n        <button-ui text=\"Right\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tooltip-text.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"text\" data-chunk=\"tooltip-text\">\n  <h2 variant=\"section\">text</h2>\n  <p data-note>The tooltip content displayed on hover or focus. Hover the buttons below to see tooltips.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"short text\">\n      <tooltip-ui text=\"Save your changes\">\n        <button-ui text=\"Save\" variant=\"primary\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long text\">\n      <tooltip-ui text=\"This action cannot be undone. All data will be permanently removed from our servers.\">\n        <button-ui text=\"Delete\" color=\"danger\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"icon button\">\n      <tooltip-ui text=\"Settings\">\n        <button-ui icon=\"gear\" variant=\"ghost\"></button-ui>\n      </tooltip-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tree-basic.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"basic\" data-chunk=\"tree-basic\">\n  <h2 variant=\"section\">nested items</h2>\n  <p data-note>Tree items can be nested to any depth. Click an item to select it and toggle its children.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"file tree\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"src\" icon=\"folder\">\n          <tree-item-ui text=\"components\" icon=\"folder\">\n            <tree-item-ui text=\"button.js\" icon=\"file\"></tree-item-ui>\n            <tree-item-ui text=\"input.js\" icon=\"file\"></tree-item-ui>\n            <tree-item-ui text=\"modal.js\" icon=\"file\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"styles\" icon=\"folder\">\n            <tree-item-ui text=\"tokens.css\" icon=\"file\"></tree-item-ui>\n            <tree-item-ui text=\"styles.css\" icon=\"file\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"index.js\" icon=\"file\"></tree-item-ui>\n        </tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tree-combo.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-combo data-chunk=\"tree-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Deep nesting with icons representing a project structure.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"project structure\" style=\"width:320px;\">\n      <tree-ui>\n        <tree-item-ui text=\"adia-ui\" icon=\"folder\" open>\n          <tree-item-ui text=\"components\" icon=\"folder\" open>\n            <tree-item-ui text=\"button\" icon=\"folder\">\n              <tree-item-ui text=\"button.js\" icon=\"file\"></tree-item-ui>\n              <tree-item-ui text=\"button.css\" icon=\"file\"></tree-item-ui>\n            </tree-item-ui>\n            <tree-item-ui text=\"input\" icon=\"folder\">\n              <tree-item-ui text=\"input.js\" icon=\"file\"></tree-item-ui>\n              <tree-item-ui text=\"input.css\" icon=\"file\"></tree-item-ui>\n            </tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"styles\" icon=\"folder\">\n            <tree-item-ui text=\"tokens.css\" icon=\"file\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"package.json\" icon=\"file\"></tree-item-ui>\n          <tree-item-ui text=\"README.md\" icon=\"file\"></tree-item-ui>\n        </tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tree-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"tree-edge\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"single item\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"Only item\" icon=\"file\"></tree-item-ui>\n      </tree-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"deep nesting (5 levels)\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"Level 1\" icon=\"folder\">\n          <tree-item-ui text=\"Level 2\" icon=\"folder\">\n            <tree-item-ui text=\"Level 3\" icon=\"folder\">\n              <tree-item-ui text=\"Level 4\" icon=\"folder\">\n                <tree-item-ui text=\"Level 5\" icon=\"file\"></tree-item-ui>\n              </tree-item-ui>\n            </tree-item-ui>\n          </tree-item-ui>\n        </tree-item-ui>\n      </tree-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long text\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"This is a tree item with a very long label that tests overflow\" icon=\"file\"></tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tree-expand-collapse.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"expand-collapse\" data-chunk=\"tree-expand-collapse\">\n  <h2 variant=\"section\">expand / collapse</h2>\n  <p data-note>Items with children can be expanded or collapsed. Use the open attribute to pre-expand.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"pre-expanded\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"Page\" icon=\"browser\" open>\n          <tree-item-ui text=\"Header\" icon=\"layout\">\n            <tree-item-ui text=\"Logo\" icon=\"image\"></tree-item-ui>\n            <tree-item-ui text=\"Navigation\" icon=\"list\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"Hero Section\" icon=\"image\" open>\n            <tree-item-ui text=\"Title\" icon=\"text-aa\"></tree-item-ui>\n            <tree-item-ui text=\"Subtitle\" icon=\"text-aa\"></tree-item-ui>\n            <tree-item-ui text=\"CTA Button\" icon=\"cursor-click\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"Footer\" icon=\"layout\">\n            <tree-item-ui text=\"Links\" icon=\"link\"></tree-item-ui>\n            <tree-item-ui text=\"Copyright\" icon=\"text-aa\"></tree-item-ui>\n          </tree-item-ui>\n        </tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tree-selection.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"selection\" data-chunk=\"tree-selection\">\n  <h2 variant=\"section\">selection</h2>\n  <p data-note>Clicking an item selects it. Only one item is selected at a time.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"click to select\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"Dashboard\" icon=\"chart-bar\"></tree-item-ui>\n        <tree-item-ui text=\"Settings\" icon=\"gear\">\n          <tree-item-ui text=\"General\" icon=\"sliders\"></tree-item-ui>\n          <tree-item-ui text=\"Security\" icon=\"lock\"></tree-item-ui>\n          <tree-item-ui text=\"Notifications\" icon=\"bell\"></tree-item-ui>\n        </tree-item-ui>\n        <tree-item-ui text=\"Profile\" icon=\"user\"></tree-item-ui>\n        <tree-item-ui text=\"Help\" icon=\"question\"></tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tree-table-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "tree-table-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/data-tables-inline-edit-and-tree",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "tree-table-basic"
+  },
+  "html": "<section data-section data-property=\"tree-table-basic\" data-chunk=\"tree-table-basic\">\n  <h2 variant=\"section\">Tree table — hierarchical rows</h2>\n  <p data-note>Use <code>&lt;tree-ui&gt;</code> for the recursion. Each <code>&lt;tree-item-ui&gt;</code> renders the chevron + indent automatically; nested items go inside the parent's default slot. Common in budgets, org charts, file browsers.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"tree table\">\n      <card-ui style=\"max-width: 640px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Q4 budget — by department</span>\n          <text-ui slot=\"description\" color=\"subtle\">Total: $1.24M · 4 departments · 12 categories</text-ui>\n        </header>\n        <section bleed>\n          <tree-ui style=\"padding: var(--a-space-2);\">\n            <tree-item-ui text=\"Engineering — $620k\" icon=\"cpu\">\n              <tree-item-ui text=\"Salaries — $480k\"></tree-item-ui>\n              <tree-item-ui text=\"Tooling — $80k\"></tree-item-ui>\n              <tree-item-ui text=\"Travel — $60k\"></tree-item-ui>\n            </tree-item-ui>\n            <tree-item-ui text=\"Design — $180k\" icon=\"palette\">\n              <tree-item-ui text=\"Salaries — $140k\"></tree-item-ui>\n              <tree-item-ui text=\"Software — $20k\"></tree-item-ui>\n              <tree-item-ui text=\"Conferences — $20k\"></tree-item-ui>\n            </tree-item-ui>\n            <tree-item-ui text=\"Sales &amp; marketing — $320k\" icon=\"megaphone-simple\">\n              <tree-item-ui text=\"Salaries — $200k\"></tree-item-ui>\n              <tree-item-ui text=\"Ad spend — $80k\"></tree-item-ui>\n              <tree-item-ui text=\"Events — $40k\"></tree-item-ui>\n            </tree-item-ui>\n            <tree-item-ui text=\"Operations — $120k\" icon=\"gear\"></tree-item-ui>\n          </tree-ui>\n        </section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/data-tables-inline-edit-and-tree/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/upload-accept.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"accept\" data-chunk=\"upload-accept\">\n  <h2 variant=\"section\">accept</h2>\n  <p data-note>Restricts accepted file types using MIME types or extensions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"images only\">\n      <upload-ui accept=\"image/*\"></upload-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"documents\">\n      <upload-ui accept=\".pdf,.doc,.docx\"></upload-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/upload-default.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"default\" data-chunk=\"upload-default\">\n  <h2 variant=\"section\">Default</h2>\n  <p data-note>Basic file upload with drag-and-drop zone.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default\">\n      <upload-ui></upload-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/upload-disabled.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"disabled\" data-chunk=\"upload-disabled\">\n  <h2 variant=\"section\">disabled</h2>\n  <p data-note>Prevents interaction.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"disabled\">\n      <upload-ui disabled></upload-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/upload-hint.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"hint\" data-chunk=\"upload-hint\">\n  <h2 variant=\"section\">hint</h2>\n  <p data-note>Helper text shown below the dropzone.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"format hint\">\n      <field-ui label=\"Avatar\">\n        <upload-ui hint=\"PNG or JPG, up to 2MB\"></upload-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"size + type hint\">\n      <field-ui label=\"Dataset\">\n        <upload-ui hint=\"CSV files only. Max 50MB per file.\" accept=\".csv\" multiple></upload-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/upload-label-hint.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"label-hint\" data-chunk=\"upload-label-hint\">\n  <h2 variant=\"section\">Label + Hint</h2>\n  <p data-note>Field label and helper text for form context.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"label + hint\">\n      <field-ui label=\"Profile Photo\">\n        <upload-ui hint=\"Max 5MB. JPG or PNG recommended.\" accept=\"image/*\"></upload-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/upload-label.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"label\" data-chunk=\"upload-label\">\n  <h2 variant=\"section\">label</h2>\n  <p data-note>Field label rendered above the dropzone.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"no label\">\n      <upload-ui></upload-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='label=\"Upload File\"'>\n      <field-ui label=\"Upload File\">\n        <upload-ui></upload-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"label + accept\">\n      <field-ui label=\"Cover Image\">\n        <upload-ui accept=\"image/*\"></upload-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }