@supersoniks/concorde 5.0.3 → 5.0.4

package/docs/llms-full.txt

@@ -962,99 +962,68 @@ I prefer
 
 - URL: https://concorde.supersoniks.org/crawl/core/components/ui/alert/alert.html
 - Doc ID: core/components/ui/alert/alert
-- Keywords: Concorde, supersoniks, core/components/ui/alert/alert, alert, Alert, UI component, sonic-alert, web component, label, text, status, default, info, success, warning
+- Keywords: Concorde, supersoniks, core/components/ui/alert/alert, alert, Alert, UI component, sonic-alert, web component
 
 Alert
 
-Inline message in the page: title (label), body (text or default slot), icon from status. For HTML or actions, use the slot instead of label / text (plain text only).
-
-Use status: default, info, success, warning, error.
-
 Status
 
-Color and icon follow status. With no status, behavior is default.
-
-       This address is already in use.
-       This address is already in use.
-       This address is already in use.
-       This address is already in use.
-       This address is already in use.
-
-Accessibility (announce)
-
-By default, an alert already in the DOM is not announced (no role / aria-live). Set announce when the message appears after user action (API response, validation, etc.): screen readers get role="alert" for error, otherwise role="status" and aria-live="polite".
-
-sonic-alert-messages sets announce on every rendered alert.
-
-Content and icon
-
-label and text accept plain text only. The default slot is rendered after text. Use the icon slot to replace the default sonic-icon. noIcon hides the icon.
-
-Custom icon slot
-
-Project any markup into slot="icon" (emoji, image, custom component). Keep it decorative with aria-hidden="true" when the message text already conveys meaning.
-
-       🎉
-      You unlocked a new badge.
+    This address is already in use.
+    This address is already in use.
+    This address is already in use.
+    This address is already in use.
+    This address is already in use.
 
 Sizes
 
-        This address is already in use. Lorem ipsum dolor sit amet.
+    This address is already in use. Lorem ipsum dolor sit amet.
 
-        This address is already in use. Lorem ipsum dolor sit amet.
+    This address is already in use. Lorem ipsum dolor sit amet.
 
-        This address is already in use. Lorem ipsum dolor sit amet.
+    This address is already in use. Lorem ipsum dolor sit amet.
 
-        This address is already in use. Lorem ipsum dolor sit amet.
+    This address is already in use. Lorem ipsum dolor sit amet.
 
-        This address is already in use. Lorem ipsum dolor sit amet.
+    This address is already in use. Lorem ipsum dolor sit amet.
 
-        This address is already in use. Lorem ipsum dolor sit amet.
+    This address is already in use. Lorem ipsum dolor sit amet.
 
-        This address is already in use. Lorem ipsum dolor sit amet.
+    This address is already in use. Lorem ipsum dolor sit amet.
 
 Alert with link
 
-Rich content in the slot (buttons, links).
+    You have 2 unread messages
 
-      You have 2 unread messages
-
-         See messages
-         Dismiss
+       See messages
+       dismiss
 
 Background
 
-Tinted background from the status color (color-mix on currentColor).
-
-       This address is already in use.
+    This address is already in use.
 
-        This address is already in use.
+    This address is already in use.
 
-        This address is already in use.
+    This address is already in use.
 
-        This address is already in use.
+    This address is already in use.
 
-        This address is already in use.
+    This address is already in use.
 
 Dismissible
 
-dismissible removes the alert from the DOM when the close control is clicked (i18n aria label). dismissible and background are independent: without background, close sits at the end of the row; with background, top-right.
+    This address is already in use.
 
-      This address is already in use.
+    This address is already in use.
 
-      This address is already in use.
+    This address is already in use.
 
-      This address is already in use.
+    This address is already in use.
 
-      This address is already in use.
-
-      This address is already in use.
+    This address is already in use.
 
 Dismiss forever
 
