@supersoniks/concorde 5.1.2 → 5.1.3-immutable.1

package/docs/{core → crawl/core}/components/functional/subscriber/subscriber.html

@@ -1,22 +1,21 @@
 <!DOCTYPE html>
-<html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/functional/subscriber" data-doc-id="core/components/functional/subscriber/subscriber">
+<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.html" data-doc-id="core/components/functional/subscriber/subscriber">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Subscriber — Concorde by Supersoniks</title>
+  <title>Subscriber — Concorde</title>
   <meta name="description" content="La mixin Subscriber permet lier un composant à un publisher.">
   <meta name="keywords" content="Concorde, supersoniks, core/components/functional/subscriber/subscriber, subscriber, Subscriber, functional component, sonic-subscriber, web component">
   <meta name="concorde-doc-id" content="core/components/functional/subscriber/subscriber">
-  <link rel="canonical" href="https://concorde.supersoniks.org/core/components/functional/subscriber">
-  <link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/functional/subscriber.md">
+  <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.html">
 </head>
 <body>
   <header>
-    <p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/functional/subscriber">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
+    <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/functional/subscriber/subscriber.md/subscriber" rel="nofollow">interactive version</a></p>
   </header>
   <main>
     <article>
-      <p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Subscriber</strong>. La mixin Subscriber permet lier un composant à un publisher. <span>Doc ID: <code>core/components/functional/subscriber/subscriber</code>. Keywords: Concorde, supersoniks, core/components/functional/subscriber/subscriber, subscriber, Subscriber, functional component, sonic-subscriber, web component. URL: <a href="https://concorde.supersoniks.org/core/components/functional/subscriber">https://concorde.supersoniks.org/core/components/functional/subscriber</a>.</span></p>
+      <p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Subscriber</strong>. La mixin Subscriber permet lier un composant à un publisher. <span>Doc ID: <code>core/components/functional/subscriber/subscriber</code>. Keywords: Concorde, supersoniks, core/components/functional/subscriber/subscriber, subscriber, Subscriber, functional component, sonic-subscriber, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.html">https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.html</a>.</span></p>
       <h1 id="subscriber">Subscriber</h1>
 <p>La mixin Subscriber permet lier un composant à un publisher.
 La liaison à un publisher se fait via l&#39;attribut <em>dataProvider</em> du composant qui représente ce que l&#39;on obtient en appellant PublisherManager.get(dataProvider).</p>

package/docs/crawl/core/components/functional/value/value.html

@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/functional/value/value.html" data-doc-id="core/components/functional/value/value">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Value — Concorde</title>
+  <meta name="description" content="Simply shows a value from a data provider.">
+  <meta name="keywords" content="Concorde, supersoniks, core/components/functional/value/value, value, Value, functional component, sonic-value, web component">
+  <meta name="concorde-doc-id" content="core/components/functional/value/value">
+  <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/functional/value/value.html">
+</head>
+<body>
+  <header>
+    <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/functional/value/value.md/value" rel="nofollow">interactive version</a></p>
+  </header>
+  <main>
+    <article>
+      <p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Value</strong>. Simply shows a value from a data provider. <span>Doc ID: <code>core/components/functional/value/value</code>. Keywords: Concorde, supersoniks, core/components/functional/value/value, value, Value, functional component, sonic-value, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/functional/value/value.html">https://concorde.supersoniks.org/crawl/core/components/functional/value/value.html</a>.</span></p>
+      <h1 id="value">Value</h1>
+<p>Simply shows a value from a data provider.
+You can target sub data value using dot syntax.
+The value reacts to changes.</p>
+<ul>
+<li>Below is a form that helps you to set a value for the field &quot;preference&quot; in the data target with id &quot;value-example&quot;</li>
+</ul>
+<pre><code>&lt;div formDataProvider=&quot;value-example&quot;&gt;
+      which one do you prefer  ?
+      &lt;sonic-radio name=&quot;preference&quot; checked value=&quot;dogs&quot;&gt; Dogs&lt;/sonic-radio&gt;
+      &lt;sonic-radio name=&quot;preference&quot; value=&quot;cats&quot;&gt; Cats&lt;/sonic-radio&gt;
+    &lt;/div&gt;
+</code></pre>
+<ul>
+<li>Then you can see live value of the preference using this code :</li>
+</ul>
+<pre><code>I prefer &lt;sonic-value dataProvider=&quot;value-example&quot; key=&quot;preference&quot;&gt;&lt;/sonic-value&gt;
+</code></pre>
+<ul>
+<li>If you have more complex data like this</li>
+</ul>
+<pre><code>&lt;sonic-subscriber dataProvider=&quot;value-example-2&quot; props=&#39;{&quot;my&quot;:{&quot;complex&quot;:[{&quot;data&quot;:&quot;👋 Hi There&quot;}]}}&#39;&gt;&lt;/sonic-subscriber&gt;
+</code></pre>
+<ul>
+<li>You can target it with the dot syntax</li>
+</ul>
+<pre><code>&lt;sonic-value dataProvider=&quot;value-example-2&quot; key=&quot;my.complex.0.data&quot;&gt;&lt;/sonic-value&gt;
+</code></pre>
+
+    </article>
+  </main>
+</body>
+</html>

