@supersoniks/concorde 5.1.1 → 5.1.3-immutable.1

package/src/core/components/ui/button/button.md

@@ -1,6 +1,11 @@
 # Button
 
+**`sonic-button`** is the clickable control of the library: a plain button, a link when `href` is set, or a form toggle when it has a `name` and `value`. It shares `type` / `variant` / `size` with **`sonic-badge`**, and exposes `prefix` / `suffix` slots for icons.
+
 ## Type
+
+With no `type`, the button is `default`. Use `custom` with `--sc-btn-custom-color` and `--sc-btn-custom-bg` for a one-off color.
+
 <sonic-code>
   <template>
     <div class="flex flex-wrap gap-2">
@@ -16,168 +21,196 @@
   </template>
 </sonic-code>
 
-## Outline
+## Variant
+
+With no `variant`, the button is filled. The `outline` / `ghost` / `link` variants take their color from `type`. `unstyled` removes all styling so you can apply your own classes.
+
 <sonic-code>
   <template>
     <div class="flex flex-wrap gap-2">
-      <sonic-button variant="outline">Default</sonic-button>
-      <sonic-button variant="outline" type="primary">Primary</sonic-button>
-      <sonic-button variant="outline" type="neutral">Neutral</sonic-button>
-      <sonic-button variant="outline" type="warning">Warning</sonic-button>
-      <sonic-button variant="outline" type="info">Info</sonic-button>
-      <sonic-button variant="outline" type="success">Success</sonic-button>
-      <sonic-button variant="outline" type="danger">Danger</sonic-button>
-      <sonic-button variant="outline" type="custom" style="--sc-btn-custom-bg: #5b21b6">Custom</sonic-button>
+      <sonic-button type="primary">Default</sonic-button>
+      <sonic-button type="primary" variant="outline">Outline</sonic-button>
+      <sonic-button type="primary" variant="ghost">Ghost</sonic-button>
+      <sonic-button type="primary" variant="link">Link</sonic-button>
+      <sonic-button variant="unstyled">Unstyled</sonic-button>
     </div>
   </template>
 </sonic-code>
 
-## Variant
-<sonic-code>
-  <template>
-    <sonic-button variant="default">Default</sonic-button>
-    <sonic-button variant="outline">Outline</sonic-button>
-    <sonic-button variant="ghost">Ghost</sonic-button>
-    <sonic-button variant="link">Link</sonic-button>
-    <sonic-button variant="unstyled">Unstyled</sonic-button>
-  </template>
-</sonic-code>
-
 ## Size
+
+With no `size`, the button is `md`.
+
 <sonic-code>
   <template>
-    <sonic-button size="2xs">2Xs button</sonic-button>
-    <sonic-button size="xs">Xs button</sonic-button>
-    <sonic-button size="sm">Sm button</sonic-button>
-    <sonic-button size="md">Md button</sonic-button>
-    <sonic-button>Default button</sonic-button>
-    <sonic-button size="lg">Lg button</sonic-button>
-    <sonic-button size="xl">Xl button</sonic-button>
-    <sonic-button size="2xl">2Xl button</sonic-button>
+    <div class="flex flex-wrap items-center gap-2">
+      <sonic-button size="2xs">2xs</sonic-button>
+      <sonic-button size="xs">xs</sonic-button>
+      <sonic-button size="sm">sm</sonic-button>
+      <sonic-button>md</sonic-button>
+      <sonic-button size="lg">lg</sonic-button>
+      <sonic-button size="xl">xl</sonic-button>
+      <sonic-button size="2xl">2xl</sonic-button>
+    </div>
   </template>
 </sonic-code>
 
 ## Shape
-<sonic-code>
-  <template>
-    <sonic-button shape="circle"> 😂 </sonic-button>
-    <sonic-button shape="square"> 🚀 </sonic-button>
-  </template>
-</sonic-code>
 
-## Loading
-The length of the button depends on the size of its content
+`circle` and `square` make a fixed-size icon button. `block` stretches to the full width of the parent.
+
 <sonic-code>
   <template>
