@supersoniks/concorde 4.9.98-visual-stack.1 → 5.0.1

package/docs/crawl/core/components/ui/table/table.html

@@ -1,413 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/table/table.html" data-doc-id="core/components/ui/table/table">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Table — Concorde</title>
-  <meta name="description" content="Values available : primary, info, success, warning, danger">
-  <meta name="keywords" content="Concorde, supersoniks, core/components/ui/table/table, table, Table, UI component, sonic-table, web component">
-  <meta name="concorde-doc-id" content="core/components/ui/table/table">
-  <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/table/table.html">
-</head>
-<body>
-  <header>
-    <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/table/table.md/table" rel="nofollow">interactive version</a></p>
-  </header>
-  <main>
-    <article>
-      <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Table</strong>. Values available : primary, info, success, warning, danger <span>Doc ID: <code>core/components/ui/table/table</code>. Keywords: Concorde, supersoniks, core/components/ui/table/table, table, Table, UI component, sonic-table, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/table/table.html">https://concorde.supersoniks.org/crawl/core/components/ui/table/table.html</a>.</span></p>
-      <h1 id="table">Table</h1>
-<h2 id="basic-usage">Basic usage</h2>
-<pre><code>&lt;sonic-table&gt;
-      &lt;sonic-tr&gt;
-        &lt;sonic-th&gt;Id&lt;/sonic-th&gt;
-        &lt;sonic-th&gt;Name&lt;/sonic-th&gt;
-        &lt;sonic-th&gt;Email&lt;/sonic-th&gt;
-      &lt;/sonic-tr&gt;
-      &lt;sonic-tr&gt;
-        &lt;sonic-td&gt;1&lt;/sonic-td&gt;
-        &lt;sonic-td&gt;George Bluth&lt;/sonic-td&gt;
-        &lt;sonic-td&gt;george.bluth@reqres.in&lt;/sonic-td&gt;
-      &lt;/sonic-tr&gt;
-      &lt;sonic-tr&gt;
-        &lt;sonic-td&gt;2&lt;/sonic-td&gt;
-        &lt;sonic-td&gt;Janet Weaver&lt;/sonic-td&gt;
-        &lt;sonic-td&gt;janet.weaver@reqres.in&lt;/sonic-td&gt;
-      &lt;/sonic-tr&gt;
-      &lt;sonic-tr&gt;
-        &lt;sonic-td&gt;3&lt;/sonic-td&gt;
-        &lt;sonic-td&gt;Emma Wong&lt;/sonic-td&gt;
-        &lt;sonic-td&gt;emma.wong@reqres.in&lt;/sonic-td&gt;
-      &lt;/sonic-tr&gt;
-    &lt;/sonic-table&gt;
-</code></pre>
-<h2 id="list--fetch">List / fetch</h2>
-<pre><code>&lt;sonic-table&gt;
-      &lt;sonic-thead&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-th&gt;Id&lt;/sonic-th&gt;
-          &lt;sonic-th&gt;Name&lt;/sonic-th&gt;
-          &lt;sonic-th&gt;Email&lt;/sonic-th&gt;
-        &lt;/sonic-tr&gt; 
-      &lt;/sonic-thead&gt;
-      &lt;sonic-tbody&gt;
-        &lt;sonic-list debug fetch serviceURL=&quot;/docs-mock-api&quot; dataProvider=&quot;api/users&quot; key=&quot;data&quot; displayContents&gt;
-          &lt;template&gt;
-            &lt;sonic-tr&gt;
-              &lt;sonic-td data-bind ::inner-html=&quot;$id&quot;&gt;&lt;/sonic-td&gt;
-              &lt;sonic-td data-bind ::inner-html=&quot;$first_name &lt;b&gt;$last_name&lt;/b&gt;&quot;&gt;&lt;/sonic-td&gt;
-              &lt;sonic-td data-bind ::inner-html=&quot;$email&quot;&gt;&lt;/sonic-td&gt;
-            &lt;/sonic-tr&gt;
-</code></pre>
-<h2 id="size">Size</h2>
-<pre><code>&lt;div class=&quot;grid grid-cols-4 gap-3&quot;&gt;
-      &lt;sonic-table size=&quot;2xs&quot; bordered&gt;
-        &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;2xs&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
-      &lt;/sonic-table&gt;
-      &lt;sonic-table size=&quot;xs&quot; bordered&gt;
-        &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;xs&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
-      &lt;/sonic-table&gt;
-      &lt;sonic-table size=&quot;sm&quot; bordered&gt;
-        &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;sm&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
-      &lt;/sonic-table&gt;
-      &lt;sonic-table size=&quot;md&quot; bordered&gt;
-        &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;md&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
-      &lt;/sonic-table&gt;
-      &lt;sonic-table bordered&gt;
-        &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;default&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
-      &lt;/sonic-table&gt;
-      &lt;sonic-table size=&quot;lg&quot; bordered&gt;
-        &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;lg&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
-      &lt;/sonic-table&gt;
-      &lt;sonic-table size=&quot;xl&quot; bordered&gt;
-        &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;xl&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
-      &lt;/sonic-table&gt;
-      &lt;sonic-table size=&quot;2xl&quot; bordered&gt;
-        &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;2xl&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
-      &lt;/sonic-table&gt;
-    &lt;/div&gt;
-</code></pre>
-<h2 id="bordered">Bordered</h2>
-<pre><code>&lt;sonic-table bordered&gt;
-      &lt;sonic-thead&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-th&gt;Id&lt;/sonic-th&gt;
-          &lt;sonic-th&gt;Name&lt;/sonic-th&gt;
-          &lt;sonic-th&gt;Email&lt;/sonic-th&gt;
-        &lt;/sonic-tr&gt;
-      &lt;/sonic-thead&gt;
-      &lt;sonic-tbody&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;1&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;George Bluth&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;george.bluth@reqres.in&lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;2&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Janet Weaver&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;janet.weaver@reqres.in&lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;3&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Emma Wong&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;emma.wong@reqres.in&lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-      &lt;/sonic-tbody&gt;
-    &lt;/sonic-table&gt;
-</code></pre>
-<h2 id="maxheight">MaxHeight</h2>
-<pre><code>&lt;sonic-table maxHeight=&quot;8rem&quot;&gt;
-      &lt;sonic-thead&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-th&gt;Id&lt;/sonic-th&gt;
-          &lt;sonic-th&gt;Name&lt;/sonic-th&gt;
-          &lt;sonic-th&gt;Email&lt;/sonic-th&gt;
-        &lt;/sonic-tr&gt; 
-      &lt;/sonic-thead&gt;
-      &lt;sonic-tbody&gt;
-        &lt;sonic-list  fetch serviceURL=&quot;/docs-mock-api&quot; dataProvider=&quot;api/users&quot; key=&quot;data&quot; displayContents&gt;
-          &lt;template&gt;
-            &lt;sonic-tr&gt;
-              &lt;sonic-td data-bind ::inner-html=&quot;$id&quot;&gt;&lt;/sonic-td&gt;
-              &lt;sonic-td data-bind ::inner-html=&quot;$first_name &lt;b&gt;$last_name&lt;/b&gt;&quot;&gt;&lt;/sonic-td&gt;
-              &lt;sonic-td data-bind ::inner-html=&quot;$email&quot;&gt;&lt;/sonic-td&gt;
-            &lt;/sonic-tr&gt;
-</code></pre>
-<h2 id="type">Type</h2>
-<p>Values available : primary, info, success, warning, danger</p>
-<pre><code>&lt;sonic-table bordered&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-th type=&quot;info&quot;&gt;Attribute type set on&lt;/sonic-th&gt;
-          &lt;sonic-th type=&quot;info&quot;&gt;sonic-th&lt;/sonic-th&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td type=&quot;danger&quot;&gt;Attribute type set on&lt;/sonic-td&gt;
-          &lt;sonic-td type=&quot;danger&quot;&gt;sonic-td&lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr type=&quot;success&quot;&gt;
-          &lt;sonic-td&gt;Attribute type set on&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;sonic-tr&lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-      &lt;/sonic-tbody&gt;
-    &lt;/sonic-table&gt;
-</code></pre>
-<h2 id="colspan--rowspan">Colspan / rowspan</h2>
-<pre><code>&lt;sonic-table &gt;
-      &lt;sonic-tbody&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td colspan=&quot;2&quot; class=&quot;bg-info text-neutral-0&quot;&gt;colspan : 2&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;cell&lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;cell&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;cell&lt;/sonic-td&gt;
-          &lt;sonic-td rowspan=&quot;2&quot; class=&quot;bg-success text-neutral-0&quot;&gt;rowspan : 2&lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;cell&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;cell&lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-      &lt;/sonic-tbody&gt;
-    &lt;/sonic-table&gt;
-</code></pre>
-<h2 id="cell-style-attributes">Cell style attributes</h2>
-<p>The following attributes will be used to set the style of the component :  </p>
-<ul>
-<li>align</li>
-<li>minWidth</li>
-<li>maxWidth</li>
-<li>width</li>
-</ul>
-<pre><code>&lt;sonic-table bordered&gt;
-      &lt;sonic-thead&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-th width=&quot;7rem&quot;&gt;align&lt;/sonic-th&gt;
-          &lt;sonic-th minWidth=&quot;20rem&quot;&gt;minWidth&lt;/sonic-th&gt;
-          &lt;sonic-th&gt;maxWidth&lt;/sonic-th&gt;
-          &lt;sonic-th&gt;width&lt;/sonic-th&gt;
-        &lt;/sonic-tr&gt;
-      &lt;/sonic-thead&gt;
-      &lt;sonic-tbody&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td align=&quot;left&quot;&gt;Left&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;20rem&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;5rem&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;15rem&lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td align=&quot;center&quot;&gt;center&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;20rem&lt;/sonic-td&gt;
-          &lt;sonic-td maxWidth=&quot;5rem&quot;&gt;5rem&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;15rem&lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td align=&quot;right&quot;&gt;right&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;20rem&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;5rem - Lorem ipsum dolor&lt;/sonic-td&gt;
-          &lt;sonic-td width=&quot;60rem&quot;&gt;15rem - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam porta sollicitudin mollis. Curabitur sit amet nibh diam. Vivamus a pharetra mauris.&lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-    &lt;/sonic-table&gt;
-</code></pre>
-<h2 id="responsive">Responsive</h2>
-<p>Every table is responsive by default</p>
-<pre><code>&lt;sonic-table bordered&gt;
-      &lt;sonic-thead&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-th&gt;Id&lt;/sonic-th&gt;
-          &lt;sonic-th&gt;Name&lt;/sonic-th&gt;
-          &lt;sonic-th&gt;Email&lt;/sonic-th&gt;
-          &lt;sonic-th&gt;Comment&lt;/sonic-th&gt;
-        &lt;/sonic-tr&gt; 
-      &lt;/sonic-thead&gt;
-      &lt;sonic-tbody&gt;
-        &lt;sonic-list fetch serviceURL=&quot;/docs-mock-api&quot; dataProvider=&quot;api/users&quot; key=&quot;data&quot; displayContents&gt;
-          &lt;template&gt;
-            &lt;sonic-tr&gt;
-              &lt;sonic-td data-bind ::inner-html=&quot;$id&quot;&gt;&lt;/sonic-td&gt;
-              &lt;sonic-td minWidth=&quot;10rem&quot; data-bind ::inner-html=&quot;$first_name &lt;b&gt;$last_name&lt;/b&gt;&quot;&gt;&lt;/sonic-td&gt;
-              &lt;sonic-td data-bind ::inner-html=&quot;$email&quot;&gt;&lt;/sonic-td&gt;
-              &lt;sonic-td minWidth=&quot;40rem&quot;&gt;
-                hasellus suscipit vulputate lacus, in tempor turpis aliquam vel. Nunc eleifend, velit id ultrices elementum, ipsum felis porttitor dui, id laoreet diam nulla sed urna. 
-              &lt;/sonic-td&gt;
-            &lt;/sonic-tr&gt;
-</code></pre>
-<h2 id="sticky-header">Sticky header</h2>
-<pre><code>&lt;sonic-table bordered noCustomScroll&gt;
-      &lt;sonic-thead class=&quot;sticky top-16&quot;&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-th minWidth=&quot;max(20ch,12rem)&quot;&gt;Company&lt;/sonic-th&gt;
-          &lt;sonic-th type=&quot;success&quot;&gt;Contact&lt;/sonic-th&gt;
-          &lt;sonic-th&gt;Country&lt;/sonic-th&gt;
-          &lt;sonic-th align=&quot;center&quot;&gt;Quantity&lt;/sonic-th&gt;
-          &lt;sonic-th align=&quot;right&quot;&gt;Price&lt;/sonic-th&gt;
-          &lt;sonic-th&gt;&lt;/sonic-th&gt;
-        &lt;/sonic-tr&gt;
-      &lt;/sonic-thead&gt;
-      &lt;sonic-tbody&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;Alfreds Futterkiste&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Maria Anders&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Germany&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;center&quot;&gt;2&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
-          &lt;sonic-td td align=&quot;right&quot;
-            &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
-              &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
-            &gt;&lt;/sonic-button&gt;
-          &lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;Centro comercial Moctezuma&lt;/sonic-td&gt;
-          &lt;sonic-td
-            colspan=&quot;2&quot;
-            align=&quot;center&quot;
-            class=&quot;
-              text-center
-              text-neutral-400
-            &quot;
-            &gt;no information yet&lt;/sonic-td
-          &gt;
-          &lt;sonic-td align=&quot;center&quot;&gt;3&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
-          &lt;sonic-td td align=&quot;right&quot;
-            &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
-              &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
-            &gt;&lt;/sonic-button&gt;
-          &lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;Ernst Handel&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Roland Mendel&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Austria&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;center&quot;&gt;4&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
-          &lt;sonic-td td align=&quot;right&quot;
-            &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
-              &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
-            &gt;&lt;/sonic-button&gt;
-          &lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;Island Trading&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Helen Bennett&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;UK&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;center&quot;&gt;1&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
-          &lt;sonic-td td align=&quot;right&quot;
-            &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
-              &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
-            &gt;&lt;/sonic-button&gt;
-          &lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr type=&quot;warning&quot;&gt;
-          &lt;sonic-td&gt;Laughing Bacchus Winecellars&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Yoshi Tannamuri&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Canada&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;center&quot;&gt;0&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
-          &lt;sonic-td td align=&quot;right&quot;
-            &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
-              &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
-            &gt;&lt;/sonic-button&gt;
-          &lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;Magazzini Alimentari Riuniti&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Giovanni Rovelli&lt;/sonic-td&gt;
-          &lt;sonic-td type=&quot;danger&quot;&gt;Italy&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;center&quot;&gt;20&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
-          &lt;sonic-td td align=&quot;right&quot;
-            &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
-              &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
-            &gt;&lt;/sonic-button&gt;
-          &lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;Alfreds Futterkiste&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Maria Anders&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Germany&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;center&quot;&gt;2&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
-          &lt;sonic-td td align=&quot;right&quot;
-            &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
-              &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
-            &gt;&lt;/sonic-button&gt;
-          &lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;Centro comercial Moctezuma&lt;/sonic-td&gt;
-          &lt;sonic-td
-            colspan=&quot;2&quot;
-            align=&quot;center&quot;
-            class=&quot;
-              text-center
-              text-neutral-400
-            &quot;
-            &gt;no information yet&lt;/sonic-td
-          &gt;
-          &lt;sonic-td align=&quot;center&quot;&gt;3&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
-          &lt;sonic-td td align=&quot;right&quot;
-            &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
-              &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
-            &gt;&lt;/sonic-button&gt;
-          &lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;Ernst Handel&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Roland Mendel&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Austria&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;center&quot;&gt;4&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
-          &lt;sonic-td td align=&quot;right&quot;
-            &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
-              &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
-            &gt;&lt;/sonic-button&gt;
-          &lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;Island Trading&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Helen Bennett&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;UK&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;center&quot;&gt;1&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
-          &lt;sonic-td td align=&quot;right&quot;
-            &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
-              &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
-            &gt;&lt;/sonic-button&gt;
-          &lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr type=&quot;warning&quot;&gt;
-          &lt;sonic-td&gt;Laughing Bacchus Winecellars&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Yoshi Tannamuri&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Canada&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;center&quot;&gt;0&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
-          &lt;sonic-td td align=&quot;right&quot;
-            &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
-              &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
-            &gt;&lt;/sonic-button&gt;
-          &lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-        &lt;sonic-tr&gt;
-          &lt;sonic-td&gt;Magazzini Alimentari Riuniti&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Giovanni Rovelli&lt;/sonic-td&gt;
-          &lt;sonic-td&gt;Italy&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;center&quot;&gt;20&lt;/sonic-td&gt;
-          &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
-          &lt;sonic-td td align=&quot;right&quot;
-            &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
-              &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
-            &gt;&lt;/sonic-button&gt;
-          &lt;/sonic-td&gt;
-        &lt;/sonic-tr&gt;
-      &lt;/sonic-tbody&gt;
-      &lt;sonic-caption&gt;table caption&lt;/sonic-caption&gt;
-    &lt;/sonic-table&gt;
-</code></pre>
-
-    </article>
-  </main>
-</body>
-</html>