package/docs/{core → crawl/core}/components/ui/alert/alert.html

@@ -1,85 +1,83 @@
 <!DOCTYPE html>
-<html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/ui/alert" data-doc-id="core/components/ui/alert/alert">
+<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/alert/alert.html" data-doc-id="core/components/ui/alert/alert">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Alert — Concorde by Supersoniks</title>
+  <title>Alert — Concorde</title>
   <meta name="description" content="Alerts surface important feedback inline—errors, confirmations, or contextual help. Use label / text for simple copy, or the default slot for rich content (links, buttons). Set announce when the messa">
   <meta name="keywords" content="Concorde, supersoniks, core/components/ui/alert/alert, alert, Alert, UI component, sonic-alert, web component, label, text, announce, status, default, role, aria-live">
   <meta name="concorde-doc-id" content="core/components/ui/alert/alert">
-  <link rel="canonical" href="https://concorde.supersoniks.org/core/components/ui/alert">
-  <link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/ui/alert.md">
+  <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/alert/alert.html">
 </head>
 <body>
   <header>
-    <p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/ui/alert">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
+    <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/alert/alert.md/alert" rel="nofollow">interactive version</a></p>
   </header>
   <main>
     <article>
-      <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Alert</strong>. Alerts surface important feedback inline—errors, confirmations, or contextual help. Use label / text for simple copy, or the default slot for rich content (links, buttons). Set announce when the messa <span>Doc ID: <code>core/components/ui/alert/alert</code>. Keywords: Concorde, supersoniks, core/components/ui/alert/alert, alert, Alert, UI component, sonic-alert, web component, label, text, announce, status, default, role, aria-live. URL: <a href="https://concorde.supersoniks.org/core/components/ui/alert">https://concorde.supersoniks.org/core/components/ui/alert</a>.</span></p>
+      <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Alert</strong>. Alerts surface important feedback inline—errors, confirmations, or contextual help. Use label / text for simple copy, or the default slot for rich content (links, buttons). Set announce when the messa <span>Doc ID: <code>core/components/ui/alert/alert</code>. Keywords: Concorde, supersoniks, core/components/ui/alert/alert, alert, Alert, UI component, sonic-alert, web component, label, text, announce, status, default, role, aria-live. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/alert/alert.html">https://concorde.supersoniks.org/crawl/core/components/ui/alert/alert.html</a>.</span></p>
       <h1 id="alert">Alert</h1>
 <p>Alerts <strong>surface important feedback</strong> inline—errors, confirmations, or contextual help. Use <strong><code>label</code></strong> / <strong><code>text</code></strong> for simple copy, or the <strong>default slot</strong> for rich content (links, buttons). Set <strong><code>announce</code></strong> when the message appears after an action so screen readers pick it up.</p>
 <h2 id="basic-example">Basic example</h2>
-<pre><code>&lt;sonic-alert status=&quot;error&quot; label=&quot;Gate change&quot; text=&quot;CN 001 now departs from gate B12&quot; background&gt;&lt;/sonic-alert&gt;
+<pre><code>&lt;sonic-alert status=&quot;error&quot; label=&quot;Email error&quot; text=&quot;This address is already in use&quot; background&gt;&lt;/sonic-alert&gt;
 </code></pre>
 <h2 id="status">Status</h2>
 <p>Color and icon follow <code>status</code>. With no <code>status</code>, behavior is <code>default</code>.</p>
 <pre><code>&lt;div class=&quot;grid gap-4&quot;&gt;