-    <sonic-button loading></sonic-button>
-    <sonic-button loading>Loading button</sonic-button>
-    <sonic-button loading><span slot="prefix">🚀</span>Loading with prefix<span slot="suffix">😂</span></sonic-button>
+    <div class="flex flex-wrap items-center gap-2 mb-2">
+      <sonic-button shape="circle" type="primary"><sonic-icon library="iconoir" name="plus"></sonic-icon></sonic-button>
+      <sonic-button shape="square" type="primary"><sonic-icon library="iconoir" name="plus"></sonic-icon></sonic-button>
+    </div>
+    <sonic-button shape="block" type="primary">Block</sonic-button>
   </template>
 </sonic-code>
 
-## Swap
+## Prefix and suffix slots
+
 <sonic-code>
   <template>
-    <sonic-button formDataProvider="button_swap_example" name="youpi" value="youpla" type="primary" shape="circle" variant="outline" class="mr-4">
-      <sonic-icon library="iconoir" swap="on" name="eye-empty"></sonic-icon>
-      <sonic-icon library="iconoir" swap="off" name="eye-off"></sonic-icon>
-    </sonic-button>
-    <sonic-button formDataProvider="button_swap_example" name="youpi" value="youpla" type="primary" variant="outline">
-      <sonic-icon library="iconoir" swap="on" slot="prefix" name="eye-empty"></sonic-icon>
-      <sonic-icon library="iconoir" swap="off" slot="prefix" name="eye-off"></sonic-icon>
-      Révélez
-      <span swap="off">...</span>
-      <span swap="on">moi !</span>
-    </sonic-button>
+    <div class="flex flex-wrap gap-2">
+      <sonic-button type="primary" variant="outline">
+        <sonic-icon library="iconoir" slot="prefix" name="arrow-left"></sonic-icon>
+        Previous flight
+      </sonic-button>
+      <sonic-button type="primary">
+        Next flight
+        <sonic-icon library="iconoir" slot="suffix" name="arrow-right"></sonic-icon>
+      </sonic-button>
+    </div>
   </template>
 </sonic-code>
 
-## Reset
+## Loading
+
+`loading` replaces the content with a spinner and blocks clicks. The button keeps the width of its content.
+
 <sonic-code>
   <template>
-    <div formDataProvider="button-reset-demo" class="mb-2">
-      <sonic-checkbox name="aChexbox" value="AValueToSet">Set A value</sonic-checkbox><br>
-      <sonic-button reset>Reset current formDataProvider</sonic-button>
+    <div class="flex flex-wrap gap-2">
+      <sonic-button loading></sonic-button>
+      <sonic-button loading>Loading button</sonic-button>
+      <sonic-button loading type="primary">
+        <sonic-icon library="iconoir" slot="prefix" name="check"></sonic-icon>
+        Checking in
+      </sonic-button>
     </div>
-      <sonic-button reset="button-reset-demo">Reset formDataProvider by name</sonic-button>
   </template>
 </sonic-code>
 
+## Link
+
+With `href`, the button renders as a link. For a relative `href`, the button gets `active` when the current URL matches, according to `autoActive` (default `partial`). Add `pushState` to navigate without reloading the page.
 
-## GoBack
 <sonic-code>
   <template>
-    <sonic-button goBack type="primary" variant="outline"  class="mr-4">
-      <sonic-icon library="iconoir" slot="prefix" name="arrow-left"></sonic-icon>
-      Retour classique
-    </sonic-button>
-    <sonic-button goBack="http://la-billetterie.net" type="primary" variant="outline"  class="mr-4">
-      <sonic-icon library="iconoir" slot="prefix" name="arrow-left"></sonic-icon>
-      Retour url prédéfinie
-    </sonic-button>
+    <div class="flex flex-wrap gap-2">
+      <sonic-button href="https://example.com" target="_blank" type="primary">External link</sonic-button>
+      <sonic-button href="/core/components/ui/button" variant="ghost">Current page</sonic-button>
+    </div>
   </template>
 </sonic-code>
 
-## Button with icon
+## Toggle and radio
+
+A button with `name` and `value` writes to its `formDataProvider` and toggles `active` when clicked. Add `radio` for a single choice in a group, or `unique` to also allow deselecting. Children marked `swap="on"` / `swap="off"` show only in the active / inactive state.
+
 <sonic-code>
   <template>
