@agentero/design-system 0.24.0 → 0.24.1

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><span class="filter-pill ok" aria-disabled="true">25 components ok</span><span class="filter-pill ok" aria-disabled="true">190 stories ok</span></div>
+    <div class="summary"><a class="filter-pill all" data-k="all" href="#filter-all">All</a><span class="filter-pill ok" aria-disabled="true">25 components ok</span><span class="filter-pill ok" aria-disabled="true">191 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.6s</strong>.
+              Using <code>react-docgen-typescript</code>. Generation took <strong>2.7s</strong>.
             </div>
     <h2 class="section-title">Components</h2>
     <div class="grid" role="list">
@@ -4906,7 +4906,7 @@ import { Fragment } from "react";</code></pre>
       <div class="badges">
         
         
-        <label for="c-20-components-tabs-stories" class="badge ok as-toggle">7 stories</label>
+        <label for="c-20-components-tabs-stories" class="badge ok as-toggle">8 stories</label>
         
       </div>
     </div>
@@ -5056,6 +5056,23 @@ import { Fragment } from "react";</code></pre>
     &lt;TabPanels /&gt;
 &lt;/Tabs.Root&gt;;</code></pre>
             </div>
+            <div class="note ok">
+              <div class="row">
+                <span class="ex-name">Single Title</span>
+                <span class="badge ok">story ok</span>
+              </div>
+              
+              <div class="hint">A standalone `Label` gives a panel with a single, non-interactive title the inactive trigger&#39;s exact look: outside a `Root` it never gets the active data-state, and `pointer-events-none` keeps hover styles off. It is a plain `span`, so wrap it in a heading element for heading semantics. No tab or tablist role is announced.</div>
+              <pre><code>const SingleTitle = () =&gt; (
+    &lt;div className=&quot;flex flex-col items-start gap-6&quot;&gt;
+        {([&#39;line&#39;, &#39;enclosed&#39;, &#39;button&#39;] as const).map(variant =&gt; (
+            &lt;h2 key={variant}&gt;
+                &lt;Tabs.Label variant={variant}&gt;Shared coverages ({variant})&lt;/Tabs.Label&gt;
+            &lt;/h2&gt;
+        ))}
+    &lt;/div&gt;
+);</code></pre>
+            </div>
         </div>
     
   </div>