-      &lt;sonic-alert label=&quot;Default&quot;&gt;CN 001 · CDG → JFK.&lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;success&quot; label=&quot;Success&quot;&gt;CN 001 has landed at JFK.&lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;error&quot; label=&quot;Error&quot;&gt;CN 001 is cancelled.&lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;warning&quot; label=&quot;Warning&quot;&gt;Turbulence expected over the Atlantic.&lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;info&quot; label=&quot;Info&quot;&gt;Boarding starts in 20 minutes.&lt;/sonic-alert&gt;
+      &lt;sonic-alert label=&quot;Default&quot;&gt;This address is already in use.&lt;/sonic-alert&gt;
+      &lt;sonic-alert status=&quot;success&quot; label=&quot;Success&quot;&gt;This address is already in use.&lt;/sonic-alert&gt;
+      &lt;sonic-alert status=&quot;error&quot; label=&quot;Error&quot;&gt;This address is already in use.&lt;/sonic-alert&gt;
+      &lt;sonic-alert status=&quot;warning&quot; label=&quot;Warning&quot;&gt;This address is already in use.&lt;/sonic-alert&gt;
+      &lt;sonic-alert status=&quot;info&quot; label=&quot;Info&quot;&gt;This address is already in use.&lt;/sonic-alert&gt;
     &lt;/div&gt;
 </code></pre>
 <h2 id="accessibility-announce">Accessibility (<code>announce</code>)</h2>
 <p>By default, an alert already in the DOM is <strong>not</strong> announced (no <code>role</code> / <code>aria-live</code>). Set <strong><code>announce</code></strong> when the message appears <strong>after</strong> user action (API response, validation, etc.): screen readers get <code>role=&quot;alert&quot;</code> for <code>error</code>, otherwise <code>role=&quot;status&quot;</code> and <code>aria-live=&quot;polite&quot;</code>.</p>
 <p><code>sonic-alert-messages</code> sets <code>announce</code> on every rendered alert.</p>
-<pre><code>&lt;sonic-alert announce status=&quot;success&quot; label=&quot;Checked in&quot; text=&quot;Your boarding pass is ready.&quot;&gt;&lt;/sonic-alert&gt;
+<pre><code>&lt;sonic-alert announce status=&quot;success&quot; label=&quot;Saved&quot; text=&quot;Your changes were saved.&quot;&gt;&lt;/sonic-alert&gt;
 </code></pre>
 <h2 id="content-and-icon">Content and icon</h2>
 <p><code>label</code> and <code>text</code> accept plain text only. The default slot is rendered after <code>text</code>. Use the <strong><code>icon</code></strong> slot to replace the default <code>sonic-icon</code>. <strong><code>noIcon</code></strong> hides the icon.</p>
-<pre><code>&lt;sonic-alert status=&quot;info&quot; noIcon label=&quot;No icon&quot; text=&quot;Cruising altitude reached.&quot;&gt;&lt;/sonic-alert&gt;
+<pre><code>&lt;sonic-alert status=&quot;info&quot; noIcon label=&quot;No icon&quot; text=&quot;Informational message.&quot;&gt;&lt;/sonic-alert&gt;
 </code></pre>
 <h2 id="custom-icon-slot">Custom icon slot</h2>
-<p>Project any markup into <strong><code>slot=&quot;icon&quot;</code></strong> (icon, image, custom component). Keep it decorative with <code>aria-hidden=&quot;true&quot;</code> when the message text already conveys meaning.</p>
-<pre><code>&lt;sonic-alert status=&quot;success&quot; label=&quot;Upgrade confirmed&quot; background&gt;
-      &lt;sonic-icon slot=&quot;icon&quot; library=&quot;iconoir&quot; name=&quot;trophy&quot; aria-hidden=&quot;true&quot;&gt;&lt;/sonic-icon&gt;
-      You are now seated in first class.
+<p>Project any markup into <strong><code>slot=&quot;icon&quot;</code></strong> (emoji, image, custom component). Keep it decorative with <code>aria-hidden=&quot;true&quot;</code> when the message text already conveys meaning.</p>
+<pre><code>&lt;sonic-alert status=&quot;success&quot; label=&quot;Achievement unlocked&quot; background&gt;
+      &lt;span slot=&quot;icon&quot; aria-hidden=&quot;true&quot; class=&quot;text-lg leading-none&quot;&gt;🎉&lt;/span&gt;
+      You unlocked a new badge.
     &lt;/sonic-alert&gt;
 </code></pre>
-<h2 id="size">Size</h2>
-<p>Default size is <code>md</code> (omit the <code>size</code> attribute). <code>inherit</code> follows the parent font size.</p>
+<h2 id="sizes">Sizes</h2>
 <pre><code>&lt;div class=&quot;grid gap-4&quot;&gt;
-      &lt;sonic-alert status=&quot;error&quot; label=&quot;Delayed&quot; size=&quot;2xs&quot;&gt;
-        CN 001 departure moved to 18:40.
+      &lt;sonic-alert status=&quot;error&quot; label=&quot;Email error&quot; size=&quot;2xs&quot;&gt;
+        This address is already in use. Lorem ipsum dolor sit amet.
       &lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;error&quot; label=&quot;Delayed&quot; size=&quot;xs&quot;&gt;