-    <sonic-button goBack type="primary" variant="outline"  class="mr-4">
-      <sonic-icon library="iconoir" slot="prefix" name="arrow-right" ></sonic-icon>
-      Button with icon
-    </sonic-button>
+    <div class="flex flex-wrap items-center gap-4">
+      <sonic-button formDataProvider="button-toggle-demo" name="visible" value="yes" type="primary" shape="circle" variant="outline">
+        <sonic-icon library="iconoir" swap="on" name="eye-empty"></sonic-icon>
+        <sonic-icon library="iconoir" swap="off" name="eye-off"></sonic-icon>
+      </sonic-button>
+      <sonic-group formDataProvider="button-radio-demo">
+        <sonic-button radio minWidth="7rem" name="plan" value="free">Free</sonic-button>
+        <sonic-button radio minWidth="7rem" name="plan" value="pro">Pro</sonic-button>
+        <sonic-button radio minWidth="7rem" name="plan" value="team">Team</sonic-button>
+      </sonic-group>
+    </div>
   </template>
 </sonic-code>
 
+## Reset
+
+`reset` clears the button's own `formDataProvider`. Give it a value to clear another one by name.
 
-## Button group
 <sonic-code>
   <template>
-    <sonic-group label="Code promo" class="mr-4">
-      <sonic-input placeholder="Entrez votre code ici..."></sonic-input>
-      <sonic-button type="primary" shape="square">
-        <sonic-icon library="iconoir" library="iconoir" name="gift"></sonic-icon>
-      </sonic-button>
-    </sonic-group>
-    <sonic-divider size="lg"></sonic-divider>
-    <div class="text-lg mb-2">Choose a subscription</div>
-    <sonic-group formDataProvider="subscriptionData">
-      <sonic-button radio minWidth="10rem" name="subscription" value="standard" type="default"
-        >😎 Standard</sonic-button
-      >
-      <sonic-button radio minWidth="10rem" name="subscription" value="premium" type="default">⭐ Premium</sonic-button>
-      <sonic-button radio minWidth="10rem" name="subscription" value="diamond" type="default">💎 Diamond</sonic-button>
-    </sonic-group>
+    <div formDataProvider="button-reset-demo" class="mb-2">
+      <sonic-checkbox name="agree" value="yes">Extra baggage</sonic-checkbox>
+      <sonic-button reset>Reset this form</sonic-button>
+    </div>
+    <sonic-button reset="button-reset-demo">Reset by name</sonic-button>
   </template>
 </sonic-code>
 
+## Go back
+
+`goBack` navigates back in history. When there is no previous page on the same origin, it goes to the attribute value, or to the site root if empty.
 
-## Aria-label
 <sonic-code>
   <template>
-      <sonic-button data-aria-label="Custom aria label" type="primary" >
-        Button with aria label
-      </sonic-button>
-       <sonic-button data-aria-label="Custom aria label" href="https://google.fr" type="primary" >
-        Button link with aria label
-      </sonic-button>
+    <sonic-button goBack="/" variant="outline">
+      <sonic-icon library="iconoir" slot="prefix" name="arrow-left"></sonic-icon>
+      Back
+    </sonic-button>
   </template>
 </sonic-code>
 
+## Accessibility
+
+Icon-only buttons need a label. Use `data-aria-label`, which is forwarded to the inner `button` (and link).
 
-## Custom styles & active states with tailwind
 <sonic-code>
   <template>
-    <div formDataProvider="subscriptionData2">
-      <sonic-button
-        class="bg-neutral-100 transition-all text-center text-lg text-neutral-400 rounded-md min-w-[8rem] [&[active]]:text-danger-content [&[active]]:min-w-[13rem] [&[active]]:bg-danger [&[active]]:font-black [&[active]]:rounded-full"
-        variant="unstyled"
-        checkable unique 
-        name="subscription"
-        value="premium"
-        type="default">
-          <span swap="off" class="inline-block py-2 px-3" >subscribe</span>
-          <span swap="on" class="inline-block py-2 px-3" >⭐ Premium</span>
-      </sonic-button>
-    </div>
+    <sonic-button shape="circle" data-aria-label="Close">
+      <sonic-icon library="iconoir" name="cancel"></sonic-icon>
+    </sonic-button>
   </template>
 </sonic-code>
