@supersoniks/concorde 5.1.2 → 5.1.3-immutable.1

package/docs/core/components/ui/form/checkbox/checkbox.md

@@ -1,125 +0,0 @@
-# Checkbox
-
-**`sonic-checkbox`** is a styled checkbox that writes its `value` into form data. Give it a `name` and a `formDataProvider` (on the field or an ancestor); checkboxes sharing a `name` build an array of the checked values. Label goes in the default slot or `label`, helper text in the `description` slot.
-
-## Basic example
-
-<sonic-code>
-  <template>
-    <sonic-checkbox>
-      Notify me of gate changes
-      <span slot="description">One message per change, no spam.</span>
-    </sonic-checkbox>
-  </template>
-</sonic-code>
-
-## Size
-
-With no `size`, the checkbox follows `md` (1rem).
-
-<sonic-code>
-  <template>
-    <div class="grid gap-2">
-      <sonic-checkbox size="2xs">2xs</sonic-checkbox>
-      <sonic-checkbox size="xs">xs</sonic-checkbox>
-      <sonic-checkbox size="sm">sm</sonic-checkbox>
-      <sonic-checkbox>Default</sonic-checkbox>
-      <sonic-checkbox size="lg">lg</sonic-checkbox>
-      <sonic-checkbox size="xl">xl</sonic-checkbox>
-      <sonic-checkbox size="2xl">2xl</sonic-checkbox>
-    </div>
-  </template>
-</sonic-code>
-
-## Checked and disabled
-
-`checked` sets the initial state. `disabled` blocks interaction and dims the control.
-
-<sonic-code>
-  <template>
-    <div class="grid gap-2">
-      <sonic-checkbox checked>Checked</sonic-checkbox>
-      <sonic-checkbox disabled>Disabled</sonic-checkbox>
-      <sonic-checkbox disabled checked>Disabled and checked</sonic-checkbox>
-      <sonic-checkbox>I accept the <sonic-link href="#" class="underline">terms</sonic-link></sonic-checkbox>
-    </div>
-  </template>
-</sonic-code>
-
-## Form binding
-
-Checkboxes with the same `name` under one `formDataProvider` store an array of the checked `value`s. Initial state is read from that data, so a value already present checks the matching box. See [Data flow](/docs/getting-started/dataFlow).
-
-<sonic-code>
-  <template>
-    <div formDataProvider="checkbox-multiple-demo" class="grid gap-2">
-      <sonic-checkbox name="extras" value="baggage" checked>Extra baggage</sonic-checkbox>
-      <sonic-checkbox name="extras" value="meal">Meal</sonic-checkbox>
-      <sonic-checkbox name="extras" value="lounge">Lounge access</sonic-checkbox>
-      <div>Selected: <sonic-value dataProvider="checkbox-multiple-demo" key="extras"></sonic-value></div>
-    </div>
-  </template>
-</sonic-code>
-
-## Single value
-
-`unique` stores a single value instead of an array: checking one box unchecks the others with the same `name`, and the checked box can be unchecked again (value `null`). `radio` does the same but cannot be unchecked by a click.
-
-<sonic-code>
-  <template>
-    <div formDataProvider="checkbox-unique-demo" class="grid gap-2">
-      <sonic-checkbox unique name="cabin" value="economy">Economy</sonic-checkbox>
-      <sonic-checkbox unique name="cabin" value="business">Business</sonic-checkbox>
-      <div>Cabin: <sonic-value dataProvider="checkbox-unique-demo" key="cabin"></sonic-value></div>
-    </div>
-  </template>
-</sonic-code>
-
-## Check all and indeterminate
-
-A checkbox with `checksAll` and the same `name` toggles every sibling value. It shows the indeterminate icon when only some are checked; its own `value` is never stored. With `unsetOnDisconnect`, a checkbox removes its value from the data when it leaves the DOM. `showAsIndeterminate` forces the indeterminate icon on any checkbox.
-
-<sonic-code>
-  <template>
-    <div formDataProvider="checkbox-check-all-demo" class="grid gap-2">
-      <sonic-checkbox name="alerts" value="all" checksAll>All alerts</sonic-checkbox>
-      <sonic-checkbox name="alerts" value="boarding">Boarding</sonic-checkbox>
-      <sonic-checkbox name="alerts" value="gate">Gate change</sonic-checkbox>
-      <div id="checkbox-removable" class="flex gap-2 items-center">
-        <sonic-checkbox name="alerts" value="delay" unsetOnDisconnect>Delay</sonic-checkbox>
-        <sonic-button size="xs" variant="ghost" onclick="document.getElementById('checkbox-removable').remove()">Remove</sonic-button>
-      </div>
-      <div>Selected: <sonic-value dataProvider="checkbox-check-all-demo" key="alerts"></sonic-value></div>
-    </div>
-  </template>
-</sonic-code>
-
-## API reference
-
-| Attribute | Values | Description |
-|----------|---------|-------------|
-| `name` | string | Key in the form data (dot notation supported) |
-| `value` | string | Value stored when checked |
-| `formDataProvider` | string | Form data id; inherited from the closest ancestor when omitted |
-| `checked` | boolean | Initial checked state |
-| `unique` | boolean | Stores a single value; can be unchecked |
-| `radio` | boolean | Stores a single value; cannot be unchecked by a click |
-| `checksAll` | boolean | Toggles every checkbox with the same `name` |
-| `unsetOnDisconnect` | boolean | Removes the value from the data when the element is removed |
-| `showAsIndeterminate` | boolean | Forces the indeterminate icon |
-| `label` | string (HTML) | Label, rendered before the default slot |
-| `description` | string (HTML) | Helper text, rendered in the `description` slot |
-| `size` | `2xs` … `2xl` · `inherit` (default `md`) | Font size and box size |
-| `disabled` | boolean | Blocks interaction |
-| `required` | boolean | Native validation on form submit |
-| `autofocus` | boolean | Focuses the input on load |
-| `iconName` | string (default `check`) | Icon shown when checked |
-| `indeterminateIconName` | string (default `minus-small`) | Icon shown when indeterminate |
-| `data-aria-label` · `data-aria-labelledby` | string | Forwarded to the inner input as `aria-label` / `aria-labelledby` |
-
-| Slot | Description |
-|------|-------------|
-| *(default)* | Label content (text, links) |
-| `description` | Helper text under the label |
-
-Fires a `change` event on each click.