-        CN 001 departure moved to 18:40.
+      &lt;sonic-alert status=&quot;error&quot; label=&quot;Email error&quot; size=&quot;xs&quot;&gt;
+        This address is already in use. Lorem ipsum dolor sit amet.
       &lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;error&quot; label=&quot;Delayed&quot; size=&quot;sm&quot;&gt;
-        CN 001 departure moved to 18:40.
+      &lt;sonic-alert status=&quot;error&quot; label=&quot;Email error&quot; size=&quot;sm&quot;&gt;
+        This address is already in use. Lorem ipsum dolor sit amet.
       &lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;error&quot; label=&quot;Delayed&quot;&gt;
-        CN 001 departure moved to 18:40.
+      &lt;sonic-alert status=&quot;error&quot; label=&quot;Email error&quot;&gt;
+        This address is already in use. Lorem ipsum dolor sit amet.
       &lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;error&quot; label=&quot;Delayed&quot; size=&quot;lg&quot;&gt;
-        CN 001 departure moved to 18:40.
+      &lt;sonic-alert status=&quot;error&quot; label=&quot;Email error&quot; size=&quot;lg&quot;&gt;
+        This address is already in use. Lorem ipsum dolor sit amet.
       &lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;error&quot; label=&quot;Delayed&quot; size=&quot;xl&quot;&gt;
-        CN 001 departure moved to 18:40.
+      &lt;sonic-alert status=&quot;error&quot; label=&quot;Email error&quot; size=&quot;xl&quot;&gt;
+        This address is already in use. Lorem ipsum dolor sit amet.
       &lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;error&quot; label=&quot;Delayed&quot; size=&quot;2xl&quot;&gt;
-        CN 001 departure moved to 18:40.
+      &lt;sonic-alert status=&quot;error&quot; label=&quot;Email error&quot; size=&quot;2xl&quot;&gt;
+        This address is already in use. Lorem ipsum dolor sit amet.
       &lt;/sonic-alert&gt;
     &lt;/div&gt;
 </code></pre>
 <h2 id="alert-with-link">Alert with link</h2>
 <p>Rich content in the slot (buttons, links).</p>
-<pre><code>&lt;sonic-alert status=&quot;info&quot; label=&quot;Gate change&quot;&gt;
-      CN 001 now departs from gate B12&lt;br /&gt;
+<pre><code>&lt;sonic-alert status=&quot;info&quot; label=&quot;New messages !&quot;&gt;
+      You have 2 unread messages&lt;br /&gt;
       &lt;div class=&quot;flex gap-2 mt-1&quot;&gt;
-        &lt;sonic-button variant=&quot;outline&quot; type=&quot;info&quot; size=&quot;xs&quot;&gt;View flight&lt;/sonic-button&gt;
+        &lt;sonic-button variant=&quot;outline&quot; type=&quot;info&quot; size=&quot;xs&quot;&gt;See messages&lt;/sonic-button&gt;
         &lt;sonic-button variant=&quot;ghost&quot; type=&quot;info&quot; size=&quot;xs&quot;&gt;Dismiss&lt;/sonic-button&gt;
       &lt;/div&gt;
     &lt;/sonic-alert&gt;
@@ -87,27 +85,39 @@
 <h2 id="background">Background</h2>
 <p>Tinted background from the <code>status</code> color (<code>color-mix</code> on <code>currentColor</code>).</p>
 <pre><code>&lt;div class=&quot;grid gap-4&quot;&gt;
-      &lt;sonic-alert background label=&quot;Flight update&quot;&gt;Boarding is now open at gate B12.&lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;success&quot; background label=&quot;Flight update&quot;&gt;
-        Boarding is now open at gate B12.
+      &lt;sonic-alert background label=&quot;Lorem ipsum dolor&quot;&gt;This address is already in use.&lt;/sonic-alert&gt;
+      &lt;sonic-alert status=&quot;success&quot; background label=&quot;Lorem ipsum dolor&quot;&gt;
+        This address is already in use.
       &lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;error&quot; background label=&quot;Flight update&quot;&gt;
-        Boarding is now open at gate B12.
+      &lt;sonic-alert status=&quot;error&quot; background label=&quot;Lorem ipsum dolor&quot;&gt;
+        This address is already in use.
       &lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;warning&quot; background label=&quot;Flight update&quot;&gt;
-        Boarding is now open at gate B12.
+      &lt;sonic-alert status=&quot;warning&quot; background label=&quot;Lorem ipsum dolor&quot;&gt;
+        This address is already in use.
       &lt;/sonic-alert&gt;
