@supersoniks/concorde 5.0.3 → 5.0.4

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

@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Pop — Concorde</title>
-  <meta name="description" content="Default placement is bottom. Placement is written side-align, like sonic-tooltip: side is top, right, bottom or left, align is start, center or end. Without align, content is aligned on the start of t">
-  <meta name="keywords" content="Concorde, supersoniks, core/components/ui/pop/pop, pop, Pop, UI component, sonic-pop, web component, bottom, side-align, sonic-tooltip, side, top, right, left, align, start">
+  <meta name="description" content="Click to open pop">
+  <meta name="keywords" content="Concorde, supersoniks, core/components/ui/pop/pop, pop, Pop, UI component, sonic-pop, web component">
   <meta name="concorde-doc-id" content="core/components/ui/pop/pop">
   <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/pop/pop.html">
 </head>
@@ -15,7 +15,7 @@
   </header>
   <main>
     <article>
-      <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Pop</strong>. Default placement is bottom. Placement is written side-align, like sonic-tooltip: side is top, right, bottom or left, align is start, center or end. Without align, content is aligned on the start of t <span>Doc ID: <code>core/components/ui/pop/pop</code>. Keywords: Concorde, supersoniks, core/components/ui/pop/pop, pop, Pop, UI component, sonic-pop, web component, bottom, side-align, sonic-tooltip, side, top, right, left, align, start. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/pop/pop.html">https://concorde.supersoniks.org/crawl/core/components/ui/pop/pop.html</a>.</span></p>
+      <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Pop</strong>. Click to open pop <span>Doc ID: <code>core/components/ui/pop/pop</code>. Keywords: Concorde, supersoniks, core/components/ui/pop/pop, pop, Pop, UI component, sonic-pop, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/pop/pop.html">https://concorde.supersoniks.org/crawl/core/components/ui/pop/pop.html</a>.</span></p>
       <h1 id="pop">Pop</h1>
 <h2 id="placement">Placement</h2>
 <pre><code>&lt;sonic-pop class=&quot;inline-block&quot; placement=&quot;left&quot;&gt;
@@ -43,35 +43,7 @@
       &lt;/sonic-menu&gt;
     &lt;/sonic-pop&gt;
 </code></pre>
-<p>Default placement is <code>bottom</code>. Placement is written <code>side-align</code>, like <code>sonic-tooltip</code>: <code>side</code> is <code>top</code>, <code>right</code>, <code>bottom</code> or <code>left</code>, <code>align</code> is <code>start</code>, <code>center</code> or <code>end</code>. Without <code>align</code>, content is aligned on the start of the trigger. If there is not enough room, content flips to the opposite side and stays inside the viewport.</p>
-<p>The former space syntax (<code>placement=&quot;bottom center&quot;</code>) still works but is deprecated.</p>
-<pre><code>&lt;sonic-pop class=&quot;inline-block&quot; placement=&quot;bottom-center&quot;&gt;
-      &lt;sonic-button&gt;Bottom center&lt;/sonic-button&gt;
-      &lt;sonic-menu slot=&quot;content&quot;&gt;
-        &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
-      &lt;/sonic-menu&gt;
-    &lt;/sonic-pop&gt;
-    &lt;sonic-pop class=&quot;inline-block&quot; placement=&quot;top-center&quot;&gt;
-      &lt;sonic-button&gt;Top center&lt;/sonic-button&gt;
-      &lt;sonic-menu slot=&quot;content&quot;&gt;
-        &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
-      &lt;/sonic-menu&gt;
-    &lt;/sonic-pop&gt;
-    &lt;sonic-pop class=&quot;inline-block&quot; placement=&quot;left-center&quot;&gt;
-      &lt;sonic-button&gt;Left center&lt;/sonic-button&gt;
-      &lt;sonic-menu slot=&quot;content&quot;&gt;
-        &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
-      &lt;/sonic-menu&gt;
-    &lt;/sonic-pop&gt;
-    &lt;sonic-pop class=&quot;inline-block&quot; placement=&quot;right-center&quot;&gt;
-      &lt;sonic-button&gt;Right center&lt;/sonic-button&gt;
-      &lt;sonic-menu slot=&quot;content&quot;&gt;
-        &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
-      &lt;/sonic-menu&gt;
-    &lt;/sonic-pop&gt;
-</code></pre>
 <h2 id="shadow">Shadow</h2>