package/docs/crawl/core/components/ui/toast/toast.html

@@ -1,122 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/toast/toast.html" data-doc-id="core/components/ui/toast/toast">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Toast — Concorde</title>
-  <meta name="description" content="Afficher un toast">
-  <meta name="keywords" content="Concorde, supersoniks, core/components/ui/toast/toast, toast, Toast, UI component, sonic-toast, web component, success, error, warning, info, preserve: true, dismissForever: true, id, ghost: true">
-  <meta name="concorde-doc-id" content="core/components/ui/toast/toast">
-  <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/toast/toast.html">
-</head>
-<body>
-  <header>
-    <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/toast/toast.md/toast" rel="nofollow">interactive version</a></p>
-  </header>
-  <main>
-    <article>
-      <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Toast</strong>. Afficher un toast <span>Doc ID: <code>core/components/ui/toast/toast</code>. Keywords: Concorde, supersoniks, core/components/ui/toast/toast, toast, Toast, UI component, sonic-toast, web component, success, error, warning, info, preserve: true, dismissForever: true, id, ghost: true. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/toast/toast.html">https://concorde.supersoniks.org/crawl/core/components/ui/toast/toast.html</a>.</span></p>
-      <h1 id="toast">Toast</h1>
-<h2 id="utilisation-de-base">Utilisation de base</h2>
-<pre><code>&lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Message de notification simple&#39; })&quot;&gt;
-      Afficher un toast
-    &lt;/sonic-button&gt;
-</code></pre>
-<h2 id="statut">Statut</h2>
-<p>Les statuts disponibles sont : <code>success</code>, <code>error</code>, <code>warning</code>, <code>info</code> ou vide (par défaut).</p>
-<pre><code>&lt;div class=&quot;flex flex-wrap gap-2&quot;&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Message par défaut&#39;, status: &#39;&#39; })&quot;&gt;
-        Default
-      &lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Opération réussie !&#39;, status: &#39;success&#39; })&quot;&gt;
-        Success
-      &lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Une erreur est survenue&#39;, status: &#39;error&#39; })&quot;&gt;
-        Error
-      &lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Attention à ce point&#39;, status: &#39;warning&#39; })&quot;&gt;
-        Warning
-      &lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Information importante&#39;, status: &#39;info&#39; })&quot;&gt;
-        Info
-      &lt;/sonic-button&gt;
-    &lt;/div&gt;
-</code></pre>
-<h2 id="avec-titre">Avec titre</h2>
-<pre><code>&lt;div class=&quot;flex flex-wrap gap-2&quot;&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ title: &#39;Succès&#39;, text: &#39;Votre demande a été traitée avec succès.&#39;, status: &#39;success&#39; })&quot;&gt;
-        Toast avec titre
-      &lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ title: &#39;Test&#39;, text: &#39;Une erreur est survenue lors du traitement.&#39;, status: &#39;error&#39; })&quot;&gt;
-        Toast d&#39;erreur avec titre
-      &lt;/sonic-button&gt;
-    &lt;/div&gt;
-</code></pre>
-<h2 id="avec-contenu-html">Avec contenu HTML</h2>
-<p>Le contenu du toast peut contenir du HTML.</p>
-<pre><code>&lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Message avec &lt;strong&gt;HTML&lt;/strong&gt; et un &lt;a href=&amp;quot;#&amp;quot;&gt;lien cliquable&lt;/a&gt;&#39;, status: &#39;info&#39; })&quot;&gt;
-      Toast avec HTML
-    &lt;/sonic-button&gt;
-</code></pre>
-<h2 id="persistance">Persistance</h2>
-<p>Par défaut, les toasts disparaissent automatiquement. Avec <code>preserve: true</code>, le toast reste affiché jusqu&#39;à ce qu&#39;il soit fermé manuellement.</p>
-<pre><code>&lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Ce toast ne disparaîtra pas automatiquement&#39;, status: &#39;info&#39;, preserve: true })&quot;&gt;
-      Toast persistant
-    &lt;/sonic-button&gt;
-</code></pre>
-<h2 id="masquer-définitivement">Masquer définitivement</h2>
-<p>Avec <code>dismissForever: true</code> et un <code>id</code>, le toast peut être masqué définitivement. Une fois fermé, il ne réapparaîtra plus même après rechargement de la page.</p>
-<pre><code>&lt;sonic-button onclick=&quot;window.SonicToast.add({ id: &#39;unique-toast-id&#39;, text: &#39;Ce toast peut être masqué définitivement&#39;, status: &#39;info&#39;, dismissForever: true })&quot;&gt;
-      Toast avec dismiss forever
-    &lt;/sonic-button&gt;
-</code></pre>
-<h2 id="fantôme">Fantôme</h2>
-<p>Avec <code>ghost: true</code>, le toast devient semi-transparent et non-interactif.</p>
-<pre><code>&lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Toast fantôme (semi-transparent)&#39;, status: &#39;info&#39;, ghost: true })&quot;&gt;
-      Toast ghost
-    &lt;/sonic-button&gt;
-</code></pre>
-<h2 id="méthodes-de-suppression">Méthodes de suppression</h2>
-<h3 id="tout-supprimer">Tout supprimer</h3>
-<p>Supprime tous les toasts sauf ceux marqués comme <code>ghost</code>.</p>
-<pre><code>&lt;div class=&quot;flex flex-wrap gap-2&quot;&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Toast 1&#39;, status: &#39;info&#39; })&quot;&gt;Ajouter toast 1&lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Toast 2&#39;, status: &#39;success&#39; })&quot;&gt;Ajouter toast 2&lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Toast 3&#39;, status: &#39;warning&#39; })&quot;&gt;Ajouter toast 3&lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.removeAll()&quot;&gt;Supprimer tous&lt;/sonic-button&gt;
-    &lt;/div&gt;
-</code></pre>
-<h3 id="supprimer-par-statut">Supprimer par statut</h3>
-<p>Supprime tous les toasts d&#39;un statut spécifique.</p>
-<pre><code>&lt;div class=&quot;flex flex-wrap gap-2&quot;&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Toast success&#39;, status: &#39;success&#39; })&quot;&gt;Success&lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Toast error&#39;, status: &#39;error&#39; })&quot;&gt;Error&lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Toast warning&#39;, status: &#39;warning&#39; })&quot;&gt;Warning&lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.removeItemsByStatus(&#39;success&#39;)&quot;&gt;Supprimer success&lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.removeItemsByStatus(&#39;error&#39;)&quot;&gt;Supprimer error&lt;/sonic-button&gt;
-    &lt;/div&gt;
-</code></pre>
-<h3 id="supprimer-les-éléments-temporaires">Supprimer les éléments temporaires</h3>
-<p>Supprime tous les toasts qui ne sont pas marqués comme <code>preserve</code>.</p>
-<pre><code>&lt;div class=&quot;flex flex-wrap gap-2&quot;&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Toast temporaire&#39;, status: &#39;info&#39; })&quot;&gt;Temporaire&lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.add({ text: &#39;Toast persistant&#39;, status: &#39;success&#39;, preserve: true })&quot;&gt;Persistant&lt;/sonic-button&gt;
-      &lt;sonic-button onclick=&quot;window.SonicToast.removeTemporaryItems()&quot;&gt;Supprimer temporaires&lt;/sonic-button&gt;
-    &lt;/div&gt;
-</code></pre>
-<h2 id="exemple-complet">Exemple complet</h2>
-<pre><code>&lt;sonic-button onclick=&quot;window.SonicToast.add({ 
-      id: &#39;welcome-toast&#39;,
-      title: &#39;Bienvenue&#39;,
-      text: &#39;Bienvenue sur notre plateforme ! Vous pouvez commencer à explorer les fonctionnalités.&#39;,
-      status: &#39;success&#39;,
-      dismissForever: true
-    })&quot;&gt;
-      Toast complet
-    &lt;/sonic-button&gt;
-</code></pre>
-
-    </article>
-  </main>
-</body>
-</html>

package/docs/crawl/core/components/ui/tooltip/tooltip.html

@@ -1,79 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/tooltip/tooltip.html" data-doc-id="core/components/ui/tooltip/tooltip">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Tooltip — Concorde</title>
-  <meta name="description" content="By default, tooltip is centered next to its content">
-  <meta name="keywords" content="Concorde, supersoniks, core/components/ui/tooltip/tooltip, tooltip, Tooltip, UI component, sonic-tooltip, web component">
-  <meta name="concorde-doc-id" content="core/components/ui/tooltip/tooltip">
-  <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/tooltip/tooltip.html">
-</head>
-<body>
-  <header>
-    <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/tooltip/tooltip.md/tooltip" rel="nofollow">interactive version</a></p>
-  </header>
-  <main>
-    <article>
-      <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Tooltip</strong>. By default, tooltip is centered next to its content <span>Doc ID: <code>core/components/ui/tooltip/tooltip</code>. Keywords: Concorde, supersoniks, core/components/ui/tooltip/tooltip, tooltip, Tooltip, UI component, sonic-tooltip, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/tooltip/tooltip.html">https://concorde.supersoniks.org/crawl/core/components/ui/tooltip/tooltip.html</a>.</span></p>
-      <h1 id="tooltip">Tooltip</h1>
-<pre><code>&lt;sonic-tooltip label=&quot;Tada : Text appears&quot;&gt;hover me&lt;/sonic-tooltip&gt;
-</code></pre>
-<h2 id="placement">Placement</h2>
-<p>By default, tooltip is centered next to its content</p>
-<pre><code>&lt;sonic-tooltip placement=&quot;top&quot; label=&quot;Top text&quot;&gt;
-      &lt;sonic-button&gt;Top&lt;/sonic-button&gt;
-    &lt;/sonic-tooltip&gt;
-    &lt;sonic-tooltip placement=&quot;bottom&quot; label=&quot;Bottom text&quot;&gt;
-      &lt;sonic-button&gt;Bottom&lt;/sonic-button&gt;
-    &lt;/sonic-tooltip&gt;
-     &lt;sonic-tooltip placement=&quot;right&quot; label=&quot;Right text&quot;&gt;
-      &lt;sonic-button&gt;Right&lt;/sonic-button&gt;
-    &lt;/sonic-tooltip&gt;
-    &lt;sonic-tooltip placement=&quot;left&quot; label=&quot;Left text&quot;&gt;
-      &lt;sonic-button&gt;Left&lt;/sonic-button&gt;
-    &lt;/sonic-tooltip&gt;
-</code></pre>
-<h2 id="more-placement">More placement</h2>
-<pre><code>&lt;div class=&quot;flex gap-3 flex-wrap&quot;&gt;
-      &lt;sonic-tooltip placement=&quot;top-start&quot; label=&quot;My tooltip&quot;&gt;
-        &lt;sonic-button class=&quot;size-40 bg-neutral-200 rounded-lg&quot;&gt;Top start&lt;/sonic-button&gt;
-      &lt;/sonic-tooltip&gt;
-      &lt;sonic-tooltip placement=&quot;top-end&quot; label=&quot;My tooltip&quot;&gt;
-        &lt;sonic-button class=&quot;size-40 bg-neutral-200 rounded-lg&quot;&gt;Top end&lt;/sonic-button&gt;
-      &lt;/sonic-tooltip&gt;
-      &lt;sonic-tooltip placement=&quot;bottom-start&quot; label=&quot;My tooltip&quot;&gt;
-        &lt;sonic-button class=&quot;size-40 bg-neutral-200 rounded-lg&quot;&gt;Bottom start&lt;/sonic-button&gt;
-      &lt;/sonic-tooltip&gt;
-      &lt;sonic-tooltip placement=&quot;bottom-end&quot; label=&quot;My tooltip&quot;&gt;
-        &lt;sonic-button class=&quot;size-40 bg-neutral-200 rounded-lg&quot;&gt;Bottom end&lt;/sonic-button&gt;
-      &lt;/sonic-tooltip&gt;
-      &lt;sonic-tooltip placement=&quot;right-start&quot; label=&quot;My tooltip&quot;&gt;
-        &lt;sonic-button class=&quot;size-40 bg-neutral-200 rounded-lg&quot;&gt;Right start&lt;/sonic-button&gt;
-      &lt;/sonic-tooltip&gt;
-      &lt;sonic-tooltip placement=&quot;right-end&quot; label=&quot;My tooltip&quot;&gt;
-        &lt;sonic-button class=&quot;size-40 bg-neutral-200 rounded-lg&quot;&gt;Right end&lt;/sonic-button&gt;
-      &lt;/sonic-tooltip&gt;
-      &lt;sonic-tooltip placement=&quot;left-start&quot; label=&quot;My tooltip&quot;&gt;
-        &lt;sonic-button class=&quot;size-40 bg-neutral-200 rounded-lg&quot;&gt;Left start&lt;/sonic-button&gt;
-      &lt;/sonic-tooltip&gt;
-      &lt;sonic-tooltip placement=&quot;left-end&quot; label=&quot;My tooltip&quot;&gt;
-        &lt;sonic-button class=&quot;size-40 bg-neutral-200 rounded-lg&quot;&gt;Left end&lt;/sonic-button&gt;
-      &lt;/sonic-tooltip&gt;
-    &lt;/div&gt;
-</code></pre>
-<h2 id="focusable">Focusable</h2>
-<pre><code>&lt;sonic-tooltip focusable label=&quot;The Concorde made its first transatlantic crossing on September 26, 1973&quot;&gt;
-      &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;chat-bubble-question&quot;&gt;&lt;/sonic-icon&gt; Focus or hover non interactive element 
-    &lt;/sonic-tooltip&gt;
-</code></pre>
-<h2 id="disabled">Disabled</h2>
-<pre><code>&lt;sonic-tooltip disabled label=&quot;Disabled text&quot;&gt;
-      &lt;sonic-button&gt;Tooltip disabled&lt;/sonic-button&gt;
-    &lt;/sonic-tooltip&gt;
-</code></pre>
-
-    </article>
-  </main>
-</body>
-</html>