-      &lt;sonic-alert status=&quot;info&quot; background label=&quot;Flight update&quot;&gt;
-        Boarding is now open at gate B12.
+      &lt;sonic-alert status=&quot;info&quot; background label=&quot;Lorem ipsum dolor&quot;&gt;
+        This address is already in use.
       &lt;/sonic-alert&gt;
     &lt;/div&gt;
 </code></pre>
 <h2 id="dismissible">Dismissible</h2>
 <p><code>dismissible</code> removes the alert from the DOM when the close control is clicked (i18n aria label). <strong><code>dismissible</code></strong> and <strong><code>background</code></strong> are independent: without <code>background</code>, close sits at the end of the row; with <code>background</code>, top-right.</p>
-<pre><code>&lt;sonic-alert status=&quot;info&quot; class=&quot;mb-3&quot; dismissible label=&quot;Baggage claim moved to belt 4.&quot;&gt;
+<pre><code>&lt;sonic-alert status=&quot;info&quot; class=&quot;mb-3&quot; dismissible label=&quot;This address is already in use.&quot;&gt;
     &lt;/sonic-alert&gt;
-    &lt;sonic-alert class=&quot;mb-3&quot; dismissible background label=&quot;Flight update&quot;&gt;
-      Boarding is now open at gate B12.
+    &lt;sonic-alert class=&quot;mb-3&quot; dismissible background label=&quot;Lorem ipsum dolor&quot;&gt;
+      This address is already in use.
+    &lt;/sonic-alert&gt;
+    &lt;sonic-alert status=&quot;success&quot; class=&quot;mb-3&quot; dismissible background label=&quot;Lorem ipsum dolor&quot;&gt;
+      This address is already in use.
+    &lt;/sonic-alert&gt;
+    &lt;sonic-alert status=&quot;error&quot; class=&quot;mb-3&quot; dismissible background label=&quot;Lorem ipsum dolor&quot;&gt;
+      This address is already in use.
+    &lt;/sonic-alert&gt;
+    &lt;sonic-alert status=&quot;warning&quot; class=&quot;mb-3&quot; dismissible background label=&quot;Lorem ipsum dolor&quot;&gt;
+      This address is already in use.
+    &lt;/sonic-alert&gt;
+    &lt;sonic-alert status=&quot;info&quot; class=&quot;mb-3&quot; dismissible background label=&quot;Lorem ipsum dolor&quot;&gt;
+      This address is already in use.
     &lt;/sonic-alert&gt;
 </code></pre>
 <h2 id="dismiss-forever">Dismiss forever</h2>
@@ -117,10 +127,10 @@
       dismissible
       background
       dismissForever
-      label=&quot;Flight update&quot;
+      label=&quot;Lorem ipsum dolor&quot;
       id=&quot;addressUniqueId&quot;
     &gt;
-      Boarding is now open at gate B12.
+      This address is already in use.
     &lt;/sonic-alert&gt;
 </code></pre>
 <h2 id="api-reference">API reference</h2>
@@ -134,7 +144,7 @@
 </thead>
 <tbody><tr>
 <td><code>status</code></td>
-<td><code>default</code> (default) · <code>info</code> · <code>success</code> · <code>warning</code> · <code>error</code></td>
+<td><code>default</code> · <code>info</code> · <code>success</code> · <code>warning</code> · <code>error</code></td>
 <td>Color and default icon</td>
 </tr>
 <tr>
@@ -149,7 +159,7 @@
 </tr>
 <tr>
 <td><code>size</code></td>
-<td><code>2xs</code> … <code>2xl</code> (default <code>md</code>) · <code>inherit</code></td>
+<td><code>2xs</code> … <code>2xl</code></td>
 <td>Corner radius and typography</td>
 </tr>
 <tr>

package/docs/{core → crawl/core}/components/ui/alert-messages/alert-messages.html

@@ -1,22 +1,21 @@
 <!DOCTYPE html>
-<html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/ui/alert-messages" data-doc-id="core/components/ui/alert-messages/alert-messages">
+<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/alert-messages/alert-messages.html" data-doc-id="core/components/ui/alert-messages/alert-messages">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Alert messages — Concorde by Supersoniks</title>
+  <title>Alert messages — Concorde</title>
   <meta name="description" content="sonic-alert-messages renders a vertical stack of sonic-alert items from a messages array on a linked data provider (typical pattern: submitResultDataProvider after a form submit). Only entries with ty">
   <meta name="keywords" content="Concorde, supersoniks, core/components/ui/alert-messages/alert-messages, alert-messages, Alert messages, UI component, sonic-alert-messages, web component, sonic-alert, messages, submitResultDataProvider, type=&quot;public&quot;, announce, dataProvider, type">
   <meta name="concorde-doc-id" content="core/components/ui/alert-messages/alert-messages">
-  <link rel="canonical" href="https://concorde.supersoniks.org/core/components/ui/alert-messages">
-  <link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/ui/alert-messages.md">
+  <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/alert-messages/alert-messages.html">
 </head>
 <body>
   <header>