-With dismissForever, dismissal is stored in localStorage (key sonic-alert-dismissed). A stable id on the element is required; without id, a warning is logged and nothing is persisted.
-
-      This address is already in use.
+    This address is already in use.
 
 ---
 
@@ -1062,92 +1031,68 @@ With dismissForever, dismissal is stored in localStorage (key sonic-alert-dismis
 
 - URL: https://concorde.supersoniks.org/crawl/core/components/ui/badge/badge.html
 - Doc ID: core/components/ui/badge/badge
-- Keywords: Concorde, supersoniks, core/components/ui/badge/badge, badge, Badge, UI component, sonic-badge, web component, sonic-button, type, variant, size, --sc-primary, --sc-danger, default, base-100, neutral
+- Keywords: Concorde, supersoniks, core/components/ui/badge/badge, badge, Badge, UI component, sonic-badge, web component
 
 Badge
 
-A non-interactive pill for labels, counts, or highlights (counter, status, category). The API mirrors sonic-button (type, variant, size) without focus or click states.
-
-Colors come from theme tokens (--sc-primary, --sc-danger, …) or the semantic type values below.
-
 Type
 
-default — subtle background (base-100). neutral — dark fill (base-content) with light text, useful on light backgrounds.
-
-       Default
-       Primary
-       Neutral
-       Warning
-       Info
-       Success
-       Danger
-
-Variant
-
-outline — border and text in the type color. ghost — text only, no padding (except in forced-colors mode).
+ Default
+   Primary
+   Neutral
+   Warning
+   Info
+   Success
+   Danger
+   Contrast
 
 Outline
 
-       Default
-       Primary
-       Neutral
-       Warning
-       Info
-       Success
-       Danger
+     Default
+     Primary
+     Neutral
+     Warning
+     Info
+     Success
+     Danger
+     Contrast
 
 Ghost
 
-       Default
-       Primary
-       Neutral
-       Warning
-       Info
-       Success
-       Danger
+     Default
+     Primary
+     Neutral
+     Warning
+     Info
+     Success
+     Danger
+     Contrast
 
 Size
 
-Default size is md (omit the size attribute). Typography and padding follow sonic-button.
-
-       2Xs
-       Xs
-       Sm
-       Md
-       Lg
-       Xl
-       2Xl
-
-Prefix and suffix slots
-
-Icons or short text before / after the main label.
-
-      Info
-
-      Verified
+ 2Xs badge
+   Xs badge
+   Sm badge
+   Md badge
+   Lg badge
+   Xl badge
+   2Xl badge
 
 Empty badges
 
-Badge with no text (visual dot). min-width / min-height keep a readable shape.
-
 Ellipsis
 
-With ellipsis, long labels truncate. The parent must constrain width (max-width, grid, etc.).
-
-        Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.
-
-        Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod.
+           Lorem ipsum dolor sit consectetur adipiscing elit. Lorem ipsum dolor sit consectetur adipiscing elit.
+             Lorem ipsum dolor sit consectetur adipiscing elit. Lorem ipsum dolor sit consectetur adipiscing elit.
 
 Badge in button
 
-Count inside a button (slot="suffix") or a badge absolutely positioned on a button / icon.
+      Messages  5
 
-        Messages  5
+        Mon compte
+       12
 
-         My account
-         12
-
-         33
+       33
 
 ---
 
@@ -1209,7 +1154,6 @@ Loading
 The length of the button depends on the size of its content
 
      Loading button
-      🚀 Loading with prefix 😂
 
 Swap
 
@@ -1271,67 +1215,49 @@ Captcha
 
 - URL: https://concorde.supersoniks.org/crawl/core/components/ui/card/card.html
 - Doc ID: core/components/ui/card/card
-- Keywords: Concorde, supersoniks, core/components/ui/card/card, card, Card, UI component, sonic-card, web component, type, sonic-card-header, sonic-card-main, sonic-card-footer, base, light, invert, neutral, primary
+- Keywords: Concorde, supersoniks, core/components/ui/card/card, card, Card, UI component, sonic-card, web component
 
 Card
 
-A surface for grouped content: padding, radius, shadow, and semantic type colors via shared theme tokens. Compose sonic-card-header, sonic-card-main, and sonic-card-footer inside the card, or put any markup in the default slot.
-
-Default type is base (page background). Use light for a subtle gray panel, invert / neutral for high-contrast blocks, and primary, info, success, warning, or danger for tinted surfaces (divider tokens apply on colored types).
-
 Type
 
-       Base
-       Light
-       Primary
-       Info
-       Success
-       Warning
-       Danger
-       Neutral
-       Invert
+     Base
+     Light
+     Primary
+     Warning
+     Danger
+     Success
+     Info
+     Neutral
+     Invert
 
 Header
 
-Quick titles with label and description attributes, or full control through the default slot. slot="suffix" aligns badges or actions on the right; suffix content does not shrink when the title wraps.
-
-         Body content goes in the card slot or in  sonic-card-main .
+         Description rendu via le composant : "sonic-card-header-description"
 
-            Choose what we email you about.
+          Suffix
 
-           3 new
-
-           Custom header
-
-            Use the header slot when attributes are not enough.
-
-label and description accept HTML (rendered as markup). Prefer plain text when possible; use the slot for structured content.
+         Header custom
+         Tout le contenu excepté l'icône ✈ passe par le slot du header
+         ✈
 
 Main
 
-Optional wrapper for the primary content area (typography, media, forms).
-
-          Improved performance on large lists and fixed an issue with keyboard navigation in menus.
-
-         See the changelog for details.
+       Main area
+       Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iure id dolor debitis deleniti eligendi natus dolorem a commodi sunt dicta? Ipsa asperiores magni consequuntur dolor voluptatibus. Maxime, nemo? Facere, odio.
 
 Footer
 
-Optional footer for actions, metadata, or secondary text.
-
-         This project and all of its data will be removed permanently.
+         Footer area
+         Debitis deleniti eligendi natus dolorem aufdh.
 
-           Cancel
-           Delete
+          🛫 ✈ ✈ ✈ ✈ ✈ 🛬
 
-Full example
-
-Header, media, body, and footer together.
+Example of use
 
-          Nonstop flight with flexible dates. Prices shown include taxes and fees.
+        Main  - Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iure id dolor debitis deleniti eligendi natus dolorem a commodi sunt dicta? Ipsa asperiores magni consequuntur dolor voluptatibus. Maxime, nemo? Facere, odio.
 
-           From $249
-           Book
+         Footer  - Amet consectetur adipisicing
 
 ---
 
@@ -1543,7 +1469,7 @@ data-keyboard-nav sur le champ et les items (flèches haut / bas).
 
 Input
 
-  Native attributes list
+  Native attibutes list
 
 Label
 
@@ -1714,7 +1640,7 @@ Same mock filter as Checkbox; switches can enable several flags (comma-separated
 
 Textarea
 
-  Native attributes list
+  Native attibutes list
 
 Label
 
@@ -1816,58 +1742,18 @@ Size
 
 - URL: https://concorde.supersoniks.org/crawl/core/components/ui/image/image.html
 - Doc ID: core/components/ui/image/image
-- Keywords: Concorde, supersoniks, core/components/ui/image/image, image, Image, UI component, sonic-image, web component, , object-fit: cover, --sc-placeholder-bg, loading, lazy, loading="eager", rounded, --sc-rounded, sm
+- Keywords: Concorde, supersoniks, core/components/ui/image/image, image, Image, UI component, sonic-image, web component
 
 Image
 
-Responsive   wrapper: aspect ratio, object-fit: cover, rounded corners, and optional fade-in on load. The host uses a light placeholder background (--sc-placeholder-bg) until the file is ready. Default loading is lazy; set loading="eager" for above-the-fold heroes.
-
 Rounded
 
-Omit rounded for square corners. Boolean rounded uses the theme token --sc-rounded. Sizes: sm, md, lg, xl, full (circle — pair with ratio="1/1"), none (explicit reset).
-
-         default
-
-         sm
-
-         rounded
-
-         md
-
-         lg
-
-         xl
-
-           full
-
-Aspect ratio
-
-ratio sets CSS aspect-ratio on the image (default auto). The image still fills the host width (width: 100%).
+Ratio
 
 Object position
 
-objectPosition maps to CSS object-position (default center center). Useful on wide crops when the subject sits off-center.
-
 Cover
 
-cover stretches the image to fill a positioned parent (position: relative + fixed height or inset). Aspect ratio on the host is ignored while cover is set.
-
-Load transition
-
-Set transition to fade (default when the attribute is present) or fade-scale-out. The image stays at opacity: 0 until the browser fires load, then the loaded class runs the animation. Changing src on an existing element does not replay the effect — mount a new sonic-image when you need another entrance (galleries, infinite scroll).
-
-Click Add image to append small thumbnails and replay the transition. Clear resets the row.
-
-        Add image (fade)
-
-        Add image (fade-scale-out)
-
-        Clear
-
-Accessibility and parts
-
-Always set meaningful alt text (empty string only for decorative images).
-
 ---
 
 ## Link
@@ -1880,11 +1766,11 @@ Link
 
 Href
 
- Basic link with href attribute
+ Basic link with href attibute
 
 Target
 
- Link with target attribute
+ Link with target attibute
 
 AutoActive
 
@@ -2157,7 +2043,7 @@ Fullscreen
 
 - URL: https://concorde.supersoniks.org/crawl/core/components/ui/pop/pop.html
 - Doc ID: core/components/ui/pop/pop
-- 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
+- Keywords: Concorde, supersoniks, core/components/ui/pop/pop, pop, Pop, UI component, sonic-pop, web component
 
 Pop
 
@@ -2179,30 +2065,8 @@ Placement
 
            Notifications
 
-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 the trigger. If there is not enough room, content flips to the opposite side and stays inside the viewport.
-
-The former space syntax (placement="bottom center") still works but is deprecated.
-
-       Bottom center
-
-           Notifications
-
-       Top center
-
-           Notifications
-
-       Left center
-
-           Notifications
-
-       Right center
-
-           Notifications
-
 Shadow
 
-Default shadow is lg.
-
        None
 
            Notifications
@@ -2219,19 +2083,6 @@ Default shadow is lg.
 
            Notifications
 
-Inline
-
-By default, pop is vertically aligned to the middle. Use inline to align it on the text baseline, e.g. inside a sentence.
-
-      The Concorde flew from Paris to
-
-         New York
-
-           See flights
-           Book a seat
-
-      in about 3.5 hours.
-
 noToggle
 
        No toggle on click
@@ -2250,41 +2101,6 @@ manual
 
       Click to open pop
 
-Keep open on select
-
-By default, a click inside the content closes the pop, as well as a click outside. Add data-on-select="keep" on the content, or on any of its elements, to keep the pop open when interacting with it.
-
-       Closes on select
-
-         Option A
-         Option B
-
-       Stays open on select
-
-         Option A
-         Option B
-
-Keyboard
-
-- ArrowDown on the trigger opens the pop.
-- Escape closes the last opened pop and gives focus back to its trigger.
-
-Methods and events
-
-show() and hide() open and close the pop programmatically (see manual above). The pop dispatches a show event when it opens and a hide event when it closes.
-
-const pop = document.querySelector("sonic-pop");
-pop.addEventListener("hide", () => console.log("pop closed"));
-pop.show();
-
-Styling
-
-The content can be styled from outside with ::part(content).
-
-sonic-pop::part(content) {
-  border-radius: 0;
-}
-
 ---
 
 ## Progress bar
@@ -4796,8 +4612,8 @@ In the HTML of a JS or TS component or in the HTML of the web page containing th
 
 Installation
 
- For almost all new projects, use  create-concorde-ts-starter
- You get Vite + TypeScript + Lit + Tailwind, an example component,  npx concorde enable-short-paths  ready to run, and  yarn ai:sync  for  AI agent skills  ( AGENTS.md , Cursor / JetBrains rules) without extra setup.
+    For almost all new projects, use  create-concorde-ts-starter .
+   You get Vite + TypeScript + Lit + Tailwind, an example component,  npx concorde enable-short-paths  ready to run, and  yarn ai:sync  for  AI agent skills  ( AGENTS.md , Cursor / JetBrains rules) without extra setup.
 
 Starter
 

package/docs/llms.txt

@@ -30,11 +30,11 @@ Full text: https://concorde.supersoniks.org/llms-full.txt
 - [Subscriber](https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.html) (core/components/functional/subscriber/subscriber): La mixin Subscriber permet lier un composant à un publisher.
 - [Value](https://concorde.supersoniks.org/crawl/core/components/functional/value/value.html) (core/components/functional/value/value): Simply shows a value from a data provider.
 - [Concorde](https://concorde.supersoniks.org/crawl/core/components/ui/alert-messages/alert-messages.html) (core/components/ui/alert-messages/alert-messages): Concorde documentation: Concorde
-- [Alert](https://concorde.supersoniks.org/crawl/core/components/ui/alert/alert.html) (core/components/ui/alert/alert): Inline message in the page: title (label), body (text or default slot), icon from status. For HTML or actions, use the slot instead of label / text (plain text only).
-- [Badge](https://concorde.supersoniks.org/crawl/core/components/ui/badge/badge.html) (core/components/ui/badge/badge): A non-interactive pill for labels, counts, or highlights (counter, status, category). The API mirrors sonic-button (type, variant, size) without focus or click states.
+- [Alert](https://concorde.supersoniks.org/crawl/core/components/ui/alert/alert.html) (core/components/ui/alert/alert): This address is already in use. Lorem ipsum dolor sit amet.
+- [Badge](https://concorde.supersoniks.org/crawl/core/components/ui/badge/badge.html) (core/components/ui/badge/badge): Messages <sonic-badge slot="suffix" type="danger" size="xs">5</sonic-badge>
 - [Button](https://concorde.supersoniks.org/crawl/core/components/ui/button/button.html) (core/components/ui/button/button): The length of the button depends on the size of its content
 - [Captcha](https://concorde.supersoniks.org/crawl/core/components/ui/captcha/captcha.html) (core/components/ui/captcha/captcha): Captcha: Submit with captcha
-- [Card](https://concorde.supersoniks.org/crawl/core/components/ui/card/card.html) (core/components/ui/card/card): A surface for grouped content: padding, radius, shadow, and semantic type colors via shared theme tokens. Compose sonic-card-header, sonic-card-main, and sonic-card-footer inside the card, or put any 
+- [Card](https://concorde.supersoniks.org/crawl/core/components/ui/card/card.html) (core/components/ui/card/card): Suffix
 - [Divider](https://concorde.supersoniks.org/crawl/core/components/ui/divider/divider.html) (core/components/ui/divider/divider): Default
 
 Align
@@ -49,19 +49,19 @@ Custom
 - [Form-actions](https://concorde.supersoniks.org/crawl/core/components/ui/form/form-actions/form-actions.html) (core/components/ui/form/form-actions/form-actions): Left seats
 - [Form-layout](https://concorde.supersoniks.org/crawl/core/components/ui/form/form-layout/form-layout.html) (core/components/ui/form/form-layout/form-layout): autocomplete="email"
 - [Input-autocomplete](https://concorde.supersoniks.org/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html) (core/components/ui/form/input-autocomplete/input-autocomplete): Champ formulaire + suggestions via queue. Valeur via formDataProvider + name ; la recherche filtre la queue (store interne).
-- [Input](https://concorde.supersoniks.org/crawl/core/components/ui/form/input/input.html) (core/components/ui/form/input/input): Native attributes list
+- [Input](https://concorde.supersoniks.org/crawl/core/components/ui/form/input/input.html) (core/components/ui/form/input/input): Native attibutes list
 - [Radio](https://concorde.supersoniks.org/crawl/core/components/ui/form/radio/radio.html) (core/components/ui/form/radio/radio): >Already checked radio
 - [Select](https://concorde.supersoniks.org/crawl/core/components/ui/form/select/select.html) (core/components/ui/form/select/select): {"value":"dark", "wording":"dark (set by \"attribute\")", "selected" : "true"}, {"value":"auto", "wording":"auto"}
 - [Switch](https://concorde.supersoniks.org/crawl/core/components/ui/form/switch/switch.html) (core/components/ui/form/switch/switch): >Already checked switch
-- [Textarea](https://concorde.supersoniks.org/crawl/core/components/ui/form/textarea/textarea.html) (core/components/ui/form/textarea/textarea): Native attributes list
+- [Textarea](https://concorde.supersoniks.org/crawl/core/components/ui/form/textarea/textarea.html) (core/components/ui/form/textarea/textarea): Native attibutes list
 - [Group](https://concorde.supersoniks.org/crawl/core/components/ui/group/group.html) (core/components/ui/group/group): Group: 😎 Standard ⭐ Premium 💎 Diamond
 - [Icon](https://concorde.supersoniks.org/crawl/core/components/ui/icon/icon.html) (core/components/ui/icon/icon): customIconDefaultPrefix="regular">
-- [Image](https://concorde.supersoniks.org/crawl/core/components/ui/image/image.html) (core/components/ui/image/image): Responsive <img> wrapper: aspect ratio, object-fit: cover, rounded corners, and optional fade-in on load. The host uses a light placeholder background (--sc-placeholder-bg) until the file is ready. De
-- [Link](https://concorde.supersoniks.org/crawl/core/components/ui/link/link.html) (core/components/ui/link/link): Link: Basic link with href attribute
+- [Image](https://concorde.supersoniks.org/crawl/core/components/ui/image/image.html) (core/components/ui/image/image): src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
+- [Link](https://concorde.supersoniks.org/crawl/core/components/ui/link/link.html) (core/components/ui/link/link): Link: Basic link with href attibute
 - [Loader](https://concorde.supersoniks.org/crawl/core/components/ui/loader/loader.html) (core/components/ui/loader/loader): import {Loader} from "@supersoniks/concorde/core/components/ui/loader/loader";
 - [Menu](https://concorde.supersoniks.org/crawl/core/components/ui/menu/menu.html) (core/components/ui/menu/menu): Row
 - [Concorde](https://concorde.supersoniks.org/crawl/core/components/ui/modal/modal.html) (core/components/ui/modal/modal): Concorde: Simple modal Lorem ipsum dolor sit amet +33 Donec sed vestibulum augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget quam eu mi luctus faucibus. Click don't close Confir
-- [Pop](https://concorde.supersoniks.org/crawl/core/components/ui/pop/pop.html) (core/components/ui/pop/pop): 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
+- [Pop](https://concorde.supersoniks.org/crawl/core/components/ui/pop/pop.html) (core/components/ui/pop/pop): Click to open pop
 - [Progress bar](https://concorde.supersoniks.org/crawl/core/components/ui/progress/progress.html) (core/components/ui/progress/progress): Displays an indicator showing the completion progress of a task.
 - [Table](https://concorde.supersoniks.org/crawl/core/components/ui/table/table.html) (core/components/ui/table/table): Values available : primary, info, success, warning, danger
 - [Toast](https://concorde.supersoniks.org/crawl/core/components/ui/toast/toast.html) (core/components/ui/toast/toast): Afficher un toast