package/docs/core/components/ui/form/fieldset/fieldset.html

@@ -1,238 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/ui/form/fieldset" data-doc-id="core/components/ui/form/fieldset/fieldset">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Fieldset — Concorde by Supersoniks</title>
-  <meta name="description" content="sonic-fieldset groups related form controls in a bordered container rendered as a native &lt;fieldset&gt;. Put fields in the default slot and title the group with a slotted sonic-legend or with the label an">
-  <meta name="keywords" content="Concorde, supersoniks, core/components/ui/form/fieldset/fieldset, fieldset, Fieldset, UI component, form, sonic-fieldset, web component, , sonic-legend, label, description, sonic-form-layout, variant, default, ghost, shadow">
-  <meta name="concorde-doc-id" content="core/components/ui/form/fieldset/fieldset">
-  <link rel="canonical" href="https://concorde.supersoniks.org/core/components/ui/form/fieldset">
-  <link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/ui/form/fieldset.md">
-</head>
-<body>
-  <header>
-    <p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/ui/form/fieldset">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
-  </header>
-  <main>
-    <article>
-      <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Fieldset</strong>. sonic-fieldset groups related form controls in a bordered container rendered as a native &lt;fieldset&gt;. Put fields in the default slot and title the group with a slotted sonic-legend or with the label an <span>Doc ID: <code>core/components/ui/form/fieldset/fieldset</code>. Keywords: Concorde, supersoniks, core/components/ui/form/fieldset/fieldset, fieldset, Fieldset, UI component, form, sonic-fieldset, web component, , sonic-legend, label, description, sonic-form-layout, variant, default, ghost, shadow. URL: <a href="https://concorde.supersoniks.org/core/components/ui/form/fieldset">https://concorde.supersoniks.org/core/components/ui/form/fieldset</a>.</span></p>
-      <h1 id="fieldset">Fieldset</h1>
-<p><strong><code>sonic-fieldset</code></strong> groups related form controls in a bordered container rendered as a native <code>&lt;fieldset&gt;</code>. Put fields in the default slot and title the group with a slotted <code>sonic-legend</code> or with the <code>label</code> and <code>description</code> shorthand. Pair the body with <code>sonic-form-layout</code> for responsive columns.</p>
-<h2 id="basic-example">Basic example</h2>
-<pre><code>&lt;sonic-fieldset&gt;
-      &lt;sonic-legend label=&quot;Passenger contact&quot;&gt;&lt;/sonic-legend&gt;
-      &lt;sonic-form-layout&gt;
-        &lt;sonic-input autocomplete=&quot;email&quot; label=&quot;Email&quot; name=&quot;email&quot; type=&quot;email&quot;&gt;&lt;/sonic-input&gt;
-        &lt;sonic-input autocomplete=&quot;tel&quot; label=&quot;Phone&quot; name=&quot;phone&quot; type=&quot;tel&quot;&gt;&lt;/sonic-input&gt;
-      &lt;/sonic-form-layout&gt;
-    &lt;/sonic-fieldset&gt;
-</code></pre>
-<h2 id="variant">Variant</h2>
-<p>With no <code>variant</code>, the fieldset is <code>default</code> (bordered). <code>ghost</code> and <code>shadow</code> hide the border; <code>shadow</code> adds <code>--sc-shadow-lg</code>.</p>
-<pre><code>&lt;div class=&quot;grid gap-4&quot;&gt;
-      &lt;sonic-fieldset variant=&quot;default&quot;&gt;
-        &lt;sonic-legend label=&quot;Default&quot;&gt;&lt;/sonic-legend&gt;
-        &lt;sonic-input label=&quot;Field&quot; name=&quot;a&quot;&gt;&lt;/sonic-input&gt;
-      &lt;/sonic-fieldset&gt;
-      &lt;sonic-fieldset variant=&quot;ghost&quot;&gt;
-        &lt;sonic-legend label=&quot;Ghost&quot;&gt;&lt;/sonic-legend&gt;
-        &lt;sonic-input label=&quot;Field&quot; name=&quot;b&quot;&gt;&lt;/sonic-input&gt;
-      &lt;/sonic-fieldset&gt;
-      &lt;sonic-fieldset variant=&quot;shadow&quot;&gt;
-        &lt;sonic-legend label=&quot;Shadow&quot;&gt;&lt;/sonic-legend&gt;
-        &lt;sonic-input label=&quot;Field&quot; name=&quot;c&quot;&gt;&lt;/sonic-input&gt;
-      &lt;/sonic-fieldset&gt;
-    &lt;/div&gt;
-</code></pre>
-<h2 id="tight">Tight</h2>
-<p><code>tight</code> removes horizontal padding, side borders and rounding, for a flat strip inside a parent.</p>
-<pre><code>&lt;sonic-fieldset tight variant=&quot;ghost&quot;&gt;
-      &lt;sonic-legend label=&quot;Tight fieldset&quot;&gt;&lt;/sonic-legend&gt;
-      &lt;sonic-input label=&quot;Field&quot; name=&quot;tight&quot;&gt;&lt;/sonic-input&gt;
-    &lt;/sonic-fieldset&gt;
-</code></pre>
-<h2 id="legend">Legend</h2>
-<p><code>sonic-legend</code> takes <code>label</code> and <code>description</code>, or custom markup in its default slot with <code>sonic-legend-description</code> for the secondary line. <code>iconName</code> adds a leading <code>sonic-icon</code>. <strong><code>label</code> and <code>description</code> are rendered as HTML</strong>: pass trusted content only.</p>
-<pre><code>&lt;div class=&quot;grid gap-4&quot;&gt;
-      &lt;sonic-fieldset&gt;
-        &lt;sonic-legend label=&quot;Attributes&quot; description=&quot;Short description via attributes&quot;&gt;&lt;/sonic-legend&gt;
-        &lt;sonic-input label=&quot;Field&quot; name=&quot;attr&quot;&gt;&lt;/sonic-input&gt;
-      &lt;/sonic-fieldset&gt;
-      &lt;sonic-fieldset&gt;
-        &lt;sonic-legend iconLibrary=&quot;iconoir&quot; iconName=&quot;pin-alt&quot;&gt;
-          Custom title in the default slot
-          &lt;sonic-legend-description&gt;Description via sonic-legend-description&lt;/sonic-legend-description&gt;
-        &lt;/sonic-legend&gt;
-        &lt;sonic-input label=&quot;Field&quot; name=&quot;slot&quot;&gt;&lt;/sonic-input&gt;
-      &lt;/sonic-fieldset&gt;
-    &lt;/div&gt;
-</code></pre>
-<h2 id="shorthand-legend">Shorthand legend</h2>
-<p>When <code>label</code> is set on <code>sonic-fieldset</code>, it renders the <code>sonic-legend</code> itself and forwards <code>description</code> · <code>iconName</code> · <code>iconLibrary</code> · <code>iconPrefix</code>. Do not also slot a <code>sonic-legend</code>, or the group gets two titles.</p>
-<pre><code>&lt;sonic-fieldset
-      label=&quot;Crew profile&quot;
-      description=&quot;Basic crew member fields&quot;
-      iconLibrary=&quot;iconoir&quot;
-      iconName=&quot;user&quot;
-    &gt;
-      &lt;sonic-input label=&quot;Display name&quot; name=&quot;display_name&quot;&gt;&lt;/sonic-input&gt;
-    &lt;/sonic-fieldset&gt;
-</code></pre>
-<h2 id="legend-actions">Legend actions</h2>
-<p><code>slot=&quot;suffix&quot;</code> on <code>sonic-legend</code> aligns menus or icon buttons to the end of the title row.</p>
-<pre><code>&lt;sonic-fieldset&gt;
-      &lt;sonic-legend label=&quot;Passenger details&quot;&gt;
-        &lt;sonic-pop class=&quot;inline-block&quot; slot=&quot;suffix&quot;&gt;
-          &lt;sonic-button shape=&quot;circle&quot; variant=&quot;ghost&quot;&gt;
-            &lt;sonic-icon library=&quot;iconoir&quot; size=&quot;lg&quot; name=&quot;more-vert&quot;&gt;&lt;/sonic-icon&gt;
-          &lt;/sonic-button&gt;
-          &lt;sonic-menu slot=&quot;content&quot; minWidth=&quot;12rem&quot;&gt;
-            &lt;sonic-menu-item&gt;Legal notice&lt;/sonic-menu-item&gt;
-            &lt;sonic-menu-item&gt;Terms of use&lt;/sonic-menu-item&gt;
-          &lt;/sonic-menu&gt;
-        &lt;/sonic-pop&gt;
-      &lt;/sonic-legend&gt;
-      &lt;sonic-form-layout&gt;
-        &lt;sonic-input autocomplete=&quot;family-name&quot; label=&quot;Last name&quot; name=&quot;last_name&quot;&gt;&lt;/sonic-input&gt;
-        &lt;sonic-input autocomplete=&quot;given-name&quot; label=&quot;First name&quot; name=&quot;first_name&quot;&gt;&lt;/sonic-input&gt;
-      &lt;/sonic-form-layout&gt;
-    &lt;/sonic-fieldset&gt;
-</code></pre>
-<p><sonic-alert status="warning" label="Disabled state and form association" text="Both attributes are set on the inner native fieldset only. Slotted Concorde fields are not disabled or re-associated by them: set disabled on each field instead."></sonic-alert></p>
-<h2 id="api-reference">API reference</h2>
-<h3 id="sonic-fieldset"><code>sonic-fieldset</code></h3>
-<table>
-<thead>
-<tr>
-<th>Attribute</th>
-<th>Values</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody><tr>
-<td><code>variant</code></td>
-<td><code>default</code> · <code>ghost</code> · <code>shadow</code> (default <code>default</code>)</td>
-<td>Border and shadow treatment</td>
-</tr>
-<tr>
-<td><code>tight</code></td>
-<td>boolean</td>
-<td>Removes horizontal padding, side borders and rounding</td>
-</tr>
-<tr>
-<td><code>label</code></td>
-<td>string</td>
-<td>Shorthand title; renders a <code>sonic-legend</code> when set</td>
-</tr>
-<tr>
-<td><code>description</code></td>
-<td>string</td>
-<td>Shorthand description (HTML)</td>
-</tr>
-<tr>
-<td><code>iconName</code></td>
-<td>string</td>
-<td>Shorthand legend icon <code>name</code></td>
-</tr>
-<tr>
-<td><code>iconLibrary</code></td>
-<td>string</td>
-<td>Shorthand legend icon <code>library</code></td>
-</tr>
-<tr>
-<td><code>iconPrefix</code></td>
-<td>string</td>
-<td>Shorthand legend icon <code>prefix</code></td>
-</tr>
-<tr>
-<td><code>disabled</code></td>
-<td>boolean</td>
-<td>Sets <code>disabled</code> on the inner native <code>&lt;fieldset&gt;</code></td>
-</tr>
-<tr>
-<td><code>form</code></td>
-<td>string</td>
-<td>Sets <code>form</code> on the inner native <code>&lt;fieldset&gt;</code></td>
-</tr>
-<tr>
-<td><code>dataProvider</code></td>
-<td>string</td>
-<td>Publisher key; matching publisher fields (e.g. <code>label</code>) fill the properties</td>
-</tr>
-</tbody></table>
-<table>
-<thead>
-<tr>
-<th>Slot</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody><tr>
-<td><em>(default)</em></td>
-<td>Optional <code>sonic-legend</code>, then the grouped fields</td>
-</tr>
-</tbody></table>
-<h3 id="sonic-legend"><code>sonic-legend</code></h3>
-<table>
-<thead>
-<tr>
-<th>Attribute</th>
-<th>Values</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody><tr>
-<td><code>label</code></td>
-<td>string</td>
-<td>Title (HTML)</td>
-</tr>
-<tr>
-<td><code>description</code></td>
-<td>string</td>
-<td>Description (HTML), wrapped in <code>sonic-legend-description</code></td>
-</tr>
-<tr>
-<td><code>iconName</code></td>
-<td>string</td>
-<td>Leading <code>sonic-icon</code> <code>name</code></td>
-</tr>
-<tr>
-<td><code>iconLibrary</code></td>
-<td>string</td>
-<td>Icon <code>library</code></td>
-</tr>
-<tr>
-<td><code>iconPrefix</code></td>
-<td>string</td>
-<td>Icon <code>prefix</code></td>
-</tr>
-<tr>
-<td><code>forceAutoFill</code></td>
-<td>boolean</td>
-<td>Lets a <code>label</code> or <code>description</code> set as a property override the attribute value</td>
-</tr>
-</tbody></table>
-<table>
-<thead>
-<tr>
-<th>Slot</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody><tr>
-<td><em>(default)</em></td>
-<td>Custom title and <code>sonic-legend-description</code></td>
-</tr>
-<tr>
-<td><code>suffix</code></td>
-<td>Trailing actions (menus, icon buttons)</td>
-</tr>
-</tbody></table>
-<h3 id="sonic-legend-description"><code>sonic-legend-description</code></h3>
-<p>No attributes. The default slot holds the muted line under the legend title.</p>
-
-    </article>
-  </main>
-</body>
-</html>