-    <p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/ui/alert-messages">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
+    <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/alert-messages/alert-messages.md/alert-messages" rel="nofollow">interactive version</a></p>
   </header>
   <main>
     <article>
-      <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Alert messages</strong>. sonic-alert-messages renders a vertical stack of sonic-alert items from a messages array on a linked data provider (typical pattern: submitResultDataProvider after a form submit). Only entries with ty <span>Doc ID: <code>core/components/ui/alert-messages/alert-messages</code>. Keywords: Concorde, supersoniks, core/components/ui/alert-messages/alert-messages, alert-messages, Alert messages, UI component, sonic-alert-messages, web component, sonic-alert, messages, submitResultDataProvider, type=&quot;public&quot;, announce, dataProvider, type. URL: <a href="https://concorde.supersoniks.org/core/components/ui/alert-messages">https://concorde.supersoniks.org/core/components/ui/alert-messages</a>.</span></p>
+      <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Alert messages</strong>. sonic-alert-messages renders a vertical stack of sonic-alert items from a messages array on a linked data provider (typical pattern: submitResultDataProvider after a form submit). Only entries with ty <span>Doc ID: <code>core/components/ui/alert-messages/alert-messages</code>. Keywords: Concorde, supersoniks, core/components/ui/alert-messages/alert-messages, alert-messages, Alert messages, UI component, sonic-alert-messages, web component, sonic-alert, messages, submitResultDataProvider, type=&quot;public&quot;, announce, dataProvider, type. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/alert-messages/alert-messages.html">https://concorde.supersoniks.org/crawl/core/components/ui/alert-messages/alert-messages.html</a>.</span></p>
       <h1 id="alert-messages">Alert messages</h1>
 <p><strong><code>sonic-alert-messages</code></strong> renders a vertical stack of <strong><code>sonic-alert</code></strong> items from a <strong><code>messages</code></strong> array on a linked <strong>data provider</strong> (typical pattern: <strong><code>submitResultDataProvider</code></strong> after a form submit). Only entries with <strong><code>type=&quot;public&quot;</code></strong> are shown. Each alert gets <strong><code>announce</code></strong> so screen readers pick up feedback after the request.</p>
 <h2 id="with-submit-result">With submit result</h2>

package/docs/{core → crawl/core}/components/ui/badge/badge.html

@@ -1,22 +1,21 @@
 <!DOCTYPE html>
-<html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/ui/badge" data-doc-id="core/components/ui/badge/badge">
+<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/badge/badge.html" data-doc-id="core/components/ui/badge/badge">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Badge — Concorde by Supersoniks</title>
+  <title>Badge — Concorde</title>
   <meta name="description" content="Badges are compact, non-interactive labels for status, counts, or categories. They mirror sonic-button styling (type, variant, size) without focus rings or click handling—use a button when the control">
   <meta name="keywords" content="Concorde, supersoniks, core/components/ui/badge/badge, badge, Badge, UI component, sonic-badge, web component, sonic-button, type, variant, size, default, base-100, neutral, base-content, outline">
   <meta name="concorde-doc-id" content="core/components/ui/badge/badge">
-  <link rel="canonical" href="https://concorde.supersoniks.org/core/components/ui/badge">
-  <link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/ui/badge.md">
+  <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/badge/badge.html">
 </head>
 <body>
   <header>
-    <p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/ui/badge">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
+    <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/badge/badge.md/badge" rel="nofollow">interactive version</a></p>
   </header>
   <main>
     <article>
-      <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Badge</strong>. Badges are compact, non-interactive labels for status, counts, or categories. They mirror sonic-button styling (type, variant, size) without focus rings or click handling—use a button when the control <span>Doc ID: <code>core/components/ui/badge/badge</code>. Keywords: Concorde, supersoniks, core/components/ui/badge/badge, badge, Badge, UI component, sonic-badge, web component, sonic-button, type, variant, size, default, base-100, neutral, base-content, outline. URL: <a href="https://concorde.supersoniks.org/core/components/ui/badge">https://concorde.supersoniks.org/core/components/ui/badge</a>.</span></p>
+      <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Badge</strong>. Badges are compact, non-interactive labels for status, counts, or categories. They mirror sonic-button styling (type, variant, size) without focus rings or click handling—use a button when the control <span>Doc ID: <code>core/components/ui/badge/badge</code>. Keywords: Concorde, supersoniks, core/components/ui/badge/badge, badge, Badge, UI component, sonic-badge, web component, sonic-button, type, variant, size, default, base-100, neutral, base-content, outline. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/badge/badge.html">https://concorde.supersoniks.org/crawl/core/components/ui/badge/badge.html</a>.</span></p>
       <h1 id="badge">Badge</h1>
 <p>Badges are <strong>compact, non-interactive</strong> labels for status, counts, or categories. They mirror <strong><code>sonic-button</code></strong> styling (<code>type</code>, <code>variant</code>, <code>size</code>) without focus rings or click handling—use a button when the control should be actionable.</p>
 <h2 id="type">Type</h2>