-<p>Default shadow is <code>lg</code>.</p>
 <pre><code>&lt;sonic-pop class=&quot;inline-block&quot; shadow=&quot;none&quot; placement=&#39;top&#39; &gt;
       &lt;sonic-button&gt;None&lt;/sonic-button&gt;
       &lt;sonic-menu slot=&quot;content&quot;&gt;
@@ -97,20 +69,6 @@
       &lt;/sonic-menu&gt;
     &lt;/sonic-pop&gt;
 </code></pre>
-<h2 id="inline">Inline</h2>
-<p>By default, pop is vertically aligned to the middle. Use <code>inline</code> to align it on the text baseline, e.g. inside a sentence.</p>
-<pre><code>&lt;p&gt;
-      The Concorde flew from Paris to
-      &lt;sonic-pop inline&gt;
-        &lt;sonic-button variant=&quot;link&quot;&gt;New York&lt;/sonic-button&gt;
-        &lt;sonic-menu slot=&quot;content&quot;&gt;
-          &lt;sonic-menu-item&gt;See flights&lt;/sonic-menu-item&gt;
-          &lt;sonic-menu-item&gt;Book a seat&lt;/sonic-menu-item&gt;
-        &lt;/sonic-menu&gt;
-      &lt;/sonic-pop&gt;
-      in about 3.5 hours.
-    &lt;/p&gt;
-</code></pre>
 <h2 id="notoggle">noToggle</h2>
 <pre><code>&lt;sonic-pop class=&quot;inline-block&quot;  noToggle&gt;
       &lt;sonic-button&gt;No toggle on click&lt;/sonic-button&gt;
@@ -136,40 +94,6 @@
       &lt;sonic-icon name=&quot;sparkles&quot; library=&quot;custom&quot;&gt;&lt;/sonic-icon&gt;
       Click to open pop
     &lt;/sonic-button&gt;
-</code></pre>
-<h2 id="keep-open-on-select">Keep open on select</h2>
-<p>By default, a click inside the content closes the pop, as well as a click outside. Add <code>data-on-select=&quot;keep&quot;</code> on the content, or on any of its elements, to keep the pop open when interacting with it.</p>
-<pre><code>&lt;sonic-pop class=&quot;inline-block&quot;&gt;
-      &lt;sonic-button&gt;Closes on select&lt;/sonic-button&gt;
-      &lt;div slot=&quot;content&quot; class=&quot;grid gap-2 p-3&quot;&gt;
-        &lt;sonic-checkbox&gt;Option A&lt;/sonic-checkbox&gt;
-        &lt;sonic-checkbox&gt;Option B&lt;/sonic-checkbox&gt;
-      &lt;/div&gt;
-    &lt;/sonic-pop&gt;
-    &lt;sonic-pop class=&quot;inline-block&quot;&gt;
-      &lt;sonic-button&gt;Stays open on select&lt;/sonic-button&gt;
-      &lt;div slot=&quot;content&quot; class=&quot;grid gap-2 p-3&quot; data-on-select=&quot;keep&quot;&gt;
-        &lt;sonic-checkbox&gt;Option A&lt;/sonic-checkbox&gt;
-        &lt;sonic-checkbox&gt;Option B&lt;/sonic-checkbox&gt;
-      &lt;/div&gt;
-    &lt;/sonic-pop&gt;
-</code></pre>
-<h2 id="keyboard">Keyboard</h2>
-<ul>
-<li><code>ArrowDown</code> on the trigger opens the pop.</li>
-<li><code>Escape</code> closes the last opened pop and gives focus back to its trigger.</li>
-</ul>
-<h2 id="methods-and-events">Methods and events</h2>
-<p><code>show()</code> and <code>hide()</code> open and close the pop programmatically (see <code>manual</code> above). The pop dispatches a <code>show</code> event when it opens and a <code>hide</code> event when it closes.</p>
-<pre><code class="language-js">const pop = document.querySelector(&quot;sonic-pop&quot;);
-pop.addEventListener(&quot;hide&quot;, () =&gt; console.log(&quot;pop closed&quot;));
-pop.show();
-</code></pre>
-<h2 id="styling">Styling</h2>
-<p>The content can be styled from outside with <code>::part(content)</code>.</p>
-<pre><code class="language-css">sonic-pop::part(content) {
-  border-radius: 0;
-}
 </code></pre>
 
     </article>

package/docs/crawl/docs/_getting-started/concorde-outside.html