+
+## API reference
+
+| Attribute | Values | Description |
+|----------|---------|-------------|
+| `type` | `default` (default) · `primary` · `neutral` · `warning` · `info` · `success` · `danger` · `custom` | Color; `custom` reads `--sc-btn-custom-color` and `--sc-btn-custom-bg` |
+| `variant` | `default` (default) · `outline` · `ghost` · `link` · `unstyled` | Visual style |
+| `size` | `2xs` … `2xl` (default `md`) · `inherit` | Typography and padding |
+| `shape` | `default` (default) · `circle` · `square` · `block` | Icon button or full width |
+| `icon` | boolean | Enlarges a lone icon |
+| `loading` | boolean | Shows a spinner and blocks clicks |
+| `disabled` | boolean | Dims the button and blocks clicks |
+| `active` | boolean | Active state, set automatically for links and toggles |
+| `align` | `left` · `center` · `right` | Text alignment |
+| `direction` | flex direction (default `row`) | Layout of slots |
+| `alignItems` | flex `align-items` (default `center`) | Cross-axis alignment of slots |
+| `justify` | flex `justify-content` (default `center`) | Main-axis alignment of slots |
+| `minWidth` | CSS length (default `0`) | Minimum width of the button |
+| `href` | URL | Renders the button as a link |
+| `target` | `_self` · `_blank` · `_parent` · `_top` | Link target |
+| `download` | string | Link `download` attribute |
+| `pushState` | boolean | Navigates with `history.pushState` |
+| `autoActive` | `partial` (default) · `strict` · `strict-path-only` · `disabled` | URL matching for `active` |
+| `goBack` | URL or empty | Goes back in history, with a fallback URL |
+| `reset` | empty or provider name | Clears the current or named form data provider |
+| `name` / `value` | string | Form field written to the data provider |
+| `formDataProvider` | string | Data provider to write to (default: nearest ancestor) |
+| `radio` | boolean | Single choice among buttons with the same `name` |
+| `unique` | boolean | Like `radio`, but can be deselected |
+| `autoRepeat` | boolean | Repeats the click while the pointer is held |
+| `data-aria-label` | string | `aria-label` of the inner button |
+| `data-aria-labelledby` | string | `aria-labelledby` of the inner button |
+| `data-aria-controls` | string | `aria-controls` of the inner button |
+| `data-aria-expanded` | boolean | `aria-expanded` of the inner button |
+
+| Slot | Description |
+|------|-------------|
+| *(default)* | Label |
+| `prefix` | Icon or text before the label |
+| `suffix` | Icon or text after the label |

package/src/core/components/ui/captcha/captcha.md

@@ -1,12 +1,10 @@
 # Captcha
 