@@ -33,25 +32,26 @@
 </code></pre>
 <h2 id="variant">Variant</h2>
 <p>Default <strong><code>variant</code></strong> is filled. <strong><code>outline</code></strong> — border and text in the <code>type</code> color. <strong><code>ghost</code></strong> — text only, no padding (except in forced-colors mode).</p>
-<pre><code>&lt;div class=&quot;grid gap-3&quot;&gt;
-      &lt;div class=&quot;flex items-center flex-wrap gap-3&quot;&gt;
-        &lt;sonic-badge variant=&quot;outline&quot;&gt;Default&lt;/sonic-badge&gt;
-        &lt;sonic-badge variant=&quot;outline&quot; type=&quot;primary&quot;&gt;Primary&lt;/sonic-badge&gt;
-        &lt;sonic-badge variant=&quot;outline&quot; type=&quot;neutral&quot;&gt;Neutral&lt;/sonic-badge&gt;
-        &lt;sonic-badge variant=&quot;outline&quot; type=&quot;warning&quot;&gt;Warning&lt;/sonic-badge&gt;
-        &lt;sonic-badge variant=&quot;outline&quot; type=&quot;info&quot;&gt;Info&lt;/sonic-badge&gt;
-        &lt;sonic-badge variant=&quot;outline&quot; type=&quot;success&quot;&gt;Success&lt;/sonic-badge&gt;
-        &lt;sonic-badge variant=&quot;outline&quot; type=&quot;danger&quot;&gt;Danger&lt;/sonic-badge&gt;
-      &lt;/div&gt;
-      &lt;div class=&quot;flex items-center flex-wrap gap-3&quot;&gt;
-        &lt;sonic-badge variant=&quot;ghost&quot;&gt;Default&lt;/sonic-badge&gt;
-        &lt;sonic-badge variant=&quot;ghost&quot; type=&quot;primary&quot;&gt;Primary&lt;/sonic-badge&gt;
-        &lt;sonic-badge variant=&quot;ghost&quot; type=&quot;neutral&quot;&gt;Neutral&lt;/sonic-badge&gt;
-        &lt;sonic-badge variant=&quot;ghost&quot; type=&quot;warning&quot;&gt;Warning&lt;/sonic-badge&gt;
-        &lt;sonic-badge variant=&quot;ghost&quot; type=&quot;info&quot;&gt;Info&lt;/sonic-badge&gt;
-        &lt;sonic-badge variant=&quot;ghost&quot; type=&quot;success&quot;&gt;Success&lt;/sonic-badge&gt;
-        &lt;sonic-badge variant=&quot;ghost&quot; type=&quot;danger&quot;&gt;Danger&lt;/sonic-badge&gt;
-      &lt;/div&gt;
+<h3 id="outline">Outline</h3>
+<pre><code>&lt;div class=&quot;flex items-center flex-wrap gap-3&quot;&gt;
+      &lt;sonic-badge variant=&quot;outline&quot;&gt;Default&lt;/sonic-badge&gt;
+      &lt;sonic-badge variant=&quot;outline&quot; type=&quot;primary&quot;&gt;Primary&lt;/sonic-badge&gt;
+      &lt;sonic-badge variant=&quot;outline&quot; type=&quot;neutral&quot;&gt;Neutral&lt;/sonic-badge&gt;
+      &lt;sonic-badge variant=&quot;outline&quot; type=&quot;warning&quot;&gt;Warning&lt;/sonic-badge&gt;
+      &lt;sonic-badge variant=&quot;outline&quot; type=&quot;info&quot;&gt;Info&lt;/sonic-badge&gt;
+      &lt;sonic-badge variant=&quot;outline&quot; type=&quot;success&quot;&gt;Success&lt;/sonic-badge&gt;
+      &lt;sonic-badge variant=&quot;outline&quot; type=&quot;danger&quot;&gt;Danger&lt;/sonic-badge&gt;
+    &lt;/div&gt;
+</code></pre>
+<h3 id="ghost">Ghost</h3>
+<pre><code>&lt;div class=&quot;flex items-center flex-wrap gap-3&quot;&gt;
+      &lt;sonic-badge variant=&quot;ghost&quot;&gt;Default&lt;/sonic-badge&gt;
+      &lt;sonic-badge variant=&quot;ghost&quot; type=&quot;primary&quot;&gt;Primary&lt;/sonic-badge&gt;
+      &lt;sonic-badge variant=&quot;ghost&quot; type=&quot;neutral&quot;&gt;Neutral&lt;/sonic-badge&gt;
+      &lt;sonic-badge variant=&quot;ghost&quot; type=&quot;warning&quot;&gt;Warning&lt;/sonic-badge&gt;
+      &lt;sonic-badge variant=&quot;ghost&quot; type=&quot;info&quot;&gt;Info&lt;/sonic-badge&gt;
+      &lt;sonic-badge variant=&quot;ghost&quot; type=&quot;success&quot;&gt;Success&lt;/sonic-badge&gt;
+      &lt;sonic-badge variant=&quot;ghost&quot; type=&quot;danger&quot;&gt;Danger&lt;/sonic-badge&gt;
     &lt;/div&gt;
 </code></pre>
 <h2 id="size">Size</h2>