@@ -17,9 +17,9 @@
     <article>
       <p class="doc-lead" id="doc-summary"><strong>Concorde guide — Installation</strong>. The following command creates a new Vite project in TypeScript mode with Tailwind and an example component to get started. <span>Doc ID: <code>docs/_getting-started/concorde-outside</code>. Keywords: Concorde, supersoniks, docs/_getting-started/concorde-outside, concorde-outside, Installation, guide, yarn ai:sync. URL: <a href="https://concorde.supersoniks.org/crawl/docs/_getting-started/concorde-outside.html">https://concorde.supersoniks.org/crawl/docs/_getting-started/concorde-outside.html</a>.</span></p>
       <h1 id="installation">Installation</h1>
-<sonic-alert status="info" label="Recommended — use the starter" background>
-<p>For almost all new projects, use <a href="https://www.npmjs.com/package/@supersoniks/create-concorde-ts-starter">create-concorde-ts-starter</a></p>
-<p>You get Vite + TypeScript + Lit + Tailwind, an example component, <code>npx concorde enable-short-paths</code> ready to run, and <code>yarn ai:sync</code> for <a href="./ai-agents.html#ai-agents">AI agent skills</a> (<code>AGENTS.md</code>, Cursor / JetBrains rules) without extra setup.</p>
+<sonic-alert status="success" label="Recommended — use the starter" size="xl" background>
+  <p><strong>For almost all new projects, use <a href="https://www.npmjs.com/package/@supersoniks/create-concorde-ts-starter">create-concorde-ts-starter</a>.</strong></p>
+  <p>You get Vite + TypeScript + Lit + Tailwind, an example component, <code>npx concorde enable-short-paths</code> ready to run, and <code>yarn ai:sync</code> for <a href="./ai-agents.html#ai-agents">AI agent skills</a> (<code>AGENTS.md</code>, Cursor / JetBrains rules) without extra setup.</p>
 </sonic-alert>
 
 <h2 id="starter">Starter</h2>

package/docs/crawl/hubs/form-components.html

@@ -179,10 +179,10 @@ data-keyboard-nav sur le champ et les items (flèches haut / bas).</pre>
 <section id="core-components-ui-form-input-input" data-doc-id="core/components/ui/form/input/input">
   <h2><a href="../core/components/ui/form/input/input.html">Input</a></h2>
   <p><strong>Doc ID:</strong> <code>core/components/ui/form/input/input</code> · <a href="../core/components/ui/form/input/input.html">full page</a></p>
-  <p>Native attributes list</p>
+  <p>Native attibutes list</p>
   <pre class="doc-excerpt">Input
 
-  Native attributes list
+  Native attibutes list
 
 Label
 
@@ -334,10 +334,10 @@ Same mock filter as Checkbox; switches can enable several flags (comma-separated
 <section id="core-components-ui-form-textarea-textarea" data-doc-id="core/components/ui/form/textarea/textarea">
   <h2><a href="../core/components/ui/form/textarea/textarea.html">Textarea</a></h2>
   <p><strong>Doc ID:</strong> <code>core/components/ui/form/textarea/textarea</code> · <a href="../core/components/ui/form/textarea/textarea.html">full page</a></p>
-  <p>Native attributes list</p>
+  <p>Native attibutes list</p>
   <pre class="doc-excerpt">Textarea
 
-  Native attributes list
+  Native attibutes list
 
 Label
 

package/docs/index.html

@@ -1,17 +1,17 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="fr">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="./svg/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="robots" content="noindex, nofollow" />
     <title>Concorde - A supersonic design system</title>
-    <link rel="stylesheet" href="https://use.typekit.net/eda3clw.css" />
     <script src="https://cdn.jsdelivr.net/npm/fuzzysort@2.0.1/fuzzysort.min.js"></script>
     <!-- <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
      -->
     <script src="https://cdn.jsdelivr.net/npm/marked@13.0.3"></script>
-    <script type="module" crossorigin src="./assets/index-BnK6OS7w.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index--GpD7R7a.css">
+    <script type="module" crossorigin src="./assets/index-D8MVWqY6.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DiD0qYvE.css">
   </head>
   <body class="px-6 lg:px-20">
     <sonic-theme
@@ -84,7 +84,7 @@
         <div class="min-h-[100vh] pt-3">
           <docs-page
             noShadowDom
-            class="prose max-w-prose block py-8 prose-li:my-[.2em] leading-[1.5] lg:leading-[1.5] prose-h1:font-normal prose-h1:text-[3.25em] prose-code:before:content-none prose-code:after:content-none prose-pre:font-mono"
+            class="prose lg:prose-lg max-w-prose block py-8 prose-li:my-[.2em] leading-[1.5] lg:leading-[1.5] prose-h1:font-normal prose-h1:text-[4.2em]"
           ></docs-page>
         </div>
       </div>