-**`sonic-captcha`** embeds an **ALTCHA** widget and wires **`captchaToken`** / **`needsCaptchaValidation`** on the ancestor **`formDataProvider`** (or **`headersDataProvider`**). **`sonic-submit`** waits for a token before sending when validation is required. The widget loads only on **HTTPS**; on plain HTTP the host renders nothing.
-
-> Live widget calls the Supersoniks challenge service — not part of [docs mock API](#docs/_misc/docs-mock-api.md/docs-mock-api).
+**`sonic-captcha`** embeds an [ALTCHA](https://altcha.org) proof-of-work widget and makes the nearest form wait for it. Place it inside a form scope and put **`sonic-submit`** in its default slot: the widget renders above the slot content, and the submit sends only once a token is available.
 
 ## Basic example
 
-Wrap the form scope and place **`sonic-submit`** in the default slot so the challenge appears above the action.
+The widget loads only on **HTTPS**. On plain HTTP the component renders nothing and the form is not blocked.
 
 <sonic-code>
   <template>
@@ -15,57 +13,44 @@ Wrap the form scope and place **`sonic-submit`** in the default slot so the chal
       formDataProvider="captcha-docs-form"
       submitResultDataProvider="captcha-docs-result"
     >
-      <sonic-captcha formDataProvider="captcha-docs-form">
-        <sonic-input class="mb-3" name="email" type="email" label="Email" value="demo@example.com"></sonic-input>
+      <sonic-captcha>
+        <sonic-input class="mb-3 block" name="email" type="email" label="Email" value="demo@example.com"></sonic-input>
         <sonic-submit endPoint="api/register" onClick>
-          <sonic-button type="primary">Submit with captcha</sonic-button>
+          <sonic-button type="primary">Join the crew</sonic-button>
         </sonic-submit>
       </sonic-captcha>
     </sonic-scope>
   </template>
 </sonic-code>
 
-## Encrypted site key
-
-Optional **`key`** skips client-side key generation. When omitted, the component derives an encrypted key on connect (after **`generateEncryptedKey`**).
-
-<sonic-code>
-  <template>
-    <sonic-captcha formDataProvider="captcha-docs-form" key="6Leq5V0iAAAAAB-41DlWN335jDlcIuXmhNtdd00t">
-      <sonic-button type="outline" disabled>Complete the challenge above to enable submit</sonic-button>
-    </sonic-captcha>
-  </template>
-</sonic-code>
-
-## Form publisher fields
+## Form integration
 
-On connect (HTTPS only), **`needsCaptchaValidation`** is set to **`true`** and **`captchaToken`** is cleared. When the ALTCHA widget reaches **`verified`**, **`captchaToken`** is written on the form publisher and **`sonic-captcha-validate`** fires (`detail.valid` · **`detail.state`** · optional **`detail.token`** / **`detail.payload`**). **`sonic-submit`** still listens for **`request_token`** to refresh the token immediately before send.
+The component writes to the publisher named by the closest `headersDataProvider`, or else `formDataProvider`, on itself or an ancestor. On connect it sets `needsCaptchaValidation` to `true`. When **`sonic-submit`** sees that flag, it requests a token, the captcha copies the solved ALTCHA payload into `captchaToken` and its key into `captchaKey`, and the request is sent. `needsCaptchaValidation` is stripped from the payload. On disconnect both fields are reset.
 
 <sonic-code language="typescript">
   <template>
 {
-  needsCaptchaValidation: true,
+  email: "demo@example.com",
   captchaKey: "…",
   captchaToken: "…"
 }
   </template>
 </sonic-code>
 
+## Key and challenge endpoint
+
+With no `key`, the component generates an encrypted key on connect. The widget fetches its challenge from the `chalengeUrl` property (a JavaScript property, not an attribute) with `key` and `maxNumber` (default `50000`) as query parameters. Point it at your own ALTCHA server and verify `captchaToken` there.
+
+Labels follow the page language: French when `<html lang>` starts with `fr`, English otherwise.
+
 ## API reference
 
 | Attribute | Values | Description |
 |----------|---------|-------------|
-| `formDataProvider` | publisher id | Same as ancestor form scope; reads/writes **`needsCaptchaValidation`** · **`captchaKey`** · **`captchaToken`** |
-| `key` | string | ALTCHA site key; auto-generated when empty |
-| `action` | string | Optional action name forwarded to the widget |
-| `zIndex` | number (default `9999`) | Stacking for the challenge overlay |
+| `key` | string (default generated) | Key sent to the challenge endpoint and copied to `captchaKey` |
 
 | Slot | Description |
 |------|-------------|
-| *(default)* | Form actions (typically **`sonic-submit`** and fields) rendered below the widget |
-
-| Event | Description |
-|-------|-------------|
-| `sonic-captcha-validate` | Fired when **`state`** is **`verified`** · **`error`** or **`expired`**; **`detail.valid`** is **`true`** only for **`verified`** |
+| *(default)* | Form fields and actions, rendered below the widget |
 
-Related: [Submit](#core/components/functional/submit/submit.md/submit) — **`needsCaptchaValidation`** and deferred send.
+No events.

package/src/core/components/ui/card/card.md

@@ -7,7 +7,7 @@ Cards **group related content** on a padded surface with radius, theme **`type`*
 <sonic-code>
   <template>
     <sonic-card class="max-w-sm">
-      <p class="m-0">Related content on a raised surface.</p>
+      <p class="m-0">CN 001 · CDG → JFK · On time.</p>
     </sonic-card>
   </template>
 </sonic-code>
@@ -153,23 +153,23 @@ Header, media, body, and footer together.
 <sonic-code>
   <template>
     <sonic-card class="max-w-md">
-      <sonic-card-header label="Featured route" description="San Francisco → New York">
+      <sonic-card-header label="Featured route" description="CDG → JFK">
         <sonic-icon slot="suffix" library="iconoir" name="airplane" aria-hidden="true"></sonic-icon>
       </sonic-card-header>
       <sonic-card-main>
         <sonic-image
           rounded
           ratio="16/9"
-          src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
-          alt="Airplane wing above the clouds"
+          src="/img/concorde/plane_04.jpg"
+          alt="Concorde on the apron under a blue sky"
         ></sonic-image>
         <p class="mb-0">
-          Nonstop flight with flexible dates. Prices shown include taxes and fees.
+          Nonstop at Mach 2.04, with flexible dates.
         </p>
       </sonic-card-main>
       <sonic-card-footer>
         <div class="flex items-center justify-between gap-3 flex-wrap">
-          <span class="text-sm font-semibold">From $249</span>
+          <span class="text-sm font-semibold">Cabin class: Business</span>
           <sonic-button type="primary" size="sm">Book</sonic-button>
         </div>
       </sonic-card-footer>

package/src/core/components/ui/divider/divider.md

@@ -14,7 +14,7 @@ A bare divider is a full-width line with vertical margin. Omit **`size`** to use
 
 ## Label and align
 
-**`label`** renders inside the line (HTML via the same pipeline as other form labels). **`align`** controls which side(s) of the line remain visible: **`left`** drops the leading segment, **`right`** drops the trailing segment, **`center`** keeps both.
+**`label`** renders inside the line (as HTML). **`align`** controls which side(s) of the line remain visible: **`left`** drops the leading segment, **`right`** drops the trailing segment, **`center`** keeps both.
 
 <sonic-code>
   <template>
@@ -80,13 +80,12 @@ Slotted content replaces or augments **`label`**. Useful for badges, icons, or m
 <sonic-code>
   <template>
     <sonic-divider>
-      <span class="mr-2">Section title</span>
+      <span class="mr-2">Departures</span>
       <sonic-badge type="danger">+25</sonic-badge>
     </sonic-divider>
   </template>
 </sonic-code>
 
-
 ## Inside typed cards
 
 On **`sonic-card`** with semantic **`type`** (`primary` · `warning` · `danger` · `info` · `success`), the rule uses the card’s text color at reduced opacity so it stays visible on tinted surfaces. **`label`** and slotted captions use the same foreground color as surrounding copy.
@@ -95,15 +94,15 @@ On **`sonic-card`** with semantic **`type`** (`primary` · `warning` · `danger`
   <template>
     <div class="grid gap-4 max-w-xl">
       <sonic-card type="danger">
-        <div>This action cannot be undone.</div>
-        <sonic-divider label="Affected resources"></sonic-divider>
+        <div>CN 001 is cancelled.</div>
+        <sonic-divider label="Affected passengers"></sonic-divider>
         <ul class="m-0 pl-5 text-sm">
-          <li>Project files</li>
-          <li>Shared links</li>
+          <li>Ada Lindqvist</li>
+          <li>Captain Leo Marchand</li>
         </ul>
       </sonic-card>
       <sonic-card type="info">
-        <div>Maintenance is scheduled for tonight.</div>
+        <div>Aircraft maintenance is scheduled for tonight.</div>
         <sonic-divider></sonic-divider>
         <div class="opacity-60">Expected downtime: about 15 minutes.</div>
       </sonic-card>
@@ -117,7 +116,7 @@ On **`sonic-card`** with semantic **`type`** (`primary` · `warning` · `danger`
 |----------|---------|-------------|
 | `label` | string (HTML) | Caption centered on the rule; combined with default-slot content when both are set |
 | `align` | `left` · `center` · `right` (default `center`) | Hides the leading or trailing line segment for left/right alignment |
-| `size` | `2xs` · `xs` · `sm` · `md` · `lg` · `xl` · `2xl` · `inherit` | Vertical margin and label `font-size`; omit for host defaults |
+| `size` | `2xs` … `2xl` · `inherit` | Vertical margin and label `font-size`; omit for host defaults |
 | `lineStyle` | `solid` · `dashed` · `dotted` (default `solid`) | Stroke style of the rule (HTML attribute `linestyle`) |
 | `vertical` | boolean | Renders a vertical rule; swap block/inline margins |
 | `noMargin` | boolean | Sets host margin to `0` |
@@ -125,5 +124,3 @@ On **`sonic-card`** with semantic **`type`** (`primary` · `warning` · `danger`
 | Slot | Description |
 |------|-------------|
 | *(default)* | Label markup when **`label`** is insufficient or empty |
-
-The inner flex container exposes **`part="divider"`** for theme overrides.