@@ -69,11 +69,11 @@
 <h2 id="prefix-and-suffix-slots">Prefix and suffix slots</h2>
 <p>Icons or short text before / after the main label.</p>
 <pre><code>&lt;sonic-badge type=&quot;info&quot; size=&quot;sm&quot;&gt;
-      &lt;sonic-icon slot=&quot;prefix&quot; name=&quot;airplane&quot; library=&quot;iconoir&quot;&gt;&lt;/sonic-icon&gt;
-      Boarding
+      &lt;sonic-icon slot=&quot;prefix&quot; name=&quot;info-empty&quot; library=&quot;iconoir&quot;&gt;&lt;/sonic-icon&gt;
+      Info
     &lt;/sonic-badge&gt;
     &lt;sonic-badge type=&quot;success&quot;&gt;
-      Landed
+      Verified
       &lt;sonic-icon slot=&quot;suffix&quot; name=&quot;check&quot; library=&quot;iconoir&quot;&gt;&lt;/sonic-icon&gt;
     &lt;/sonic-badge&gt;
 </code></pre>
@@ -94,11 +94,11 @@
 <pre><code>&lt;div class=&quot;grid grid-cols-2 gap-4 max-w-xl&quot;&gt;
       &lt;sonic-badge ellipsis size=&quot;sm&quot; variant=&quot;outline&quot;&gt;
         &lt;sonic-icon slot=&quot;prefix&quot; name=&quot;info-empty&quot; library=&quot;iconoir&quot;&gt;&lt;/sonic-icon&gt;
-        CN 001 · CDG → JFK · Gate change: now boarding at gate B12, terminal 2E
+        Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.
       &lt;/sonic-badge&gt;
       &lt;sonic-badge ellipsis size=&quot;sm&quot;&gt;
         &lt;sonic-icon slot=&quot;prefix&quot; name=&quot;info-empty&quot; library=&quot;iconoir&quot;&gt;&lt;/sonic-icon&gt;
-        CN 001 · CDG → JFK · Gate change: now boarding at gate B12, terminal 2E
+        Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.
       &lt;/sonic-badge&gt;
     &lt;/div&gt;
 </code></pre>
@@ -106,10 +106,10 @@
 <p>Count inside a button (<code>slot=&quot;suffix&quot;</code>) or a badge absolutely positioned on a button / icon.</p>
 <pre><code>&lt;div class=&quot;flex flex-wrap gap-4 items-center&quot;&gt;
       &lt;sonic-button type=&quot;default&quot;&gt;
-        Departures &lt;sonic-badge slot=&quot;suffix&quot; type=&quot;danger&quot; size=&quot;xs&quot;&gt;5&lt;/sonic-badge&gt;
+        Messages &lt;sonic-badge slot=&quot;suffix&quot; type=&quot;danger&quot; size=&quot;xs&quot;&gt;5&lt;/sonic-badge&gt;
       &lt;/sonic-button&gt;
       &lt;div class=&quot;relative inline-block&quot;&gt;
-        &lt;sonic-button type=&quot;success&quot; class=&quot;relative&quot;&gt;Crew&lt;/sonic-button&gt;
+        &lt;sonic-button type=&quot;success&quot; class=&quot;relative&quot;&gt;My account&lt;/sonic-button&gt;
         &lt;sonic-badge
           type=&quot;danger&quot;
           size=&quot;xs&quot;
@@ -161,7 +161,7 @@
 </tr>
 <tr>
 <td><code>size</code></td>
-<td><code>2xs</code> … <code>2xl</code> (default <code>md</code>) · <code>inherit</code></td>
+<td><code>2xs</code> … <code>2xl</code> (default <code>md</code>)</td>
 <td>Typography and padding (aligned with <strong><code>sonic-button</code></strong>)</td>
 </tr>
 <tr>