@agentero/design-system 0.24.2 → 0.24.3

package/mcp/manifests/components.html

@@ -576,13 +576,13 @@
 <header>
   <div class="wrap">
     <h1>Manifest Debugger</h1>
-    <div class="summary"><a class="filter-pill all" data-k="all" href="#filter-all">All</a><a class="filter-pill err" data-k="errors" href="#filter-errors">1/25 prop type error</a><a class="filter-pill info" data-k="infos" href="#filter-infos">1/25 info</a><span class="filter-pill ok" aria-disabled="true">191 stories ok</span></div>
+    <div class="summary"><a class="filter-pill all" data-k="all" href="#filter-all">All</a><a class="filter-pill err" data-k="errors" href="#filter-errors">1/25 prop type error</a><a class="filter-pill info" data-k="infos" href="#filter-infos">1/25 info</a><span class="filter-pill ok" aria-disabled="true">192 stories ok</span></div>
   </div>
 </header>
 <main>
   <div class="wrap">
     <div class="note ok" style="margin-bottom: 16px;">
-              Using <code>react-docgen-typescript</code>. Generation took <strong>3.4s</strong>.
+              Using <code>react-docgen-typescript</code>. Generation took <strong>3.7s</strong>.
             </div>
     <h2 class="section-title">Components</h2>
     <div class="grid" role="list">
@@ -3810,7 +3810,7 @@ size?: &quot;sm&quot; | &quot;md&quot; | &quot;lg&quot;</code></pre>
       <div class="badges">
         
         
-        <label for="c-13-components-modal-stories" class="badge ok as-toggle">5 stories</label>
+        <label for="c-13-components-modal-stories" class="badge ok as-toggle">6 stories</label>
         
       </div>
     </div>
@@ -3869,6 +3869,31 @@ size?: &quot;sm&quot; | &quot;md&quot; | &quot;lg&quot;</code></pre>
             &lt;/Modal.Footer&gt;
         &lt;/Modal.Content&gt;
     &lt;/Modal.Root&gt;
+);</code></pre>
+            </div>
+            <div class="note ok">
+              <div class="row">
+                <span class="ex-name">With Description</span>
+                <span class="badge ok">story ok</span>
+              </div>
+              
+              <div class="hint">`Modal.Description` sits 0.5rem below `Modal.Title` and doubles as the accessible description.</div>
+              <pre><code>const WithDescription = () =&gt; (
+    &lt;Modal.Root&gt;
+        &lt;Modal.Trigger asChild&gt;
+            &lt;Button variant=&quot;secondary&quot;&gt;Delete carrier&lt;/Button&gt;
+        &lt;/Modal.Trigger&gt;
+        &lt;Modal.Content&gt;
+            &lt;Modal.Title&gt;Delete carrier&lt;/Modal.Title&gt;
+            &lt;Modal.Description&gt;This action cannot be undone.&lt;/Modal.Description&gt;
+            &lt;Modal.Footer&gt;
+                &lt;Modal.Close asChild&gt;
+                    &lt;Button variant=&quot;ghost&quot;&gt;Cancel&lt;/Button&gt;
+                &lt;/Modal.Close&gt;
+                &lt;Button variant=&quot;primary&quot;&gt;Delete&lt;/Button&gt;
+            &lt;/Modal.Footer&gt;
+        &lt;/Modal.Content&gt;
+    &lt;/Modal.Root&gt;
 );</code></pre>
             </div>
             <div class="note ok">