package/docs/core/components/ui/form/fieldset/fieldset.md

@@ -1,161 +0,0 @@
-# Fieldset
-
-**`sonic-fieldset`** groups related form controls in a bordered container rendered as a native `<fieldset>`. Put fields in the default slot and title the group with a slotted `sonic-legend` or with the `label` and `description` shorthand. Pair the body with `sonic-form-layout` for responsive columns.
-
-## Basic example
-
-<sonic-code>
-  <template>
-    <sonic-fieldset>
-      <sonic-legend label="Passenger contact"></sonic-legend>
-      <sonic-form-layout>
-        <sonic-input autocomplete="email" label="Email" name="email" type="email"></sonic-input>
-        <sonic-input autocomplete="tel" label="Phone" name="phone" type="tel"></sonic-input>
-      </sonic-form-layout>
-    </sonic-fieldset>
-  </template>
-</sonic-code>
-
-## Variant
-
-With no `variant`, the fieldset is `default` (bordered). `ghost` and `shadow` hide the border; `shadow` adds `--sc-shadow-lg`.
-
-<sonic-code>
-  <template>
-    <div class="grid gap-4">
-      <sonic-fieldset variant="default">
-        <sonic-legend label="Default"></sonic-legend>
-        <sonic-input label="Field" name="a"></sonic-input>
-      </sonic-fieldset>
-      <sonic-fieldset variant="ghost">
-        <sonic-legend label="Ghost"></sonic-legend>
-        <sonic-input label="Field" name="b"></sonic-input>
-      </sonic-fieldset>
-      <sonic-fieldset variant="shadow">
-        <sonic-legend label="Shadow"></sonic-legend>
-        <sonic-input label="Field" name="c"></sonic-input>
-      </sonic-fieldset>
-    </div>
-  </template>
-</sonic-code>
-
-## Tight
-
-`tight` removes horizontal padding, side borders and rounding, for a flat strip inside a parent.
-
-<sonic-code>
-  <template>
-    <sonic-fieldset tight variant="ghost">
-      <sonic-legend label="Tight fieldset"></sonic-legend>
-      <sonic-input label="Field" name="tight"></sonic-input>
-    </sonic-fieldset>
-  </template>
-</sonic-code>
-
-## Legend
-
-`sonic-legend` takes `label` and `description`, or custom markup in its default slot with `sonic-legend-description` for the secondary line. `iconName` adds a leading `sonic-icon`. **`label` and `description` are rendered as HTML**: pass trusted content only.
-
-<sonic-code>
-  <template>
-    <div class="grid gap-4">
-      <sonic-fieldset>
-        <sonic-legend label="Attributes" description="Short description via attributes"></sonic-legend>
-        <sonic-input label="Field" name="attr"></sonic-input>
-      </sonic-fieldset>
-      <sonic-fieldset>
-        <sonic-legend iconLibrary="iconoir" iconName="pin-alt">
-          Custom title in the default slot
-          <sonic-legend-description>Description via sonic-legend-description</sonic-legend-description>
-        </sonic-legend>
-        <sonic-input label="Field" name="slot"></sonic-input>
-      </sonic-fieldset>
-    </div>
-  </template>
-</sonic-code>
-
-## Shorthand legend
-
-When `label` is set on `sonic-fieldset`, it renders the `sonic-legend` itself and forwards `description` · `iconName` · `iconLibrary` · `iconPrefix`. Do not also slot a `sonic-legend`, or the group gets two titles.
-
-<sonic-code>
-  <template>
-    <sonic-fieldset
-      label="Crew profile"
-      description="Basic crew member fields"
-      iconLibrary="iconoir"
-      iconName="user"
-    >
-      <sonic-input label="Display name" name="display_name"></sonic-input>
-    </sonic-fieldset>
-  </template>
-</sonic-code>
-
-## Legend actions
-
-`slot="suffix"` on `sonic-legend` aligns menus or icon buttons to the end of the title row.
-
-<sonic-code>
-  <template>
-    <sonic-fieldset>
-      <sonic-legend label="Passenger details">
-        <sonic-pop class="inline-block" slot="suffix">
-          <sonic-button shape="circle" variant="ghost">
-            <sonic-icon library="iconoir" size="lg" name="more-vert"></sonic-icon>
-          </sonic-button>
-          <sonic-menu slot="content" minWidth="12rem">
-            <sonic-menu-item>Legal notice</sonic-menu-item>
-            <sonic-menu-item>Terms of use</sonic-menu-item>
-          </sonic-menu>
-        </sonic-pop>
-      </sonic-legend>
-      <sonic-form-layout>
-        <sonic-input autocomplete="family-name" label="Last name" name="last_name"></sonic-input>
-        <sonic-input autocomplete="given-name" label="First name" name="first_name"></sonic-input>
-      </sonic-form-layout>
-    </sonic-fieldset>
-  </template>
-</sonic-code>
-
-<sonic-alert status="warning" label="Disabled state and form association" text="Both attributes are set on the inner native fieldset only. Slotted Concorde fields are not disabled or re-associated by them: set disabled on each field instead."></sonic-alert>
-
-## API reference
-
-### `sonic-fieldset`
-
-| Attribute | Values | Description |
-|----------|---------|-------------|
-| `variant` | `default` · `ghost` · `shadow` (default `default`) | Border and shadow treatment |
-| `tight` | boolean | Removes horizontal padding, side borders and rounding |
-| `label` | string | Shorthand title; renders a `sonic-legend` when set |
-| `description` | string | Shorthand description (HTML) |
-| `iconName` | string | Shorthand legend icon `name` |
-| `iconLibrary` | string | Shorthand legend icon `library` |
-| `iconPrefix` | string | Shorthand legend icon `prefix` |
-| `disabled` | boolean | Sets `disabled` on the inner native `<fieldset>` |
-| `form` | string | Sets `form` on the inner native `<fieldset>` |
-| `dataProvider` | string | Publisher key; matching publisher fields (e.g. `label`) fill the properties |
-
-| Slot | Description |
-|------|-------------|
-| *(default)* | Optional `sonic-legend`, then the grouped fields |
-
-### `sonic-legend`
-
-| Attribute | Values | Description |
-|----------|---------|-------------|
-| `label` | string | Title (HTML) |
-| `description` | string | Description (HTML), wrapped in `sonic-legend-description` |
-| `iconName` | string | Leading `sonic-icon` `name` |
-| `iconLibrary` | string | Icon `library` |
-| `iconPrefix` | string | Icon `prefix` |
-| `forceAutoFill` | boolean | Lets a `label` or `description` set as a property override the attribute value |
-
-| Slot | Description |
-|------|-------------|
-| *(default)* | Custom title and `sonic-legend-description` |
-| `suffix` | Trailing actions (menus, icon buttons) |
-
-### `sonic-legend-description`
-
-No attributes. The default slot holds the muted line under the legend title.

package/docs/core/components/ui/form/form-actions/form-actions.md

@@ -1,98 +0,0 @@
-# Form actions
-
-**`sonic-form-actions`** lays out form footer controls (submit, cancel) in a wrapping flex row with a `0.3rem` gap. Place it inside `sonic-form-layout`, where it spans the full width, or at the end of any block. Use `justify` and `direction` to arrange the controls.
-
-## Basic example
-
-With no attributes, actions align to the start of the row.
-
-<sonic-code>
-  <template>
-    <form>
-      <sonic-form-layout>
-        <sonic-input label="First name"></sonic-input>
-        <sonic-input label="Last name"></sonic-input>
-        <sonic-form-actions>
-          <sonic-button type="success"><sonic-icon name="check" library="iconoir"></sonic-icon> Check in</sonic-button>
-          <sonic-button type="danger" variant="ghost"><sonic-icon name="undo" library="iconoir"></sonic-icon> Cancel</sonic-button>
-        </sonic-form-actions>
-      </sonic-form-layout>
-    </form>
-  </template>
-</sonic-code>
-
-## Justify
-
-`justify` is the CSS `justify-content` of the row (default `flex-start`). Use `flex-end` for dialog-style footers or `center` for toolbars.
-
-<sonic-code>
-  <template>
-    <form>
-      <sonic-form-layout>
-        <sonic-input label="First name"></sonic-input>
-        <sonic-input label="Last name"></sonic-input>
-        <sonic-form-actions justify="flex-end">
-          <sonic-button type="success"><sonic-icon name="check" library="iconoir"></sonic-icon> Submit</sonic-button>
-          <sonic-button type="danger" variant="ghost"><sonic-icon name="undo" library="iconoir"></sonic-icon> Cancel</sonic-button>
-        </sonic-form-actions>
-      </sonic-form-layout>
-    </form>
-  </template>
-</sonic-code>
-
-## Direction
-
-`direction` is the CSS `flex-direction` (default `row`). `row-reverse` swaps the visual order but keeps the DOM and focus order.
-
-<sonic-code>
-  <template>
-    <form>
-      <sonic-form-layout>
-        <sonic-input label="First name"></sonic-input>
-        <sonic-input label="Last name"></sonic-input>
-        <sonic-form-actions direction="row-reverse">
-          <sonic-button type="success"><sonic-icon name="check" library="iconoir"></sonic-icon> Submit</sonic-button>
-          <sonic-button type="danger" variant="ghost"><sonic-icon name="undo" library="iconoir"></sonic-icon> Cancel</sonic-button>
-        </sonic-form-actions>
-      </sonic-form-layout>
-    </form>
-  </template>
-</sonic-code>
-
-## Mixed controls
-
-Any content can be slotted, such as a vertical `sonic-divider`. The default `alignItems` (`center`) keeps items of different heights aligned.
-
-<sonic-code>
-  <template>
-    <form>
-      <sonic-form-layout>
-        <sonic-input label="First name"></sonic-input>
-        <sonic-input label="Last name"></sonic-input>
-        <sonic-form-actions justify="center">
-          <sonic-button type="info" minWidth="12rem">
-            <sonic-icon name="nav-arrow-left" library="iconoir" slot="prefix"></sonic-icon>
-            Previous step
-          </sonic-button>
-          <sonic-divider vertical></sonic-divider>
-          <sonic-button type="info" minWidth="12rem">
-            <sonic-icon name="nav-arrow-right" library="iconoir" slot="suffix"></sonic-icon>
-            Next step
-          </sonic-button>
-        </sonic-form-actions>
-      </sonic-form-layout>
-    </form>
-  </template>
-</sonic-code>
-
-## API reference
-
-| Attribute | Values | Description |
-|----------|---------|-------------|
-| `direction` | `row` (default) · `column` · `row-reverse` · `column-reverse` | CSS `flex-direction` of the row |
-| `justify` | CSS `justify-content` value (default `flex-start`) | Distribution along the main axis |
-| `alignItems` | CSS `align-items` value (default `center`) | Cross-axis alignment |
-
-| Slot | Description |
-|------|-------------|
-| *(default)* | Footer controls |